@vogent/vogent-web-client 0.1.4 → 0.1.6

package/README.md

@@ -0,0 +1,265 @@
+# Vogent Web Client
+
+A TypeScript/JavaScript client library for integrating Vogent into web applications.
+
+## Installation
+
+### Bun
+```bash
+bun add @vogent/vogent-web-client
+```
+
+### NPM
+```bash
+npm install @vogent/vogent-web-client
+```
+
+### Yarn
+```bash
+yarn add @vogent/vogent-web-client
+```
+
+## Prerequisites
+
+Before using VogentCall, you need to obtain the following from the Vogent API:
+- `sessionId`: Unique session identifier
+- `dialId`: Unique dial/call identifier
+- `token`: Authentication token
+
+You may call the [Create Dial](https://docs.vogent.ai/api-reference/create-a-new-dial) endpoint on the browser to create a browser dial (not a phone call), **but you must be using a public API key**. Do not use a private API key on the client.
+
+## Usage
+
+```typescript
+import { VogentCall } from '@vogent/vogent-web-client';
+
+// First, create a dial using the Vogent API
+const response = await fetch('https://api.vogent.ai/api/dials', {
+  method: 'POST',
+  headers: {
+    'Authorization': 'Bearer pub_vogent_...', // Make sure this is a public key, and not a private key.
+    'Content-Type': 'application/json'
+  },
+  body: JSON.stringify({
+    callAgentId: 'your_call_agent_id',
+    browserCall: true  // Set to true for web-based calls
+  })
+});
+
+const { dialToken, sessionId, dialId } = await response.json();
+
+// Create a new call instance with the dial details
+const call = new VogentCall({
+  sessionId: sessionId,
+  dialId: dialId,
+  token: dialToken
+});
+
+// Start the call
+await call.start();
+
+// Connect audio
+const audioConn = await call.connectAudio();
+
+// Monitor transcripts in real-time
+const unsubscribe = call.monitorTranscript((transcript) => {
+  transcript.forEach(({ text, speaker }) => {
+    console.log(`${speaker}: ${text}`);
+  });
+});
+
+// Listen for status changes
+call.on('status', (status) => {
+  console.log('Call status:', status);
+});
+
+// When done, clean up
+unsubscribe();
+await call.hangup();
+```
+
+## API Reference
+
+### Constructor
+
+```typescript
+new VogentCall(dialDetails, config?)
+```
+
+**Parameters:**
+
+- `dialDetails` (required):
+  - `sessionId` (string): Unique session identifier
+  - `dialId` (string): Unique dial/call identifier
+  - `token` (string): Authentication token
+
+- `config` (optional):
+  - `baseUrl` (string): API base URL (defaults to 'https://api.vogent.ai')
+
+**Example:**
+
+```typescript
+const call = new VogentCall(
+  {
+    sessionId: "session_123",
+    dialId: "dial_456",
+    token: "auth_token_789"
+  },
+  {
+    baseUrl: "https://api.vogent.ai" // optional
+  }
+);
+```
+
+### Methods
+
+#### `start()`
+
+Starts the call session. Note: This does not connect audio automatically.
+
+```typescript
+await call.start();
+```
+
+**Returns:** `Promise<void>`
+
+---
+
+#### `connectAudio(liveListen?)`
+
+Establishes the audio connection for the call.
+
+```typescript
+const audioConn = await call.connectAudio();
+```
+
+**Parameters:**
+- `liveListen` (boolean, optional): Set to `true` for monitoring legs (e.g., humans listening to the call who the AI should not interact with). Defaults to `false`.
+
+**Returns:** `Promise<VogentAudioConn>` - Audio connection handle
+
+**Example:**
+
+```typescript
+// Regular participant
+const audioConn = await call.connectAudio();
+
+// Monitor-only participant (live listening)
+const monitorConn = await call.connectAudio(true);
+```
+
+---
+
+#### `monitorTranscript(callback)`
+
+Subscribes to real-time transcript updates.
+
+```typescript
+const unsubscribe = call.monitorTranscript((transcript) => {
+  // Handle transcript updates
+});
+```
+
+**Parameters:**
+- `callback` (function): Called with transcript updates. Receives an array of transcript objects.
+
+**Transcript Object:**
+```typescript
+type Transcript = {
+  text: string;      // The transcript text
+  speaker: string;   // 'HUMAN', 'AI', or 'IVR' (if IVR detection is enabled)
+}[];
+```
+
+**Returns:** `() => void` - Unsubscribe function
+
+**Example:**
+
+```typescript
+const unsubscribe = call.monitorTranscript((transcript) => {
+  transcript.forEach(({ text, speaker }) => {
+    if (speaker === 'AI') {
+      console.log('AI said:', text);
+    } else if (speaker === 'HUMAN') {
+      console.log('Human said:', text);
+    }
+  });
+});
+
+// Later, when you want to stop monitoring
+unsubscribe();
+```
+
+---
+
+#### `on(event, callback)`
+
+Registers an event handler for call status changes.
+
+```typescript
+call.on('status', (status) => {
+  console.log('Status changed:', status);
+});
+```
+
+**Parameters:**
+- `event` (string): Currently only supports `'status'`
+- `callback` (function): Called when the dial status changes
+---
+
+#### `setPaused(paused)`
+
+Pauses or resumes the AI during the call.
+
+```typescript
+await call.setPaused(true);  // Pause the AI
+await call.setPaused(false); // Resume the AI
+```
+
+**Parameters:**
+- `paused` (boolean): `true` to pause the AI, `false` to resume
+
+**Returns:** `Promise<void>`
+
+---
+
+#### `hangup()`
+
+Ends the current call.
+
+```typescript
+await call.hangup();
+```
+
+**Returns:** `Promise<void>`
+
+## Utilities
+
+### `dialStatusIsComplete(status)`
+
+Helper function to check if a dial status indicates the call has completed.
+
+```typescript
+import { dialStatusIsComplete } from '@vogent/vogent-web-client';
+
+call.on('status', (status) => {
+  if (dialStatusIsComplete(status)) {
+    console.log('Call is complete');
+    // Clean up resources
+  }
+});
+```
+
+## TypeScript Support
+
+This library is written in TypeScript and includes full type definitions.
+
+```typescript
+import { VogentCall, Transcript, VogentAudioConn } from '@vogent/vogent-web-client';
+```
+
+## Support
+
+For more information and support:
+- Documentation: [https://docs.vogent.ai](https://docs.vogent.ai)
+- Issues: Please report issues on the GitHub repository

package/dist/VogentCall.d.ts

@@ -44,6 +44,8 @@ export type Transcript = {
     /** The text of the transcript */
     text: string;
     /** The speaker of the transcript currently either 'HUMAN' or 'AI', or 'IVR' if IVR detection is enabled */
+    role: string;
+    /** @deprecated Use role instead */
     speaker: string;
 }[];
 /**
@@ -71,7 +73,7 @@ export declare class VogentCall {
      * @param dialDetails.dialId - Unique dial/call identifier
      * @param dialDetails.token - Authentication token
      * @param config - Configuration options
-     * @param config.baseUrl - API base URL (defaults to 'https://api.getelto.com')
+     * @param config.baseUrl - API base URL (defaults to 'https://api.vogent.ai')
      */
     constructor(dialDetails: {
         sessionId: string;

package/dist/VogentCall.js

@@ -39,11 +39,11 @@
  * @see {@link https://docs.vogent.ai} for complete server documentation
  * @module VogentCall
  */
-import { ApolloClient, createHttpLink, InMemoryCache, split } from '@apollo/client/core';
+import { ApolloClient, createHttpLink, InMemoryCache, split, } from '@apollo/client/core';
 import { setContext } from '@apollo/client/link/context';
 import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
 import { getMainDefinition } from '@apollo/client/utilities';
-import { BrowserDialTokenType, SessionMessageType, } from './__generated__/graphql';
+import { BrowserDialTokenType, LiveTranscriptEventType, SessionMessageType, } from './__generated__/graphql';
 import { AI_CONNECT_SESSION, AI_GET_TOKEN, AI_HANGUP_CALL, AI_START_DIAL_SESSION, AI_SET_PAUSED, REFRESH_TRANSCRIPT, } from './queries';
 import { createClient } from 'graphql-ws';
 import { VonageDevice } from './devices/VonageDevice';
@@ -60,15 +60,15 @@ export class VogentCall {
      * @param dialDetails.dialId - Unique dial/call identifier
      * @param dialDetails.token - Authentication token
      * @param config - Configuration options
-     * @param config.baseUrl - API base URL (defaults to 'https://api.getelto.com')
+     * @param config.baseUrl - API base URL (defaults to 'https://api.vogent.ai')
      */
     constructor(dialDetails, config = {
-        baseUrl: 'https://api.getelto.com',
+        baseUrl: 'https://api.vogent.ai',
     }) {
         this._handlers = [];
         this.sessionId = dialDetails.sessionId;
         this.dialId = dialDetails.dialId;
-        let token = dialDetails.token;
+        const token = dialDetails.token;
         const authLink = setContext((_, { headers }) => {
             return {
                 headers: {
@@ -82,9 +82,9 @@ export class VogentCall {
             uri: `${this.baseUrl}/query`,
             headers: {
                 Authorization: `Bearer ${token}`,
-            }
+            },
         });
-        const wsBaseUrl = this.baseUrl.replace('https://', 'wss://').replace("http://", "ws://");
+        const wsBaseUrl = this.baseUrl.replace('https://', 'wss://').replace('http://', 'ws://');
         const wsLink = new GraphQLWsLink(createClient({
             url: `${wsBaseUrl}/query`,
             connectionParams: () => ({
@@ -120,6 +120,17 @@ export class VogentCall {
      * @returns Function to unsubscribe from transcript updates
      */
     monitorTranscript(fn) {
+        const transcriptLines = [];
+        const liveTranscriptLines = {};
+        let appendToTranscriptLines = (transcriptLine) => {
+            delete liveTranscriptLines[transcriptLine.role];
+            if (transcriptLines.length > 0 && transcriptLine.role === transcriptLines[transcriptLines.length - 1].role) {
+                transcriptLines[transcriptLines.length - 1].text += ' ' + transcriptLine.text;
+            }
+            else {
+                transcriptLines.push(transcriptLine);
+            }
+        };
         const subscription = this.client
             .subscribe({
             query: REFRESH_TRANSCRIPT,
@@ -129,13 +140,28 @@ export class VogentCall {
         })
             .subscribe(({ data }) => {
             console.log('monitorTranscript', data);
-            if (!data?.watchTranscript) {
+            if (!data?.watchLiveTranscriptEvents) {
                 return;
             }
-            fn(data.watchTranscript.map((t) => ({
+            switch (data.watchLiveTranscriptEvents.eventType) {
+                case LiveTranscriptEventType.Final:
+                    appendToTranscriptLines(data.watchLiveTranscriptEvents.transcriptLine);
+                    break;
+                case LiveTranscriptEventType.Live:
+                    liveTranscriptLines[data.watchLiveTranscriptEvents.transcriptLine.role] = data.watchLiveTranscriptEvents.transcriptLine;
+                    break;
+                default:
+                    break;
+            }
+            fn(transcriptLines.map((t) => ({
+                text: t.text,
+                role: t.role,
+                speaker: t.speaker,
+            })).concat(Object.values(liveTranscriptLines).map((t) => ({
                 text: t.text,
+                role: t.role,
                 speaker: t.speaker,
-            })));
+            }))));
         });
         return () => {
             subscription.unsubscribe();
@@ -175,12 +201,13 @@ export class VogentCall {
                 input: {
                     type: BrowserDialTokenType.DialSession,
                     dialSessionId: this.sessionId,
+                    liveListen: liveListen,
                 },
             },
         });
         let d;
         if (token.data.browserDialToken.telephonyProvider === 'livekit') {
-            d = await LivekitDevice.getDevice(token.data.browserDialToken.token, token.data.browserDialToken.url);
+            d = await LivekitDevice.getDevice(token.data.browserDialToken.token, token.data.browserDialToken.url ?? '');
         }
         else {
             d = await VonageDevice.getDevice(token.data.browserDialToken.token, true);

package/dist/__generated__/gql.d.ts

@@ -24,7 +24,7 @@ declare const documents: {
         dialId: types.Scalars["ID"]["input"];
         pauseStatus: types.Scalars["Boolean"]["input"];
     }>>;
-    "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchTranscript(dialId: $dialId) {\n      speaker\n      text\n      detailType\n    }\n  }\n": DocumentNode<types.RefreshTranscriptSubscription, types.Exact<{
+    "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchLiveTranscriptEvents(dialId: $dialId) {\n      eventType\n      transcriptLine {\n        role\n        speaker\n        text\n        detailType\n        audioStart\n        audioEnd\n        functionCalls {\n          name\n          arguments\n        }\n      }\n    }\n  }\n": DocumentNode<types.RefreshTranscriptSubscription, types.Exact<{
         dialId: types.Scalars["ID"]["input"];
     }>>;
     "\n  mutation BrowserDialToken($input: BrowserDialTokenInput!) {\n    browserDialToken(input: $input) {\n      token\n      iceConfig\n      telephonyProvider\n      url\n    }\n  }\n": DocumentNode<types.BrowserDialTokenMutation, types.Exact<{
@@ -62,7 +62,7 @@ export declare function gql(source: "\n  mutation SetPaused($dialId: ID!, $pause
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function gql(source: "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchTranscript(dialId: $dialId) {\n      speaker\n      text\n      detailType\n    }\n  }\n"): (typeof documents)["\n  subscription RefreshTranscript($dialId: ID!) {\n    watchTranscript(dialId: $dialId) {\n      speaker\n      text\n      detailType\n    }\n  }\n"];
+export declare function gql(source: "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchLiveTranscriptEvents(dialId: $dialId) {\n      eventType\n      transcriptLine {\n        role\n        speaker\n        text\n        detailType\n        audioStart\n        audioEnd\n        functionCalls {\n          name\n          arguments\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  subscription RefreshTranscript($dialId: ID!) {\n    watchLiveTranscriptEvents(dialId: $dialId) {\n      eventType\n      transcriptLine {\n        role\n        speaker\n        text\n        detailType\n        audioStart\n        audioEnd\n        functionCalls {\n          name\n          arguments\n        }\n      }\n    }\n  }\n"];
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

package/dist/__generated__/gql.js

@@ -15,7 +15,7 @@ const documents = {
     "\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 SetPaused($dialId: ID!, $pauseStatus: Boolean!) {\n    pauseAI(dialId: $dialId, pauseStatus: $pauseStatus) {\n        id\n    }\n  }\n": types.SetPausedDocument,
-    "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchTranscript(dialId: $dialId) {\n      speaker\n      text\n      detailType\n    }\n  }\n": types.RefreshTranscriptDocument,
+    "\n  subscription RefreshTranscript($dialId: ID!) {\n    watchLiveTranscriptEvents(dialId: $dialId) {\n      eventType\n      transcriptLine {\n        role\n        speaker\n        text\n        detailType\n        audioStart\n        audioEnd\n        functionCalls {\n          name\n          arguments\n        }\n      }\n    }\n  }\n": types.RefreshTranscriptDocument,
     "\n  mutation BrowserDialToken($input: BrowserDialTokenInput!) {\n    browserDialToken(input: $input) {\n      token\n      iceConfig\n      telephonyProvider\n      url\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            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,
 };

package/dist/__generated__/graphql.d.ts

@@ -63,7 +63,7 @@ export type AiChat = {
     __typename?: 'AIChat';
     id: Scalars['ID']['output'];
     prompt: Scalars['String']['output'];
-    transcript: Array<SpeakerTextRes>;
+    transcript: Array<TranscriptLine>;
 };
 export type AiEvalAggregateResult = {
     __typename?: 'AIEvalAggregateResult';
@@ -108,7 +108,7 @@ export type AiEvalRecordsResult = {
 export type AiEvalResult = {
     __typename?: 'AIEvalResult';
     createdAt: Scalars['Time']['output'];
-    evalTranscript: Array<SpeakerTextRes>;
+    evalTranscript: Array<TranscriptLine>;
     id: Scalars['ID']['output'];
     numAlerts: Scalars['Int']['output'];
     record: AiEvalRecord;
@@ -222,9 +222,14 @@ export type ApiKey = {
     createdAt: Scalars['Time']['output'];
     createdBy: User;
     key: Scalars['String']['output'];
+    keyType: ApiKeyType;
     lastUsed?: Maybe<Scalars['Time']['output']>;
     name: Scalars['String']['output'];
 };
+export declare enum ApiKeyType {
+    Private = "private",
+    Public = "public"
+}
 export declare enum AccessType {
     Deny = "DENY",
     Grant = "GRANT"
@@ -513,6 +518,7 @@ export type CallAgent = {
     defaultPrompt?: Maybe<VersionedPrompt>;
     endpointDetectorConfig: EndpointDetectorConfig;
     extractors: Array<CallAgentExtractor>;
+    fillEmptyStringVariables: Scalars['Boolean']['output'];
     functionDefinitions: Array<CallAgentFunctionDefinition>;
     id: Scalars['ID']['output'];
     idleMessageConfig: IdleMessageConfig;
@@ -536,6 +542,7 @@ export type CallAgent = {
     transcriberConfig: TranscriberConfig;
     transferNumber?: Maybe<Scalars['String']['output']>;
     utteranceDetectorConfig: UtteranceDetectorConfig;
+    versionedPromptAbTestDetails?: Maybe<VersionedPromptAbTestDetails>;
     versionedPromptBackupDetails?: Maybe<VersionedPromptBackupDetails>;
     voiceOptionValues?: Maybe<Array<ModelOptionValue>>;
     voiceVolumeLevel: Scalars['Int']['output'];
@@ -569,6 +576,7 @@ export type CallAgentInput = {
     defaultVersionedPrompt?: InputMaybe<CallAgentVersionedPromptInput>;
     defaultVoiceId: Scalars['ID']['input'];
     endpointDetectorConfig?: InputMaybe<EndpointDetectorConfigInput>;
+    fillEmptyStringVariables?: InputMaybe<Scalars['Boolean']['input']>;
     idleMessageConfig?: InputMaybe<IdleConfigInput>;
     inboundWebhookResponse?: InputMaybe<Scalars['Boolean']['input']>;
     inboundWebhookURL?: InputMaybe<Scalars['String']['input']>;
@@ -627,7 +635,7 @@ export type CallRecording = {
 export type CallTranscript = {
     __typename?: 'CallTranscript';
     id: Scalars['ID']['output'];
-    text: Array<SpeakerTextRes>;
+    text: Array<TranscriptLine>;
 };
 export declare enum CallType {
     Browser = "BROWSER",
@@ -1012,6 +1020,7 @@ export type CreateTaskAttemptInput = {
     webhookUrl?: InputMaybe<Scalars['String']['input']>;
 };
 export type CreateUserApiKeyInput = {
+    keyType?: InputMaybe<ApiKeyType>;
     name: Scalars['String']['input'];
     workspaceId: Scalars['ID']['input'];
 };
@@ -1138,6 +1147,7 @@ export type DialFilter = {
     phoneNumber?: InputMaybe<Scalars['String']['input']>;
     range?: InputMaybe<TimeRange>;
     systemResultTypes?: InputMaybe<Array<SystemResultType>>;
+    versionedPrompts?: InputMaybe<Array<Scalars['ID']['input']>>;
 };
 export type DialListResult = {
     __typename?: 'DialListResult';
@@ -1578,6 +1588,15 @@ export type ListListsItem = {
     modifiedTime: Scalars['String']['output'];
     name: Scalars['String']['output'];
 };
+export type LiveTranscriptEvent = {
+    __typename?: 'LiveTranscriptEvent';
+    eventType: LiveTranscriptEventType;
+    transcriptLine?: Maybe<TranscriptLine>;
+};
+export declare enum LiveTranscriptEventType {
+    Final = "FINAL",
+    Live = "LIVE"
+}
 export type LogCallResponse = {
     __typename?: 'LogCallResponse';
     success: Scalars['Boolean']['output'];
@@ -2498,8 +2517,8 @@ export type RunChatQueryInput = {
 export type RunChatQueryStreamResult = {
     __typename?: 'RunChatQueryStreamResult';
     messageType: ChatStreamMessageType;
-    speakerRes?: Maybe<SpeakerTextRes>;
     text?: Maybe<Scalars['String']['output']>;
+    transcriptLine?: Maybe<TranscriptLine>;
 };
 export type RunModelCounterfactualInput = {
     dialId: Scalars['ID']['input'];
@@ -2661,18 +2680,6 @@ export type SpeakerTextKnowledgeBaseContext = {
     file: KnowledgeBaseFile;
     text: Scalars['String']['output'];
 };
-export type SpeakerTextRes = {
-    __typename?: 'SpeakerTextRes';
-    audioEnd: Scalars['Int']['output'];
-    audioStart: Scalars['Int']['output'];
-    detailType?: Maybe<Scalars['String']['output']>;
-    functionCalls?: Maybe<Array<FunctionCallRes>>;
-    knowledgeBaseContext?: Maybe<Array<SpeakerTextKnowledgeBaseContext>>;
-    nodeTransitionResult?: Maybe<NodeTransitionResult>;
-    playId?: Maybe<Scalars['String']['output']>;
-    speaker: Scalars['String']['output'];
-    text: Scalars['String']['output'];
-};
 export type StatFilter = {
     contactLists?: InputMaybe<Array<Scalars['ID']['input']>>;
     dialSessions?: InputMaybe<Array<Scalars['ID']['input']>>;
@@ -2702,7 +2709,8 @@ export type Subscription = {
     runChatQueryStream: RunChatQueryStreamResult;
     runModelTranscriptCounterfactual: RunModelCounterfactualResult;
     watchDialEvents: DialEvent;
-    watchTranscript: Array<SpeakerTextRes>;
+    watchLiveTranscriptEvents: LiveTranscriptEvent;
+    watchTranscript: Array<TranscriptLine>;
     watchWorkspaceDialEvents: WorkspaceDialEvent;
 };
 export type SubscriptionConnectRoomArgs = {
@@ -2732,6 +2740,9 @@ export type SubscriptionRunModelTranscriptCounterfactualArgs = {
 export type SubscriptionWatchDialEventsArgs = {
     dialId: Scalars['ID']['input'];
 };
+export type SubscriptionWatchLiveTranscriptEventsArgs = {
+    dialId: Scalars['ID']['input'];
+};
 export type SubscriptionWatchTranscriptArgs = {
     dialId: Scalars['ID']['input'];
 };
@@ -2815,6 +2826,28 @@ export type TranscriberParamsInput = {
     keywords?: InputMaybe<Array<Scalars['String']['input']>>;
     type: Scalars['String']['input'];
 };
+export type TranscriptLine = {
+    __typename?: 'TranscriptLine';
+    audioEnd: Scalars['Int']['output'];
+    audioStart: Scalars['Int']['output'];
+    /** @deprecated Use role instead */
+    detailType?: Maybe<Scalars['String']['output']>;
+    functionCalls?: Maybe<Array<FunctionCallRes>>;
+    knowledgeBaseContext?: Maybe<Array<SpeakerTextKnowledgeBaseContext>>;
+    nodeTransitionResult?: Maybe<NodeTransitionResult>;
+    playId?: Maybe<Scalars['String']['output']>;
+    role: TranscriptLineRole;
+    /** @deprecated Use role instead */
+    speaker: Scalars['String']['output'];
+    text: Scalars['String']['output'];
+};
+export declare enum TranscriptLineRole {
+    Ai = "AI",
+    FunctionResult = "FUNCTION_RESULT",
+    Human = "HUMAN",
+    Ivr = "IVR",
+    NodeTransition = "NODE_TRANSITION"
+}
 export type UnlinkPhoneNumberAgentInput = {
     agentId: Scalars['ID']['input'];
     phoneNumberId: Scalars['ID']['input'];
@@ -2885,6 +2918,7 @@ export type UpdateCallAgentInput = {
     callAgentExtractorId?: InputMaybe<NullableStringInput>;
     defaultPromptId?: InputMaybe<Scalars['ID']['input']>;
     endpointDetectorConfig?: InputMaybe<EndpointDetectorConfigInput>;
+    fillEmptyStringVariables?: InputMaybe<Scalars['Boolean']['input']>;
     idleMessageConfig?: InputMaybe<IdleConfigInput>;
     inboundWebhookResponse?: InputMaybe<Scalars['Boolean']['input']>;
     inboundWebhookURL?: InputMaybe<Scalars['String']['input']>;
@@ -2903,7 +2937,7 @@ export type UpdateCallAgentInput = {
     transcriberParams?: InputMaybe<TranscriberParamsInput>;
     transferNumber?: InputMaybe<NullableStringInput>;
     utteranceDetectorConfig?: InputMaybe<UtteranceDetectorConfigInput>;
-    versionedPromptBackupDetails?: InputMaybe<VersionedPromptBackupDetailsInput>;
+    versionedPromptAbTestDetails?: InputMaybe<VersionedPromptAbTestDetailsInput>;
     voiceId?: InputMaybe<Scalars['ID']['input']>;
     voiceOptionValues?: InputMaybe<Array<ModelOptionValueInput>>;
     voiceVolumeLevel?: InputMaybe<Scalars['Int']['input']>;
@@ -2963,6 +2997,7 @@ export type UpdateSystemResultMappingInput = {
 export type UpdateVersionedPromptInput = {
     agentType?: InputMaybe<AgentType>;
     aiModelId?: InputMaybe<Scalars['ID']['input']>;
+    backupDetails?: InputMaybe<VersionedPromptBackupDetailsInput>;
     flowDefinition?: InputMaybe<FlowDefinitionInput>;
     flowDefinitionJSON?: InputMaybe<Scalars['String']['input']>;
     modelOptionValues?: InputMaybe<Array<ModelOptionValueInput>>;
@@ -3087,6 +3122,7 @@ export type VersionedPrompt = {
     __typename?: 'VersionedPrompt';
     agentType: AgentType;
     aiModel?: Maybe<AiModel>;
+    backupDetails?: Maybe<VersionedPromptBackupDetails>;
     createdAt: Scalars['Time']['output'];
     flowDefinition?: Maybe<FlowDefinition>;
     id: Scalars['ID']['output'];
@@ -3096,6 +3132,25 @@ export type VersionedPrompt = {
     prompt?: Maybe<Scalars['String']['output']>;
     updatedAt: Scalars['Time']['output'];
 };
+export type VersionedPromptAbTestDetails = {
+    __typename?: 'VersionedPromptABTestDetails';
+    disable: Scalars['Boolean']['output'];
+    variants: Array<VersionedPromptAbTestVariant>;
+};
+export type VersionedPromptAbTestDetailsInput = {
+    disable?: InputMaybe<Scalars['Boolean']['input']>;
+    variants?: InputMaybe<Array<VersionedPromptAbTestVariantInput>>;
+};
+export type VersionedPromptAbTestVariant = {
+    __typename?: 'VersionedPromptABTestVariant';
+    percentage: Scalars['Int']['output'];
+    versionedPrompt: VersionedPrompt;
+    versionedPromptId: Scalars['ID']['output'];
+};
+export type VersionedPromptAbTestVariantInput = {
+    percentage: Scalars['Int']['input'];
+    versionedPromptId: Scalars['ID']['input'];
+};
 export type VersionedPromptBackupDetails = {
     __typename?: 'VersionedPromptBackupDetails';
     backupPrompts: Array<VersionedPromptBackupPrompt>;
@@ -3197,6 +3252,7 @@ export type Workspace = {
     aggregateStats: AggregateStats;
     aiEvalConfigs: Array<AiEvalConfig>;
     aiModels: AiModelsResult;
+    allowExternalVoiceAPI: Scalars['Boolean']['output'];
     apiKeys?: Maybe<Array<ApiKey>>;
     apolloPurposes: Array<ApolloPurpose>;
     apolloUsers: Array<ApolloUser>;
@@ -3373,6 +3429,7 @@ export type WorkspaceLimits = {
     userPhoneNumberLimit: Scalars['Int']['output'];
 };
 export type WorkspaceLimitsInput = {
+    allowExternalVoiceAPI?: InputMaybe<Scalars['Boolean']['input']>;
     concurrentDialLimit?: InputMaybe<Scalars['Int']['input']>;
     cpsLimit?: InputMaybe<Scalars['Int']['input']>;
     maxExportLimit?: InputMaybe<Scalars['Int']['input']>;
@@ -3432,12 +3489,24 @@ export type RefreshTranscriptSubscriptionVariables = Exact<{
 }>;
 export type RefreshTranscriptSubscription = {
     __typename?: 'Subscription';
-    watchTranscript: Array<{
-        __typename?: 'SpeakerTextRes';
-        speaker: string;
-        text: string;
-        detailType?: string | null;
-    }>;
+    watchLiveTranscriptEvents: {
+        __typename?: 'LiveTranscriptEvent';
+        eventType: LiveTranscriptEventType;
+        transcriptLine?: {
+            __typename?: 'TranscriptLine';
+            role: TranscriptLineRole;
+            speaker: string;
+            text: string;
+            detailType?: string | null;
+            audioStart: number;
+            audioEnd: number;
+            functionCalls?: Array<{
+                __typename?: 'FunctionCallRes';
+                name: string;
+                arguments: string;
+            }> | null;
+        } | null;
+    };
 };
 export type BrowserDialTokenMutationVariables = Exact<{
     input: BrowserDialTokenInput;

package/dist/__generated__/graphql.js

@@ -15,6 +15,11 @@ export var AiModelOptionValueType;
     AiModelOptionValueType["Int"] = "INT";
     AiModelOptionValueType["String"] = "STRING";
 })(AiModelOptionValueType || (AiModelOptionValueType = {}));
+export var ApiKeyType;
+(function (ApiKeyType) {
+    ApiKeyType["Private"] = "private";
+    ApiKeyType["Public"] = "public";
+})(ApiKeyType || (ApiKeyType = {}));
 export var AccessType;
 (function (AccessType) {
     AccessType["Deny"] = "DENY";
@@ -187,6 +192,11 @@ export var KnowledgeBaseFileStatus;
     KnowledgeBaseFileStatus["Active"] = "ACTIVE";
     KnowledgeBaseFileStatus["Processing"] = "PROCESSING";
 })(KnowledgeBaseFileStatus || (KnowledgeBaseFileStatus = {}));
+export var LiveTranscriptEventType;
+(function (LiveTranscriptEventType) {
+    LiveTranscriptEventType["Final"] = "FINAL";
+    LiveTranscriptEventType["Live"] = "LIVE";
+})(LiveTranscriptEventType || (LiveTranscriptEventType = {}));
 export var OpeningLineType;
 (function (OpeningLineType) {
     OpeningLineType["InboundOnly"] = "INBOUND_ONLY";
@@ -266,6 +276,14 @@ export var SystemResultType;
     SystemResultType["VoicemailLeft"] = "VOICEMAIL_LEFT";
     SystemResultType["VoicemailNotLeft"] = "VOICEMAIL_NOT_LEFT";
 })(SystemResultType || (SystemResultType = {}));
+export var TranscriptLineRole;
+(function (TranscriptLineRole) {
+    TranscriptLineRole["Ai"] = "AI";
+    TranscriptLineRole["FunctionResult"] = "FUNCTION_RESULT";
+    TranscriptLineRole["Human"] = "HUMAN";
+    TranscriptLineRole["Ivr"] = "IVR";
+    TranscriptLineRole["NodeTransition"] = "NODE_TRANSITION";
+})(TranscriptLineRole || (TranscriptLineRole = {}));
 export var UserActivityMessageType;
 (function (UserActivityMessageType) {
     UserActivityMessageType["SessionDialConnect"] = "SESSION_DIAL_CONNECT";
@@ -320,6 +338,6 @@ export var WorkspaceDialEventType;
 export const StartDialSessionDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "StartDialSession" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "sessionId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "startDialSession" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "dialSessionId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "sessionId" } } }] }] } }] };
 export const HangupCallDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "HangupCall" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "dropVoicemail" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "Boolean" } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "transferNumber" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "String" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "hangupCall" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "dialId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } } }, { "kind": "Argument", "name": { "kind": "Name", "value": "dropVoicemail" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "dropVoicemail" } } }, { "kind": "Argument", "name": { "kind": "Name", "value": "transferNumber" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "transferNumber" } } }] }] } }] };
 export const SetPausedDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "SetPaused" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }, { "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "pauseStatus" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "Boolean" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "pauseAI" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "dialId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } } }, { "kind": "Argument", "name": { "kind": "Name", "value": "pauseStatus" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "pauseStatus" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }] };
-export const RefreshTranscriptDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "subscription", "name": { "kind": "Name", "value": "RefreshTranscript" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "watchTranscript" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "dialId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "speaker" } }, { "kind": "Field", "name": { "kind": "Name", "value": "text" } }, { "kind": "Field", "name": { "kind": "Name", "value": "detailType" } }] } }] } }] };
+export const RefreshTranscriptDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "subscription", "name": { "kind": "Name", "value": "RefreshTranscript" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "watchLiveTranscriptEvents" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "dialId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "dialId" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "eventType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "transcriptLine" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "role" } }, { "kind": "Field", "name": { "kind": "Name", "value": "speaker" } }, { "kind": "Field", "name": { "kind": "Name", "value": "text" } }, { "kind": "Field", "name": { "kind": "Name", "value": "detailType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "audioStart" } }, { "kind": "Field", "name": { "kind": "Name", "value": "audioEnd" } }, { "kind": "Field", "name": { "kind": "Name", "value": "functionCalls" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "arguments" } }] } }] } }] } }] } }] };
 export const BrowserDialTokenDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "BrowserDialToken" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "input" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "BrowserDialTokenInput" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "browserDialToken" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "input" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "token" } }, { "kind": "Field", "name": { "kind": "Name", "value": "iceConfig" } }, { "kind": "Field", "name": { "kind": "Name", "value": "telephonyProvider" } }, { "kind": "Field", "name": { "kind": "Name", "value": "url" } }] } }] } }] };
 export const ConnectSessionDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "subscription", "name": { "kind": "Name", "value": "ConnectSession" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "sessionId" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "connectSession" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "sessionId" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "sessionId" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "messageType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "content" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "__typename" } }, { "kind": "InlineFragment", "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "DialsUpdatedMessage" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "contactId" } }, { "kind": "Field", "name": { "kind": "Name", "value": "dials" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "status" } }, { "kind": "Field", "name": { "kind": "Name", "value": "answerType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "callDispositionId" } }, { "kind": "Field", "name": { "kind": "Name", "value": "systemResultType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "toNumber" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "contactComplete" } }] } }, { "kind": "InlineFragment", "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "DialConnectMessage" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "dialId" } }] } }, { "kind": "InlineFragment", "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "SessionUpdatedMessage" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "dialSession" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "status" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "reason" } }] } }] } }] } }] } }] };

package/dist/devices/LivekitDevice.d.ts

@@ -4,7 +4,7 @@ export declare class LivekitCall {
     _room: Room;
     _params: any;
     _handlers: {
-        ev: 'mute' | 'disconnect';
+        ev: 'mute' | 'disconnect' | 'track-added';
         fn: (...args: any[]) => void;
     }[];
     constructor(room: Room);
@@ -12,7 +12,7 @@ export declare class LivekitCall {
     sendDigits(k: string): void;
     disconnect(): void;
     sendEvent(evName: string, ...args: any[]): void;
-    on(ev: 'mute' | 'disconnect', fn: (...args: any[]) => void): void;
+    on(ev: 'mute' | 'disconnect' | 'track-added', fn: (...args: any[]) => void): void;
 }
 export declare class LivekitDevice {
     _room: Room;

package/dist/devices/LivekitDevice.js

@@ -1,4 +1,8 @@
 import { Room, RoomEvent, } from 'livekit-client';
+function isReactNative() {
+    // navigator.product is deprecated on browsers, but will be set appropriately for react-native.
+    return navigator.product == 'ReactNative';
+}
 export class LivekitCall {
     constructor(room) {
         this._room = room;
@@ -64,7 +68,9 @@ export class LivekitDevice {
         this._room.disconnect();
     }
     handleTrackSubscribed(track, _publication, _participant) {
-        console.log('Track subscribed', track);
+        if (isReactNative()) {
+            return;
+        }
         if (track.kind === 'audio') {
             const audioElement = track.attach();
             document.body.appendChild(audioElement);
@@ -73,7 +79,7 @@ export class LivekitDevice {
     }
     handleTrackUnsubscribed(track, _publication, _participant) {
         if (track.kind === 'audio') {
-            console.log('Track unsubscribed', track);
+            // console.log('Track unsubscribed', track);
         }
     }
     async connect(_p) {

package/dist/devices/VonageDevice.d.ts

@@ -14,7 +14,7 @@ export declare class VonageCall {
     sendDigits(k: string): void;
     disconnect(): void;
     sendEvent(evName: string, ...args: any[]): void;
-    on(ev: 'mute' | 'disconnect', fn: (...args: any[]) => void): void;
+    on(ev: 'mute' | 'disconnect' | 'track-added', fn: (...args: any[]) => void): void;
 }
 export declare class VonageDevice {
     _sessionId: string;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { VogentCall } from './VogentCall';
+export { VogentCall, Transcript } from './VogentCall';
 export * from './devices/VogentDevice';
 export { dialStatusIsComplete } from './utils';

package/dist/queries.js

@@ -18,10 +18,20 @@ export const AI_SET_PAUSED = gql(`
 `);
 export const REFRESH_TRANSCRIPT = gql(`
   subscription RefreshTranscript($dialId: ID!) {
-    watchTranscript(dialId: $dialId) {
-      speaker
-      text
-      detailType
+    watchLiveTranscriptEvents(dialId: $dialId) {
+      eventType
+      transcriptLine {
+        role
+        speaker
+        text
+        detailType
+        audioStart
+        audioEnd
+        functionCalls {
+          name
+          arguments
+        }
+      }
     }
   }
 `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vogent/vogent-web-client",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "license": "MIT",
   "dependencies": {
     "@apollo/client": "^3.12.4",
@@ -20,9 +20,29 @@
       "default": "./dist/index.js"
     }
   },
+  "repository": {
+    "type": "git",
+    "url": "github:vogent/vogent-web-client"
+  },
+  "publishConfig": {
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+      "dist"
+    ],
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
   "scripts": {
-    "build": "tsc",
-    "prepublishOnly": "yarn build"
+    "build": "bun run tsc",
+    "prepublishOnly": "bun run build",
+    "release:patch": "bun version patch && git push && git push --tags",
+    "release:minor": "bun version minor && git push && git push --tags",
+    "release:major": "bun version major && git push && git push --tags"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^5.0.3",

package/dist/codegen.d.ts

@@ -1,3 +0,0 @@
-import { CodegenConfig } from '@graphql-codegen/cli';
-declare const config: CodegenConfig;
-export default config;

package/dist/codegen.js

@@ -1,25 +0,0 @@
-const config = {
-    generates: {
-        './__generated__/': {
-            preset: 'client',
-            schema: 'https://api.getelto.com/query',
-            documents: ['*.ts'],
-            plugins: [
-                {
-                    add: {
-                        content: '/* eslint-disable */',
-                    },
-                },
-            ],
-            presetConfig: {
-                gqlTagName: 'gql',
-                fragmentMasking: false,
-            },
-            config: {
-                dedupeFragments: true,
-            },
-        },
-    },
-    ignoreNoDocuments: true,
-};
-export default config;