@vogent/vogent-web-client 0.0.1

package/VogentCall.ts

@@ -0,0 +1,160 @@
+import { ApolloClient, InMemoryCache, NormalizedCacheObject, split } from '@apollo/client';
+import { setContext } from '@apollo/client/link/context';
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
+import { getMainDefinition, ObservableSubscription } from '@apollo/client/utilities';
+import {
+  BrowserDialTokenType,
+  Dial,
+  DialsUpdatedMessage,
+  SessionMessageType,
+} from './__generated__/graphql';
+import {
+  AI_CONNECT_SESSION,
+  AI_GET_TOKEN,
+  AI_HANGUP_CALL,
+  AI_START_DIAL_SESSION,
+} from './queries';
+import { createClient } from 'graphql-ws';
+import { VogentDevice } from './devices/VogentDevice';
+import { VonageDevice } from './devices/VonageDevice';
+import { dialStatusIsComplete } from './utils';
+
+export class VogentCall {
+  client: ApolloClient<NormalizedCacheObject>;
+  sessionId: string;
+  subscription?: ObservableSubscription;
+  dial?: Dial;
+  _handlers: {
+    ev: 'status';
+    fn: (...args: any[]) => void;
+  }[];
+
+  constructor(id: string, token: string) {
+    this._handlers = [];
+    this.sessionId = id;
+    const authLink = setContext((_, { headers }) => {
+      return {
+        headers: {
+          ...headers,
+          Authorization: `Bearer ${token}`,
+        },
+      };
+    });
+
+    const httpLink = createClient({
+      url: `https://api.getelto.com/query`,
+    });
+
+    const wsLink = new GraphQLWsLink(
+      createClient({
+        url: `wss://api.getelto.com/query`,
+        connectionParams: () => ({
+          authToken: token,
+        }),
+      })
+    );
+
+    const splitLink = split(
+      ({ query }) => {
+        const definition = getMainDefinition(query);
+        return definition.kind === 'OperationDefinition' && definition.operation === 'subscription';
+      },
+      wsLink,
+      // @ts-ignore
+      authLink.concat(httpLink)
+    );
+
+    this.client = new ApolloClient({
+      cache: new InMemoryCache(),
+      link: splitLink,
+    });
+  }
+
+  on(ev: 'status', fn: (...args: any[]) => void) {
+    this._handlers.push({
+      ev,
+      fn,
+    });
+  }
+
+  updateDial(dial: Dial) {
+    if (!this.dial || dial.status !== this.dial.status) {
+      this._handlers.forEach((h) => {
+        h.fn(dial.status);
+      });
+    } else {
+      return;
+    }
+
+    if (dialStatusIsComplete(dial.status)) {
+      this.subscription?.unsubscribe();
+    }
+
+    this.dial = {
+      ...this.dial,
+      ...dial,
+    };
+  }
+
+  async start() {
+    const token = await this.client.mutate({
+      mutation: AI_GET_TOKEN,
+      variables: {
+        input: {
+          type: BrowserDialTokenType.DialSession,
+          dialSessionId: this.sessionId,
+        },
+      },
+    });
+
+    const d: VogentDevice = await VonageDevice.getDevice(token.data!.browserDialToken.token, true);
+
+    // setDevice(d);
+
+    this.subscription = this.client
+      .subscribe({
+        query: AI_CONNECT_SESSION,
+        variables: {
+          sessionId: this.sessionId,
+        },
+      })
+      .subscribe(({ data }) => {
+        switch (data?.connectSession.messageType) {
+          case SessionMessageType.GlobalCallConnect:
+            this.client.mutate({
+              mutation: AI_START_DIAL_SESSION,
+              variables: {
+                sessionId: this.sessionId,
+              },
+            });
+
+            break;
+          case SessionMessageType.SessionContactUpdate: {
+            const content = data?.connectSession.content as DialsUpdatedMessage;
+            if (content.dials.length != 1) {
+              break;
+            }
+
+            this.updateDial(content.dials[0]);
+          }
+        }
+      });
+
+    const c = await d.connect({
+      params: { EltoDialSessionID: this.sessionId },
+    });
+  }
+
+  async hangup() {
+    if (!this.dial) {
+      return;
+    }
+
+    await this.client.mutate({
+      mutation: AI_HANGUP_CALL,
+      variables: {
+        dialId: this.dial.id,
+      },
+    });
+  }
+}

package/__generated__/gql.ts

@@ -0,0 +1,63 @@
+/* eslint-disable */
+import * as types from './graphql';
+import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+
+/**
+ * Map of all GraphQL operations in the project.
+ *
+ * This map has several performance disadvantages:
+ * 1. It is not tree-shakeable, so it will include all operations in the project.
+ * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.
+ * 3. It does not support dead code elimination, so it will add unused operations.
+ *
+ * Therefore it is highly recommended to use the babel or swc plugin for production.
+ * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
+ */
+const documents = {
+    "\nmutation CreateAdHocDialSession($input: CreateAdHocDialSessionInput!) {\n  createAdHocDialSession(input: $input) {\n    id\n    telephonyProvider\n  }\n}": types.CreateAdHocDialSessionDocument,
+    "\n  mutation StartDialSession($sessionId: ID!) {\n    startDialSession(dialSessionId: $sessionId)\n  }\n": types.StartDialSessionDocument,
+    "\n  mutation HangupCall($dialId: ID!, $dropVoicemail: Boolean, $transferNumber: String) {\n    hangupCall(dialId: $dialId, dropVoicemail: $dropVoicemail, transferNumber: $transferNumber)\n  }\n": types.HangupCallDocument,
+    "\n  mutation BrowserDialToken($input: BrowserDialTokenInput!) {\n    browserDialToken(input: $input) {\n      token\n      iceConfig\n    }\n  }\n": types.BrowserDialTokenDocument,
+    "\n  subscription ConnectSession($sessionId: ID!) {\n    connectSession(sessionId: $sessionId) {\n      messageType\n      content {\n        __typename\n        ... on DialsUpdatedMessage {\n          contactId\n          dials {\n            id\n            status\n            answerType\n            phoneField\n            callDispositionId\n            systemResultType\n            toNumber\n          }\n          contactComplete\n        }\n        ... on DialConnectMessage {\n          dialId\n        }\n        ... on SessionUpdatedMessage {\n          dialSession {\n            id\n            status\n          }\n          reason\n        }\n      }\n    }\n  }\n": types.ConnectSessionDocument,
+};
+
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ *
+ *
+ * @example
+ * ```ts
+ * const query = gql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
+ * ```
+ *
+ * The query argument is unknown!
+ * Please regenerate the types.
+ */
+export function gql(source: string): unknown;
+
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\nmutation CreateAdHocDialSession($input: CreateAdHocDialSessionInput!) {\n  createAdHocDialSession(input: $input) {\n    id\n    telephonyProvider\n  }\n}"): (typeof documents)["\nmutation CreateAdHocDialSession($input: CreateAdHocDialSessionInput!) {\n  createAdHocDialSession(input: $input) {\n    id\n    telephonyProvider\n  }\n}"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation StartDialSession($sessionId: ID!) {\n    startDialSession(dialSessionId: $sessionId)\n  }\n"): (typeof documents)["\n  mutation StartDialSession($sessionId: ID!) {\n    startDialSession(dialSessionId: $sessionId)\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation HangupCall($dialId: ID!, $dropVoicemail: Boolean, $transferNumber: String) {\n    hangupCall(dialId: $dialId, dropVoicemail: $dropVoicemail, transferNumber: $transferNumber)\n  }\n"): (typeof documents)["\n  mutation HangupCall($dialId: ID!, $dropVoicemail: Boolean, $transferNumber: String) {\n    hangupCall(dialId: $dialId, dropVoicemail: $dropVoicemail, transferNumber: $transferNumber)\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation BrowserDialToken($input: BrowserDialTokenInput!) {\n    browserDialToken(input: $input) {\n      token\n      iceConfig\n    }\n  }\n"): (typeof documents)["\n  mutation BrowserDialToken($input: BrowserDialTokenInput!) {\n    browserDialToken(input: $input) {\n      token\n      iceConfig\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  subscription ConnectSession($sessionId: ID!) {\n    connectSession(sessionId: $sessionId) {\n      messageType\n      content {\n        __typename\n        ... on DialsUpdatedMessage {\n          contactId\n          dials {\n            id\n            status\n            answerType\n            phoneField\n            callDispositionId\n            systemResultType\n            toNumber\n          }\n          contactComplete\n        }\n        ... on DialConnectMessage {\n          dialId\n        }\n        ... on SessionUpdatedMessage {\n          dialSession {\n            id\n            status\n          }\n          reason\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  subscription ConnectSession($sessionId: ID!) {\n    connectSession(sessionId: $sessionId) {\n      messageType\n      content {\n        __typename\n        ... on DialsUpdatedMessage {\n          contactId\n          dials {\n            id\n            status\n            answerType\n            phoneField\n            callDispositionId\n            systemResultType\n            toNumber\n          }\n          contactComplete\n        }\n        ... on DialConnectMessage {\n          dialId\n        }\n        ... on SessionUpdatedMessage {\n          dialSession {\n            id\n            status\n          }\n          reason\n        }\n      }\n    }\n  }\n"];
+
+export function gql(source: string) {
+  return (documents as any)[source] ?? {};
+}
+
+export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<  infer TType,  any>  ? TType  : never;