@w0nna_dev/lina-widget 1.2.0 → 1.2.1

package/dist/lina-widget.es.js

@@ -8746,7 +8746,7 @@ function Ky(i) {
       value: i.value
     });
 }
-class mw extends hi.EventEmitter {
+class gw 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 vw 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 bw(i, e = "dark") {
   const t = e === "dark" ? Si : xi;
   return t[i] || t[Object.keys(t)[0]];
 }
-function yw(i = "dark") {
+function _w(i = "dark") {
   return Object.keys(i === "dark" ? Si : xi);
 }
 const da = {
@@ -40083,9 +40083,9 @@ const da = {
       idleGlowMultiplier: 1.2
     }
   }
-}, bw = Object.fromEntries(
+}, Sw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.dark])
-), _w = Object.fromEntries(
+), xw = 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 Tw() {
   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 Cw(i, e) {
   if (typeof window > "u")
     return () => {
     };
@@ -42211,14 +42211,172 @@ 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--)
+class lw {
+  constructor(e = {}) {
+    this.audioContext = null, this.config = {
+      enabled: !0,
+      volume: 0.3,
+      ...e
+    };
+  }
+  /**
+   * Initialize audio context (must be called from user interaction)
+   */
+  async ensureContext() {
+    if (!this.config.enabled) return null;
+    if (!this.audioContext)
+      try {
+        this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+      } catch {
+        return console.warn("Web Audio API not supported"), null;
+      }
+    return this.audioContext.state === "suspended" && await this.audioContext.resume(), this.audioContext;
+  }
+  /**
+   * Create an oscillator with envelope
+   */
+  createTone(e, t, n, s, r = "sine") {
+    const o = e.createOscillator(), a = e.createGain();
+    o.type = r, o.frequency.setValueAtTime(t, n);
+    const c = 0.05, l = 0.1, d = 0.7, u = 0.3;
+    return a.gain.setValueAtTime(0, n), a.gain.linearRampToValueAtTime(this.config.volume, n + c), a.gain.linearRampToValueAtTime(this.config.volume * d, n + c + l), a.gain.setValueAtTime(this.config.volume * d, n + s - u), a.gain.linearRampToValueAtTime(0, n + s), o.connect(a), { oscillator: o, gain: a };
+  }
+  /**
+   * Play ascending melodic sound for call start
+   * C4 → E4 → G4 (C major chord arpeggio)
+   */
+  async playCallStartSound() {
+    const e = await this.ensureContext();
+    if (!e || typeof e.createGain != "function") return;
+    const t = e.currentTime, n = e.createGain();
+    n.gain.setValueAtTime(1, t), n.connect(e.destination);
+    const s = [
+      { freq: 261.63, start: 0, duration: 0.5 },
+      // C4
+      { freq: 329.63, start: 0.15, duration: 0.5 },
+      // E4
+      { freq: 392, start: 0.3, duration: 0.6 },
+      // G4
+      { freq: 523.25, start: 0.5, duration: 0.8 }
+      // C5 (octave up)
+    ], r = [];
+    s.forEach((o) => {
+      const { oscillator: a, gain: c } = this.createTone(
+        e,
+        o.freq,
+        t + o.start,
+        o.duration,
+        "sine"
+      );
+      c.connect(n), a.start(t + o.start), a.stop(t + o.start + o.duration), r.push(a);
+      const { oscillator: l, gain: d } = this.createTone(
+        e,
+        o.freq * 2,
+        // Octave up
+        t + o.start,
+        o.duration,
+        "triangle"
+      );
+      d.gain.setValueAtTime(d.gain.value * 0.3, t), d.connect(n), l.start(t + o.start), l.stop(t + o.start + o.duration), r.push(l);
+    }), setTimeout(() => {
+      r.forEach((o) => {
+        try {
+          o.disconnect();
+        } catch {
+        }
+      });
+    }, 2e3);
+  }
+  /**
+   * Play descending melodic sound for call end
+   * G4 → E4 → C4 (descending C major arpeggio)
+   */
+  async playCallEndSound() {
+    const e = await this.ensureContext();
+    if (!e || typeof e.createGain != "function") return;
+    const t = e.currentTime, n = e.createGain();
+    n.gain.setValueAtTime(1, t), n.connect(e.destination);
+    const s = [
+      { freq: 523.25, start: 0, duration: 0.4 },
+      // C5
+      { freq: 392, start: 0.12, duration: 0.4 },
+      // G4
+      { freq: 329.63, start: 0.24, duration: 0.5 },
+      // E4
+      { freq: 261.63, start: 0.4, duration: 0.7 }
+      // C4
+    ], r = [];
+    s.forEach((o) => {
+      const { oscillator: a, gain: c } = this.createTone(
+        e,
+        o.freq,
+        t + o.start,
+        o.duration,
+        "sine"
+      );
+      c.connect(n), a.start(t + o.start), a.stop(t + o.start + o.duration), r.push(a);
+      const { oscillator: l, gain: d } = this.createTone(
+        e,
+        o.freq * 2,
+        t + o.start,
+        o.duration,
+        "triangle"
+      );
+      d.gain.setValueAtTime(d.gain.value * 0.25, t), d.connect(n), l.start(t + o.start), l.stop(t + o.start + o.duration), r.push(l);
+    }), setTimeout(() => {
+      r.forEach((o) => {
+        try {
+          o.disconnect();
+        } catch {
+        }
+      });
+    }, 1500);
+  }
+  /**
+   * Update configuration
+   */
+  setConfig(e) {
+    this.config = { ...this.config, ...e };
+  }
+  /**
+   * 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));
+  }
+  /**
+   * Get current config
+   */
+  getConfig() {
+    return { ...this.config };
+  }
+  /**
+   * Check if sounds are enabled
+   */
+  isEnabled() {
+    return this.config.enabled;
+  }
+  /**
+   * Cleanup
+   */
+  destroy() {
+    this.audioContext && (this.audioContext.close(), this.audioContext = null);
+  }
+}
+var dw = Object.defineProperty, uw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? uw(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 && dw(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 lw({ 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 +42522,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 +42545,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 +42559,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 +42632,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 +42643,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 +43054,14 @@ export {
   _u as SoundManager,
   ew as applyTheme,
   Si as darkPresets,
-  bw as darkThemes,
+  Sw as darkThemes,
   QM as detectSystemTheme,
-  vw as getColorPreset,
-  yw as getPresetNames,
+  bw as getColorPreset,
+  _w as getPresetNames,
   Jo as getTheme,
-  Sw as getThemeNames,
+  Tw as getThemeNames,
   xi as lightPresets,
-  _w as lightThemes,
+  xw as lightThemes,
   da as themes,
-  xw as watchSystemTheme
+  Cw as watchSystemTheme
 };