@sippet-ai/operator-widget 0.0.15 → 0.0.17

package/README.md

@@ -93,6 +93,39 @@ export function SupportWidget() {
 }
 ```
 
+## Shared SDK + widget state
+
+Initialize one SDK client with `initClient(...)` and pass that same object to
+the widget as a property. This keeps SIP session/call state in one place, so
+SDK actions (for example joining a call) are reflected in the widget UI.
+
+```tsx
+import { SippetAIVoipWidget } from '@sippet-ai/operator-widget/react';
+import { initClient } from '@sippet-ai/sdk-js/client';
+
+const sdkClient = initClient({
+  baseUrl: 'https://api.sippet.ai',
+});
+
+export function SupportWidget({ isWidgetOpen }: { isWidgetOpen: boolean }) {
+  return (
+    <SippetAIVoipWidget
+      client={sdkClient}
+      openWidget={isWidgetOpen}
+      getAccessToken={async () => {
+        const response = await fetch('/api/your-backend/operator-token', {
+          method: 'POST',
+        });
+        if (!response.ok) throw new Error('Failed to mint operator token');
+        const body = await response.json();
+        return body.token;
+      }}
+      apiOrigin="https://api.sippet.ai"
+    />
+  );
+}
+```
+
 ## Token rotation with backend endpoint
 
 ```tsx
@@ -120,12 +153,20 @@ export function SupportWidget() {
 - `access-token` / `accessToken`: operator bearer token.
 - `getAccessToken` (property only): async token resolver.
 - `api-origin` / `apiOrigin`: API origin override.
+- `client` (property only): shared SDK client instance from `@sippet-ai/sdk-js/client`.
+- `open-widget` / `openWidget`: controls whether the panel is open.
 
 ## Helper API
 
 ```ts
 import { sippet } from '@sippet-ai/operator-widget';
+import { initClient } from '@sippet-ai/sdk-js/client';
+
+const sdkClient = initClient({
+  baseUrl: 'https://api.sippet.ai',
+});
 
+sippet.setClient(sdkClient);
 sippet.setGetAccessToken(async () => {
   const response = await fetch('/api/your-backend/operator-token', {
     method: 'POST',

package/custom-elements.json

@@ -1223,6 +1223,14 @@
               "name": "clearSipCredentialRefresh",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "client",
+              "type": {
+                "text": "SippetAIVoipWidgetClient | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "method",
               "name": "configureSdkEndpoints",
@@ -1650,6 +1658,15 @@
                 "text": "openPanel(tab: VoipTab = 'phone') => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "openWidget",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open-widget"
+            },
             {
               "kind": "method",
               "name": "parseParticipantPayload",
@@ -1880,6 +1897,15 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "sdkClient",
+              "type": {
+                "text": "SippetAIVoipWidgetClient"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "selectedMicId",
@@ -2342,6 +2368,15 @@
               "fieldName": "open",
               "propName": "open"
             },
+            {
+              "name": "open-widget",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "openWidget",
+              "propName": "openWidget"
+            },
             {
               "name": "queueCount",
               "type": {

package/dist/components/voip-widget/voip-widget.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { Client as SippetSdkClient } from '@sippet-ai/sdk-js/client';
 import type { Contact, HistoryEntry, QueuedCall, VoipTab } from './voip-widget.types.js';
 import './voip-widget-launcher.js';
 import './voip-widget-panel.js';
@@ -8,6 +9,7 @@ import './voip-widget-contacts-tab.js';
 import './voip-widget-history-tab.js';
 import './voip-widget-settings-tab.js';
 declare const TwLitElement: typeof LitElement;
+export type SippetAIVoipWidgetClient = Pick<SippetSdkClient, 'answerIncomingSipCall' | 'acceptCallQueueEntry' | 'buildCSRFHeaders' | 'callCodec' | 'connectSipSession' | 'createRealtimeEventsClient' | 'declineIncomingSipCall' | 'DEFAULT_BASE_URL' | 'disconnectSipSession' | 'getSipSessionState' | 'hangupSipCall' | 'issueOperatorSipAccess' | 'listCallParticipants' | 'listCallQueueEntries' | 'listCalls' | 'listContacts' | 'placeSipCall' | 'setConferenceMuted' | 'setOutputDevice' | 'setOperatorStatus' | 'setRemoteAudioElement' | 'setSipCallHeld' | 'subscribeSipSessionState' | 'whoAmI'>;
 /**
  * A VoIP widget web component allowing real-time telephony for Sippet AI integrations
  *
@@ -17,6 +19,7 @@ declare const TwLitElement: typeof LitElement;
  *
  **/
 export declare class SippetAIVoipWidget extends TwLitElement {
+    client: SippetAIVoipWidgetClient | null;
     cookieAuth: boolean;
     accessToken: string;
     getAccessToken?: (() => string | Promise<string>) | null;
@@ -30,6 +33,7 @@ export declare class SippetAIVoipWidget extends TwLitElement {
     history: HistoryEntry[];
     queuedCalls: QueuedCall[];
     open: boolean;
+    openWidget: boolean;
     activeTab: VoipTab;
     private dialNumber;
     private callState;
@@ -70,6 +74,7 @@ export declare class SippetAIVoipWidget extends TwLitElement {
     private widgetLockHeartbeat?;
     private widgetLockPoller?;
     private widgetTabId;
+    private get sdkClient();
     private get sipServer();
     private ensureTabId;
     private readWidgetLock;

package/dist/components/voip-widget/voip-widget.js

@@ -8,7 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { TW } from '../../lib/tailwindMixin.js';
-import { answerIncomingSipCall, acceptCallQueueEntry, buildCSRFHeaders, connectSipSession, createRealtimeEventsClient, declineIncomingSipCall, DEFAULT_BASE_URL, disconnectSipSession, getSipSessionState, hangupSipCall, issueOperatorSipAccess, listCallParticipants, listCallQueueEntries, listCalls, listContacts, placeSipCall, setConferenceMuted, setOutputDevice, setOperatorStatus, setRemoteAudioElement, setSipCallHeld, subscribeSipSessionState, whoAmI, } from '@sippet-ai/sdk-js/client';
+import * as SippetSdkClientModule from '@sippet-ai/sdk-js/client';
 import './voip-widget-launcher.js';
 import './voip-widget-panel.js';
 import './voip-widget-phone-tab.js';
@@ -24,6 +24,7 @@ const WIDGET_LOCK_HEARTBEAT_MS = 2000;
 const WIDGET_LOCK_STALE_MS = 8000;
 const AUTH_ERROR_MISSING_TOKEN = 'Cannot find any access token. Provide `access-token` or `getAccessToken`.';
 const AUTH_ERROR_UNAUTHORIZED = 'Widget authentication failed. Sign in again or provide a valid access token.';
+const DEFAULT_WIDGET_CLIENT = SippetSdkClientModule;
 /**
  * A VoIP widget web component allowing real-time telephony for Sippet AI integrations
  *
@@ -35,6 +36,7 @@ const AUTH_ERROR_UNAUTHORIZED = 'Widget authentication failed. Sign in again or
 export class SippetAIVoipWidget extends TwLitElement {
     constructor() {
         super(...arguments);
+        this.client = null;
         this.cookieAuth = false;
         this.accessToken = '';
         this.apiOrigin = '';
@@ -47,6 +49,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         this.history = [];
         this.queuedCalls = [];
         this.open = false;
+        this.openWidget = false;
         this.activeTab = 'phone';
         this.dialNumber = '';
         this.callState = 'idle';
@@ -172,6 +175,9 @@ export class SippetAIVoipWidget extends TwLitElement {
             void this.loadQueueEntries();
         };
     }
+    get sdkClient() {
+        return this.client ?? DEFAULT_WIDGET_CLIENT;
+    }
     get sipServer() {
         if (this.sipWebSocketUrl)
             return this.sipWebSocketUrl;
@@ -390,7 +396,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         if (this.cookieAuth) {
             this.clearAuthError();
             return {
-                headers: buildCSRFHeaders(),
+                headers: this.sdkClient.buildCSRFHeaders(),
                 fetchOptions: { credentials: 'include' },
             };
         }
@@ -406,7 +412,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         const config = await this.getRpcConfig();
         if (!config)
             return;
-        const result = await whoAmI({
+        const result = await this.sdkClient.whoAmI({
             fields: ['id', 'fullName', 'email', { sipUser: ['id', 'sipUsername'] }],
             ...config,
         });
@@ -432,12 +438,14 @@ export class SippetAIVoipWidget extends TwLitElement {
         }
     }
     async fetchRealtimeSessionToken() {
-        const baseUrl = this.apiOrigin || DEFAULT_BASE_URL;
+        const baseUrl = this.apiOrigin || this.sdkClient.DEFAULT_BASE_URL;
         const endpoint = new URL('/api/realtime/session', baseUrl).toString();
         if (this.cookieAuth) {
             const response = await fetch(endpoint, {
                 method: 'POST',
-                headers: buildCSRFHeaders({ 'content-type': 'application/json' }),
+                headers: this.sdkClient.buildCSRFHeaders({
+                    'content-type': 'application/json',
+                }),
                 credentials: 'include',
             });
             if (!response.ok) {
@@ -517,7 +525,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         if (!config)
             return;
         this.sipCredentialPromise = (async () => {
-            const result = await issueOperatorSipAccess({
+            const result = await this.sdkClient.issueOperatorSipAccess({
                 input: {},
                 ...config,
             });
@@ -633,7 +641,7 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async applySpeakerSelection() {
         try {
-            await setOutputDevice(this.selectedSpeakerId || null);
+            await this.sdkClient.setOutputDevice(this.selectedSpeakerId || null);
         }
         catch (error) {
             // Some browsers restrict setSinkId without user gesture.
@@ -653,9 +661,9 @@ export class SippetAIVoipWidget extends TwLitElement {
         this.sipStatus = 'connecting';
         try {
             if (this.remoteAudio) {
-                setRemoteAudioElement(this.remoteAudio);
+                this.sdkClient.setRemoteAudioElement(this.remoteAudio);
             }
-            await connectSipSession({
+            await this.sdkClient.connectSipSession({
                 server,
                 domain: this.sipUrl,
                 username: this.sipUser,
@@ -672,20 +680,23 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async teardownSip() {
         try {
-            await disconnectSipSession();
+            await this.sdkClient.disconnectSipSession();
         }
         catch (error) {
             // Best-effort cleanup.
         }
     }
     firstUpdated() {
+        if (this.openWidget !== this.open) {
+            this.open = this.openWidget;
+        }
         this.configureSdkEndpoints();
         this.initWidgetLock();
         if (this.remoteAudio) {
-            setRemoteAudioElement(this.remoteAudio);
+            this.sdkClient.setRemoteAudioElement(this.remoteAudio);
         }
-        this.sipSessionUnsubscribe = subscribeSipSessionState(this.applySipSessionState);
-        this.applySipSessionState(getSipSessionState());
+        this.sipSessionUnsubscribe = this.sdkClient.subscribeSipSessionState(this.applySipSessionState);
+        this.applySipSessionState(this.sdkClient.getSipSessionState());
         void this.loadOperatorIdentity();
         void this.refreshSessionSipCredentials();
         void this.refreshDevices();
@@ -698,9 +709,27 @@ export class SippetAIVoipWidget extends TwLitElement {
         }
     }
     updated(changedProperties) {
+        if (changedProperties.has('openWidget') && this.openWidget !== this.open) {
+            this.open = this.openWidget;
+        }
+        if (changedProperties.has('open') && this.openWidget !== this.open) {
+            this.openWidget = this.open;
+        }
+        const clientChanged = changedProperties.has('client');
         const authChanged = changedProperties.has('cookieAuth') ||
             changedProperties.has('accessToken') ||
-            changedProperties.has('getAccessToken');
+            changedProperties.has('getAccessToken') ||
+            clientChanged;
+        if (clientChanged) {
+            const previousClient = changedProperties.get('client');
+            previousClient?.setRemoteAudioElement(null);
+            this.sipSessionUnsubscribe?.();
+            this.sipSessionUnsubscribe = this.sdkClient.subscribeSipSessionState(this.applySipSessionState);
+            this.applySipSessionState(this.sdkClient.getSipSessionState());
+            if (this.remoteAudio) {
+                this.sdkClient.setRemoteAudioElement(this.remoteAudio);
+            }
+        }
         if (changedProperties.has('apiOrigin')) {
             this.configureSdkEndpoints();
             void this.loadOperatorIdentity();
@@ -759,7 +788,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         this.teardownWidgetLock();
         this.sipSessionUnsubscribe?.();
         this.sipSessionUnsubscribe = undefined;
-        setRemoteAudioElement(null);
+        this.sdkClient.setRemoteAudioElement(null);
         if (navigator.mediaDevices) {
             navigator.mediaDevices.removeEventListener('devicechange', this.handleDeviceChange);
         }
@@ -832,7 +861,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             'X-Call-Source: widget_operator',
         ];
         try {
-            await placeSipCall({
+            await this.sdkClient.placeSipCall({
                 server: this.sipServer,
                 domain: this.sipUrl,
                 username: this.sipUser,
@@ -851,7 +880,7 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async handleHangup() {
         try {
-            await hangupSipCall();
+            await this.sdkClient.hangupSipCall();
         }
         catch (error) {
             // Best-effort hangup.
@@ -860,7 +889,7 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async handleAccept() {
         try {
-            await answerIncomingSipCall();
+            await this.sdkClient.answerIncomingSipCall();
             this.incomingCall = false;
             this.setCallState('active');
             this.open = true;
@@ -872,12 +901,12 @@ export class SippetAIVoipWidget extends TwLitElement {
     async handleHold() {
         try {
             if (this.callState === 'incoming') {
-                await answerIncomingSipCall();
+                await this.sdkClient.answerIncomingSipCall();
                 this.setCallState('active');
                 return;
             }
             const nextHeld = !this.isHeld;
-            await setSipCallHeld(nextHeld);
+            await this.sdkClient.setSipCallHeld(nextHeld);
             this.isHeld = nextHeld;
             this.setCallState(nextHeld ? 'held' : 'active');
         }
@@ -887,7 +916,7 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async handleDecline() {
         try {
-            await declineIncomingSipCall();
+            await this.sdkClient.declineIncomingSipCall();
         }
         catch (error) {
             // Best-effort.
@@ -897,7 +926,7 @@ export class SippetAIVoipWidget extends TwLitElement {
     }
     async handleMuteToggle() {
         const nextMuted = !this.isMuted;
-        await setConferenceMuted(nextMuted);
+        await this.sdkClient.setConferenceMuted(nextMuted);
         this.isMuted = nextMuted;
     }
     handleTransfer() {
@@ -1087,7 +1116,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         const config = await this.getRpcConfig();
         if (!config)
             return;
-        const callLookup = await listCalls({
+        const callLookup = await this.sdkClient.listCalls({
             fields: ['id', 'callUuid'],
             filter: { callUuid: { eq: callUuid } },
             page: { limit: 1 },
@@ -1101,7 +1130,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         let resolvedCallId = callRows[0]?.id ?? null;
         let resolvedCallUuid = callRows[0]?.callUuid ?? null;
         if (!resolvedCallId) {
-            const activeCallsLookup = await listCalls({
+            const activeCallsLookup = await this.sdkClient.listCalls({
                 fields: ['id', 'callUuid', 'status', 'sipUsername', 'startedAt'],
                 filter: this.sipUser
                     ? {
@@ -1129,7 +1158,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             resolvedCallUuid !== this.activeCallUuid) {
             this.activeCallUuid = resolvedCallUuid;
         }
-        const result = await listCallParticipants(resolvedCallId
+        const result = await this.sdkClient.listCallParticipants(resolvedCallId
             ? {
                 fields: ['id', 'memberUuid', 'role', 'joinedAt', 'leftAt'],
                 filter: { callId: { eq: resolvedCallId } },
@@ -1192,7 +1221,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             this.contacts = [];
             return;
         }
-        const result = await listContacts({
+        const result = await this.sdkClient.listContacts({
             fields: ['id', 'fullName', 'phoneE164'],
             ...config,
         });
@@ -1238,7 +1267,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             this.history = [];
             return;
         }
-        const result = await listCalls({
+        const result = await this.sdkClient.listCalls({
             fields: ['direction', 'fromNumber', 'toNumber', 'startedAt', 'status'],
             ...config,
             sort: '-startedAt',
@@ -1272,8 +1301,8 @@ export class SippetAIVoipWidget extends TwLitElement {
             this.setAuthError(AUTH_ERROR_MISSING_TOKEN);
             return;
         }
-        const baseUrl = this.apiOrigin || DEFAULT_BASE_URL;
-        const realtimeClient = createRealtimeEventsClient({
+        const baseUrl = this.apiOrigin || this.sdkClient.DEFAULT_BASE_URL;
+        const realtimeClient = this.sdkClient.createRealtimeEventsClient({
             baseUrl,
             getRealtimeToken: () => this.fetchRealtimeSessionToken(),
         });
@@ -1329,7 +1358,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             this.queueCount = 0;
             return;
         }
-        const result = await listCallQueueEntries({
+        const result = await this.sdkClient.listCallQueueEntries({
             fields: [
                 'id',
                 'callerIdName',
@@ -1367,7 +1396,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             console.warn('SippetAIVoipWidget: sipUser is required to accept queue entries.');
             return;
         }
-        const result = await acceptCallQueueEntry({
+        const result = await this.sdkClient.acceptCallQueueEntry({
             identity: entryId,
             input: {
                 operatorName: this.sipUser,
@@ -1386,7 +1415,7 @@ export class SippetAIVoipWidget extends TwLitElement {
         const config = await this.getRpcConfig();
         if (!config)
             return undefined;
-        const result = await whoAmI({
+        const result = await this.sdkClient.whoAmI({
             fields: ['id', { sipUser: ['id', 'sipUsername'] }],
             ...config,
         });
@@ -1411,7 +1440,7 @@ export class SippetAIVoipWidget extends TwLitElement {
             return;
         if (!['available', 'on_break', 'logged_out'].includes(value))
             return;
-        const result = await setOperatorStatus({
+        const result = await this.sdkClient.setOperatorStatus({
             input: {
                 sipUserId,
                 status: value,
@@ -1659,6 +1688,9 @@ export class SippetAIVoipWidget extends TwLitElement {
     `;
     }
 }
+__decorate([
+    property({ attribute: false })
+], SippetAIVoipWidget.prototype, "client", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'cookie-auth' })
 ], SippetAIVoipWidget.prototype, "cookieAuth", void 0);
@@ -1698,6 +1730,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], SippetAIVoipWidget.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'open-widget' })
+], SippetAIVoipWidget.prototype, "openWidget", void 0);
 __decorate([
     property({ type: String })
 ], SippetAIVoipWidget.prototype, "activeTab", void 0);

package/dist/lib/sippet.d.ts

@@ -1,4 +1,6 @@
+import type { SippetAIVoipWidgetClient } from '../components/voip-widget/index.js';
 export declare const sippet: {
+    setClient(client: SippetAIVoipWidgetClient | null): void;
     setAccessToken(accessToken: string | null): void;
     setCookieAuth(enabled: boolean): void;
     setGetAccessToken(getter: (() => string | Promise<string>) | null): void;

package/dist/lib/sippet.js

@@ -1,13 +1,19 @@
-import { buildCSRFHeaders, callCodec, listCallQueueEntries, listCalls, } from '@sippet-ai/sdk-js/client';
+import * as SippetSdkClientModule from '@sippet-ai/sdk-js/client';
 const WIDGET_SELECTOR = 'sippetai-voip-widget';
+const DEFAULT_SDK_CLIENT = SippetSdkClientModule;
 let configuredAccessToken = null;
 let configuredCookieAuth = false;
 let configuredGetAccessToken = null;
 let configuredApiOrigin = null;
+let configuredClient = null;
 function getWidget() {
     if (typeof document === 'undefined')
         return null;
-    return document.querySelector(WIDGET_SELECTOR);
+    const widget = document.querySelector(WIDGET_SELECTOR);
+    if (widget && configuredClient && widget.client !== configuredClient) {
+        widget.client = configuredClient;
+    }
+    return widget;
 }
 function requireWidget() {
     const widget = getWidget();
@@ -52,6 +58,9 @@ function resolveApiOrigin(widget) {
         ? apiOrigin
         : null;
 }
+function resolveSdkClient(widget) {
+    return configuredClient ?? widget?.client ?? DEFAULT_SDK_CLIENT;
+}
 function configureSdk(apiOrigin) {
     if (!apiOrigin || typeof globalThis === 'undefined')
         return;
@@ -64,10 +73,11 @@ function configureSdk(apiOrigin) {
 }
 async function rpcConfig() {
     const widget = getWidget();
+    const sdkClient = resolveSdkClient(widget ?? undefined);
     configureSdk(resolveApiOrigin(widget ?? undefined));
     if (resolveCookieAuth(widget ?? undefined)) {
         return {
-            headers: buildCSRFHeaders(),
+            headers: sdkClient.buildCSRFHeaders(),
             fetchOptions: { credentials: 'include' },
         };
     }
@@ -79,6 +89,13 @@ async function rpcConfig() {
     };
 }
 export const sippet = {
+    setClient(client) {
+        configuredClient = client;
+        const widget = getWidget();
+        if (widget) {
+            widget.client = client;
+        }
+    },
     setAccessToken(accessToken) {
         configuredAccessToken =
             typeof accessToken === 'string' ? accessToken : null;
@@ -134,8 +151,10 @@ export const sippet = {
         return 'not implemented yet';
     },
     async callDetails(callUuid) {
+        const widget = getWidget();
+        const sdkClient = resolveSdkClient(widget ?? undefined);
         const config = await rpcConfig();
-        const result = await listCalls({
+        const result = await sdkClient.listCalls({
             fields: [
                 'id',
                 'callUuid',
@@ -159,7 +178,7 @@ export const sippet = {
         if (!call) {
             return { success: true, data: null };
         }
-        const codecResult = await callCodec({
+        const codecResult = await sdkClient.callCodec({
             input: { callUuid },
             ...config,
         });
@@ -172,8 +191,10 @@ export const sippet = {
         };
     },
     async getQueue() {
+        const widget = getWidget();
+        const sdkClient = resolveSdkClient(widget ?? undefined);
         const config = await rpcConfig();
-        return listCallQueueEntries({
+        return sdkClient.listCallQueueEntries({
             fields: [
                 'id',
                 'callUuid',
@@ -191,8 +212,10 @@ export const sippet = {
         });
     },
     async getActiveCalls() {
+        const widget = getWidget();
+        const sdkClient = resolveSdkClient(widget ?? undefined);
         const config = await rpcConfig();
-        return listCalls({
+        return sdkClient.listCalls({
             fields: [
                 'id',
                 'callUuid',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sippet-ai/operator-widget",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Sippet AI's operator widget to enable telephony calling features in any web application.",
   "main": "dist/index.js",
   "type": "module",
@@ -35,7 +35,7 @@
   "author": "Sippet AI",
   "license": "UNLICENSED",
   "dependencies": {
-    "@sippet-ai/sdk-js": "^0.0.6",
+    "@sippet-ai/sdk-js": "^0.0.7",
     "code-bubble": "^1.3.3",
     "lit": "^3.2.1",
     "lucide": "^0.562.0",

package/react/SippetAIVoipWidget.d.ts

@@ -33,6 +33,9 @@ export interface SippetAIVoipWidgetProps extends Pick<
   /** undefined */
   open?: boolean;
 
+  /** undefined */
+  openWidget?: boolean;
+
   /** undefined */
   accessToken?: SippetAIVoipWidgetElement["accessToken"];
 
@@ -107,7 +110,9 @@ export interface SippetAIVoipWidgetProps extends Pick<
  * - `history`: undefined
  * - `queuedCalls`: undefined
  * - `open`: undefined
+ * - `open-widget`/`openWidget`: undefined
  * - `activeTab`: undefined
+ * - `client`: undefined (property only)
  * - `getAccessToken`: undefined (property only)
  *
  * ## Events

package/react/SippetAIVoipWidget.js

@@ -9,6 +9,7 @@ export const SippetAIVoipWidget = forwardRef((props, forwardedRef) => {
     incomingCall,
     incomingFromQueue,
     open,
+    openWidget,
     accessToken,
     apiOrigin,
     availability,
@@ -51,6 +52,7 @@ export const SippetAIVoipWidget = forwardRef((props, forwardedRef) => {
       incomingCall: incomingCall ? true : undefined,
       incomingFromQueue: incomingFromQueue ? true : undefined,
       open: open ? true : undefined,
+      "open-widget": openWidget ? true : undefined,
       style: { ...props.style },
     },
     props.children,

package/types/custom-element-jsx.d.ts

@@ -377,8 +377,14 @@ export type SippetAIVoipWidgetProps = {
   /**  */
   open?: SippetAIVoipWidget["open"];
   /**  */
+  "open-widget"?: SippetAIVoipWidget["openWidget"];
+  /**  */
+  openWidget?: SippetAIVoipWidget["openWidget"];
+  /**  */
   activeTab?: SippetAIVoipWidget["activeTab"];
   /**  */
+  client?: SippetAIVoipWidget["client"];
+  /**  */
   getAccessToken?: SippetAIVoipWidget["getAccessToken"];
 
   /**  */
@@ -419,8 +425,14 @@ export type SippetAIVoipWidgetSolidJsProps = {
   /**  */
   "prop:open"?: SippetAIVoipWidget["open"];
   /**  */
+  "bool:open-widget"?: SippetAIVoipWidget["openWidget"];
+  /**  */
+  "prop:openWidget"?: SippetAIVoipWidget["openWidget"];
+  /**  */
   "prop:activeTab"?: SippetAIVoipWidget["activeTab"];
   /**  */
+  "prop:client"?: SippetAIVoipWidget["client"];
+  /**  */
   "prop:getAccessToken"?: SippetAIVoipWidget["getAccessToken"];
   /**  */
   "on:voip-transfer"?: (e: SippetAIVoipWidgetElementEvent) => void;
@@ -614,7 +626,9 @@ export type CustomElements = {
    * - `history`: undefined
    * - `queuedCalls`: undefined
    * - `open`: undefined
+   * - `open-widget`/`openWidget`: undefined
    * - `activeTab`: undefined
+   * - `client`: undefined (property only)
    * - `getAccessToken`: undefined (property only)
    *
    * ## Events
@@ -828,7 +842,9 @@ export type CustomElementsSolidJs = {
    * - `history`: undefined
    * - `queuedCalls`: undefined
    * - `open`: undefined
+   * - `open-widget`/`openWidget`: undefined
    * - `activeTab`: undefined
+   * - `client`: undefined (property only)
    * - `getAccessToken`: undefined (property only)
    *
    * ## Events

package/types/custom-element-svelte.d.ts

@@ -156,8 +156,12 @@ type SippetAIVoipWidgetProps = {
   /**  */
   open?: boolean;
   /**  */
+  "open-widget"?: boolean;
+  /**  */
   activeTab?: VoipTab;
   /**  */
+  "bind:client"?: SippetAIVoipWidgetClient | null;
+  /**  */
   "bind:getAccessToken"?: (() => string | Promise<string>) | null | undefined;
   /**  */
   "on:voip-transfer"?: (e: CustomEvent<CustomEvent>) => void;

package/types/custom-element-vuejs.d.ts

@@ -119,8 +119,12 @@ type SippetAIVoipWidgetProps = {
   /**  */
   open?: boolean;
   /**  */
+  "open-widget"?: boolean;
+  /**  */
   activeTab?: VoipTab;
   /**  */
+  client?: SippetAIVoipWidgetClient | null;
+  /**  */
   getAccessToken?: (() => string | Promise<string>) | null | undefined;
   /**  */
   "onvoip-transfer"?: (e: CustomEvent<CustomEvent>) => void;