@myned-ai/avatar-chat-widget 0.12.0 → 0.13.0

package/dist/avatar-chat-widget.js

@@ -1815,15 +1815,21 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
    * Call this synchronously from any user-gesture handler (pointerdown, touchend,
    * click, keydown) to guarantee iOS audio unlock.
    */
-  ensureAudioReady() {
+  ensureAudioReady(source) {
+    const tag = source ? `[${source}]` : "";
     if (!this._context) {
       this.createContext();
     }
-    if (this._context && this._context.state !== "running") {
-      this.resume().catch((error2) => {
-        log$c.warn("ensureAudioReady resume failed (will retry on next gesture):", error2);
-      });
-    }
+    const ctx = this._context;
+    if (!ctx) return;
+    if (ctx.state === "running") return;
+    log$c.debug(`${tag} Attempting AudioContext unlock, current state=${ctx.state}`);
+    ctx.resume().then(() => {
+      log$c.info(`${tag} AudioContext unlocked via ensureAudioReady`);
+      this.removeResumeListeners();
+    }).catch((error2) => {
+      log$c.warn(`${tag} ensureAudioReady resume failed (will retry on next gesture):`, error2);
+    });
   }
   /**
    * Internal: create the AudioContext and wire up fallback document listeners.
@@ -1839,7 +1845,9 @@ const _AudioContextManagerImpl = class _AudioContextManagerImpl {
         latencyHint: "interactive"
       });
       log$c.info(`AudioContext created: sampleRate=${this._context.sampleRate}, state=${this._context.state}`);
-      this.setupResumeListener();
+      if (this._context.state !== "running") {
+        this.setupResumeListener();
+      }
       this._context.onstatechange = () => {
         log$c.debug(`AudioContext state changed: ${this._context?.state}`);
         if (this._context?.state === "running") {
@@ -5912,8 +5920,18 @@ class AvatarChatElement extends HTMLElement {
    * Setup UI event listeners
    */
   setupUIEvents() {
+    const unlockAudio = (e) => {
+      AudioContextManager.ensureAudioReady(`widget:${e.type}`);
+    };
+    this.shadow.addEventListener("pointerdown", unlockAudio, { capture: true, passive: true });
+    this.shadow.addEventListener("touchend", unlockAudio, { capture: true, passive: true });
+    this.shadow.addEventListener("click", unlockAudio, { capture: true, passive: true });
+    this.shadow.addEventListener("focusin", unlockAudio, { capture: true });
     const minimizeBtn = this.shadow.getElementById("minimizeBtn");
-    minimizeBtn?.addEventListener("click", () => this.collapse());
+    minimizeBtn?.addEventListener("click", () => {
+      AudioContextManager.ensureAudioReady();
+      this.collapse();
+    });
     const chatInput = this.shadow.getElementById("chatInput");
     const inputControls = this.shadow.querySelector(".chat-input-controls");
     if (chatInput && inputControls) {
@@ -6110,6 +6128,7 @@ class AvatarChatElement extends HTMLElement {
       return;
     }
     expandBtn.addEventListener("click", () => {
+      AudioContextManager.ensureAudioReady();
       const isExpanded = widgetRoot.classList.toggle("expanded");
       expandBtn.setAttribute("aria-label", isExpanded ? "Collapse chat" : "Expand chat");
       expandBtn.setAttribute("title", isExpanded ? "Collapse" : "Expand");
@@ -6127,6 +6146,7 @@ class AvatarChatElement extends HTMLElement {
       return;
     }
     viewModeBtn.addEventListener("click", (e) => {
+      AudioContextManager.ensureAudioReady();
       e.stopPropagation();
       if (this.drawerController) {
         const currentState = this.drawerController.getState();
@@ -6178,7 +6198,7 @@ class AvatarChatElement extends HTMLElement {
    */
   async expand() {
     if (!this._isCollapsed) return;
-    AudioContextManager.ensureAudioReady();
+    AudioContextManager.ensureAudioReady("widget:expand");
     this._isCollapsed = false;
     this.classList.remove("collapsed");
     this.style.width = `${this.config.width}px`;