avin-ai 0.2.4 → 0.2.6

package/dist/avin-ai.es.js

@@ -1,24 +1,24 @@
 var W = Object.defineProperty;
 var X = (l, t, e) => t in l ? W(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var s = (l, t, e) => X(l, typeof t != "symbol" ? t + "" : t, e);
+var o = (l, t, e) => X(l, typeof t != "symbol" ? t + "" : t, e);
 class b {
   constructor(t) {
-    s(this, "serverUrl");
-    s(this, "agentId");
-    s(this, "callId");
-    s(this, "onConnected");
-    s(this, "onDisconnected");
-    s(this, "onError");
-    s(this, "onTranscription");
+    o(this, "serverUrl");
+    o(this, "agentId");
+    o(this, "callId");
+    o(this, "onConnected");
+    o(this, "onDisconnected");
+    o(this, "onError");
+    o(this, "onTranscription");
     // @ts-ignore
-    s(this, "onRemoteTrack");
-    s(this, "onClientToolCall");
-    s(this, "pc", null);
-    s(this, "dataChannel", null);
-    s(this, "audioElement", null);
-    s(this, "connected", !1);
-    s(this, "iceServers");
-    s(this, "token");
+    o(this, "onRemoteTrack");
+    o(this, "onClientToolCall");
+    o(this, "pc", null);
+    o(this, "dataChannel", null);
+    o(this, "audioElement", null);
+    o(this, "connected", !1);
+    o(this, "iceServers");
+    o(this, "token");
     if (!t.serverUrl) throw new Error("serverUrl is required");
     if (!t.agentId) throw new Error("agentId is required");
     this.serverUrl = t.serverUrl.replace(/\/$/, ""), this.agentId = t.agentId, this.callId = t.callId || this.generateCallId(), this.iceServers = t.iceServers, this.token = t.token, this.onConnected = t.onConnected || (() => {
@@ -86,12 +86,10 @@ class b {
             const a = new TextDecoder().decode(r.data);
             try {
               const A = JSON.parse(a);
-              console.log("[OvinAI] Decoded JSON from binary (inspect only):", A);
+              console.log("[OvinAI] Decoded JSON from binary:", A), A && typeof A == "object" && A.event && this.handleControlEvent(A);
             } catch {
-              console.log("[OvinAI] Decoded String from binary:", a);
             }
           } catch {
-            console.log("[OvinAI] Received binary data:", r.data.byteLength, "bytes (not decodable)");
           }
         else r.data instanceof Blob && r.data.text().then((a) => {
           try {
@@ -102,14 +100,14 @@ class b {
         });
       }, this.dataChannel.onerror = (r) => console.error("❌ [WebRTC] DataChannel error:", r), this.pc.ontrack = (r) => {
         const a = r.track, A = r.streams[0];
-        console.log(`📥 [WebRTC] Received ${a.kind} track`), a.kind === "audio" ? (console.log("🔊 [WebRTC] Received audio track from server"), this.audioElement = new Audio(), this.audioElement.srcObject = A, this.audioElement.play().catch((d) => console.warn("Audio autoplay blocked:", d)), this.audioElement.onended = () => {
+        console.log(`📥 [WebRTC] Received ${a.kind} track`), a.kind === "audio" ? (console.log("🔊 [WebRTC] Received audio track from server"), this.audioElement = new Audio(), this.audioElement.srcObject = A, this.audioElement.play().catch((h) => console.warn("Audio autoplay blocked:", h)), this.audioElement.onended = () => {
           this.sendEvent("playedStream"), console.log("✅ [WebRTC] TTS playback complete");
         }) : a.kind === "video" && (console.log("📹 [WebRTC] Video track received"), this.onRemoteTrack(a, A));
       };
       const e = () => {
-        var A, d, h, y, w, m, v, B, f, u, p;
-        console.log("🔄 [WebRTC] State:", (A = this.pc) == null ? void 0 : A.connectionState, "| ICE:", (d = this.pc) == null ? void 0 : d.iceConnectionState);
-        const r = ((h = this.pc) == null ? void 0 : h.connectionState) === "connected" || ((y = this.pc) == null ? void 0 : y.iceConnectionState) === "connected" || ((w = this.pc) == null ? void 0 : w.iceConnectionState) === "completed", a = ((m = this.pc) == null ? void 0 : m.connectionState) === "failed" || ((v = this.pc) == null ? void 0 : v.iceConnectionState) === "failed" || ((B = this.pc) == null ? void 0 : B.connectionState) === "closed" || ((f = this.pc) == null ? void 0 : f.iceConnectionState) === "closed" || ((u = this.pc) == null ? void 0 : u.connectionState) === "disconnected" || ((p = this.pc) == null ? void 0 : p.iceConnectionState) === "disconnected";
+        var A, h, c, u, g, C, v, B, f, m, w;
+        console.log("🔄 [WebRTC] State:", (A = this.pc) == null ? void 0 : A.connectionState, "| ICE:", (h = this.pc) == null ? void 0 : h.iceConnectionState);
+        const r = ((c = this.pc) == null ? void 0 : c.connectionState) === "connected" || ((u = this.pc) == null ? void 0 : u.iceConnectionState) === "connected" || ((g = this.pc) == null ? void 0 : g.iceConnectionState) === "completed", a = ((C = this.pc) == null ? void 0 : C.connectionState) === "failed" || ((v = this.pc) == null ? void 0 : v.iceConnectionState) === "failed" || ((B = this.pc) == null ? void 0 : B.connectionState) === "closed" || ((f = this.pc) == null ? void 0 : f.iceConnectionState) === "closed" || ((m = this.pc) == null ? void 0 : m.connectionState) === "disconnected" || ((w = this.pc) == null ? void 0 : w.iceConnectionState) === "disconnected";
         r && !this.connected ? (this.connected = !0, this.onConnected()) : a && this.connected && (this.connected = !1, this.onDisconnected());
       };
       this.pc.onconnectionstatechange = e, this.pc.oniceconnectionstatechange = e;
@@ -128,8 +126,8 @@ class b {
         const r = await n.json();
         throw new Error(r.error || `HTTP ${n.status}`);
       }
-      const { answer: o } = await n.json();
-      console.log("📥 [WebRTC] Received answer from server"), await this.pc.setRemoteDescription(o), console.log("✅ [WebRTC] Connection established!");
+      const { answer: s } = await n.json();
+      console.log("📥 [WebRTC] Received answer from server"), await this.pc.setRemoteDescription(s), console.log("✅ [WebRTC] Connection established!");
     } catch (t) {
       throw console.error("❌ [WebRTC] Connection failed:", t), this.disconnect(), this.onError(t.message || t), t;
     }
@@ -225,7 +223,7 @@ class b {
   static async fetchIceServers(t, e = "https://coredb.travelr.club/v1/graphql") {
     var i;
     try {
-      const o = await fetch(e, {
+      const s = await fetch(e, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -240,9 +238,9 @@ class b {
                 }
             }` })
       });
-      if (!o.ok)
+      if (!s.ok)
         throw new Error("Failed to fetch ICE servers");
-      return ((i = (await o.json()).data) == null ? void 0 : i.ice_servers) || [];
+      return ((i = (await s.json()).data) == null ? void 0 : i.ice_servers) || [];
     } catch (n) {
       throw console.error("[WebRTC] Failed to fetch ICE servers:", n), n;
     }
@@ -251,10 +249,10 @@ class b {
 const F = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
 class V {
   constructor(t) {
-    s(this, "config");
-    s(this, "_status", "idle");
-    s(this, "client", null);
-    s(this, "listeners", /* @__PURE__ */ new Map());
+    o(this, "config");
+    o(this, "_status", "idle");
+    o(this, "client", null);
+    o(this, "listeners", /* @__PURE__ */ new Map());
     if (!t.agentId) throw new Error("[AvinAI] agentId is required");
     this.config = t;
   }
@@ -440,7 +438,7 @@ class K {
       if (!a)
         throw new Error(`Widget configuration not found for ID: ${t}`);
       if (a.client_id) {
-        const h = await (await fetch(k, {
+        const c = await (await fetch(k, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -454,17 +452,17 @@ class K {
             variables: { id: a.client_id }
           })
         })).json();
-        (n = h.data) != null && n.client_by_pk && (a.client = h.data.client_by_pk);
+        (n = c.data) != null && n.client_by_pk && (a.client = c.data.client_by_pk);
       }
       return a;
-    } catch (o) {
-      throw console.error("[AvinAI] Failed to fetch widget config:", o), o;
+    } catch (s) {
+      throw console.error("[AvinAI] Failed to fetch widget config:", s), s;
     }
   }
 }
 const P = "https://coredb.travelr.club/v1/graphql";
 let x = "https://inboxapi.travelr.club";
-class C {
+class y {
   static setChatUrl(t) {
     x = t;
   }
@@ -490,15 +488,15 @@ class C {
         })
       })).json();
       return r.errors ? (console.warn("[AvinAI] Prospect creation failed, using anonymous ID", r.errors), `anon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`) : ((n = (i = r.data) == null ? void 0 : i.insert_prospects_one) == null ? void 0 : n.id) || `anon_${Date.now()}`;
-    } catch (o) {
-      return console.error("[AvinAI] Failed to create prospect:", o), `anon_${Date.now()}`;
+    } catch (s) {
+      return console.error("[AvinAI] Failed to create prospect:", s), `anon_${Date.now()}`;
     }
   }
   // Calls the new Go bridge /widget/chat endpoint with an empty message to initialize the session and get the Welcome config + inbox_id
   static async fetchWelcomeMessage(t, e) {
     var i, n;
     try {
-      const o = await fetch(`${x}/widget/chat`, {
+      const s = await fetch(`${x}/widget/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -508,90 +506,102 @@ class C {
           stream: !1
         })
       });
-      if (!o.ok) throw new Error("Failed to fetch welcome message");
-      const r = await o.json();
+      if (!s.ok) throw new Error("Failed to fetch welcome message");
+      const r = await s.json();
       let a = r.response || "Hello! How can I help you today?", A;
-      const d = r.chat_id || r.inbox_id;
+      const h = r.chat_id || r.inbox_id;
       if (r.widget) {
         A = r.widget;
-        const h = { text: a };
-        A.type === "carousel" && ((i = A.data) != null && i.cards) ? h.cards = A.data.cards : A.type === "button_list" && ((n = A.data) != null && n.buttons) && (h.buttons = A.data.buttons), a = JSON.stringify(h);
+        const c = { text: a };
+        A.type === "carousel" && ((i = A.data) != null && i.cards) ? c.cards = A.data.cards : A.type === "button_list" && ((n = A.data) != null && n.buttons) && (c.buttons = A.data.buttons), a = JSON.stringify(c);
       }
-      return { role: "assistant", content: a, widget: A, chatId: d };
-    } catch (o) {
-      return console.error("[AvinAI] Failed to fetch welcome message:", o), { role: "assistant", content: "Hello! How can I help you today?" };
+      return { role: "assistant", content: a, widget: A, chatId: h };
+    } catch (s) {
+      return console.error("[AvinAI] Failed to fetch welcome message:", s), { role: "assistant", content: "Hello! How can I help you today?" };
     }
   }
-  static async sendChatMessage(t, e, i, n, o, r, a) {
-    var A, d, h, y;
+  static async sendChatMessage(t, e, i, n, s, r, a) {
+    var A, h, c, u;
     try {
-      const w = {
+      const g = {
         agent_id: t,
         message: i,
         prospect_id: e,
         stream: !0
       };
-      n && (w.inbox_id = n);
-      const m = await fetch(`${x}/widget/chat`, {
+      n && (g.inbox_id = n);
+      const C = await fetch(`${x}/widget/chat`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(w)
+        body: JSON.stringify(g)
       });
-      if (!m.ok) throw new Error("Chat request failed");
-      const v = (A = m.body) == null ? void 0 : A.getReader(), B = new TextDecoder();
+      if (!C.ok) throw new Error("Chat request failed");
+      const v = (A = C.body) == null ? void 0 : A.getReader(), B = new TextDecoder();
       if (!v) throw new Error("No reader");
-      let f = "", u = "", p = null;
+      let f = "", m = "", w = null;
       for (; ; ) {
         const { done: R, value: O } = await v.read();
         if (R) break;
-        u += B.decode(O, { stream: !0 });
-        const Q = u.split(`
+        m += B.decode(O, { stream: !0 });
+        const Q = m.split(`
 `);
-        u = Q.pop() || "";
+        m = Q.pop() || "";
         for (const U of Q) {
           const I = U.trim();
           if (I && I.startsWith("data: ")) {
             const D = I.slice(6);
             if (D === "[DONE]") {
-              a(p);
+              a(w);
               return;
             }
             try {
-              const g = JSON.parse(D);
-              if (g.type === "metadata" && g.chat_id) {
-                p = g.chat_id;
+              const p = JSON.parse(D);
+              if (p.type === "metadata" && p.chat_id) {
+                w = p.chat_id;
                 continue;
               }
-              const M = (y = (h = (d = g.choices) == null ? void 0 : d[0]) == null ? void 0 : h.delta) == null ? void 0 : y.content;
-              M && (f += M, o(f)), g.widget && r(g.widget), g.chat_id && !p && (p = g.chat_id);
+              const M = (u = (c = (h = p.choices) == null ? void 0 : h[0]) == null ? void 0 : c.delta) == null ? void 0 : u.content;
+              M && (f += M, s(f)), p.widget && r(p.widget), p.chat_id && !w && (w = p.chat_id);
             } catch {
             }
           }
         }
       }
-      a(p);
-    } catch (w) {
-      console.error("[AvinAI] Chat error:", w), o("Sorry, I encountered an error. Please try again."), a(null);
+      a(w);
+    } catch (g) {
+      console.error("[AvinAI] Chat error:", g), s("Sorry, I encountered an error. Please try again."), a(null);
     }
   }
   static listenForAdminReplies(t, e, i) {
-    const n = new EventSource(`${x}/inbox/stream?inbox_id=${t}&sender=${encodeURIComponent(e)}`);
-    return console.log(`[AvinAI] Subscribed to SSE EventSource at ${n.url}`), n.onmessage = (o) => {
-      console.log("[AvinAI] 📡 Raw SSE Event triggered:", o.data);
-      try {
-        const r = JSON.parse(o.data);
-        console.log("[AvinAI] SSE stream JSON parsed:", r);
-        const a = r.direction === "outgoing", A = !!r.content, d = r.source !== "ai";
-        console.log(`[AvinAI] Conditions -> outgoing:${a} content:${A} notAI:${d}`), a && A && d ? (console.log("[AvinAI] 🎯 Displaying admin message in chat UI:", r.content), i(r.content)) : console.log("[AvinAI] 🛑 Ignored SSE message because it didn't meet conditions.");
-      } catch (r) {
-        console.error("[AvinAI] SSE parse error", r);
+    const n = `${x}/inbox/stream?inbox_id=${t}&sender=${encodeURIComponent(e)}`;
+    let s = null, r = 0, a = !1;
+    const A = () => {
+      a || (s = new EventSource(n), console.log(`[AvinAI] Subscribed to SSE EventSource at ${s.url}`), s.onopen = () => {
+        console.log("[AvinAI] SSE connection opened successfully."), r = 0;
+      }, s.onmessage = (h) => {
+        console.log("[AvinAI] 📡 Raw SSE Event triggered:", h.data);
+        try {
+          const c = JSON.parse(h.data);
+          console.log("[AvinAI] SSE stream JSON parsed:", c);
+          const u = c.direction === "outgoing", g = !!c.content, C = c.source !== "ai";
+          u && g && C && (console.log("[AvinAI] 🎯 Displaying admin message in chat UI:", c.content), i(c.content));
+        } catch (c) {
+          console.error("[AvinAI] SSE parse error", c);
+        }
+      }, s.onerror = (h) => {
+        if (console.error("[AvinAI] SSE connection error or disconnect", h), s && (s.close(), s = null), a) return;
+        const c = Math.min(2e3 * Math.pow(2, r), 3e4);
+        console.log(`[AvinAI] Reconnecting SSE in ${c}ms (Attempt ${r + 1})...`), r++, setTimeout(A, c);
+      });
+    };
+    return A(), {
+      close: () => {
+        a = !0, s && (s.close(), s = null, console.log("[AvinAI] SSE connection manually closed."));
       }
-    }, n.onerror = (o) => {
-      console.error("[AvinAI] SSE connection error or disconnect", o);
-    }, n;
+    };
   }
   static async createCall(t, e, i) {
-    var o, r;
+    var s, r;
     const n = `
         mutation CreateCall($object: calls_insert_input!) {
             insert_calls_one(object: $object) {
@@ -617,7 +627,7 @@ class C {
           }
         })
       })).json();
-      return A.errors ? (console.warn("[AvinAI] Call creation failed", A.errors), `web_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`) : ((r = (o = A.data) == null ? void 0 : o.insert_calls_one) == null ? void 0 : r.id) || `web_${Date.now()}`;
+      return A.errors ? (console.warn("[AvinAI] Call creation failed", A.errors), `web_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`) : ((r = (s = A.data) == null ? void 0 : s.insert_calls_one) == null ? void 0 : r.id) || `web_${Date.now()}`;
     } catch (a) {
       return console.error("[AvinAI] Failed to create call:", a), `web_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`;
     }
@@ -625,8 +635,8 @@ class C {
 }
 class Z {
   constructor(t) {
-    s(this, "config");
-    s(this, "root", null);
+    o(this, "config");
+    o(this, "root", null);
     this.config = t;
   }
   async initialize(t) {
@@ -1187,7 +1197,7 @@ const T = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAA
       border-radius: 0;
     }
   }
-`, c = {
+`, d = {
   phone: `
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
@@ -1431,8 +1441,8 @@ const T = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAA
   `
 }, E = {
   ...z,
-  default_chat: c.chat,
-  default_voice: c.mic,
+  default_chat: d.chat,
+  default_voice: d.mic,
   male: `<img src="${T}" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block;" />`,
   female: `<img src="${H}" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block;" />`
 };
@@ -1480,9 +1490,9 @@ overflow: hidden;
       `;
 });
 class Y {
-  constructor(t, e = c.chat) {
-    s(this, "element");
-    s(this, "iconContainer");
+  constructor(t, e = d.chat) {
+    o(this, "element");
+    o(this, "iconContainer");
     this.onClick = t, this.element = document.createElement("button"), this.element.className = "widget-fab", this.element.onclick = this.onClick, this.iconContainer = document.createElement("div"), this.iconContainer.style.display = "flex", this.iconContainer.style.alignItems = "center", this.iconContainer.style.justifyContent = "center", this.iconContainer.style.width = "100%", this.iconContainer.style.height = "100%", this.iconContainer.innerHTML = e, this.element.appendChild(this.iconContainer);
   }
   getElement() {
@@ -1530,18 +1540,18 @@ class Y {
     `;
   }
 }
-class G {
+class S {
   constructor(t, e = "Assistant") {
-    s(this, "element");
-    s(this, "header");
-    s(this, "titleElement");
-    s(this, "contentArea");
-    s(this, "maximizeBtn");
-    s(this, "closeBtn");
-    s(this, "isMaximized", !1);
+    o(this, "element");
+    o(this, "header");
+    o(this, "titleElement");
+    o(this, "contentArea");
+    o(this, "maximizeBtn");
+    o(this, "closeBtn");
+    o(this, "isMaximized", !1);
     this.onClose = t, this.title = e, this.element = document.createElement("div"), this.element.className = "widget-panel hidden", this.header = document.createElement("div"), this.header.className = "widget-header", this.titleElement = document.createElement("h3"), this.titleElement.className = "widget-title", this.titleElement.textContent = this.title;
     const i = document.createElement("div");
-    i.style.display = "flex", i.style.alignItems = "center", i.style.gap = "8px", this.maximizeBtn = document.createElement("button"), this.maximizeBtn.className = "close-btn", this.maximizeBtn.innerHTML = c.maximize2, this.maximizeBtn.onclick = () => this.toggleMaximize(), this.closeBtn = document.createElement("button"), this.closeBtn.className = "close-btn", this.closeBtn.innerHTML = c.close, this.closeBtn.onclick = this.onClose, i.appendChild(this.maximizeBtn), i.appendChild(this.closeBtn), this.header.appendChild(this.titleElement), this.header.appendChild(i), this.contentArea = document.createElement("div"), this.contentArea.className = "widget-body", this.contentArea.style.flex = "1", this.contentArea.style.display = "flex", this.contentArea.style.flexDirection = "column", this.contentArea.style.overflow = "hidden", this.contentArea.style.padding = "0", this.element.appendChild(this.header), this.element.appendChild(this.contentArea);
+    i.style.display = "flex", i.style.alignItems = "center", i.style.gap = "8px", this.maximizeBtn = document.createElement("button"), this.maximizeBtn.className = "close-btn", this.maximizeBtn.innerHTML = d.maximize2, this.maximizeBtn.onclick = () => this.toggleMaximize(), this.closeBtn = document.createElement("button"), this.closeBtn.className = "close-btn", this.closeBtn.innerHTML = d.close, this.closeBtn.onclick = this.onClose, i.appendChild(this.maximizeBtn), i.appendChild(this.closeBtn), this.header.appendChild(this.titleElement), this.header.appendChild(i), this.contentArea = document.createElement("div"), this.contentArea.className = "widget-body", this.contentArea.style.flex = "1", this.contentArea.style.display = "flex", this.contentArea.style.flexDirection = "column", this.contentArea.style.overflow = "hidden", this.contentArea.style.padding = "0", this.element.appendChild(this.header), this.element.appendChild(this.contentArea);
   }
   getElement() {
     return this.element;
@@ -1562,7 +1572,7 @@ class G {
     this.element.classList.add("hidden");
   }
   toggleMaximize() {
-    this.isMaximized = !this.isMaximized, this.element.style.width = this.isMaximized ? "605px" : "380px", this.maximizeBtn.innerHTML = this.isMaximized ? c.minimize2 : c.maximize2;
+    this.isMaximized = !this.isMaximized, this.element.style.width = this.isMaximized ? "605px" : "380px", this.maximizeBtn.innerHTML = this.isMaximized ? d.minimize2 : d.maximize2;
   }
   static get styles() {
     return `
@@ -1572,35 +1582,35 @@ class G {
 }
 class J {
   constructor(t, e = "#6366f1", i = "#a855f7") {
-    s(this, "element");
+    o(this, "element");
     // Layout Containers
-    s(this, "contentContainer");
-    s(this, "footerContainer");
+    o(this, "contentContainer");
+    o(this, "footerContainer");
     // Voice Mode Elements
-    s(this, "waveContainer");
-    s(this, "waveLayers", []);
-    s(this, "connectingSpinner");
+    o(this, "waveContainer");
+    o(this, "waveLayers", []);
+    o(this, "connectingSpinner");
     // Avatar Mode Elements
-    s(this, "videoContainer");
-    s(this, "videoElement");
-    s(this, "statusBadge");
-    s(this, "prepareBadge");
+    o(this, "videoContainer");
+    o(this, "videoElement");
+    o(this, "statusBadge");
+    o(this, "prepareBadge");
     // "AGENT IS ON THE WAY..."
     // Common Elements
-    s(this, "statusText");
+    o(this, "statusText");
     // For Voice Mode
-    s(this, "timerElement");
+    o(this, "timerElement");
     // For Voice Mode
-    s(this, "transcriptionElement");
-    s(this, "hangupBtn");
-    s(this, "startTime", null);
-    s(this, "timerInterval", null);
-    s(this, "isAvatarMode", !1);
+    o(this, "transcriptionElement");
+    o(this, "hangupBtn");
+    o(this, "startTime", null);
+    o(this, "timerInterval", null);
+    o(this, "isAvatarMode", !1);
     this.onHangup = t, this.primaryColor = e, this.secondaryColor = i, this.element = document.createElement("div"), this.element.id = "voice-active-overlay", this.element.style.position = "absolute", this.element.style.top = "0", this.element.style.left = "0", this.element.style.width = "100%", this.element.style.height = "100%", this.element.style.background = "transparent", this.element.style.pointerEvents = "none", this.element.style.zIndex = "60", this.element.style.display = "none", this.element.style.flexDirection = "column", this.element.style.alignItems = "center", this.contentContainer = document.createElement("div"), this.contentContainer.style.flex = "1", this.contentContainer.style.display = "flex", this.contentContainer.style.flexDirection = "column", this.contentContainer.style.alignItems = "center", this.contentContainer.style.justifyContent = "center", this.contentContainer.style.width = "100%", this.contentContainer.style.padding = "20px", this.contentContainer.style.paddingBottom = "20px", this.videoContainer = document.createElement("div"), this.videoContainer.style.position = "relative", this.videoContainer.style.width = "100%", this.videoContainer.style.maxWidth = "300px", this.videoContainer.style.aspectRatio = "1/1", this.videoContainer.style.marginBottom = "16px", this.videoContainer.style.overflow = "hidden", this.videoContainer.style.borderRadius = "16px", this.videoContainer.style.boxShadow = "0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(17, 24, 39, 0.05)", this.videoContainer.style.display = "none", this.videoContainer.style.pointerEvents = "auto", this.videoElement = document.createElement("video"), this.videoElement.style.width = "100%", this.videoElement.style.height = "100%", this.videoElement.style.objectFit = "cover", this.videoElement.style.backgroundColor = "transparent", this.videoElement.autoplay = !0, this.videoElement.playsInline = !0, this.videoElement.muted = !0, this.videoContainer.appendChild(this.videoElement), this.contentContainer.appendChild(this.videoContainer), this.waveContainer = document.createElement("div"), this.waveContainer.style.position = "relative", this.waveContainer.style.width = "200px", this.waveContainer.style.height = "200px", this.waveContainer.style.display = "flex", this.waveContainer.style.alignItems = "center", this.waveContainer.style.justifyContent = "center", this.waveContainer.style.marginBottom = "24px", this.waveContainer.style.pointerEvents = "auto", this.createWaveLayers(), this.contentContainer.appendChild(this.waveContainer), this.statusText = document.createElement("div"), this.statusText.className = "voice-status-text", this.statusText.style.fontSize = "18px", this.statusText.textContent = "Connecting...", this.contentContainer.appendChild(this.statusText), this.timerElement = document.createElement("div"), this.timerElement.className = "voice-status-subtext", this.timerElement.style.fontSize = "14px", this.timerElement.style.marginTop = "4px", this.contentContainer.appendChild(this.timerElement), this.statusBadge = document.createElement("div"), this.statusBadge.style.display = "none", this.statusBadge.style.alignItems = "center", this.statusBadge.style.gap = "8px", this.statusBadge.style.padding = "6px 16px", this.statusBadge.style.backgroundColor = "#f0fdf4", this.statusBadge.style.borderRadius = "9999px", this.statusBadge.style.border = "1px solid #dcfce7", this.statusBadge.style.marginBottom = "8px", this.statusBadge.style.position = "relative", this.statusBadge.style.zIndex = "10";
     const n = document.createElement("div");
     n.style.width = "8px", n.style.height = "8px", n.style.borderRadius = "50%", n.style.backgroundColor = "#22c55e", n.style.boxShadow = "0 0 8px rgba(34,197,94,0.6)", n.style.animation = "pulse 2s infinite";
-    const o = document.createElement("span");
-    o.textContent = "CONNECTED", o.style.fontSize = "12px", o.style.fontWeight = "600", o.style.color = "#15803d", o.style.textTransform = "uppercase", o.style.letterSpacing = "0.05em", this.statusBadge.appendChild(n), this.statusBadge.appendChild(o), this.contentContainer.appendChild(this.statusBadge), this.prepareBadge = document.createElement("div"), this.prepareBadge.textContent = "AGENT IS ON THE WAY...", this.prepareBadge.style.display = "none", this.prepareBadge.style.fontSize = "12px", this.prepareBadge.style.fontWeight = "600", this.prepareBadge.style.color = "#a855f7", this.prepareBadge.style.textTransform = "uppercase", this.prepareBadge.style.letterSpacing = "0.05em", this.prepareBadge.style.animation = "pulse 1.5s infinite", this.prepareBadge.style.position = "relative", this.prepareBadge.style.zIndex = "10", this.contentContainer.appendChild(this.prepareBadge), this.transcriptionElement = document.createElement("div"), this.transcriptionElement.style.marginTop = "20px", this.transcriptionElement.style.padding = "0 24px", this.transcriptionElement.style.textAlign = "center", this.transcriptionElement.style.minHeight = "40px", this.transcriptionElement.style.maxHeight = "80px", this.transcriptionElement.style.overflowY = "auto", this.transcriptionElement.style.fontSize = "14px", this.transcriptionElement.style.color = "#4b5563", this.transcriptionElement.style.fontStyle = "italic", this.contentContainer.appendChild(this.transcriptionElement), this.element.appendChild(this.contentContainer), this.footerContainer = document.createElement("div"), this.footerContainer.style.position = "absolute", this.footerContainer.style.bottom = "16px", this.footerContainer.style.left = "0", this.footerContainer.style.width = "100%", this.footerContainer.style.display = "flex", this.footerContainer.style.justifyContent = "center", this.footerContainer.style.zIndex = "70", this.hangupBtn = document.createElement("button"), this.hangupBtn.className = "control-btn", this.hangupBtn.style.flex = "none", this.hangupBtn.style.width = "auto", this.hangupBtn.style.minWidth = "140px", this.hangupBtn.style.backgroundColor = "#ef4444", this.hangupBtn.style.color = "white", this.hangupBtn.style.borderRadius = "9999px", this.hangupBtn.style.padding = "10px 24px", this.hangupBtn.style.fontSize = "14px", this.hangupBtn.style.fontWeight = "500", this.hangupBtn.style.display = "flex", this.hangupBtn.style.alignItems = "center", this.hangupBtn.style.gap = "8px", this.hangupBtn.style.border = "none", this.hangupBtn.style.cursor = "pointer", this.hangupBtn.style.pointerEvents = "auto", this.hangupBtn.style.transition = "background-color 0.2s", this.hangupBtn.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1)", this.hangupBtn.onmouseover = () => this.hangupBtn.style.backgroundColor = "#dc2626", this.hangupBtn.onmouseout = () => this.hangupBtn.style.backgroundColor = "#ef4444", this.hangupBtn.innerHTML = `${c.phone} End Call`;
+    const s = document.createElement("span");
+    s.textContent = "CONNECTED", s.style.fontSize = "12px", s.style.fontWeight = "600", s.style.color = "#15803d", s.style.textTransform = "uppercase", s.style.letterSpacing = "0.05em", this.statusBadge.appendChild(n), this.statusBadge.appendChild(s), this.contentContainer.appendChild(this.statusBadge), this.prepareBadge = document.createElement("div"), this.prepareBadge.textContent = "AGENT IS ON THE WAY...", this.prepareBadge.style.display = "none", this.prepareBadge.style.fontSize = "12px", this.prepareBadge.style.fontWeight = "600", this.prepareBadge.style.color = "#a855f7", this.prepareBadge.style.textTransform = "uppercase", this.prepareBadge.style.letterSpacing = "0.05em", this.prepareBadge.style.animation = "pulse 1.5s infinite", this.prepareBadge.style.position = "relative", this.prepareBadge.style.zIndex = "10", this.contentContainer.appendChild(this.prepareBadge), this.transcriptionElement = document.createElement("div"), this.transcriptionElement.style.marginTop = "20px", this.transcriptionElement.style.padding = "0 24px", this.transcriptionElement.style.textAlign = "center", this.transcriptionElement.style.minHeight = "40px", this.transcriptionElement.style.maxHeight = "80px", this.transcriptionElement.style.overflowY = "auto", this.transcriptionElement.style.fontSize = "14px", this.transcriptionElement.style.color = "#4b5563", this.transcriptionElement.style.fontStyle = "italic", this.contentContainer.appendChild(this.transcriptionElement), this.element.appendChild(this.contentContainer), this.footerContainer = document.createElement("div"), this.footerContainer.style.position = "absolute", this.footerContainer.style.bottom = "16px", this.footerContainer.style.left = "0", this.footerContainer.style.width = "100%", this.footerContainer.style.display = "flex", this.footerContainer.style.justifyContent = "center", this.footerContainer.style.zIndex = "70", this.hangupBtn = document.createElement("button"), this.hangupBtn.className = "control-btn", this.hangupBtn.style.flex = "none", this.hangupBtn.style.width = "auto", this.hangupBtn.style.minWidth = "140px", this.hangupBtn.style.backgroundColor = "#ef4444", this.hangupBtn.style.color = "white", this.hangupBtn.style.borderRadius = "9999px", this.hangupBtn.style.padding = "10px 24px", this.hangupBtn.style.fontSize = "14px", this.hangupBtn.style.fontWeight = "500", this.hangupBtn.style.display = "flex", this.hangupBtn.style.alignItems = "center", this.hangupBtn.style.gap = "8px", this.hangupBtn.style.border = "none", this.hangupBtn.style.cursor = "pointer", this.hangupBtn.style.pointerEvents = "auto", this.hangupBtn.style.transition = "background-color 0.2s", this.hangupBtn.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1)", this.hangupBtn.onmouseover = () => this.hangupBtn.style.backgroundColor = "#dc2626", this.hangupBtn.onmouseout = () => this.hangupBtn.style.backgroundColor = "#ef4444", this.hangupBtn.innerHTML = `${d.phone} End Call`;
     const r = this.hangupBtn.querySelector("svg");
     r && (r.style.transform = "rotate(135deg)", r.style.width = "16px", r.style.height = "16px"), this.hangupBtn.onclick = this.onHangup, this.footerContainer.appendChild(this.hangupBtn), this.element.appendChild(this.footerContainer);
   }
@@ -1616,8 +1626,8 @@ class J {
     i.className = "absolute rounded-full wave-2", i.style.width = "180px", i.style.height = "180px", i.style.background = `conic-gradient(from 60deg, ${this.secondaryColor}, #fcd34d, ${this.primaryColor}, ${this.secondaryColor})`, i.style.opacity = "0.8", i.style.animation = "wave-rotate-2 6s linear infinite", i.style.display = "none", this.waveLayers.push(i), this.waveContainer.appendChild(i);
     const n = document.createElement("div");
     n.className = "absolute rounded-full wave-3", n.style.width = "160px", n.style.height = "160px", n.style.background = `conic-gradient(from 120deg, #fcd34d, ${this.primaryColor}, ${this.secondaryColor}, #fcd34d)`, n.style.opacity = "0.9", n.style.animation = "wave-rotate-3 4s linear infinite", n.style.display = "none", this.waveLayers.push(n), this.waveContainer.appendChild(n);
-    const o = document.createElement("div");
-    o.className = "central-orb active", o.style.width = "56px", o.style.height = "56px", o.style.zIndex = "10", o.style.background = "#1f2937", o.style.borderRadius = "50%", o.style.display = "none", o.style.alignItems = "center", o.style.justifyContent = "center", o.style.color = "white", o.style.boxShadow = "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)", o.innerHTML = c.phone, this.waveLayers.push(o), this.waveContainer.appendChild(o);
+    const s = document.createElement("div");
+    s.className = "central-orb active", s.style.width = "56px", s.style.height = "56px", s.style.zIndex = "10", s.style.background = "#1f2937", s.style.borderRadius = "50%", s.style.display = "none", s.style.alignItems = "center", s.style.justifyContent = "center", s.style.color = "white", s.style.boxShadow = "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)", s.innerHTML = d.phone, this.waveLayers.push(s), this.waveContainer.appendChild(s);
   }
   getElement() {
     return this.element;
@@ -1676,15 +1686,15 @@ class J {
 }
 class L {
   constructor(t) {
-    s(this, "element");
-    s(this, "messageContainer");
-    s(this, "inputArea");
-    s(this, "input");
-    s(this, "sendBtn");
-    s(this, "typingIndicator", null);
+    o(this, "element");
+    o(this, "messageContainer");
+    o(this, "inputArea");
+    o(this, "input");
+    o(this, "sendBtn");
+    o(this, "typingIndicator", null);
     this.onSend = t, this.element = document.createElement("div"), this.element.style.display = "flex", this.element.style.flexDirection = "column", this.element.style.flex = "1", this.element.style.overflow = "hidden", this.element.style.minHeight = "0", this.messageContainer = document.createElement("div"), this.messageContainer.className = "chat-messages", this.inputArea = document.createElement("div"), this.inputArea.className = "chat-input-area", this.input = document.createElement("input"), this.input.className = "chat-input", this.input.placeholder = "Type a message...", this.input.addEventListener("keypress", (e) => {
       e.key === "Enter" && this.handleSend();
-    }), this.sendBtn = document.createElement("button"), this.sendBtn.className = "chat-send-btn", this.sendBtn.innerHTML = c.send, this.sendBtn.onclick = () => this.handleSend(), this.inputArea.appendChild(this.input), this.inputArea.appendChild(this.sendBtn), this.element.appendChild(this.messageContainer), this.element.appendChild(this.inputArea);
+    }), this.sendBtn = document.createElement("button"), this.sendBtn.className = "chat-send-btn", this.sendBtn.innerHTML = d.send, this.sendBtn.onclick = () => this.handleSend(), this.inputArea.appendChild(this.input), this.inputArea.appendChild(this.sendBtn), this.element.appendChild(this.messageContainer), this.element.appendChild(this.inputArea);
   }
   getElement() {
     return this.element;
@@ -1733,18 +1743,18 @@ class L {
 }
 class ee {
   constructor(t) {
-    s(this, "element");
-    s(this, "videoElement");
-    s(this, "placeholderContainer");
+    o(this, "element");
+    o(this, "videoElement");
+    o(this, "placeholderContainer");
     this.element = document.createElement("div"), this.element.className = "avatar-container", this.element.style.position = "relative", this.element.style.width = "100%", this.element.style.height = "100%", this.element.style.background = "#ffffff", this.element.style.borderRadius = "16px", this.element.style.overflow = "hidden", this.placeholderContainer = document.createElement("div"), this.placeholderContainer.style.width = "100%", this.placeholderContainer.style.height = "100%", this.placeholderContainer.style.display = "flex", this.placeholderContainer.style.alignItems = "center", this.placeholderContainer.style.justifyContent = "center";
     const e = t || "https://www.simli.com/jenna.mp4", i = e.endsWith(".mp4") || e.endsWith(".webm");
     let n;
     if (i) {
-      const o = document.createElement("video");
-      o.src = e, o.muted = !0, o.loop = !0, o.autoplay = !0, o.playsInline = !0, n = o;
+      const s = document.createElement("video");
+      s.src = e, s.muted = !0, s.loop = !0, s.autoplay = !0, s.playsInline = !0, n = s;
     } else {
-      const o = document.createElement("img");
-      o.src = e, n = o;
+      const s = document.createElement("img");
+      s.src = e, n = s;
     }
     n.style.width = "140px", n.style.height = "140px", n.style.borderRadius = "50%", n.style.objectFit = "cover", n.style.backgroundColor = "#f3f4f6", this.placeholderContainer.appendChild(n), this.element.appendChild(this.placeholderContainer), this.videoElement = document.createElement("video"), this.videoElement.className = "avatar-video", this.videoElement.autoplay = !0, this.videoElement.playsInline = !0, this.videoElement.muted = !0, this.videoElement.style.display = "none", this.element.appendChild(this.videoElement);
   }
@@ -1757,11 +1767,11 @@ class ee {
 }
 class te {
   constructor(t) {
-    s(this, "element");
+    o(this, "element");
     this.onClick = t, this.element = document.createElement("div"), this.element.className = "voice-mode-container", this.element.innerHTML = `
             <div class="central-orb-container">
                 <div class="central-orb idle">
-                    ${c.audioLines}
+                    ${d.audioLines}
                 </div>
                 <div class="central-orb-glow"></div>
             </div>
@@ -1775,10 +1785,10 @@ class te {
     return this.element;
   }
 }
-class S {
+class G {
   constructor(t) {
-    s(this, "element");
-    s(this, "chips", []);
+    o(this, "element");
+    o(this, "chips", []);
     this.onChipClick = t, this.element = document.createElement("div"), this.element.className = "welcome-chips-container";
   }
   setChips(t) {
@@ -1861,12 +1871,12 @@ class S {
 }
 class j {
   constructor(t, e, i = "#6366f1", n = "#a855f7") {
-    s(this, "element");
-    s(this, "overlay");
-    s(this, "onStartCall");
-    s(this, "onHangup");
-    s(this, "primaryColor");
-    s(this, "secondaryColor");
+    o(this, "element");
+    o(this, "overlay");
+    o(this, "onStartCall");
+    o(this, "onHangup");
+    o(this, "primaryColor");
+    o(this, "secondaryColor");
     this.onStartCall = t, this.onHangup = e, this.primaryColor = i, this.secondaryColor = n, this.element = document.createElement("div"), this.element.style.height = "100%", this.element.style.position = "relative";
   }
   initOverlay() {
@@ -1889,16 +1899,16 @@ class j {
   }
 }
 class ie extends j {
-  constructor(e, i, n = "#6366f1", o = "#a855f7") {
-    super(e, i, n, o);
-    s(this, "voiceOrb");
+  constructor(e, i, n = "#6366f1", s = "#a855f7") {
+    super(e, i, n, s);
+    o(this, "voiceOrb");
     this.voiceOrb = new te(() => this.onStartCall()), this.element.appendChild(this.voiceOrb.getElement()), this.initOverlay();
   }
 }
 class ne {
   constructor(t) {
-    s(this, "element");
-    s(this, "chatWindow");
+    o(this, "element");
+    o(this, "chatWindow");
     this.onSendMessage = t, this.element = document.createElement("div"), this.element.style.flex = "1", this.element.style.width = "100%", this.element.style.minHeight = "0", this.element.style.display = "flex", this.element.style.flexDirection = "column", this.chatWindow = new L((e) => this.onSendMessage(e)), this.element.appendChild(this.chatWindow.getElement());
   }
   getElement() {
@@ -1909,12 +1919,12 @@ class ne {
   }
 }
 class N {
-  constructor(t, e, i, n = "#6366f1", o = "#a855f7") {
-    s(this, "element");
-    s(this, "chatWindow");
-    s(this, "overlay");
-    s(this, "voiceTrigger");
-    this.onSendMessage = t, this.onStartCall = e, this.onHangup = i, this.primaryColor = n, this.secondaryColor = o, this.element = document.createElement("div"), this.element.style.flex = "1", this.element.style.display = "flex", this.element.style.flexDirection = "column", this.element.style.minHeight = "0", this.element.style.position = "relative";
+  constructor(t, e, i, n = "#6366f1", s = "#a855f7") {
+    o(this, "element");
+    o(this, "chatWindow");
+    o(this, "overlay");
+    o(this, "voiceTrigger");
+    this.onSendMessage = t, this.onStartCall = e, this.onHangup = i, this.primaryColor = n, this.secondaryColor = s, this.element = document.createElement("div"), this.element.style.flex = "1", this.element.style.display = "flex", this.element.style.flexDirection = "column", this.element.style.minHeight = "0", this.element.style.position = "relative";
   }
   setupChat() {
     this.chatWindow = new L((e) => this.onSendMessage(e));
@@ -1923,7 +1933,7 @@ class N {
   }
   injectVoiceTrigger() {
     const t = document.createElement("button");
-    this.voiceTrigger = t, t.className = "voice-btn-simple", t.innerHTML = `<div class="voice-btn-icon">${c.audioLines}</div>`, t.onclick = () => this.onStartCall();
+    this.voiceTrigger = t, t.className = "voice-btn-simple", t.innerHTML = `<div class="voice-btn-icon">${d.audioLines}</div>`, t.onclick = () => this.onStartCall();
     const e = this.chatWindow.getElement().querySelector(".chat-input-area"), i = e == null ? void 0 : e.querySelector(".chat-send-btn");
     e && i ? e.insertBefore(this.voiceTrigger, i) : console.warn("AvinSDK: Failed to inject voice trigger", { inputArea: e, sendBtn: i });
   }
@@ -1947,21 +1957,21 @@ class N {
   }
 }
 class se extends N {
-  constructor(t, e, i, n = "#6366f1", o = "#a855f7") {
-    super(t, e, i, n, o), this.setupChat();
+  constructor(t, e, i, n = "#6366f1", s = "#a855f7") {
+    super(t, e, i, n, s), this.setupChat();
   }
 }
 class oe extends j {
-  constructor(e, i, n = "#6366f1", o = "#a855f7") {
-    super(e, i, n, o);
-    s(this, "avatarView");
-    s(this, "startCallBtn");
-    s(this, "controlsContainer");
+  constructor(e, i, n = "#6366f1", s = "#a855f7") {
+    super(e, i, n, s);
+    o(this, "avatarView");
+    o(this, "startCallBtn");
+    o(this, "controlsContainer");
     this.element.style.display = "flex", this.element.style.flexDirection = "column", this.avatarView = new ee();
     const r = this.avatarView.getElement();
     r.style.width = "100%", r.style.maxWidth = "300px", r.style.aspectRatio = "1/1", r.style.borderRadius = "16px", r.style.overflow = "hidden", r.style.margin = "auto", r.style.position = "relative", this.element.appendChild(r), this.controlsContainer = document.createElement("div"), this.controlsContainer.className = "widget-body", this.controlsContainer.style.position = "absolute", this.controlsContainer.style.bottom = "20px", this.controlsContainer.style.width = "100%", this.controlsContainer.style.zIndex = "10";
     const a = document.createElement("div");
-    a.className = "controls", this.startCallBtn = document.createElement("button"), this.startCallBtn.className = "control-btn primary", this.startCallBtn.innerHTML = `${c.phone} <span>Start Call</span>`, this.startCallBtn.onclick = () => this.onStartCall(), a.appendChild(this.startCallBtn), this.controlsContainer.appendChild(a), this.element.appendChild(this.controlsContainer), this.initOverlay(), this.overlay.setMode("avatar");
+    a.className = "controls", this.startCallBtn = document.createElement("button"), this.startCallBtn.className = "control-btn primary", this.startCallBtn.innerHTML = `${d.phone} <span>Start Call</span>`, this.startCallBtn.onclick = () => this.onStartCall(), a.appendChild(this.startCallBtn), this.controlsContainer.appendChild(a), this.element.appendChild(this.controlsContainer), this.initOverlay(), this.overlay.setMode("avatar");
   }
   getAvatarView() {
     return this.avatarView;
@@ -1971,8 +1981,8 @@ class oe extends j {
   }
 }
 class re extends N {
-  constructor(t, e, i, n = "#6366f1", o = "#a855f7") {
-    super(t, e, i, n, o), this.setupChat(), this.overlay.setMode("avatar");
+  constructor(t, e, i, n = "#6366f1", s = "#a855f7") {
+    super(t, e, i, n, s), this.setupChat(), this.overlay.setMode("avatar");
   }
   // Override to inject the unique Circular Video Button
   injectVoiceTrigger() {
@@ -1984,13 +1994,13 @@ class re extends N {
                 style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;">
             </video>
             <div style="position: absolute; bottom: -2px; right: -2px; background: white; border-radius: 50%; padding: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.1);">
-                ${c.audioLines.replace('width="24"', 'width="12"').replace('height="24"', 'height="12"')}
+                ${d.audioLines.replace('width="24"', 'width="12"').replace('height="24"', 'height="12"')}
             </div>
         `;
     const e = t.querySelector("div");
     if (e) {
-      const o = e.querySelector("svg");
-      o && (o.style.width = "12px", o.style.height = "12px");
+      const s = e.querySelector("svg");
+      s && (s.style.width = "12px", s.style.height = "12px");
     }
     t.onclick = () => this.onStartCall();
     const i = this.chatWindow.getElement().querySelector(".chat-input-area"), n = i == null ? void 0 : i.querySelector(".chat-send-btn");
@@ -1999,8 +2009,8 @@ class re extends N {
   // No getAvatarView method anymore. AvinInternalProvider should check for capability or cast.
 }
 class ae {
-  async sendMessage(t, e, i, n, o, r, a) {
-    return C.sendChatMessage(
+  async sendMessage(t, e, i, n, s, r, a) {
+    return y.sendChatMessage(
       e,
       i,
       t,
@@ -2008,7 +2018,7 @@ class ae {
       (A) => {
         r && r(A);
       },
-      o,
+      s,
       (A) => {
         a && A && a(A);
       }
@@ -2024,65 +2034,65 @@ class ae {
 class Ae extends Z {
   constructor(e) {
     super(e);
-    s(this, "avinClient", null);
-    s(this, "currentView", null);
-    s(this, "isPanelOpen", !1);
-    s(this, "callActive", !1);
-    s(this, "eventSource", null);
+    o(this, "avinClient", null);
+    o(this, "currentView", null);
+    o(this, "isPanelOpen", !1);
+    o(this, "callActive", !1);
+    o(this, "eventSource", null);
     // Components
-    s(this, "floatingButton", null);
-    s(this, "floatingWelcomeChips", null);
-    s(this, "panel", null);
-    s(this, "welcomeChipsData", []);
+    o(this, "floatingButton", null);
+    o(this, "floatingWelcomeChips", null);
+    o(this, "panel", null);
+    o(this, "welcomeChipsData", []);
     // Chat Adapter
-    s(this, "chatAdapter");
+    o(this, "chatAdapter");
     // Config derived state
-    s(this, "widgetMode", "voice_only");
-    s(this, "agentId", "");
-    s(this, "prospectGroupId", "");
-    s(this, "chatServerUrl", "");
-    s(this, "mediaServerUrl", "");
-    s(this, "prospectId", "");
-    s(this, "chatId", null);
+    o(this, "widgetMode", "voice_only");
+    o(this, "agentId", "");
+    o(this, "prospectGroupId", "");
+    o(this, "chatServerUrl", "");
+    o(this, "mediaServerUrl", "");
+    o(this, "prospectId", "");
+    o(this, "chatId", null);
     // Appearance (Defaults)
-    s(this, "primaryColor", "#6366f1");
-    s(this, "secondaryColor", "#4f46e5");
-    s(this, "gradient", null);
-    s(this, "position", "bottom-right");
-    s(this, "widgetIcon", null);
+    o(this, "primaryColor", "#6366f1");
+    o(this, "secondaryColor", "#4f46e5");
+    o(this, "gradient", null);
+    o(this, "position", "bottom-right");
+    o(this, "widgetIcon", null);
     this.chatAdapter = new ae(), this.processConfig(e);
   }
   // Chat Logic
   async initializeChatSession() {
     var e, i, n;
     try {
-      C.setChatUrl(this.chatServerUrl), this.prospectGroupId ? this.prospectId = await C.createChatProspect(this.prospectGroupId) : this.prospectId = `anon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-      const o = await C.fetchWelcomeMessage(this.agentId, this.prospectId);
-      if (o && o.chatId && !this.chatId && (this.chatId = o.chatId, this.eventSource || (this.eventSource = C.listenForAdminReplies(this.chatId, this.prospectId, (r) => {
+      y.setChatUrl(this.chatServerUrl), this.prospectGroupId ? this.prospectId = await y.createChatProspect(this.prospectGroupId) : this.prospectId = `anon_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+      const s = await y.fetchWelcomeMessage(this.agentId, this.prospectId);
+      if (s && s.chatId && !this.chatId && (this.chatId = s.chatId, this.eventSource || (this.eventSource = y.listenForAdminReplies(this.chatId, this.prospectId, (r) => {
         var a, A;
         (A = (a = this.currentView) == null ? void 0 : a.getChatWindow) == null || A.call(a).addMessage("assistant", r);
-      }))), o && ((e = this.currentView) != null && e.getChatWindow)) {
+      }))), s && ((e = this.currentView) != null && e.getChatWindow)) {
         const r = this.currentView.getChatWindow();
-        if (r.clearMessages(), o.widget)
+        if (r.clearMessages(), s.widget)
           try {
-            const a = JSON.parse(o.content);
-            r.addMessage(o.role, a.text || ""), a.buttons && Array.isArray(a.buttons) && (r.addButtons(a.buttons), this.welcomeChipsData = a.buttons), this.updateWelcomeChipsVisibility();
+            const a = JSON.parse(s.content);
+            r.addMessage(s.role, a.text || ""), a.buttons && Array.isArray(a.buttons) && (r.addButtons(a.buttons), this.welcomeChipsData = a.buttons), this.updateWelcomeChipsVisibility();
           } catch (a) {
-            console.error("Failed to parse welcome widget content", a), r.addMessage(o.role, o.content);
+            console.error("Failed to parse welcome widget content", a), r.addMessage(s.role, s.content);
           }
         else
-          r.addMessage(o.role, o.content);
+          r.addMessage(s.role, s.content);
       }
-    } catch (o) {
-      console.error("Chat init failed", o), (n = (i = this.currentView) == null ? void 0 : i.getChatWindow) == null || n.call(i).addMessage("assistant", "Hello! How can I help you today?");
+    } catch (s) {
+      console.error("Chat init failed", s), (n = (i = this.currentView) == null ? void 0 : i.getChatWindow) == null || n.call(i).addMessage("assistant", "Hello! How can I help you today?");
     }
   }
   async initialize(e) {
     await super.initialize(e), this.processConfig(e), this.root && this.ui_renderer(this.root);
   }
   processConfig(e) {
-    var i, n, o, r;
-    if (this.agentId = e.agentId || e.agent_id || "", this.prospectGroupId = e.prospectGroupId || ((i = e.client) == null ? void 0 : i.base_prospect_group_id) || "", this.widgetMode = e.widgetMode || e.mode || "voice_only", this.primaryColor = e.primaryColor || "#6366f1", this.secondaryColor = e.secondaryColor || e.primaryColor || "#4f46e5", this.gradient = e.gradient || null, this.position = e.position || "bottom-right", this.widgetIcon = e.widgetIcon || e.icon || null, this.chatServerUrl = e.serverUrl || e.chatServerUrl || "https://inboxapi.travelr.club", (r = (o = (n = e.agent) == null ? void 0 : n.tts_voice) == null ? void 0 : o.provider) != null && r.root_name) {
+    var i, n, s, r;
+    if (this.agentId = e.agentId || e.agent_id || "", this.prospectGroupId = e.prospectGroupId || ((i = e.client) == null ? void 0 : i.base_prospect_group_id) || "", this.widgetMode = e.widgetMode || e.mode || "voice_only", this.primaryColor = e.primaryColor || "#6366f1", this.secondaryColor = e.secondaryColor || e.primaryColor || "#4f46e5", this.gradient = e.gradient || null, this.position = e.position || "bottom-right", this.widgetIcon = e.widgetIcon || e.icon || null, this.chatServerUrl = e.serverUrl || e.chatServerUrl || "https://inboxapi.travelr.club", (r = (s = (n = e.agent) == null ? void 0 : n.tts_voice) == null ? void 0 : s.provider) != null && r.root_name) {
       const a = e.agent.tts_voice.provider.root_name.toLowerCase();
       this.mediaServerUrl = a === "premium" ? e.premiumMediaServerUrl || "https://godspeed.travelr.club" : e.mediaServerUrl || "https://in-godspeed.travelr.club";
     } else
@@ -2092,7 +2102,7 @@ class Ae extends Z {
     if (!(this.callActive || !this.agentId))
       try {
         this.callActive = !0, this.updateViewCallState(!0), this.updateViewStatus("connecting");
-        const e = await C.createCall(
+        const e = await y.createCall(
           this.agentId,
           this.prospectId || null,
           this.widgetMode
@@ -2103,21 +2113,21 @@ class Ae extends Z {
         });
         i.on("connected", () => this.updateViewStatus("connected")).on("disconnected", () => this.end_call()).on("error", (n) => {
           console.error("[AvinAI Widget] Call error:", n), this.updateViewStatus("error");
-        }).on("transcription", ({ text: n, isFinal: o }) => {
+        }).on("transcription", ({ text: n, isFinal: s }) => {
           var r, a;
-          (a = (r = this.currentView) == null ? void 0 : r.setTranscription) == null || a.call(r, n, o);
+          (a = (r = this.currentView) == null ? void 0 : r.setTranscription) == null || a.call(r, n, s);
         }).on("track", ({ track: n }) => {
-          var o;
-          this.widgetMode.includes("avatar") && n.kind === "video" && ((o = this.currentView) != null && o.setVideoTrack) && this.currentView.setVideoTrack(n);
+          var s;
+          this.widgetMode.includes("avatar") && n.kind === "video" && ((s = this.currentView) != null && s.setVideoTrack) && this.currentView.setVideoTrack(n);
         }).on("tool_call", (n) => {
           var r, a;
-          const o = new CustomEvent("avinai:tool_call", {
+          const s = new CustomEvent("avinai:tool_call", {
             detail: n,
             bubbles: !0,
             composed: !0
             // crosses Shadow DOM boundary
           });
-          (a = (r = this.root) == null ? void 0 : r.host) == null || a.dispatchEvent(o), console.log("[AvinAI Widget] Tool call dispatched:", n.name, n.arguments), n.execution_mode;
+          (a = (r = this.root) == null ? void 0 : r.host) == null || a.dispatchEvent(s), console.log("[AvinAI Widget] Tool call dispatched:", n.name, n.arguments), n.execution_mode;
         }), this.avinClient = i, await i.start();
       } catch (e) {
         console.error("[AvinAI Widget] Call failed", e), this.updateViewStatus("error");
@@ -2141,13 +2151,13 @@ class Ae extends Z {
             ${$}
             :host { ${q(this.primaryColor, this.secondaryColor)} }
             ${Y.styles}
-            ${S.styles}
             ${G.styles}
+            ${S.styles}
             ${this.gradient ? `.widget-fab { background: ${this.gradient} !important; }` : ""}
-        `, this.root.appendChild(i), this.floatingButton = new Y(() => this.togglePanel()), this.floatingButton.setIcon(this.getFabIcon()), this.floatingButton.setPosition(this.getPosStyle()), this.floatingWelcomeChips = new S((n) => this.handleFloatingChipClick(n)), this.floatingWelcomeChips.setPosition(this.getPosStyle()), this.panel = new G(() => this.closePanel(), this.getPanelTitle()), this.root.appendChild(this.floatingWelcomeChips.getElement()), this.root.appendChild(this.floatingButton.getElement()), this.root.appendChild(this.panel.getElement()), this.setupPanelContent(), this.widgetMode.includes("chat") && this.initializeChatSession();
+        `, this.root.appendChild(i), this.floatingButton = new Y(() => this.togglePanel()), this.floatingButton.setIcon(this.getFabIcon()), this.floatingButton.setPosition(this.getPosStyle()), this.floatingWelcomeChips = new G((n) => this.handleFloatingChipClick(n)), this.floatingWelcomeChips.setPosition(this.getPosStyle()), this.panel = new S(() => this.closePanel(), this.getPanelTitle()), this.root.appendChild(this.floatingWelcomeChips.getElement()), this.root.appendChild(this.floatingButton.getElement()), this.root.appendChild(this.panel.getElement()), this.setupPanelContent(), this.widgetMode.includes("chat") && this.initializeChatSession();
   }
   getFabIcon() {
-    return this.widgetIcon && E[this.widgetIcon] ? E[this.widgetIcon] : this.widgetMode.includes("chat") ? c.chat : c.audioLines;
+    return this.widgetIcon && E[this.widgetIcon] ? E[this.widgetIcon] : this.widgetMode.includes("chat") ? d.chat : d.audioLines;
   }
   getPanelTitle() {
     let e = "Voice Assistant";
@@ -2203,11 +2213,14 @@ class Ae extends Z {
     this.currentView && this.panel && this.panel.setContent(this.currentView.getElement());
   }
   async handleChatSend(e) {
-    var n, o;
+    var n, s;
     if (!e) return;
-    const i = (o = (n = this.currentView) == null ? void 0 : n.getChatWindow) == null ? void 0 : o.call(n);
+    const i = (s = (n = this.currentView) == null ? void 0 : n.getChatWindow) == null ? void 0 : s.call(n);
     if (i) {
-      i.addMessage("user", e), i.setTyping(!0);
+      this.chatId && !this.eventSource && (this.eventSource = y.listenForAdminReplies(this.chatId, this.prospectId, (r) => {
+        var a, A;
+        (A = (a = this.currentView) == null ? void 0 : a.getChatWindow) == null || A.call(a).addMessage("assistant", r);
+      })), i.addMessage("user", e), i.setTyping(!0);
       try {
         await this.chatAdapter.sendMessage(
           e,
@@ -2267,16 +2280,16 @@ class le {
 class de extends HTMLElement {
   constructor() {
     super();
-    s(this, "shadow");
-    s(this, "provider", null);
+    o(this, "shadow");
+    o(this, "provider", null);
     // Config attributes
-    s(this, "widgetId", "");
-    s(this, "agentId", "");
-    s(this, "serverUrl", "https://inboxapi.travelr.club");
-    s(this, "position", "bottom-right");
-    s(this, "primaryColor", "#6366f1");
-    s(this, "secondaryColor", "#4f46e5");
-    s(this, "gradient", null);
+    o(this, "widgetId", "");
+    o(this, "agentId", "");
+    o(this, "serverUrl", "https://inboxapi.travelr.club");
+    o(this, "position", "bottom-right");
+    o(this, "primaryColor", "#6366f1");
+    o(this, "secondaryColor", "#4f46e5");
+    o(this, "gradient", null);
     this.shadow = this.attachShadow({ mode: "open" });
   }
   static get observedAttributes() {
@@ -2310,7 +2323,7 @@ class de extends HTMLElement {
 export {
   V as AvinAI,
   de as AvinWidget,
-  C as ChatService,
+  y as ChatService,
   K as ConfigService,
   b as WebRTCClient
 };