@w0nna_dev/lina-widget 1.2.1 → 1.2.2

package/dist/lina-widget.es.js

@@ -8746,7 +8746,7 @@ function Ky(i) {
       value: i.value
     });
 }
-class gw 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 vw 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;
@@ -39991,11 +39991,11 @@ const Si = {
     // Light pink
   }
 };
-function bw(i, e = "dark") {
+function Sw(i, e = "dark") {
   const t = e === "dark" ? Si : xi;
   return t[i] || t[Object.keys(t)[0]];
 }
-function _w(i = "dark") {
+function xw(i = "dark") {
   return Object.keys(i === "dark" ? Si : xi);
 }
 const da = {
@@ -40083,9 +40083,9 @@ const da = {
       idleGlowMultiplier: 1.2
     }
   }
-}, Sw = Object.fromEntries(
+}, Tw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.dark])
-), xw = 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 Tw() {
+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 Cw(i, e) {
+function Mw(i, e) {
   if (typeof window > "u")
     return () => {
     };
@@ -42211,132 +42211,52 @@ 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);
   }
 }
-class lw {
+const lw = "/sounds/pop-connect.mp3", dw = "/sounds/pop-disconnect.mp3";
+class uw {
   constructor(e = {}) {
-    this.audioContext = null, this.config = {
+    this.connectAudio = null, this.disconnectAudio = null, this.config = {
       enabled: !0,
-      volume: 0.3,
+      volume: 0.5,
       ...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;
+    }, this.preloadSounds();
   }
   /**
-   * Create an oscillator with envelope
+   * Preload audio files for instant playback
    */
-  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 };
+  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 ascending melodic sound for call start
-   * C4 → E4 → G4 (C major chord arpeggio)
+   * Play connect sound
    */
   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);
+    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 descending melodic sound for call end
-   * G4 → E4 → C4 (descending C major arpeggio)
+   * Play disconnect sound
    */
   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);
+    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.config = { ...this.config, ...e }, this.connectAudio && (this.connectAudio.volume = this.config.volume), this.disconnectAudio && (this.disconnectAudio.volume = this.config.volume);
   }
   /**
    * Enable or disable sounds
@@ -42348,7 +42268,7 @@ class lw {
    * Set volume (0.0 - 1.0)
    */
   setVolume(e) {
-    this.config.volume = Math.max(0, Math.min(1, 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
@@ -42366,17 +42286,17 @@ class lw {
    * Cleanup
    */
   destroy() {
-    this.audioContext && (this.audioContext.close(), this.audioContext = null);
+    this.connectAudio = null, this.disconnectAudio = 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--)
+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 && dw(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.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 () => {
+    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";
@@ -43054,14 +42974,14 @@ export {
   _u as SoundManager,
   ew as applyTheme,
   Si as darkPresets,
-  Sw as darkThemes,
+  Tw as darkThemes,
   QM as detectSystemTheme,
-  bw as getColorPreset,
-  _w as getPresetNames,
+  Sw as getColorPreset,
+  xw as getPresetNames,
   Jo as getTheme,
-  Tw as getThemeNames,
+  Ew as getThemeNames,
   xi as lightPresets,
-  xw as lightThemes,
+  Cw as lightThemes,
   da as themes,
-  Cw as watchSystemTheme
+  Mw as watchSystemTheme
 };