@vapi-ai/web 1.0.263 → 1.0.267

package/dist/api.js

@@ -19,16 +19,16 @@ var ContentType;
     ContentType["Text"] = "text/plain";
 })(ContentType || (exports.ContentType = ContentType = {}));
 class HttpClient {
-    baseUrl = "https://west-api.vapi.ai";
+    baseUrl = 'https://west-api.vapi.ai';
     securityData = null;
     securityWorker;
     abortControllers = new Map();
     customFetch = (...fetchParams) => fetch(...fetchParams);
     baseApiParams = {
-        credentials: "same-origin",
+        credentials: 'same-origin',
         headers: {},
-        redirect: "follow",
-        referrerPolicy: "no-referrer",
+        redirect: 'follow',
+        referrerPolicy: 'no-referrer',
     };
     constructor(apiConfig = {}) {
         Object.assign(this, apiConfig);
@@ -38,40 +38,38 @@ class HttpClient {
     };
     encodeQueryParam(key, value) {
         const encodedKey = encodeURIComponent(key);
-        return `${encodedKey}=${encodeURIComponent(typeof value === "number" ? value : `${value}`)}`;
+        return `${encodedKey}=${encodeURIComponent(typeof value === 'number' ? value : `${value}`)}`;
     }
     addQueryParam(query, key) {
         return this.encodeQueryParam(key, query[key]);
     }
     addArrayQueryParam(query, key) {
         const value = query[key];
-        return value.map((v) => this.encodeQueryParam(key, v)).join("&");
+        return value.map((v) => this.encodeQueryParam(key, v)).join('&');
     }
     toQueryString(rawQuery) {
         const query = rawQuery || {};
-        const keys = Object.keys(query).filter((key) => "undefined" !== typeof query[key]);
+        const keys = Object.keys(query).filter((key) => 'undefined' !== typeof query[key]);
         return keys
             .map((key) => Array.isArray(query[key])
             ? this.addArrayQueryParam(query, key)
             : this.addQueryParam(query, key))
-            .join("&");
+            .join('&');
     }
     addQueryParams(rawQuery) {
         const queryString = this.toQueryString(rawQuery);
-        return queryString ? `?${queryString}` : "";
+        return queryString ? `?${queryString}` : '';
     }
     contentFormatters = {
-        [ContentType.Json]: (input) => input !== null && (typeof input === "object" || typeof input === "string")
-            ? JSON.stringify(input)
-            : input,
-        [ContentType.Text]: (input) => input !== null && typeof input !== "string"
+        [ContentType.Json]: (input) => input !== null && (typeof input === 'object' || typeof input === 'string')
             ? JSON.stringify(input)
             : input,
+        [ContentType.Text]: (input) => input !== null && typeof input !== 'string' ? JSON.stringify(input) : input,
         [ContentType.FormData]: (input) => Object.keys(input || {}).reduce((formData, key) => {
             const property = input[key];
             formData.append(key, property instanceof Blob
                 ? property
-                : typeof property === "object" && property !== null
+                : typeof property === 'object' && property !== null
                     ? JSON.stringify(property)
                     : `${property}`);
             return formData;
@@ -110,7 +108,7 @@ class HttpClient {
         }
     };
     request = async ({ body, secure, path, type, query, format, baseUrl, cancelToken, ...params }) => {
-        const secureParams = ((typeof secure === "boolean" ? secure : this.baseApiParams.secure) &&
+        const secureParams = ((typeof secure === 'boolean' ? secure : this.baseApiParams.secure) &&
             this.securityWorker &&
             (await this.securityWorker(this.securityData))) ||
             {};
@@ -118,20 +116,14 @@ class HttpClient {
         const queryString = query && this.toQueryString(query);
         const payloadFormatter = this.contentFormatters[type || ContentType.Json];
         const responseFormat = format || requestParams.format;
-        return this.customFetch(`${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`, {
+        return this.customFetch(`${baseUrl || this.baseUrl || ''}${path}${queryString ? `?${queryString}` : ''}`, {
             ...requestParams,
             headers: {
                 ...(requestParams.headers || {}),
-                ...(type && type !== ContentType.FormData
-                    ? { "Content-Type": type }
-                    : {}),
+                ...(type && type !== ContentType.FormData ? { 'Content-Type': type } : {}),
             },
-            signal: (cancelToken
-                ? this.createAbortSignal(cancelToken)
-                : requestParams.signal) || null,
-            body: typeof body === "undefined" || body === null
-                ? null
-                : payloadFormatter(body),
+            signal: (cancelToken ? this.createAbortSignal(cancelToken) : requestParams.signal) || null,
+            body: typeof body === 'undefined' || body === null ? null : payloadFormatter(body),
         }).then(async (response) => {
             const r = response;
             r.data = null;
@@ -183,11 +175,11 @@ class Api extends HttpClient {
          */
         assistantControllerCreate: (data, params = {}) => this.request({
             path: `/assistant`,
-            method: "POST",
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -201,10 +193,10 @@ class Api extends HttpClient {
          */
         assistantControllerFindAll: (query, params = {}) => this.request({
             path: `/assistant`,
-            method: "GET",
+            method: 'GET',
             query: query,
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -218,9 +210,9 @@ class Api extends HttpClient {
          */
         assistantControllerFindOne: (id, params = {}) => this.request({
             path: `/assistant/${id}`,
-            method: "GET",
+            method: 'GET',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -234,11 +226,11 @@ class Api extends HttpClient {
          */
         assistantControllerUpdate: (id, data, params = {}) => this.request({
             path: `/assistant/${id}`,
-            method: "PATCH",
+            method: 'PATCH',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -252,11 +244,11 @@ class Api extends HttpClient {
          */
         assistantControllerReplace: (id, data, params = {}) => this.request({
             path: `/assistant/${id}`,
-            method: "PUT",
+            method: 'PUT',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -270,9 +262,9 @@ class Api extends HttpClient {
          */
         assistantControllerRemove: (id, params = {}) => this.request({
             path: `/assistant/${id}`,
-            method: "DELETE",
+            method: 'DELETE',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
     };
@@ -288,10 +280,10 @@ class Api extends HttpClient {
          */
         callControllerFindAll: (query, params = {}) => this.request({
             path: `/call`,
-            method: "GET",
+            method: 'GET',
             query: query,
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -305,9 +297,9 @@ class Api extends HttpClient {
          */
         callControllerFindOne: (id, params = {}) => this.request({
             path: `/call/${id}`,
-            method: "GET",
+            method: 'GET',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -321,11 +313,11 @@ class Api extends HttpClient {
          */
         callControllerCreatePhoneCall: (data, params = {}) => this.request({
             path: `/call/phone`,
-            method: "POST",
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -339,11 +331,11 @@ class Api extends HttpClient {
          */
         callControllerCreateWebCall: (data, params = {}) => this.request({
             path: `/call/web`,
-            method: "POST",
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
     };
@@ -359,11 +351,11 @@ class Api extends HttpClient {
          */
         credentialControllerCreate: (data, params = {}) => this.request({
             path: `/credential`,
-            method: "POST",
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -377,10 +369,10 @@ class Api extends HttpClient {
          */
         credentialControllerFindAll: (query, params = {}) => this.request({
             path: `/credential`,
-            method: "GET",
+            method: 'GET',
             query: query,
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -394,9 +386,9 @@ class Api extends HttpClient {
          */
         credentialControllerFindOne: (id, params = {}) => this.request({
             path: `/credential/${id}`,
-            method: "GET",
+            method: 'GET',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -410,11 +402,11 @@ class Api extends HttpClient {
          */
         credentialControllerUpdate: (id, data, params = {}) => this.request({
             path: `/credential/${id}`,
-            method: "PUT",
+            method: 'PUT',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -428,9 +420,9 @@ class Api extends HttpClient {
          */
         credentialControllerRemove: (id, params = {}) => this.request({
             path: `/credential/${id}`,
-            method: "DELETE",
+            method: 'DELETE',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
     };
@@ -446,29 +438,47 @@ class Api extends HttpClient {
          */
         phoneNumberControllerBuy: (data, params = {}) => this.request({
             path: `/phone-number/buy`,
-            method: "POST",
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
          * No description
          *
          * @tags Phone Numbers
-         * @name PhoneNumberControllerImport
+         * @name PhoneNumberControllerImportTwilio
          * @summary Import Twilio Number
-         * @request POST:/phone-number/import
+         * @request POST:/phone-number/import/twilio
+         * @secure
+         */
+        phoneNumberControllerImportTwilio: (data, params = {}) => this.request({
+            path: `/phone-number/import/twilio`,
+            method: 'POST',
+            body: data,
+            secure: true,
+            type: ContentType.Json,
+            format: 'json',
+            ...params,
+        }),
+        /**
+         * No description
+         *
+         * @tags Phone Numbers
+         * @name PhoneNumberControllerImportVonage
+         * @summary Import Vonage Number
+         * @request POST:/phone-number/import/vonage
          * @secure
          */
-        phoneNumberControllerImport: (data, params = {}) => this.request({
-            path: `/phone-number/import`,
-            method: "POST",
+        phoneNumberControllerImportVonage: (data, params = {}) => this.request({
+            path: `/phone-number/import/vonage`,
+            method: 'POST',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -482,10 +492,10 @@ class Api extends HttpClient {
          */
         phoneNumberControllerFindAll: (query, params = {}) => this.request({
             path: `/phone-number`,
-            method: "GET",
+            method: 'GET',
             query: query,
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -499,9 +509,9 @@ class Api extends HttpClient {
          */
         phoneNumberControllerFindOne: (id, params = {}) => this.request({
             path: `/phone-number/${id}`,
-            method: "GET",
+            method: 'GET',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -515,11 +525,11 @@ class Api extends HttpClient {
          */
         phoneNumberControllerUpdate: (id, data, params = {}) => this.request({
             path: `/phone-number/${id}`,
-            method: "PATCH",
+            method: 'PATCH',
             body: data,
             secure: true,
             type: ContentType.Json,
-            format: "json",
+            format: 'json',
             ...params,
         }),
         /**
@@ -533,9 +543,9 @@ class Api extends HttpClient {
          */
         phoneNumberControllerRemove: (id, params = {}) => this.request({
             path: `/phone-number/${id}`,
-            method: "DELETE",
+            method: 'DELETE',
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
     };
@@ -551,10 +561,10 @@ class Api extends HttpClient {
          */
         metricsControllerFindAll: (query, params = {}) => this.request({
             path: `/metrics`,
-            method: "GET",
+            method: 'GET',
             query: query,
             secure: true,
-            format: "json",
+            format: 'json',
             ...params,
         }),
     };

package/dist/example.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/example.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// require('dotenv').config();
+const vapi_1 = __importDefault(require("./vapi"));
+// const VAPI_PUBLIC_KEY = process.env.VAPI_PUBLIC_KEY;
+// if (!VAPI_PUBLIC_KEY) throw new Error('VAPI_PUBLIC_KEY is required');
+const vapi = new vapi_1.default('812437de-42ce-4bca-a9e7-e62cd170e882');
+vapi.start({
+    model: {
+        provider: 'openai',
+        model: 'gpt-4',
+        messages: [
+            {
+                content: 'you are an assistant',
+                role: 'assistant',
+            },
+        ],
+    },
+    voice: {
+        provider: '11labs',
+        voiceId: 'burt',
+    },
+});

package/dist/vapi.d.ts

@@ -1,19 +1,23 @@
 /// <reference types="node" />
-import { Call, CreateAssistantDTO } from "./api";
-import type { ChatCompletionMessageParam } from "openai/resources";
-import EventEmitter from "events";
+import { Call, CreateAssistantDTO } from './api';
+import type { ChatCompletionMessageParam } from 'openai/resources';
+import EventEmitter from 'events';
 export interface AddMessageMessage {
-    type: "add-message";
+    type: 'add-message';
     message: ChatCompletionMessageParam;
 }
-type VapiClientToServerMessage = AddMessageMessage;
-type VapiEventNames = "call-end" | "call-start" | "volume-level" | "speech-start" | "speech-end" | "message" | "error";
+export interface ControlMessages {
+    type: 'control';
+    control: 'mute-assistant' | 'unmute-assistant';
+}
+type VapiClientToServerMessage = AddMessageMessage | ControlMessages;
+type VapiEventNames = 'call-end' | 'call-start' | 'volume-level' | 'speech-start' | 'speech-end' | 'message' | 'error';
 type VapiEventListeners = {
-    "call-end": () => void;
-    "call-start": () => void;
-    "volume-level": (volume: number) => void;
-    "speech-start": () => void;
-    "speech-end": () => void;
+    'call-end': () => void;
+    'call-start': () => void;
+    'volume-level': (volume: number) => void;
+    'speech-start': () => void;
+    'speech-end': () => void;
     message: (message: any) => void;
     error: (error: any) => void;
 };

package/dist/vapi.js

@@ -19,7 +19,7 @@ async function startPlayer(player, track) {
     }
 }
 async function buildAudioPlayer(track, participantId) {
-    const player = document.createElement("audio");
+    const player = document.createElement('audio');
     player.dataset.participantId = participantId;
     document.body.appendChild(player);
     await startPlayer(player, track);
@@ -63,7 +63,7 @@ class Vapi extends VapiEventEmitter {
     averageSpeechLevel = 0;
     constructor(apiToken, apiBaseUrl) {
         super();
-        client_1.client.baseUrl = apiBaseUrl ?? "https://api.vapi.ai";
+        client_1.client.baseUrl = apiBaseUrl ?? 'https://api.vapi.ai';
         client_1.client.setSecurityData(apiToken);
     }
     cleanup() {
@@ -79,39 +79,42 @@ class Vapi extends VapiEventEmitter {
         this.started = true;
         try {
             const webCall = (await client_1.client.call.callControllerCreateWebCall({
-                assistant: typeof assistant === "string" ? undefined : assistant,
-                assistantId: typeof assistant === "string" ? assistant : undefined,
+                assistant: typeof assistant === 'string' ? undefined : assistant,
+                assistantId: typeof assistant === 'string' ? assistant : undefined,
             })).data;
+            if (this.call) {
+                this.cleanup();
+            }
             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.call.iframe()?.style.setProperty('display', 'none');
+            this.call.on('left-meeting', () => {
+                this.emit('call-end');
                 this.cleanup();
             });
-            this.call.on("participant-left", (e) => {
+            this.call.on('participant-left', (e) => {
                 if (!e)
                     return;
                 destroyAudioPlayer(e.participant.session_id);
             });
-            this.call.on("error", () => {
+            this.call.on('error', () => {
                 // Ignore error
             });
-            this.call.on("track-started", async (e) => {
+            this.call.on('track-started', async (e) => {
                 if (!e || !e.participant)
                     return;
                 if (e.participant?.local)
                     return;
-                if (e.track.kind !== "audio")
+                if (e.track.kind !== 'audio')
                     return;
                 await buildAudioPlayer(e.track, e.participant.session_id);
-                if (e?.participant?.user_name !== "Vapi Speaker")
+                if (e?.participant?.user_name !== 'Vapi Speaker')
                     return;
-                this.call?.sendAppMessage("playable");
+                this.call?.sendAppMessage('playable');
             });
-            this.call.on("participant-joined", (e) => {
+            this.call.on('participant-joined', (e) => {
                 if (!e || !this.call)
                     return;
                 subscribeToTracks(e, this.call);
@@ -121,15 +124,15 @@ class Vapi extends VapiEventEmitter {
                 subscribeToTracksAutomatically: false,
             });
             this.call.startRemoteParticipantsAudioLevelObserver(100);
-            this.call.on("remote-participants-audio-level", (e) => {
+            this.call.on('remote-participants-audio-level', (e) => {
                 if (e)
                     this.handleRemoteParticipantsAudioLevel(e);
             });
-            this.call.on("app-message", (e) => this.onAppMessage(e));
+            this.call.on('app-message', (e) => this.onAppMessage(e));
             this.call.updateInputSettings({
                 audio: {
                     processor: {
-                        type: "noise-cancellation",
+                        type: 'noise-cancellation',
                     },
                 },
             });
@@ -137,7 +140,7 @@ class Vapi extends VapiEventEmitter {
         }
         catch (e) {
             console.error(e);
-            this.emit("error", e);
+            this.emit('error', e);
             this.cleanup();
             return null;
         }
@@ -146,16 +149,16 @@ class Vapi extends VapiEventEmitter {
         if (!e)
             return;
         try {
-            if (e.data === "listening") {
-                return this.emit("call-start");
+            if (e.data === 'listening') {
+                return this.emit('call-start');
             }
             else {
                 try {
                     const parsedMessage = JSON.parse(e.data);
-                    this.emit("message", parsedMessage);
+                    this.emit('message', parsedMessage);
                 }
                 catch (parseError) {
-                    console.log("Error parsing message data: ", parseError);
+                    console.log('Error parsing message data: ', parseError);
                 }
             }
         }
@@ -165,7 +168,7 @@ class Vapi extends VapiEventEmitter {
     }
     handleRemoteParticipantsAudioLevel(e) {
         const speechLevel = Object.values(e.participantsAudioLevel).reduce((a, b) => a + b, 0);
-        this.emit("volume-level", Math.min(1, speechLevel / 0.15));
+        this.emit('volume-level', Math.min(1, speechLevel / 0.15));
         const isSpeaking = speechLevel > 0.01;
         if (!isSpeaking)
             return;
@@ -174,10 +177,10 @@ class Vapi extends VapiEventEmitter {
             this.speakingTimeout = null;
         }
         else {
-            this.emit("speech-start");
+            this.emit('speech-start');
         }
         this.speakingTimeout = setTimeout(() => {
-            this.emit("speech-end");
+            this.emit('speech-end');
             this.speakingTimeout = null;
         }, 1000);
     }
@@ -192,7 +195,7 @@ class Vapi extends VapiEventEmitter {
     setMuted(mute) {
         try {
             if (!this.call) {
-                throw new Error("Call object is not available.");
+                throw new Error('Call object is not available.');
             }
             this.call.setLocalAudio(!mute);
         }

package/package.json

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