@w0nna_dev/lina-widget 1.2.0 → 1.2.2

package/dist/lina-widget.es.js

@@ -8746,7 +8746,7 @@ function Ky(i) {
       value: i.value
     });
 }
-class mw extends hi.EventEmitter {
+class yw extends hi.EventEmitter {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     super(), this.onKeyRatcheted = (t, n, s) => {
@@ -17878,7 +17878,7 @@ class h_ extends os {
     });
   }
 }
-class gw extends hi.EventEmitter {
+class bw extends hi.EventEmitter {
   constructor(e, t) {
     let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
     super(), this.options = {}, this.checkResults = /* @__PURE__ */ new Map(), this.url = e, this.token = t, this.options = n;
@@ -39694,7 +39694,7 @@ class bu {
   }
 }
 const JM = "/sounds/pop-connect.mp3", ZM = "/sounds/pop-disconnect.mp3";
-class _u {
+let _u = class {
   constructor(e = {}) {
     this.audioContext = null, this.connectAudio = null, this.disconnectAudio = null, this.config = {
       enabled: !0,
@@ -39844,7 +39844,7 @@ class _u {
   destroy() {
     this.audioContext && (this.audioContext.close(), this.audioContext = null), this.connectAudio && (this.connectAudio.pause(), this.connectAudio.src = "", this.connectAudio = null), this.disconnectAudio && (this.disconnectAudio.pause(), this.disconnectAudio.src = "", this.disconnectAudio = null);
   }
-}
+};
 const Si = {
   default: {
     primary: "#6366f1",
@@ -39991,11 +39991,11 @@ const Si = {
     // Light pink
   }
 };
-function vw(i, e = "dark") {
+function Sw(i, e = "dark") {
   const t = e === "dark" ? Si : xi;
   return t[i] || t[Object.keys(t)[0]];
 }
-function yw(i = "dark") {
+function xw(i = "dark") {
   return Object.keys(i === "dark" ? Si : xi);
 }
 const da = {
@@ -40083,9 +40083,9 @@ const da = {
       idleGlowMultiplier: 1.2
     }
   }
-}, bw = Object.fromEntries(
+}, Tw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.dark])
-), _w = Object.fromEntries(
+), Cw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.light])
 );
 function QM() {
@@ -40095,14 +40095,14 @@ function Jo(i, e = "auto") {
   const t = da[i] || da.default, n = e === "auto" ? QM() : e;
   return t[n];
 }
-function Sw() {
+function Ew() {
   return Object.keys(da);
 }
 function ew(i, e, t = "auto") {
   const n = Jo(e, t);
   i.orbColors = n.colors, i.glowIntensity = n.glowIntensity, i.idleGlowMultiplier = n.idleGlowMultiplier;
 }
-function xw(i, e) {
+function Mw(i, e) {
   if (typeof window > "u")
     return () => {
     };
@@ -42211,14 +42211,92 @@ class cw {
     this.pulseRings = [], this.particles && (this.particles.geometry.dispose(), this.particles.material.dispose()), this.renderer.dispose(), this.renderer.domElement.parentNode && this.renderer.domElement.parentNode.removeChild(this.renderer.domElement);
   }
 }
-var lw = Object.defineProperty, dw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? dw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+const lw = "/sounds/pop-connect.mp3", dw = "/sounds/pop-disconnect.mp3";
+class uw {
+  constructor(e = {}) {
+    this.connectAudio = null, this.disconnectAudio = null, this.config = {
+      enabled: !0,
+      volume: 0.5,
+      ...e
+    }, this.preloadSounds();
+  }
+  /**
+   * Preload audio files for instant playback
+   */
+  preloadSounds() {
+    try {
+      this.connectAudio = new Audio(lw), this.connectAudio.preload = "auto", this.connectAudio.volume = this.config.volume, this.disconnectAudio = new Audio(dw), this.disconnectAudio.preload = "auto", this.disconnectAudio.volume = this.config.volume;
+    } catch (e) {
+      console.warn("Failed to preload sounds:", e);
+    }
+  }
+  /**
+   * Play connect sound
+   */
+  async playCallStartSound() {
+    if (!(!this.config.enabled || !this.connectAudio))
+      try {
+        this.connectAudio.currentTime = 0, this.connectAudio.volume = this.config.volume, await this.connectAudio.play();
+      } catch (e) {
+        console.warn("Failed to play connect sound:", e);
+      }
+  }
+  /**
+   * Play disconnect sound
+   */
+  async playCallEndSound() {
+    if (!(!this.config.enabled || !this.disconnectAudio))
+      try {
+        this.disconnectAudio.currentTime = 0, this.disconnectAudio.volume = this.config.volume, await this.disconnectAudio.play();
+      } catch (e) {
+        console.warn("Failed to play disconnect sound:", e);
+      }
+  }
+  /**
+   * Update configuration
+   */
+  setConfig(e) {
+    this.config = { ...this.config, ...e }, this.connectAudio && (this.connectAudio.volume = this.config.volume), this.disconnectAudio && (this.disconnectAudio.volume = this.config.volume);
+  }
+  /**
+   * Enable or disable sounds
+   */
+  setEnabled(e) {
+    this.config.enabled = e;
+  }
+  /**
+   * Set volume (0.0 - 1.0)
+   */
+  setVolume(e) {
+    this.config.volume = Math.max(0, Math.min(1, e)), this.connectAudio && (this.connectAudio.volume = this.config.volume), this.disconnectAudio && (this.disconnectAudio.volume = this.config.volume);
+  }
+  /**
+   * Get current config
+   */
+  getConfig() {
+    return { ...this.config };
+  }
+  /**
+   * Check if sounds are enabled
+   */
+  isEnabled() {
+    return this.config.enabled;
+  }
+  /**
+   * Cleanup
+   */
+  destroy() {
+    this.connectAudio = null, this.disconnectAudio = null;
+  }
+}
+var hw = Object.defineProperty, fw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? fw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && lw(e, t, s), s;
+  return n && s && hw(e, t, s), s;
 };
 let Ft = class extends es {
   constructor() {
-    super(...arguments), this.orbRenderer = null, this.orbContainerRef = No(), this.audioSimPhase = 0, this.animationId = null, this.callManager = null, this.size = 300, this.headerLogo = "HANC.ai", this.headerTitle = "Lina-Voice AI", this.showBranding = !0, this.version = "v1.1.2", this.agentId = "", this.voiceServiceUrl = "", this.btnStartText = "Start", this.btnEndText = "End", this.colors = {}, this.brandingLogoColor = "rgba(255, 255, 255, 0.9)", this.brandingTitleColor = "rgba(255, 255, 255, 0.6)", this.brandingDividerColor = "rgba(255, 255, 255, 0.3)", this.versionColor = "rgba(255, 255, 255, 0.3)", this.buttonBackground = "linear-gradient(135deg, rgba(139, 92, 246, 0.95) 0%, rgba(124, 58, 237, 0.95) 100%)", this.buttonTextColor = "rgba(255, 255, 255, 0.95)", this.currentState = "idle", this.callStatus = "idle", this.isLoading = !0, this._hasMicPermission = null, this._localAudioContext = null, this._localAudioAnalyser = null, this._localAudioMonitorId = null, this._agentAudioContext = null, this._agentAudioAnalyser = null, this._agentAudioMonitorId = null, this._agentIsSpeaking = !1, this._interruptionTimeout = null, this._lastInterruptionTime = 0, this.handleCallClick = async () => {
+    super(...arguments), this.orbRenderer = null, this.orbContainerRef = No(), this.audioSimPhase = 0, this.animationId = null, this.callManager = null, this.soundManager = new uw({ enabled: !0, volume: 0.4 }), this.size = 300, this.headerLogo = "HANC.ai", this.headerTitle = "Lina-Voice AI", this.showBranding = !0, this.version = "v1.1.2", this.agentId = "", this.voiceServiceUrl = "", this.btnStartText = "Start", this.btnEndText = "End", this.colors = {}, this.brandingLogoColor = "rgba(255, 255, 255, 0.9)", this.brandingTitleColor = "rgba(255, 255, 255, 0.6)", this.brandingDividerColor = "rgba(255, 255, 255, 0.3)", this.versionColor = "rgba(255, 255, 255, 0.3)", this.buttonBackground = "linear-gradient(135deg, rgba(139, 92, 246, 0.95) 0%, rgba(124, 58, 237, 0.95) 100%)", this.buttonTextColor = "rgba(255, 255, 255, 0.95)", this.currentState = "idle", this.callStatus = "idle", this.isLoading = !0, this._hasMicPermission = null, this._localAudioContext = null, this._localAudioAnalyser = null, this._localAudioMonitorId = null, this._agentAudioContext = null, this._agentAudioAnalyser = null, this._agentAudioMonitorId = null, this._agentIsSpeaking = !1, this._interruptionTimeout = null, this._lastInterruptionTime = 0, this.handleCallClick = async () => {
       if (this.callStatus === "mic-denied")
         try {
           (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop()), this._hasMicPermission = !0, this.callStatus = "idle";
@@ -42364,6 +42442,9 @@ let Ft = class extends es {
       case "agent_state":
         (n = i.payload) != null && n.state && (this.setState(i.payload.state), this._agentIsSpeaking = i.payload.state === "speaking");
         break;
+      case "end_call":
+        console.log("[LinaWidget] Agent requested to end call"), this.endCall();
+        break;
     }
   }
   /**
@@ -42384,13 +42465,13 @@ let Ft = class extends es {
         break;
       case "connected":
       case "agent-connected":
-        this.callStatus = "active", this.currentState = "speaking", (t = this.orbRenderer) == null || t.setState("speaking"), this.startActiveAnimation();
+        this.callStatus = "active", this.currentState = "speaking", (t = this.orbRenderer) == null || t.setState("speaking"), this.startActiveAnimation(), this.soundManager.playCallStartSound();
         break;
       case "disconnecting":
         this.callStatus = "ending";
         break;
       case "disconnected":
-        this.callStatus = "idle", this.currentState = "idle", (n = this.orbRenderer) == null || n.setState("idle"), this.startIdleAnimation();
+        this.callStatus = "idle", this.currentState = "idle", (n = this.orbRenderer) == null || n.setState("idle"), this.startIdleAnimation(), this.soundManager.playCallEndSound();
         break;
       case "error":
         this.callStatus = "error", this.currentState = "idle", (s = this.orbRenderer) == null || s.setState("idle");
@@ -42398,8 +42479,8 @@ let Ft = class extends es {
     }
   }
   cleanup() {
-    var i, e;
-    this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.stopLocalAudioMonitoring(), this.stopAgentAudioMonitoring(), this._interruptionTimeout && (clearTimeout(this._interruptionTimeout), this._interruptionTimeout = null), (i = this.callManager) == null || i.hangUp(), (e = this.orbRenderer) == null || e.destroy(), this.orbRenderer = null;
+    var i, e, t;
+    this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.stopLocalAudioMonitoring(), this.stopAgentAudioMonitoring(), this._interruptionTimeout && (clearTimeout(this._interruptionTimeout), this._interruptionTimeout = null), (i = this.callManager) == null || i.hangUp(), (e = this.orbRenderer) == null || e.destroy(), this.orbRenderer = null, (t = this.soundManager) == null || t.destroy();
   }
   startIdleAnimation() {
     this.animationId !== null && cancelAnimationFrame(this.animationId);
@@ -42471,7 +42552,7 @@ let Ft = class extends es {
         }, 3e3);
       }
     } else
-      this.callStatus = "connecting", this.currentState = "listening", (t = this.orbRenderer) == null || t.setState("listening"), await new Promise((s) => setTimeout(s, 1500)), this.callStatus = "active", this.currentState = "speaking", (n = this.orbRenderer) == null || n.setState("speaking"), this.startActiveAnimation(), this.dispatchEvent(new CustomEvent("call-start", {
+      this.callStatus = "connecting", this.currentState = "listening", (t = this.orbRenderer) == null || t.setState("listening"), await new Promise((s) => setTimeout(s, 1500)), this.callStatus = "active", this.currentState = "speaking", (n = this.orbRenderer) == null || n.setState("speaking"), this.startActiveAnimation(), this.soundManager.playCallStartSound(), this.dispatchEvent(new CustomEvent("call-start", {
         detail: { agentId: "demo", timestamp: Date.now() },
         bubbles: !0,
         composed: !0
@@ -42482,7 +42563,7 @@ let Ft = class extends es {
    */
   async endCall() {
     var i;
-    this.callStatus = "ending", this.callManager && await this.callManager.hangUp(), this.callStatus = "idle", this.currentState = "idle", (i = this.orbRenderer) == null || i.setState("idle"), this.startIdleAnimation(), this.dispatchEvent(new CustomEvent("call-end", {
+    this.callStatus = "ending", this.callManager ? await this.callManager.hangUp() : (this.soundManager.playCallEndSound(), this.callStatus = "idle", this.currentState = "idle", (i = this.orbRenderer) == null || i.setState("idle"), this.startIdleAnimation()), this.dispatchEvent(new CustomEvent("call-end", {
       detail: { timestamp: Date.now() },
       bubbles: !0,
       composed: !0
@@ -42893,14 +42974,14 @@ export {
   _u as SoundManager,
   ew as applyTheme,
   Si as darkPresets,
-  bw as darkThemes,
+  Tw as darkThemes,
   QM as detectSystemTheme,
-  vw as getColorPreset,
-  yw as getPresetNames,
+  Sw as getColorPreset,
+  xw as getPresetNames,
   Jo as getTheme,
-  Sw as getThemeNames,
+  Ew as getThemeNames,
   xi as lightPresets,
-  _w as lightThemes,
+  Cw as lightThemes,
   da as themes,
-  xw as watchSystemTheme
+  Mw as watchSystemTheme
 };