@vapi-ai/web 2.1.7 → 2.1.8

package/dist/vapi.d.ts

@@ -44,6 +44,8 @@ export default class Vapi extends VapiEventEmitter {
     private dailyCallObject;
     constructor(apiToken: string, apiBaseUrl?: string, dailyCallConfig?: Pick<DailyAdvancedConfig, 'avoidEval' | 'alwaysIncludeMicInPermissionPrompt'>, dailyCallObject?: Pick<DailyFactoryOptions, 'audioSource'>);
     private cleanup;
+    private isMobileDevice;
+    private sleep;
     start(assistant?: CreateAssistantDTO | string, assistantOverrides?: AssistantOverrides, squad?: CreateSquadDTO | string): Promise<Call | null>;
     private onAppMessage;
     private handleRemoteParticipantsAudioLevel;

package/dist/vapi.js

@@ -75,6 +75,16 @@ class Vapi extends VapiEventEmitter {
         this.call = null;
         this.speakingTimeout = null;
     }
+    isMobileDevice() {
+        if (typeof navigator === 'undefined') {
+            return false;
+        }
+        const userAgent = navigator.userAgent;
+        return /android|iphone|ipad|ipod|iemobile|blackberry|bada/i.test(userAgent.toLowerCase());
+    }
+    async sleep(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+    }
     async start(assistant, assistantOverrides, squad) {
         if (!assistant && !squad) {
             throw new Error('Assistant or Squad must be provided.');
@@ -144,6 +154,11 @@ class Vapi extends VapiEventEmitter {
                     return;
                 subscribeToTracks(e, this.call, isVideoRecordingEnabled, isVideoEnabled);
             });
+            // Allow mobile devices to finish processing the microphone permissions
+            // request before joining the call and playing the assistant's audio
+            if (this.isMobileDevice()) {
+                await this.sleep(1000);
+            }
             await this.call.join({
                 url: webCall.webCallUrl,
                 subscribeToTracksAutomatically: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vapi-ai/web",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "",
   "main": "dist/vapi.js",
   "types": "dist/vapi.d.ts",
@@ -23,7 +23,6 @@
   "homepage": "https://github.com/VapiAI/web#readme",
   "dependencies": {
     "@daily-co/daily-js": "^0.72.1",
-    "@vapi-ai/web": "^2.1.5",
     "events": "^3.3.0"
   },
   "devDependencies": {

package/vapi.ts

@@ -18,6 +18,49 @@ import {
 } from './api';
 import { client } from './client';
 
+export interface AddMessageMessage {
+  type: 'add-message';
+  message: ChatCompletionMessageParam;
+}
+
+export interface ControlMessages {
+  type: 'control';
+  control: 'mute-assistant' | 'unmute-assistant' | 'say-first-message';
+  videoRecordingStartDelaySeconds?: number;
+}
+
+export interface SayMessage {
+  type: 'say';
+  message: string;
+  endCallAfterSpoken?: boolean;
+}
+
+type VapiClientToServerMessage =
+  | AddMessageMessage
+  | ControlMessages
+  | SayMessage;
+
+type VapiEventNames =
+  | 'call-end'
+  | 'call-start'
+  | 'volume-level'
+  | 'speech-start'
+  | 'speech-end'
+  | 'message'
+  | 'video'
+  | 'error';
+
+type VapiEventListeners = {
+  'call-end': () => void;
+  'call-start': () => void;
+  'volume-level': (volume: number) => void;
+  'speech-start': () => void;
+  'speech-end': () => void;
+  video: (track: MediaStreamTrack) => void;
+  message: (message: any) => void;
+  error: (error: any) => void;
+};
+
 async function startAudioPlayer(
   player: HTMLAudioElement,
   track: MediaStreamTrack,
@@ -64,49 +107,6 @@ function subscribeToTracks(
   });
 }
 
-export interface AddMessageMessage {
-  type: 'add-message';
-  message: ChatCompletionMessageParam;
-}
-
-export interface ControlMessages {
-  type: 'control';
-  control: 'mute-assistant' | 'unmute-assistant' | 'say-first-message';
-  videoRecordingStartDelaySeconds?: number;
-}
-
-export interface SayMessage {
-  type: 'say';
-  message: string;
-  endCallAfterSpoken?: boolean;
-}
-
-type VapiClientToServerMessage =
-  | AddMessageMessage
-  | ControlMessages
-  | SayMessage;
-
-type VapiEventNames =
-  | 'call-end'
-  | 'call-start'
-  | 'volume-level'
-  | 'speech-start'
-  | 'speech-end'
-  | 'message'
-  | 'video'
-  | 'error';
-
-type VapiEventListeners = {
-  'call-end': () => void;
-  'call-start': () => void;
-  'volume-level': (volume: number) => void;
-  'speech-start': () => void;
-  'speech-end': () => void;
-  video: (track: MediaStreamTrack) => void;
-  message: (message: any) => void;
-  error: (error: any) => void;
-};
-
 class VapiEventEmitter extends EventEmitter {
   on<E extends VapiEventNames>(
     event: E,
@@ -171,6 +171,20 @@ export default class Vapi extends VapiEventEmitter {
     this.speakingTimeout = null;
   }
 
+  private isMobileDevice() {
+    if (typeof navigator === 'undefined') {
+      return false;
+    }
+    const userAgent = navigator.userAgent;
+    return /android|iphone|ipad|ipod|iemobile|blackberry|bada/i.test(
+      userAgent.toLowerCase(),
+    );
+  }
+
+  private async sleep(ms: number) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
+
   async start(
     assistant?: CreateAssistantDTO | string,
     assistantOverrides?: AssistantOverrides,
@@ -263,6 +277,12 @@ export default class Vapi extends VapiEventEmitter {
         );
       });
 
+      // Allow mobile devices to finish processing the microphone permissions
+      // request before joining the call and playing the assistant's audio
+      if (this.isMobileDevice()) {
+        await this.sleep(1000);
+      }
+
       await this.call.join({
         url: webCall.webCallUrl,
         subscribeToTracksAutomatically: false,