GraphQL Integration

type Query {
  me: User!
  user(id: ID!): User
  users(first: Int, after: String, filter: UserFilter): UserConnection!
  tenant: Tenant!
  sessions(first: Int, after: String): SessionConnection!
  roles: [Role!]!
  role(id: ID!): Role
  policies: [Policy!]!
  apiKeys: [ApiKey!]!
}

type Mutation {
  updateProfile(input: UpdateProfileInput!): User!
  updatePassword(input: UpdatePasswordInput!): Boolean!
  enableMfa(input: EnableMfaInput!): MfaSetupPayload!
  disableMfa(code: String!): Boolean!
  revokeSession(id: ID!): Boolean!
  revokeAllSessions: Int!
  createRole(input: CreateRoleInput!): Role!
  updateRole(id: ID!, input: UpdateRoleInput!): Role!
  deleteRole(id: ID!): Boolean!
  assignRole(userId: ID!, roleId: ID!): User!
  removeRole(userId: ID!, roleId: ID!): User!
  createPolicy(input: CreatePolicyInput!): Policy!
  updateTenantSettings(input: TenantSettingsInput!): Tenant!
  createApiKey(input: CreateApiKeyInput!): ApiKeyPayload!
  revokeApiKey(id: ID!): Boolean!
}

type PageInfo {
  hasNextPage: Boolean!
  hasPreviousPage: Boolean!
  startCursor: String
  endCursor: String
}

type UserEdge {
  node: User!
  cursor: String!
}

type UserConnection {
  edges: [UserEdge!]!
  pageInfo: PageInfo!
  totalCount: Int!
}

import { createClient } from "graphql-ws";

const client = createClient({
  url: "wss://id.vyntech.com.au/graphql",
  connectionParams: {
    authorization: "Bearer eyJhbGciOiJFZERTQSIs...",
  },
});

// Subscribe to new user events
const unsubscribe = client.subscribe(
  {
    query: `subscription {
      userCreated { id email displayName status }
    }`,
  },
  {
    next: (data) => console.log("New user:", data),
    error: (err) => console.error("Subscription error:", err),
    complete: () => console.log("Subscription closed"),
  }
);

import { ApolloClient, InMemoryCache, createHttpLink } from "@apollo/client";
import { setContext } from "@apollo/client/link/context";

const httpLink = createHttpLink({
  uri: "https://id.vyntech.com.au/graphql",
});

const authLink = setContext((_, { headers }) => ({
  headers: {
    ...headers,
    authorization: `Bearer ${getAccessToken()}`,
  },
}));

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache(),
});

// Usage with React
import { useQuery, gql } from "@apollo/client";

const ME_QUERY = gql`
  query Me {
    me { id email displayName roles { name } }
  }
`;

function Profile() {
  const { data, loading, error } = useQuery(ME_QUERY);
  if (loading) return <p>Loading...</p>;
  if (error) return <p>Error: {error.message}</p>;
  return <h1>Hello, {data.me.displayName}</h1>;
}