@vapi-ai/web 1.3.0 → 1.4.1

package/dist/vapi.d.ts

@@ -9,7 +9,8 @@ export interface AddMessageMessage {
 }
 export interface ControlMessages {
     type: 'control';
-    control: 'mute-assistant' | 'unmute-assistant';
+    control: 'mute-assistant' | 'unmute-assistant' | 'say-first-message';
+    videoRecordingStartDelay?: number;
 }
 export interface SayMessage {
     type: 'say';

package/dist/vapi.js

@@ -90,8 +90,7 @@ class Vapi extends VapiEventEmitter {
             if (this.call) {
                 this.cleanup();
             }
-            const isVideoRecordingEnabled = webCall?.artifactPlan?.videoRecordingEnabled ??
-                false;
+            const isVideoRecordingEnabled = webCall?.artifactPlan?.videoRecordingEnabled ?? false;
             this.call = daily_js_1.default.createCallObject({
                 audioSource: true,
                 videoSource: isVideoRecordingEnabled,
@@ -140,7 +139,8 @@ class Vapi extends VapiEventEmitter {
                 subscribeToTracksAutomatically: false,
             });
             if (isVideoRecordingEnabled) {
-                await this.call.startRecording({
+                const recordingRequestedTime = new Date().getTime();
+                this.call.startRecording({
                     width: 1280,
                     height: 720,
                     backgroundColor: '#FF1F2D3D',
@@ -148,6 +148,13 @@ class Vapi extends VapiEventEmitter {
                         preset: 'default',
                     },
                 });
+                this.call.on('recording-started', () => {
+                    this.send({
+                        type: 'control',
+                        control: 'say-first-message',
+                        videoRecordingStartDelay: new Date().getTime() - recordingRequestedTime,
+                    });
+                });
             }
             this.call.startRemoteParticipantsAudioLevelObserver(100);
             this.call.on('remote-participants-audio-level', (e) => {
@@ -260,7 +267,7 @@ class Vapi extends VapiEventEmitter {
         this.send({
             type: 'say',
             message,
-            endCallAfterSpoken
+            endCallAfterSpoken,
         });
     }
     setInputDevicesAsync(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vapi-ai/web",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "",
   "main": "dist/vapi.js",
   "types": "dist/vapi.d.ts",
@@ -22,7 +22,7 @@
   },
   "homepage": "https://github.com/VapiAI/web#readme",
   "dependencies": {
-    "@daily-co/daily-js": "^0.58.0",
+    "@daily-co/daily-js": "^0.66.0",
     "@vapi-ai/web": "^1.0.263",
     "events": "^3.3.0"
   },

package/update.sh

@@ -1 +1 @@
-npm version minor && npm run build && npm publish && cd ../landing && npm install @vapi-ai/web@latest && cd -
+npm version patch && npm run build && npm publish && cd ../landing && npm install @vapi-ai/web@latest && cd -

package/vapi.ts

@@ -29,7 +29,11 @@ async function buildAudioPlayer(track: any, participantId: string) {
   await startPlayer(player, track);
   return player;
 }
-function subscribeToTracks(e: DailyEventObjectParticipant, call: DailyCall, isVideoRecordingEnabled?: boolean) {
+function subscribeToTracks(
+  e: DailyEventObjectParticipant,
+  call: DailyCall,
+  isVideoRecordingEnabled?: boolean,
+) {
   if (e.participant.local) return;
 
   call.updateParticipant(e.participant.session_id, {
@@ -47,7 +51,8 @@ export interface AddMessageMessage {
 
 export interface ControlMessages {
   type: 'control';
-  control: 'mute-assistant' | 'unmute-assistant';
+  control: 'mute-assistant' | 'unmute-assistant' | 'say-first-message';
+  videoRecordingStartDelay?: number;
 }
 
 export interface SayMessage {
@@ -145,9 +150,7 @@ export default class Vapi extends VapiEventEmitter {
       if (this.call) {
         this.cleanup();
       }
-      const isVideoRecordingEnabled =
-        webCall?.artifactPlan?.videoRecordingEnabled ??
-        false;
+      const isVideoRecordingEnabled = webCall?.artifactPlan?.videoRecordingEnabled ?? false;
 
       this.call = DailyIframe.createCallObject({
         audioSource: true,
@@ -201,7 +204,9 @@ export default class Vapi extends VapiEventEmitter {
       });
 
       if (isVideoRecordingEnabled) {
-        await this.call.startRecording({
+        const recordingRequestedTime = new Date().getTime();
+
+        this.call.startRecording({
           width: 1280,
           height: 720,
           backgroundColor: '#FF1F2D3D',
@@ -209,6 +214,14 @@ export default class Vapi extends VapiEventEmitter {
             preset: 'default',
           },
         });
+
+        this.call.on('recording-started', () => {
+          this.send({
+            type: 'control',
+            control: 'say-first-message',
+            videoRecordingStartDelay: new Date().getTime() - recordingRequestedTime,
+          });
+        });
       }
 
       this.call.startRemoteParticipantsAudioLevelObserver(100);
@@ -327,18 +340,17 @@ export default class Vapi extends VapiEventEmitter {
 
   public say(message: string, endCallAfterSpoken?: boolean) {
     this.send({
-      type:'say', 
+      type: 'say',
       message,
-      endCallAfterSpoken
-    })
+      endCallAfterSpoken,
+    });
   }
 
-
   public setInputDevicesAsync(options: Parameters<DailyCall['setInputDevicesAsync']>[0]) {
-    this.call?.setInputDevicesAsync(options)
+    this.call?.setInputDevicesAsync(options);
   }
 
   public setOutputDeviceAsync(options: Parameters<DailyCall['setOutputDeviceAsync']>[0]) {
-    this.call?.setOutputDeviceAsync(options)
+    this.call?.setOutputDeviceAsync(options);
   }
 }