@vapi-ai/web 1.0.253 → 1.0.256

package/dist/client.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.client = void 0;
 const api_1 = require("./api");
@@ -16,7 +7,7 @@ const api = new api_1.Api({
     baseApiParams: {
         secure: true,
     },
-    securityWorker: (securityData) => __awaiter(void 0, void 0, void 0, function* () {
+    securityWorker: async (securityData) => {
         if (securityData) {
             return {
                 headers: {
@@ -24,6 +15,6 @@ const api = new api_1.Api({
                 },
             };
         }
-    }),
+    },
 });
 exports.client = api;

package/dist/vapi.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -17,26 +8,22 @@ const events_1 = __importDefault(require("events"));
 const client_1 = require("./client");
 function destroyAudioPlayer(participantId) {
     const player = document.querySelector(`audio[data-participant-id="${participantId}"]`);
-    player === null || player === void 0 ? void 0 : player.remove();
+    player?.remove();
 }
-function startPlayer(player, track) {
-    return __awaiter(this, void 0, void 0, function* () {
-        player.muted = false;
-        player.autoplay = true;
-        if (track != null) {
-            player.srcObject = new MediaStream([track]);
-            yield player.play();
-        }
-    });
+async function startPlayer(player, track) {
+    player.muted = false;
+    player.autoplay = true;
+    if (track != null) {
+        player.srcObject = new MediaStream([track]);
+        await player.play();
+    }
 }
-function buildAudioPlayer(track, participantId) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const player = document.createElement("audio");
-        player.dataset.participantId = participantId;
-        document.body.appendChild(player);
-        yield startPlayer(player, track);
-        return player;
-    });
+async function buildAudioPlayer(track, participantId) {
+    const player = document.createElement("audio");
+    player.dataset.participantId = participantId;
+    document.body.appendChild(player);
+    await startPlayer(player, track);
+    return player;
 }
 function subscribeToTracks(e, call) {
     if (e.participant.local)
@@ -70,98 +57,95 @@ class VapiEventEmitter extends events_1.default {
     }
 }
 class Vapi extends VapiEventEmitter {
+    started = false;
+    call = null;
+    speakingTimeout = null;
+    averageSpeechLevel = 0;
     constructor(apiToken, apiBaseUrl) {
         super();
-        this.started = false;
-        this.call = null;
-        this.speakingTimeout = null;
-        this.averageSpeechLevel = 0;
-        client_1.client.baseUrl = apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : "https://api.vapi.ai";
+        client_1.client.baseUrl = apiBaseUrl ?? "https://api.vapi.ai";
         client_1.client.setSecurityData(apiToken);
     }
     cleanup() {
-        var _a;
         this.started = false;
-        (_a = this.call) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.call?.destroy();
         this.call = null;
         this.speakingTimeout = null;
     }
-    start(assistant) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.started) {
-                return null;
-            }
-            this.started = true;
-            try {
-                const webCall = (yield client_1.client.call.callControllerCreateWebCall({
-                    assistant: typeof assistant === "string" ? undefined : assistant,
-                    assistantId: typeof assistant === "string" ? assistant : undefined,
-                })).data;
-                this.call = daily_js_1.default.createCallObject({
-                    audioSource: true,
-                    videoSource: false,
-                });
-                (_a = this.call.iframe()) === null || _a === void 0 ? void 0 : _a.style.setProperty("display", "none");
-                this.call.on("left-meeting", () => {
-                    this.emit("call-end");
-                    this.cleanup();
-                });
-                this.call.on("participant-left", (e) => {
-                    if (!e)
-                        return;
-                    destroyAudioPlayer(e.participant.session_id);
-                });
-                this.call.on("error", () => {
-                    // Ignore error
-                });
-                this.call.on("track-started", (e) => __awaiter(this, void 0, void 0, function* () {
-                    var _b, _c, _d;
-                    if (!e || !e.participant)
-                        return;
-                    if ((_b = e.participant) === null || _b === void 0 ? void 0 : _b.local)
-                        return;
-                    if (e.track.kind !== "audio")
-                        return;
-                    yield buildAudioPlayer(e.track, e.participant.session_id);
-                    if (((_c = e === null || e === void 0 ? void 0 : e.participant) === null || _c === void 0 ? void 0 : _c.user_name) !== "Vapi Speaker")
-                        return;
-                    (_d = this.call) === null || _d === void 0 ? void 0 : _d.sendAppMessage("playable");
-                    this.emit("call-start");
-                }));
-                this.call.on("participant-joined", (e) => {
-                    if (!e || !this.call)
-                        return;
-                    subscribeToTracks(e, this.call);
-                });
-                yield this.call.join({
-                    url: webCall.webCallUrl,
-                    subscribeToTracksAutomatically: false,
-                });
-                this.call.startRemoteParticipantsAudioLevelObserver(100);
-                this.call.on("remote-participants-audio-level", (e) => this.handleRemoteParticipantsAudioLevel(e));
-                this.call.on("app-message", (e) => this.onAppMessage(e));
-                this.call.updateInputSettings({
-                    audio: {
-                        processor: {
-                            type: "noise-cancellation",
-                        },
-                    },
-                });
-                return webCall;
-            }
-            catch (e) {
-                console.error(e);
-                this.emit("error", e);
+    async start(assistant) {
+        if (this.started) {
+            return null;
+        }
+        this.started = true;
+        try {
+            const webCall = (await client_1.client.call.callControllerCreateWebCall({
+                assistant: typeof assistant === "string" ? undefined : assistant,
+                assistantId: typeof assistant === "string" ? assistant : undefined,
+            })).data;
+            this.call = daily_js_1.default.createCallObject({
+                audioSource: true,
+                videoSource: false,
+            });
+            this.call.iframe()?.style.setProperty("display", "none");
+            this.call.on("left-meeting", () => {
+                this.emit("call-end");
                 this.cleanup();
-                return null;
-            }
-        });
+            });
+            this.call.on("participant-left", (e) => {
+                if (!e)
+                    return;
+                destroyAudioPlayer(e.participant.session_id);
+            });
+            this.call.on("error", () => {
+                // Ignore error
+            });
+            this.call.on("track-started", async (e) => {
+                if (!e || !e.participant)
+                    return;
+                if (e.participant?.local)
+                    return;
+                if (e.track.kind !== "audio")
+                    return;
+                await buildAudioPlayer(e.track, e.participant.session_id);
+                if (e?.participant?.user_name !== "Vapi Speaker")
+                    return;
+                this.call?.sendAppMessage("playable");
+            });
+            this.call.on("participant-joined", (e) => {
+                if (!e || !this.call)
+                    return;
+                subscribeToTracks(e, this.call);
+            });
+            await this.call.join({
+                url: webCall.webCallUrl,
+                subscribeToTracksAutomatically: false,
+            });
+            this.call.startRemoteParticipantsAudioLevelObserver(100);
+            this.call.on("remote-participants-audio-level", (e) => this.handleRemoteParticipantsAudioLevel(e));
+            this.call.on("app-message", (e) => this.onAppMessage(e));
+            this.call.updateInputSettings({
+                audio: {
+                    processor: {
+                        type: "noise-cancellation",
+                    },
+                },
+            });
+            return webCall;
+        }
+        catch (e) {
+            console.error(e);
+            this.emit("error", e);
+            this.cleanup();
+            return null;
+        }
     }
     onAppMessage(e) {
         if (!e)
             return;
         try {
+            if (e.data === "listening") {
+                return this.emit("call-start");
+            }
             const parsedMessage = JSON.parse(e.data);
             this.emit("message", parsedMessage);
         }
@@ -188,14 +172,12 @@ class Vapi extends VapiEventEmitter {
         }, 1000);
     }
     stop() {
-        var _a;
         this.started = false;
-        (_a = this.call) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.call?.destroy();
         this.call = null;
     }
     send(message) {
-        var _a;
-        (_a = this.call) === null || _a === void 0 ? void 0 : _a.sendAppMessage(JSON.stringify(message));
+        this.call?.sendAppMessage(JSON.stringify(message));
     }
 }
 exports.default = Vapi;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vapi-ai/web",
-  "version": "1.0.253",
+  "version": "1.0.256",
   "description": "",
   "main": "dist/vapi.js",
   "types": "dist/vapi.d.ts",
@@ -22,7 +22,7 @@
   },
   "homepage": "https://github.com/VapiAI/snippet#readme",
   "dependencies": {
-    "@daily-co/daily-js": "^0.53.0",
+    "@daily-co/daily-js": "^0.57.3",
     "events": "^3.3.0"
   },
   "devDependencies": {

package/tsconfig.json

@@ -11,7 +11,7 @@
     // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
 
     /* Language and Environment */
-    "target": "es2016" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    "target": "ES2022" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
     // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
     // "jsx": "preserve",                                /* Specify what JSX code is generated. */
     // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */

package/vapi.ts

@@ -165,7 +165,6 @@ export default class Vapi extends VapiEventEmitter {
 
         if (e?.participant?.user_name !== "Vapi Speaker") return;
         this.call?.sendAppMessage("playable");
-        this.emit("call-start");
       });
 
       this.call.on("participant-joined", (e) => {
@@ -204,6 +203,9 @@ export default class Vapi extends VapiEventEmitter {
   private onAppMessage(e?: DailyEventObjectAppMessage) {
     if (!e) return;
     try {
+      if (e.data === "listening") {
+        return this.emit("call-start");
+      }
       const parsedMessage = JSON.parse(e.data);
       this.emit("message", parsedMessage);
     } catch (e) {