avin-ai 0.1.4 → 0.1.5

package/dist/avin-ai.es.js

@@ -1,7 +1,7 @@
-var u = Object.defineProperty;
-var b = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var a = (s, e, t) => b(s, typeof e != "symbol" ? e + "" : e, t);
-class f {
+var b = Object.defineProperty;
+var f = (c, e, t) => e in c ? b(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var a = (c, e, t) => f(c, typeof e != "symbol" ? e + "" : e, t);
+class w {
   constructor(e) {
     a(this, "serverUrl");
     a(this, "agentId");
@@ -43,40 +43,40 @@ class f {
         }
       });
       if (console.log("🎤 [WebRTC] Microphone access granted"), !this.pc) {
-        console.log("[WebRTC] Connection aborted: peer connection closed during setup"), e.getTracks().forEach((o) => o.stop());
+        console.log("[WebRTC] Connection aborted: peer connection closed during setup"), e.getTracks().forEach((n) => n.stop());
         return;
       }
-      if (e.getTracks().forEach((o) => {
-        var r;
-        (r = this.pc) == null || r.addTrack(o, e);
+      if (e.getTracks().forEach((n) => {
+        var i;
+        (i = this.pc) == null || i.addTrack(n, e);
       }), !this.pc)
         throw new Error("RTCPeerConnection was closed unexpectedly");
-      this.dataChannel = this.pc.createDataChannel("control"), this.dataChannel.onopen = () => console.log("📡 [WebRTC] DataChannel opened"), this.dataChannel.onmessage = (o) => {
-        if (typeof o.data == "string")
+      this.dataChannel = this.pc.createDataChannel("control"), this.dataChannel.onopen = () => console.log("📡 [WebRTC] DataChannel opened"), this.dataChannel.onmessage = (n) => {
+        if (typeof n.data == "string")
           try {
-            this.handleControlEvent(JSON.parse(o.data));
+            this.handleControlEvent(JSON.parse(n.data));
           } catch {
-            console.warn("[WebRTC] Failed to parse message:", o.data);
+            console.warn("[WebRTC] Failed to parse message:", n.data);
           }
-        else o.data instanceof ArrayBuffer ? console.log("[WebRTC] Received binary data:", o.data.byteLength, "bytes") : o.data instanceof Blob && o.data.text().then((r) => {
+        else n.data instanceof ArrayBuffer ? console.log("[WebRTC] Received binary data:", n.data.byteLength, "bytes") : n.data instanceof Blob && n.data.text().then((i) => {
           try {
-            this.handleControlEvent(JSON.parse(r));
+            this.handleControlEvent(JSON.parse(i));
           } catch {
-            console.warn("[WebRTC] Failed to parse blob data:", r);
+            console.warn("[WebRTC] Failed to parse blob data:", i);
           }
         });
-      }, this.dataChannel.onerror = (o) => console.error("❌ [WebRTC] DataChannel error:", o), this.pc.ontrack = (o) => {
-        const r = o.track, c = o.streams[0];
-        console.log(`📥 [WebRTC] Received ${r.kind} track`), r.kind === "audio" ? (console.log("🔊 [WebRTC] Received audio track from server"), this.audioElement = new Audio(), this.audioElement.srcObject = c, this.audioElement.play().catch((l) => console.warn("Audio autoplay blocked:", l)), this.audioElement.onended = () => {
+      }, this.dataChannel.onerror = (n) => console.error("❌ [WebRTC] DataChannel error:", n), this.pc.ontrack = (n) => {
+        const i = n.track, s = n.streams[0];
+        console.log(`📥 [WebRTC] Received ${i.kind} track`), i.kind === "audio" ? (console.log("🔊 [WebRTC] Received audio track from server"), this.audioElement = new Audio(), this.audioElement.srcObject = s, this.audioElement.play().catch((l) => console.warn("Audio autoplay blocked:", l)), this.audioElement.onended = () => {
           this.sendEvent("playedStream"), console.log("✅ [WebRTC] TTS playback complete");
-        }) : r.kind === "video" && (console.log("📹 [WebRTC] Video track received"), this.onRemoteTrack(r, c));
+        }) : i.kind === "video" && (console.log("📹 [WebRTC] Video track received"), this.onRemoteTrack(i, s));
       }, this.pc.onconnectionstatechange = () => {
-        var o, r, c, l, h;
-        console.log("🔄 [WebRTC] State:", (o = this.pc) == null ? void 0 : o.connectionState), ((r = this.pc) == null ? void 0 : r.connectionState) === "connected" ? (this.connected = !0, this.onConnected()) : (((c = this.pc) == null ? void 0 : c.connectionState) === "failed" || ((l = this.pc) == null ? void 0 : l.connectionState) === "disconnected" || ((h = this.pc) == null ? void 0 : h.connectionState) === "closed") && (this.connected = !1, this.onDisconnected());
+        var n, i, s, l, h;
+        console.log("🔄 [WebRTC] State:", (n = this.pc) == null ? void 0 : n.connectionState), ((i = this.pc) == null ? void 0 : i.connectionState) === "connected" ? (this.connected = !0, this.onConnected()) : (((s = this.pc) == null ? void 0 : s.connectionState) === "failed" || ((l = this.pc) == null ? void 0 : l.connectionState) === "disconnected" || ((h = this.pc) == null ? void 0 : h.connectionState) === "closed") && (this.connected = !1, this.onDisconnected());
       };
       const t = await this.pc.createOffer();
       await this.pc.setLocalDescription(t), console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."), await this.waitForIceGathering(), console.log("🧊 [WebRTC] ICE gathering complete"), console.log("📤 [WebRTC] Sending offer via HTTP...");
-      const n = await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`, {
+      const o = await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -85,12 +85,12 @@ class f {
           callId: this.callId
         })
       });
-      if (!n.ok) {
-        const o = await n.json();
-        throw new Error(o.error || `HTTP ${n.status}`);
+      if (!o.ok) {
+        const n = await o.json();
+        throw new Error(n.error || `HTTP ${o.status}`);
       }
-      const { answer: i } = await n.json();
-      console.log("📥 [WebRTC] Received answer from server"), await this.pc.setRemoteDescription(i), console.log("✅ [WebRTC] Connection established!");
+      const { answer: r } = await o.json();
+      console.log("📥 [WebRTC] Received answer from server"), await this.pc.setRemoteDescription(r), console.log("✅ [WebRTC] Connection established!");
     } catch (e) {
       throw console.error("❌ [WebRTC] Connection failed:", e), this.disconnect(), this.onError(e.message || e), e;
     }
@@ -105,12 +105,12 @@ class f {
         e();
       else {
         const t = () => {
-          var n, i;
-          ((n = this.pc) == null ? void 0 : n.iceGatheringState) === "complete" && ((i = this.pc) == null || i.removeEventListener("icegatheringstatechange", t), e());
+          var o, r;
+          ((o = this.pc) == null ? void 0 : o.iceGatheringState) === "complete" && ((r = this.pc) == null || r.removeEventListener("icegatheringstatechange", t), e());
         };
         this.pc.addEventListener("icegatheringstatechange", t), setTimeout(() => {
-          var n;
-          (n = this.pc) == null || n.removeEventListener("icegatheringstatechange", t), console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"), e();
+          var o;
+          (o = this.pc) == null || o.removeEventListener("icegatheringstatechange", t), console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"), e();
         }, 5e3);
       }
     });
@@ -119,8 +119,8 @@ class f {
    * Send control event via DataChannel
    */
   sendEvent(e, t = {}) {
-    var n;
-    ((n = this.dataChannel) == null ? void 0 : n.readyState) === "open" && this.dataChannel.send(JSON.stringify({ event: e, ...t }));
+    var o;
+    ((o = this.dataChannel) == null ? void 0 : o.readyState) === "open" && this.dataChannel.send(JSON.stringify({ event: e, ...t }));
   }
   /**
    * Handle control events from server
@@ -155,8 +155,8 @@ class f {
     return "web_" + Date.now() + "_" + Math.random().toString(36).substr(2, 8);
   }
 }
-const w = "https://coredb.travelr.club/v1/graphql";
-async function v(s) {
+const p = "https://coredb.travelr.club/v1/graphql";
+async function v(c) {
   var t;
   const e = `
     query GetWidgetConfig($id: uuid!) {
@@ -175,21 +175,57 @@ async function v(s) {
     }
   `;
   try {
-    const o = (t = (await (await fetch(w, {
+    const n = (t = (await (await fetch(p, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
       body: JSON.stringify({
         query: e,
-        variables: { id: s }
+        variables: { id: c }
       })
     })).json()).data) == null ? void 0 : t.app_widget_by_pk;
-    if (!o)
-      throw new Error(`Widget configuration not found for ID: ${s}`);
-    return o;
-  } catch (n) {
-    throw console.error("[AvinAI] Failed to fetch widget config:", n), n;
+    if (!n)
+      throw new Error(`Widget configuration not found for ID: ${c}`);
+    return n;
+  } catch (o) {
+    throw console.error("[AvinAI] Failed to fetch widget config:", o), o;
+  }
+}
+async function m(c, e = !1) {
+  var r, n;
+  const t = `
+    mutation CreateWebCall($object: calls_insert_input!) {
+      insert_calls_one(object: $object) {
+        id
+      }
+    }
+  `, o = {
+    object: {
+      agent_id: c,
+      status: "in-progress",
+      type: "web_call",
+      direction: "inbound",
+      phone_to: "web_user",
+      is_ai_avatar_enabled: e
+    }
+  };
+  try {
+    const s = await (await fetch(p, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query: t,
+        variables: o
+      })
+    })).json();
+    if (s.errors)
+      throw new Error(s.errors[0].message);
+    return (n = (r = s.data) == null ? void 0 : r.insert_calls_one) == null ? void 0 : n.id;
+  } catch (i) {
+    throw console.error("[AvinAI] Failed to create call record:", i), i;
   }
 }
 const d = {
@@ -226,7 +262,7 @@ const d = {
       <path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
     </svg>
   `
-}, m = `
+}, y = `
   * {
     box-sizing: border-box;
   }
@@ -484,7 +520,7 @@ const d = {
     }
   }
 `;
-class y extends HTMLElement {
+class C extends HTMLElement {
   constructor() {
     super();
     a(this, "isPanelOpen", !1);
@@ -504,36 +540,36 @@ class y extends HTMLElement {
   }
   connectedCallback() {
     console.log("[AvinAI Widget] Initializing..."), this.widgetId = this.getAttribute("widget-id") || "", this.agentId = this.getAttribute("agent-id") || "", this.serverUrl = this.getAttribute("server-url") || "https://api.travelr.club";
-    const t = this.getAttribute("position") || "bottom-right", n = this.getAttribute("primary-color") || "#6366f1";
-    this.render(t, n), this.attachEventListeners(), this.widgetId && !this.agentId && this.initializeConfig();
+    const t = this.getAttribute("position") || "bottom-right", o = this.getAttribute("primary-color") || "#6366f1";
+    this.render(t, o), this.attachEventListeners(), this.widgetId && !this.agentId && this.initializeConfig();
   }
   async initializeConfig() {
-    var t, n, i, o;
+    var t, o, r, n;
     try {
       console.log(`[AvinAI Widget] Fetching config for widget: ${this.widgetId}`);
-      const r = await v(this.widgetId);
-      this.agentId = r.agent_id, ((o = (i = (n = (t = r.agent) == null ? void 0 : t.tts_voice) == null ? void 0 : n.provider) == null ? void 0 : i.root_name) == null ? void 0 : o.toLowerCase()) === "premium" ? this.serverUrl = "https://godspeed.travelr.club" : this.serverUrl = "https://in-godspeed.travelr.club", console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`), console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`);
-    } catch (r) {
-      console.error("[AvinAI Widget] Configuration failed:", r), this.updateStatus("Configuration Failed", "error");
+      const i = await v(this.widgetId);
+      this.agentId = i.agent_id, ((n = (r = (o = (t = i.agent) == null ? void 0 : t.tts_voice) == null ? void 0 : o.provider) == null ? void 0 : r.root_name) == null ? void 0 : n.toLowerCase()) === "premium" ? this.serverUrl = "https://godspeed.travelr.club" : this.serverUrl = "https://in-godspeed.travelr.club", console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`), console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`);
+    } catch (i) {
+      console.error("[AvinAI Widget] Configuration failed:", i), this.updateStatus("Configuration Failed", "error");
     }
   }
-  render(t, n) {
-    const i = {
+  render(t, o) {
+    const r = {
       "bottom-right": { bottom: "24px", right: "24px" },
       "bottom-left": { bottom: "24px", left: "24px" },
       "top-right": { top: "24px", right: "24px" },
       "top-left": { top: "24px", left: "24px" }
-    }, o = i[t] || i["bottom-right"], r = Object.entries(o).map(([p, g]) => `${p}: ${g}`).join("; "), c = t.includes("bottom") ? "bottom: 100px;" : "top: 100px;", l = t.includes("right") ? "right: 24px;" : "left: 24px;", h = m.replace("--primary: #6366f1", `--primary: ${n}`);
+    }, n = r[t] || r["bottom-right"], i = Object.entries(n).map(([g, u]) => `${g}: ${u}`).join("; "), s = t.includes("bottom") ? "bottom: 100px;" : "top: 100px;", l = t.includes("right") ? "right: 24px;" : "left: 24px;", h = y.replace("--primary: #6366f1", `--primary: ${o}`);
     this.shadow.innerHTML = `
       <style>${h}</style>
       
       <!-- Floating Action Button -->
-      <button class="widget-fab" style="${r}">
+      <button class="widget-fab" style="${i}">
         ${d.phone}
       </button>
 
       <!-- Voice Panel -->
-      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${c} ${l}">
+      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${s} ${l}">
         <div class="widget-header">
           <h3 class="widget-title">Voice Assistant</h3>
           <button class="close-btn" id="close-panel">
@@ -562,45 +598,53 @@ class y extends HTMLElement {
     `;
   }
   attachEventListeners() {
-    const t = this.shadow.querySelector(".widget-fab"), n = this.shadow.querySelector(".widget-panel"), i = this.shadow.querySelector("#close-panel"), o = this.shadow.querySelector("#start-btn");
+    const t = this.shadow.querySelector(".widget-fab"), o = this.shadow.querySelector(".widget-panel"), r = this.shadow.querySelector("#close-panel"), n = this.shadow.querySelector("#start-btn");
     t == null || t.addEventListener("click", () => {
-      this.isPanelOpen = !this.isPanelOpen, n == null || n.classList.toggle("hidden", !this.isPanelOpen);
-    }), i == null || i.addEventListener("click", () => {
-      this.isPanelOpen = !1, n == null || n.classList.add("hidden");
-    }), o == null || o.addEventListener("click", () => {
+      this.isPanelOpen = !this.isPanelOpen, o == null || o.classList.toggle("hidden", !this.isPanelOpen);
+    }), r == null || r.addEventListener("click", () => {
+      this.isPanelOpen = !1, o == null || o.classList.add("hidden");
+    }), n == null || n.addEventListener("click", () => {
       this.callActive ? this.stopCall() : this.startCall();
     });
   }
-  updateStatus(t, n) {
-    const i = this.shadow.querySelector("#status-text"), o = this.shadow.querySelector("#status-dot");
-    i && (i.textContent = t), o && (n === "idle" && (o.style.background = "#ef4444"), n === "connecting" && (o.style.background = "#f59e0b"), n === "connected" && (o.style.background = "#10b981"), n === "error" && (o.style.background = "#ef4444"));
+  updateStatus(t, o) {
+    const r = this.shadow.querySelector("#status-text"), n = this.shadow.querySelector("#status-dot");
+    r && (r.textContent = t), n && (o === "idle" && (n.style.background = "#ef4444"), o === "connecting" && (n.style.background = "#f59e0b"), o === "connected" && (n.style.background = "#10b981"), o === "error" && (n.style.background = "#ef4444"));
   }
   async startCall() {
     if (!this.agentId) {
       this.updateStatus("Error: Agent ID not configured", "error");
       return;
     }
-    const t = this.shadow.querySelector("#start-btn"), n = this.shadow.querySelector("#transcript");
+    const t = this.shadow.querySelector("#start-btn"), o = this.shadow.querySelector("#transcript");
     try {
-      this.updateStatus("Connecting...", "connecting"), t && (t.disabled = !0), this.client = new f({
+      this.updateStatus("Connecting...", "connecting"), t && (t.disabled = !0), console.log("[AvinAI Widget] Creating call record...");
+      const r = await m(this.agentId);
+      console.log(`[AvinAI Widget] Call created with ID: ${r}`), this.client = new w({
         serverUrl: this.serverUrl,
         agentId: this.agentId,
+        callId: r,
+        // Pass the DB-generated Call UUID
         onConnected: () => {
           this.callActive = !0, this.updateStatus("Connected - Listening...", "connected"), t && (t.innerHTML = `${d.close}<span>End Call</span>`, t.className = "control-btn danger", t.disabled = !1);
         },
         onDisconnected: () => {
           this.stopCall();
         },
-        onError: (i) => {
-          this.updateStatus(`Error: ${i.message || "Connection failed"}`, "error"), t && (t.disabled = !1);
+        onError: (n) => {
+          this.updateStatus(`Error: ${n.message || "Connection failed"}`, "error"), t && (t.disabled = !1);
+        },
+        // @ts-ignore
+        onRemoteTrack: (n, i) => {
+          console.log("[AvinAI Widget] Remote track received:", n.kind);
         },
-        onTranscription: (i, o) => {
-          o && (this.transcript += (this.transcript ? `
-` : "") + i, n && (n.innerHTML = this.transcript, n.scrollTop = n.scrollHeight));
+        onTranscription: (n, i) => {
+          i && (this.transcript += (this.transcript ? `
+` : "") + n, o && (o.innerHTML = this.transcript, o.scrollTop = o.scrollHeight));
         }
       }), await this.client.connect();
-    } catch (i) {
-      console.error("[AvinAI Widget] Start call failed:", i), this.updateStatus("Connection failed", "error"), t && (t.disabled = !1);
+    } catch (r) {
+      console.error("[AvinAI Widget] Start call failed:", r), this.updateStatus(`Connection failed: ${r.message}`, "error"), t && (t.disabled = !1);
     }
   }
   stopCall() {
@@ -613,7 +657,7 @@ class y extends HTMLElement {
   }
 }
 export {
-  y as AvinWidget,
-  f as WebRTCClient,
+  C as AvinWidget,
+  w as WebRTCClient,
   v as fetchWidgetConfig
 };

package/dist/avin-ai.js

@@ -1,4 +1,4 @@
-var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[s]=p;var a=(l,s,p)=>x(l,typeof s!="symbol"?s+"":s,p);(function(){"use strict";class l{constructor(e){a(this,"serverUrl");a(this,"agentId");a(this,"callId");a(this,"onConnected");a(this,"onDisconnected");a(this,"onError");a(this,"onTranscription");a(this,"onRemoteTrack");a(this,"pc",null);a(this,"dataChannel",null);a(this,"audioElement",null);a(this,"connected",!1);if(!e.serverUrl)throw new Error("serverUrl is required");if(!e.agentId)throw new Error("agentId is required");this.serverUrl=e.serverUrl.replace(/\/$/,""),this.agentId=e.agentId,this.callId=e.callId||this.generateCallId(),this.onConnected=e.onConnected||(()=>{}),this.onDisconnected=e.onDisconnected||(()=>{}),this.onError=e.onError||(t=>console.error("[WebRTC]",t)),this.onTranscription=e.onTranscription||(()=>{}),this.onRemoteTrack=e.onRemoteTrack||(()=>{})}async connect(){console.log("🔵 [WebRTC] Starting connection...");try{this.pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this.pc.addTransceiver("video",{direction:"recvonly"});const e=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,sampleRate:{ideal:16e3},channelCount:1}});if(console.log("🎤 [WebRTC] Microphone access granted"),!this.pc){console.log("[WebRTC] Connection aborted: peer connection closed during setup"),e.getTracks().forEach(i=>i.stop());return}if(e.getTracks().forEach(i=>{var r;(r=this.pc)==null||r.addTrack(i,e)}),!this.pc)throw new Error("RTCPeerConnection was closed unexpectedly");this.dataChannel=this.pc.createDataChannel("control"),this.dataChannel.onopen=()=>console.log("📡 [WebRTC] DataChannel opened"),this.dataChannel.onmessage=i=>{if(typeof i.data=="string")try{this.handleControlEvent(JSON.parse(i.data))}catch{console.warn("[WebRTC] Failed to parse message:",i.data)}else i.data instanceof ArrayBuffer?console.log("[WebRTC] Received binary data:",i.data.byteLength,"bytes"):i.data instanceof Blob&&i.data.text().then(r=>{try{this.handleControlEvent(JSON.parse(r))}catch{console.warn("[WebRTC] Failed to parse blob data:",r)}})},this.dataChannel.onerror=i=>console.error("❌ [WebRTC] DataChannel error:",i),this.pc.ontrack=i=>{const r=i.track,c=i.streams[0];console.log(`📥 [WebRTC] Received ${r.kind} track`),r.kind==="audio"?(console.log("🔊 [WebRTC] Received audio track from server"),this.audioElement=new Audio,this.audioElement.srcObject=c,this.audioElement.play().catch(g=>console.warn("Audio autoplay blocked:",g)),this.audioElement.onended=()=>{this.sendEvent("playedStream"),console.log("✅ [WebRTC] TTS playback complete")}):r.kind==="video"&&(console.log("📹 [WebRTC] Video track received"),this.onRemoteTrack(r,c))},this.pc.onconnectionstatechange=()=>{var i,r,c,g,b;console.log("🔄 [WebRTC] State:",(i=this.pc)==null?void 0:i.connectionState),((r=this.pc)==null?void 0:r.connectionState)==="connected"?(this.connected=!0,this.onConnected()):(((c=this.pc)==null?void 0:c.connectionState)==="failed"||((g=this.pc)==null?void 0:g.connectionState)==="disconnected"||((b=this.pc)==null?void 0:b.connectionState)==="closed")&&(this.connected=!1,this.onDisconnected())};const t=await this.pc.createOffer();await this.pc.setLocalDescription(t),console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."),await this.waitForIceGathering(),console.log("🧊 [WebRTC] ICE gathering complete"),console.log("📤 [WebRTC] Sending offer via HTTP...");const n=await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offer:this.pc.localDescription,agentId:this.agentId,callId:this.callId})});if(!n.ok){const i=await n.json();throw new Error(i.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!")}catch(e){throw console.error("❌ [WebRTC] Connection failed:",e),this.disconnect(),this.onError(e.message||e),e}}waitForIceGathering(){return new Promise(e=>{if(!this.pc)return e();if(this.pc.iceGatheringState==="complete")e();else{const t=()=>{var n,o;((n=this.pc)==null?void 0:n.iceGatheringState)==="complete"&&((o=this.pc)==null||o.removeEventListener("icegatheringstatechange",t),e())};this.pc.addEventListener("icegatheringstatechange",t),setTimeout(()=>{var n;(n=this.pc)==null||n.removeEventListener("icegatheringstatechange",t),console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"),e()},5e3)}})}sendEvent(e,t={}){var n;((n=this.dataChannel)==null?void 0:n.readyState)==="open"&&this.dataChannel.send(JSON.stringify({event:e,...t}))}handleControlEvent(e){switch(e.event){case"clearAudio":console.log("🛑 [WebRTC] Interrupt: stopping audio"),this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0);break;case"transcription":console.log("📝 [WebRTC] Transcription:",e.text),this.onTranscription(e.text,e.isFinal);break;case"mark":console.log("🏷️ [WebRTC] Mark:",e.name);break;default:console.log("ℹ️ [WebRTC] Unknown event:",e.event)}}disconnect(){console.log("🔴 [WebRTC] Disconnecting..."),this.audioElement&&(this.audioElement.pause(),this.audioElement.srcObject=null),this.dataChannel&&(this.dataChannel.close(),this.dataChannel=null),this.pc&&(this.pc.getSenders().forEach(e=>{e.track&&e.track.stop()}),this.pc.close(),this.pc=null),this.connected=!1,this.onDisconnected()}generateCallId(){return"web_"+Date.now()+"_"+Math.random().toString(36).substr(2,8)}}const s="https://coredb.travelr.club/v1/graphql";async function p(d){var t;const e=`
+var x=Object.defineProperty;var C=(d,c,p)=>c in d?x(d,c,{enumerable:!0,configurable:!0,writable:!0,value:p}):d[c]=p;var a=(d,c,p)=>C(d,typeof c!="symbol"?c+"":c,p);(function(){"use strict";class d{constructor(n){a(this,"serverUrl");a(this,"agentId");a(this,"callId");a(this,"onConnected");a(this,"onDisconnected");a(this,"onError");a(this,"onTranscription");a(this,"onRemoteTrack");a(this,"pc",null);a(this,"dataChannel",null);a(this,"audioElement",null);a(this,"connected",!1);if(!n.serverUrl)throw new Error("serverUrl is required");if(!n.agentId)throw new Error("agentId is required");this.serverUrl=n.serverUrl.replace(/\/$/,""),this.agentId=n.agentId,this.callId=n.callId||this.generateCallId(),this.onConnected=n.onConnected||(()=>{}),this.onDisconnected=n.onDisconnected||(()=>{}),this.onError=n.onError||(e=>console.error("[WebRTC]",e)),this.onTranscription=n.onTranscription||(()=>{}),this.onRemoteTrack=n.onRemoteTrack||(()=>{})}async connect(){console.log("🔵 [WebRTC] Starting connection...");try{this.pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this.pc.addTransceiver("video",{direction:"recvonly"});const n=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,sampleRate:{ideal:16e3},channelCount:1}});if(console.log("🎤 [WebRTC] Microphone access granted"),!this.pc){console.log("[WebRTC] Connection aborted: peer connection closed during setup"),n.getTracks().forEach(t=>t.stop());return}if(n.getTracks().forEach(t=>{var r;(r=this.pc)==null||r.addTrack(t,n)}),!this.pc)throw new Error("RTCPeerConnection was closed unexpectedly");this.dataChannel=this.pc.createDataChannel("control"),this.dataChannel.onopen=()=>console.log("📡 [WebRTC] DataChannel opened"),this.dataChannel.onmessage=t=>{if(typeof t.data=="string")try{this.handleControlEvent(JSON.parse(t.data))}catch{console.warn("[WebRTC] Failed to parse message:",t.data)}else t.data instanceof ArrayBuffer?console.log("[WebRTC] Received binary data:",t.data.byteLength,"bytes"):t.data instanceof Blob&&t.data.text().then(r=>{try{this.handleControlEvent(JSON.parse(r))}catch{console.warn("[WebRTC] Failed to parse blob data:",r)}})},this.dataChannel.onerror=t=>console.error("❌ [WebRTC] DataChannel error:",t),this.pc.ontrack=t=>{const r=t.track,s=t.streams[0];console.log(`📥 [WebRTC] Received ${r.kind} track`),r.kind==="audio"?(console.log("🔊 [WebRTC] Received audio track from server"),this.audioElement=new Audio,this.audioElement.srcObject=s,this.audioElement.play().catch(g=>console.warn("Audio autoplay blocked:",g)),this.audioElement.onended=()=>{this.sendEvent("playedStream"),console.log("✅ [WebRTC] TTS playback complete")}):r.kind==="video"&&(console.log("📹 [WebRTC] Video track received"),this.onRemoteTrack(r,s))},this.pc.onconnectionstatechange=()=>{var t,r,s,g,b;console.log("🔄 [WebRTC] State:",(t=this.pc)==null?void 0:t.connectionState),((r=this.pc)==null?void 0:r.connectionState)==="connected"?(this.connected=!0,this.onConnected()):(((s=this.pc)==null?void 0:s.connectionState)==="failed"||((g=this.pc)==null?void 0:g.connectionState)==="disconnected"||((b=this.pc)==null?void 0:b.connectionState)==="closed")&&(this.connected=!1,this.onDisconnected())};const e=await this.pc.createOffer();await this.pc.setLocalDescription(e),console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."),await this.waitForIceGathering(),console.log("🧊 [WebRTC] ICE gathering complete"),console.log("📤 [WebRTC] Sending offer via HTTP...");const o=await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offer:this.pc.localDescription,agentId:this.agentId,callId:this.callId})});if(!o.ok){const t=await o.json();throw new Error(t.error||`HTTP ${o.status}`)}const{answer:i}=await o.json();console.log("📥 [WebRTC] Received answer from server"),await this.pc.setRemoteDescription(i),console.log("✅ [WebRTC] Connection established!")}catch(n){throw console.error("❌ [WebRTC] Connection failed:",n),this.disconnect(),this.onError(n.message||n),n}}waitForIceGathering(){return new Promise(n=>{if(!this.pc)return n();if(this.pc.iceGatheringState==="complete")n();else{const e=()=>{var o,i;((o=this.pc)==null?void 0:o.iceGatheringState)==="complete"&&((i=this.pc)==null||i.removeEventListener("icegatheringstatechange",e),n())};this.pc.addEventListener("icegatheringstatechange",e),setTimeout(()=>{var o;(o=this.pc)==null||o.removeEventListener("icegatheringstatechange",e),console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"),n()},5e3)}})}sendEvent(n,e={}){var o;((o=this.dataChannel)==null?void 0:o.readyState)==="open"&&this.dataChannel.send(JSON.stringify({event:n,...e}))}handleControlEvent(n){switch(n.event){case"clearAudio":console.log("🛑 [WebRTC] Interrupt: stopping audio"),this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0);break;case"transcription":console.log("📝 [WebRTC] Transcription:",n.text),this.onTranscription(n.text,n.isFinal);break;case"mark":console.log("🏷️ [WebRTC] Mark:",n.name);break;default:console.log("ℹ️ [WebRTC] Unknown event:",n.event)}}disconnect(){console.log("🔴 [WebRTC] Disconnecting..."),this.audioElement&&(this.audioElement.pause(),this.audioElement.srcObject=null),this.dataChannel&&(this.dataChannel.close(),this.dataChannel=null),this.pc&&(this.pc.getSenders().forEach(n=>{n.track&&n.track.stop()}),this.pc.close(),this.pc=null),this.connected=!1,this.onDisconnected()}generateCallId(){return"web_"+Date.now()+"_"+Math.random().toString(36).substr(2,8)}}const c="https://coredb.travelr.club/v1/graphql";async function p(l){var e;const n=`
     query GetWidgetConfig($id: uuid!) {
       app_widget_by_pk(id: $id) {
         agent_id
@@ -13,7 +13,13 @@ var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configura
         }
       }
     }
-  `;try{const i=(t=(await(await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e,variables:{id:d}})})).json()).data)==null?void 0:t.app_widget_by_pk;if(!i)throw new Error(`Widget configuration not found for ID: ${d}`);return i}catch(n){throw console.error("[AvinAI] Failed to fetch widget config:",n),n}}const u={phone:`
+  `;try{const t=(e=(await(await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:n,variables:{id:l}})})).json()).data)==null?void 0:e.app_widget_by_pk;if(!t)throw new Error(`Widget configuration not found for ID: ${l}`);return t}catch(o){throw console.error("[AvinAI] Failed to fetch widget config:",o),o}}async function w(l,n=!1){var i,t;const e=`
+    mutation CreateWebCall($object: calls_insert_input!) {
+      insert_calls_one(object: $object) {
+        id
+      }
+    }
+  `,o={object:{agent_id:l,status:"in-progress",type:"web_call",direction:"inbound",phone_to:"web_user",is_ai_avatar_enabled:n}};try{const s=await(await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e,variables:o})})).json();if(s.errors)throw new Error(s.errors[0].message);return(t=(i=s.data)==null?void 0:i.insert_calls_one)==null?void 0:t.id}catch(r){throw console.error("[AvinAI] Failed to create call record:",r),r}}const u={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"/>
     </svg>
@@ -41,7 +47,7 @@ var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configura
       <path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
       <path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
     </svg>
-  `},w=`
+  `},v=`
   * {
     box-sizing: border-box;
   }
@@ -298,7 +304,7 @@ var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configura
       border-radius: 0;
     }
   }
-`;class f extends HTMLElement{constructor(){super();a(this,"isPanelOpen",!1);a(this,"callActive",!1);a(this,"transcript","");a(this,"client",null);a(this,"shadow");a(this,"widgetId","");a(this,"serverUrl","https://api.travelr.club");a(this,"agentId","");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","server-url"]}connectedCallback(){console.log("[AvinAI Widget] Initializing..."),this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://api.travelr.club";const t=this.getAttribute("position")||"bottom-right",n=this.getAttribute("primary-color")||"#6366f1";this.render(t,n),this.attachEventListeners(),this.widgetId&&!this.agentId&&this.initializeConfig()}async initializeConfig(){var t,n,o,i;try{console.log(`[AvinAI Widget] Fetching config for widget: ${this.widgetId}`);const r=await p(this.widgetId);this.agentId=r.agent_id,((i=(o=(n=(t=r.agent)==null?void 0:t.tts_voice)==null?void 0:n.provider)==null?void 0:o.root_name)==null?void 0:i.toLowerCase())==="premium"?this.serverUrl="https://godspeed.travelr.club":this.serverUrl="https://in-godspeed.travelr.club",console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`),console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`)}catch(r){console.error("[AvinAI Widget] Configuration failed:",r),this.updateStatus("Configuration Failed","error")}}render(t,n){const o={"bottom-right":{bottom:"24px",right:"24px"},"bottom-left":{bottom:"24px",left:"24px"},"top-right":{top:"24px",right:"24px"},"top-left":{top:"24px",left:"24px"}},i=o[t]||o["bottom-right"],r=Object.entries(i).map(([v,m])=>`${v}: ${m}`).join("; "),c=t.includes("bottom")?"bottom: 100px;":"top: 100px;",g=t.includes("right")?"right: 24px;":"left: 24px;",b=w.replace("--primary: #6366f1",`--primary: ${n}`);this.shadow.innerHTML=`
+`;class f extends HTMLElement{constructor(){super();a(this,"isPanelOpen",!1);a(this,"callActive",!1);a(this,"transcript","");a(this,"client",null);a(this,"shadow");a(this,"widgetId","");a(this,"serverUrl","https://api.travelr.club");a(this,"agentId","");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","server-url"]}connectedCallback(){console.log("[AvinAI Widget] Initializing..."),this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://api.travelr.club";const e=this.getAttribute("position")||"bottom-right",o=this.getAttribute("primary-color")||"#6366f1";this.render(e,o),this.attachEventListeners(),this.widgetId&&!this.agentId&&this.initializeConfig()}async initializeConfig(){var e,o,i,t;try{console.log(`[AvinAI Widget] Fetching config for widget: ${this.widgetId}`);const r=await p(this.widgetId);this.agentId=r.agent_id,((t=(i=(o=(e=r.agent)==null?void 0:e.tts_voice)==null?void 0:o.provider)==null?void 0:i.root_name)==null?void 0:t.toLowerCase())==="premium"?this.serverUrl="https://godspeed.travelr.club":this.serverUrl="https://in-godspeed.travelr.club",console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`),console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`)}catch(r){console.error("[AvinAI Widget] Configuration failed:",r),this.updateStatus("Configuration Failed","error")}}render(e,o){const i={"bottom-right":{bottom:"24px",right:"24px"},"bottom-left":{bottom:"24px",left:"24px"},"top-right":{top:"24px",right:"24px"},"top-left":{top:"24px",left:"24px"}},t=i[e]||i["bottom-right"],r=Object.entries(t).map(([m,y])=>`${m}: ${y}`).join("; "),s=e.includes("bottom")?"bottom: 100px;":"top: 100px;",g=e.includes("right")?"right: 24px;":"left: 24px;",b=v.replace("--primary: #6366f1",`--primary: ${o}`);this.shadow.innerHTML=`
       <style>${b}</style>
       
       <!-- Floating Action Button -->
@@ -307,7 +313,7 @@ var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configura
       </button>
 
       <!-- Voice Panel -->
-      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${c} ${g}">
+      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${s} ${g}">
         <div class="widget-header">
           <h3 class="widget-title">Voice Assistant</h3>
           <button class="close-btn" id="close-panel">
@@ -333,5 +339,5 @@ var y=Object.defineProperty;var x=(l,s,p)=>s in l?y(l,s,{enumerable:!0,configura
           </div>
         </div>
       </div>
-    `}attachEventListeners(){const t=this.shadow.querySelector(".widget-fab"),n=this.shadow.querySelector(".widget-panel"),o=this.shadow.querySelector("#close-panel"),i=this.shadow.querySelector("#start-btn");t==null||t.addEventListener("click",()=>{this.isPanelOpen=!this.isPanelOpen,n==null||n.classList.toggle("hidden",!this.isPanelOpen)}),o==null||o.addEventListener("click",()=>{this.isPanelOpen=!1,n==null||n.classList.add("hidden")}),i==null||i.addEventListener("click",()=>{this.callActive?this.stopCall():this.startCall()})}updateStatus(t,n){const o=this.shadow.querySelector("#status-text"),i=this.shadow.querySelector("#status-dot");o&&(o.textContent=t),i&&(n==="idle"&&(i.style.background="#ef4444"),n==="connecting"&&(i.style.background="#f59e0b"),n==="connected"&&(i.style.background="#10b981"),n==="error"&&(i.style.background="#ef4444"))}async startCall(){if(!this.agentId){this.updateStatus("Error: Agent ID not configured","error");return}const t=this.shadow.querySelector("#start-btn"),n=this.shadow.querySelector("#transcript");try{this.updateStatus("Connecting...","connecting"),t&&(t.disabled=!0),this.client=new l({serverUrl:this.serverUrl,agentId:this.agentId,onConnected:()=>{this.callActive=!0,this.updateStatus("Connected - Listening...","connected"),t&&(t.innerHTML=`${u.close}<span>End Call</span>`,t.className="control-btn danger",t.disabled=!1)},onDisconnected:()=>{this.stopCall()},onError:o=>{this.updateStatus(`Error: ${o.message||"Connection failed"}`,"error"),t&&(t.disabled=!1)},onTranscription:(o,i)=>{i&&(this.transcript+=(this.transcript?`
-`:"")+o,n&&(n.innerHTML=this.transcript,n.scrollTop=n.scrollHeight))}}),await this.client.connect()}catch(o){console.error("[AvinAI Widget] Start call failed:",o),this.updateStatus("Connection failed","error"),t&&(t.disabled=!1)}}stopCall(){this.client&&(this.client.disconnect(),this.client=null),this.callActive=!1,this.updateStatus("Click Start to begin conversation","idle");const t=this.shadow.querySelector("#start-btn");t&&(t.innerHTML=`${u.mic}<span>Start Call</span>`,t.className="control-btn primary",t.disabled=!1)}disconnectedCallback(){this.client&&this.client.disconnect()}}customElements.get("avin-convai")||customElements.define("avin-convai",f),typeof window<"u"&&(window.AvinConvAI=f);const h=document.currentScript;if(h){const d=h.getAttribute("data-widget-id")||h.getAttribute("widget-id"),e=h.getAttribute("data-agent-id")||h.getAttribute("agent-id");if(d||e){const t=h.getAttribute("data-position")||"bottom-right",n=h.getAttribute("data-primary-color")||"#6366f1",o=document.createElement("avin-convai");d&&o.setAttribute("widget-id",d),e&&o.setAttribute("agent-id",e),o.setAttribute("position",t),o.setAttribute("primary-color",n),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>document.body.appendChild(o)):document.body.appendChild(o)}}})();
+    `}attachEventListeners(){const e=this.shadow.querySelector(".widget-fab"),o=this.shadow.querySelector(".widget-panel"),i=this.shadow.querySelector("#close-panel"),t=this.shadow.querySelector("#start-btn");e==null||e.addEventListener("click",()=>{this.isPanelOpen=!this.isPanelOpen,o==null||o.classList.toggle("hidden",!this.isPanelOpen)}),i==null||i.addEventListener("click",()=>{this.isPanelOpen=!1,o==null||o.classList.add("hidden")}),t==null||t.addEventListener("click",()=>{this.callActive?this.stopCall():this.startCall()})}updateStatus(e,o){const i=this.shadow.querySelector("#status-text"),t=this.shadow.querySelector("#status-dot");i&&(i.textContent=e),t&&(o==="idle"&&(t.style.background="#ef4444"),o==="connecting"&&(t.style.background="#f59e0b"),o==="connected"&&(t.style.background="#10b981"),o==="error"&&(t.style.background="#ef4444"))}async startCall(){if(!this.agentId){this.updateStatus("Error: Agent ID not configured","error");return}const e=this.shadow.querySelector("#start-btn"),o=this.shadow.querySelector("#transcript");try{this.updateStatus("Connecting...","connecting"),e&&(e.disabled=!0),console.log("[AvinAI Widget] Creating call record...");const i=await w(this.agentId);console.log(`[AvinAI Widget] Call created with ID: ${i}`),this.client=new d({serverUrl:this.serverUrl,agentId:this.agentId,callId:i,onConnected:()=>{this.callActive=!0,this.updateStatus("Connected - Listening...","connected"),e&&(e.innerHTML=`${u.close}<span>End Call</span>`,e.className="control-btn danger",e.disabled=!1)},onDisconnected:()=>{this.stopCall()},onError:t=>{this.updateStatus(`Error: ${t.message||"Connection failed"}`,"error"),e&&(e.disabled=!1)},onRemoteTrack:(t,r)=>{console.log("[AvinAI Widget] Remote track received:",t.kind)},onTranscription:(t,r)=>{r&&(this.transcript+=(this.transcript?`
+`:"")+t,o&&(o.innerHTML=this.transcript,o.scrollTop=o.scrollHeight))}}),await this.client.connect()}catch(i){console.error("[AvinAI Widget] Start call failed:",i),this.updateStatus(`Connection failed: ${i.message}`,"error"),e&&(e.disabled=!1)}}stopCall(){this.client&&(this.client.disconnect(),this.client=null),this.callActive=!1,this.updateStatus("Click Start to begin conversation","idle");const e=this.shadow.querySelector("#start-btn");e&&(e.innerHTML=`${u.mic}<span>Start Call</span>`,e.className="control-btn primary",e.disabled=!1)}disconnectedCallback(){this.client&&this.client.disconnect()}}customElements.get("avin-convai")||customElements.define("avin-convai",f),typeof window<"u"&&(window.AvinConvAI=f);const h=document.currentScript;if(h){const l=h.getAttribute("data-widget-id")||h.getAttribute("widget-id"),n=h.getAttribute("data-agent-id")||h.getAttribute("agent-id");if(l||n){const e=h.getAttribute("data-position")||"bottom-right",o=h.getAttribute("data-primary-color")||"#6366f1",i=document.createElement("avin-convai");l&&i.setAttribute("widget-id",l),n&&i.setAttribute("agent-id",n),i.setAttribute("position",e),i.setAttribute("primary-color",o),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>document.body.appendChild(i)):document.body.appendChild(i)}}})();

package/dist/avin-ai.umd.js

@@ -1,4 +1,4 @@
-(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.AvinAI={}))})(this,function(s){"use strict";var y=Object.defineProperty;var x=(s,c,d)=>c in s?y(s,c,{enumerable:!0,configurable:!0,writable:!0,value:d}):s[c]=d;var a=(s,c,d)=>x(s,typeof c!="symbol"?c+"":c,d);class c{constructor(o){a(this,"serverUrl");a(this,"agentId");a(this,"callId");a(this,"onConnected");a(this,"onDisconnected");a(this,"onError");a(this,"onTranscription");a(this,"onRemoteTrack");a(this,"pc",null);a(this,"dataChannel",null);a(this,"audioElement",null);a(this,"connected",!1);if(!o.serverUrl)throw new Error("serverUrl is required");if(!o.agentId)throw new Error("agentId is required");this.serverUrl=o.serverUrl.replace(/\/$/,""),this.agentId=o.agentId,this.callId=o.callId||this.generateCallId(),this.onConnected=o.onConnected||(()=>{}),this.onDisconnected=o.onDisconnected||(()=>{}),this.onError=o.onError||(t=>console.error("[WebRTC]",t)),this.onTranscription=o.onTranscription||(()=>{}),this.onRemoteTrack=o.onRemoteTrack||(()=>{})}async connect(){console.log("🔵 [WebRTC] Starting connection...");try{this.pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this.pc.addTransceiver("video",{direction:"recvonly"});const o=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,sampleRate:{ideal:16e3},channelCount:1}});if(console.log("🎤 [WebRTC] Microphone access granted"),!this.pc){console.log("[WebRTC] Connection aborted: peer connection closed during setup"),o.getTracks().forEach(n=>n.stop());return}if(o.getTracks().forEach(n=>{var r;(r=this.pc)==null||r.addTrack(n,o)}),!this.pc)throw new Error("RTCPeerConnection was closed unexpectedly");this.dataChannel=this.pc.createDataChannel("control"),this.dataChannel.onopen=()=>console.log("📡 [WebRTC] DataChannel opened"),this.dataChannel.onmessage=n=>{if(typeof n.data=="string")try{this.handleControlEvent(JSON.parse(n.data))}catch{console.warn("[WebRTC] Failed to parse message:",n.data)}else n.data instanceof ArrayBuffer?console.log("[WebRTC] Received binary data:",n.data.byteLength,"bytes"):n.data instanceof Blob&&n.data.text().then(r=>{try{this.handleControlEvent(JSON.parse(r))}catch{console.warn("[WebRTC] Failed to parse blob data:",r)}})},this.dataChannel.onerror=n=>console.error("❌ [WebRTC] DataChannel error:",n),this.pc.ontrack=n=>{const r=n.track,l=n.streams[0];console.log(`📥 [WebRTC] Received ${r.kind} track`),r.kind==="audio"?(console.log("🔊 [WebRTC] Received audio track from server"),this.audioElement=new Audio,this.audioElement.srcObject=l,this.audioElement.play().catch(h=>console.warn("Audio autoplay blocked:",h)),this.audioElement.onended=()=>{this.sendEvent("playedStream"),console.log("✅ [WebRTC] TTS playback complete")}):r.kind==="video"&&(console.log("📹 [WebRTC] Video track received"),this.onRemoteTrack(r,l))},this.pc.onconnectionstatechange=()=>{var n,r,l,h,u;console.log("🔄 [WebRTC] State:",(n=this.pc)==null?void 0:n.connectionState),((r=this.pc)==null?void 0:r.connectionState)==="connected"?(this.connected=!0,this.onConnected()):(((l=this.pc)==null?void 0:l.connectionState)==="failed"||((h=this.pc)==null?void 0:h.connectionState)==="disconnected"||((u=this.pc)==null?void 0:u.connectionState)==="closed")&&(this.connected=!1,this.onDisconnected())};const t=await this.pc.createOffer();await this.pc.setLocalDescription(t),console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."),await this.waitForIceGathering(),console.log("🧊 [WebRTC] ICE gathering complete"),console.log("📤 [WebRTC] Sending offer via HTTP...");const e=await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offer:this.pc.localDescription,agentId:this.agentId,callId:this.callId})});if(!e.ok){const n=await e.json();throw new Error(n.error||`HTTP ${e.status}`)}const{answer:i}=await e.json();console.log("📥 [WebRTC] Received answer from server"),await this.pc.setRemoteDescription(i),console.log("✅ [WebRTC] Connection established!")}catch(o){throw console.error("❌ [WebRTC] Connection failed:",o),this.disconnect(),this.onError(o.message||o),o}}waitForIceGathering(){return new Promise(o=>{if(!this.pc)return o();if(this.pc.iceGatheringState==="complete")o();else{const t=()=>{var e,i;((e=this.pc)==null?void 0:e.iceGatheringState)==="complete"&&((i=this.pc)==null||i.removeEventListener("icegatheringstatechange",t),o())};this.pc.addEventListener("icegatheringstatechange",t),setTimeout(()=>{var e;(e=this.pc)==null||e.removeEventListener("icegatheringstatechange",t),console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"),o()},5e3)}})}sendEvent(o,t={}){var e;((e=this.dataChannel)==null?void 0:e.readyState)==="open"&&this.dataChannel.send(JSON.stringify({event:o,...t}))}handleControlEvent(o){switch(o.event){case"clearAudio":console.log("🛑 [WebRTC] Interrupt: stopping audio"),this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0);break;case"transcription":console.log("📝 [WebRTC] Transcription:",o.text),this.onTranscription(o.text,o.isFinal);break;case"mark":console.log("🏷️ [WebRTC] Mark:",o.name);break;default:console.log("ℹ️ [WebRTC] Unknown event:",o.event)}}disconnect(){console.log("🔴 [WebRTC] Disconnecting..."),this.audioElement&&(this.audioElement.pause(),this.audioElement.srcObject=null),this.dataChannel&&(this.dataChannel.close(),this.dataChannel=null),this.pc&&(this.pc.getSenders().forEach(o=>{o.track&&o.track.stop()}),this.pc.close(),this.pc=null),this.connected=!1,this.onDisconnected()}generateCallId(){return"web_"+Date.now()+"_"+Math.random().toString(36).substr(2,8)}}const d="https://coredb.travelr.club/v1/graphql";async function b(g){var t;const o=`
+(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.AvinAI={}))})(this,function(s){"use strict";var x=Object.defineProperty;var C=(s,c,d)=>c in s?x(s,c,{enumerable:!0,configurable:!0,writable:!0,value:d}):s[c]=d;var a=(s,c,d)=>C(s,typeof c!="symbol"?c+"":c,d);class c{constructor(o){a(this,"serverUrl");a(this,"agentId");a(this,"callId");a(this,"onConnected");a(this,"onDisconnected");a(this,"onError");a(this,"onTranscription");a(this,"onRemoteTrack");a(this,"pc",null);a(this,"dataChannel",null);a(this,"audioElement",null);a(this,"connected",!1);if(!o.serverUrl)throw new Error("serverUrl is required");if(!o.agentId)throw new Error("agentId is required");this.serverUrl=o.serverUrl.replace(/\/$/,""),this.agentId=o.agentId,this.callId=o.callId||this.generateCallId(),this.onConnected=o.onConnected||(()=>{}),this.onDisconnected=o.onDisconnected||(()=>{}),this.onError=o.onError||(e=>console.error("[WebRTC]",e)),this.onTranscription=o.onTranscription||(()=>{}),this.onRemoteTrack=o.onRemoteTrack||(()=>{})}async connect(){console.log("🔵 [WebRTC] Starting connection...");try{this.pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this.pc.addTransceiver("video",{direction:"recvonly"});const o=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,sampleRate:{ideal:16e3},channelCount:1}});if(console.log("🎤 [WebRTC] Microphone access granted"),!this.pc){console.log("[WebRTC] Connection aborted: peer connection closed during setup"),o.getTracks().forEach(t=>t.stop());return}if(o.getTracks().forEach(t=>{var i;(i=this.pc)==null||i.addTrack(t,o)}),!this.pc)throw new Error("RTCPeerConnection was closed unexpectedly");this.dataChannel=this.pc.createDataChannel("control"),this.dataChannel.onopen=()=>console.log("📡 [WebRTC] DataChannel opened"),this.dataChannel.onmessage=t=>{if(typeof t.data=="string")try{this.handleControlEvent(JSON.parse(t.data))}catch{console.warn("[WebRTC] Failed to parse message:",t.data)}else t.data instanceof ArrayBuffer?console.log("[WebRTC] Received binary data:",t.data.byteLength,"bytes"):t.data instanceof Blob&&t.data.text().then(i=>{try{this.handleControlEvent(JSON.parse(i))}catch{console.warn("[WebRTC] Failed to parse blob data:",i)}})},this.dataChannel.onerror=t=>console.error("❌ [WebRTC] DataChannel error:",t),this.pc.ontrack=t=>{const i=t.track,l=t.streams[0];console.log(`📥 [WebRTC] Received ${i.kind} track`),i.kind==="audio"?(console.log("🔊 [WebRTC] Received audio track from server"),this.audioElement=new Audio,this.audioElement.srcObject=l,this.audioElement.play().catch(p=>console.warn("Audio autoplay blocked:",p)),this.audioElement.onended=()=>{this.sendEvent("playedStream"),console.log("✅ [WebRTC] TTS playback complete")}):i.kind==="video"&&(console.log("📹 [WebRTC] Video track received"),this.onRemoteTrack(i,l))},this.pc.onconnectionstatechange=()=>{var t,i,l,p,u;console.log("🔄 [WebRTC] State:",(t=this.pc)==null?void 0:t.connectionState),((i=this.pc)==null?void 0:i.connectionState)==="connected"?(this.connected=!0,this.onConnected()):(((l=this.pc)==null?void 0:l.connectionState)==="failed"||((p=this.pc)==null?void 0:p.connectionState)==="disconnected"||((u=this.pc)==null?void 0:u.connectionState)==="closed")&&(this.connected=!1,this.onDisconnected())};const e=await this.pc.createOffer();await this.pc.setLocalDescription(e),console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."),await this.waitForIceGathering(),console.log("🧊 [WebRTC] ICE gathering complete"),console.log("📤 [WebRTC] Sending offer via HTTP...");const n=await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offer:this.pc.localDescription,agentId:this.agentId,callId:this.callId})});if(!n.ok){const t=await n.json();throw new Error(t.error||`HTTP ${n.status}`)}const{answer:r}=await n.json();console.log("📥 [WebRTC] Received answer from server"),await this.pc.setRemoteDescription(r),console.log("✅ [WebRTC] Connection established!")}catch(o){throw console.error("❌ [WebRTC] Connection failed:",o),this.disconnect(),this.onError(o.message||o),o}}waitForIceGathering(){return new Promise(o=>{if(!this.pc)return o();if(this.pc.iceGatheringState==="complete")o();else{const e=()=>{var n,r;((n=this.pc)==null?void 0:n.iceGatheringState)==="complete"&&((r=this.pc)==null||r.removeEventListener("icegatheringstatechange",e),o())};this.pc.addEventListener("icegatheringstatechange",e),setTimeout(()=>{var n;(n=this.pc)==null||n.removeEventListener("icegatheringstatechange",e),console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"),o()},5e3)}})}sendEvent(o,e={}){var n;((n=this.dataChannel)==null?void 0:n.readyState)==="open"&&this.dataChannel.send(JSON.stringify({event:o,...e}))}handleControlEvent(o){switch(o.event){case"clearAudio":console.log("🛑 [WebRTC] Interrupt: stopping audio"),this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0);break;case"transcription":console.log("📝 [WebRTC] Transcription:",o.text),this.onTranscription(o.text,o.isFinal);break;case"mark":console.log("🏷️ [WebRTC] Mark:",o.name);break;default:console.log("ℹ️ [WebRTC] Unknown event:",o.event)}}disconnect(){console.log("🔴 [WebRTC] Disconnecting..."),this.audioElement&&(this.audioElement.pause(),this.audioElement.srcObject=null),this.dataChannel&&(this.dataChannel.close(),this.dataChannel=null),this.pc&&(this.pc.getSenders().forEach(o=>{o.track&&o.track.stop()}),this.pc.close(),this.pc=null),this.connected=!1,this.onDisconnected()}generateCallId(){return"web_"+Date.now()+"_"+Math.random().toString(36).substr(2,8)}}const d="https://coredb.travelr.club/v1/graphql";async function b(h){var e;const o=`
     query GetWidgetConfig($id: uuid!) {
       app_widget_by_pk(id: $id) {
         agent_id
@@ -13,7 +13,13 @@
         }
       }
     }
-  `;try{const n=(t=(await(await fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:o,variables:{id:g}})})).json()).data)==null?void 0:t.app_widget_by_pk;if(!n)throw new Error(`Widget configuration not found for ID: ${g}`);return n}catch(e){throw console.error("[AvinAI] Failed to fetch widget config:",e),e}}const p={phone:`
+  `;try{const t=(e=(await(await fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:o,variables:{id:h}})})).json()).data)==null?void 0:e.app_widget_by_pk;if(!t)throw new Error(`Widget configuration not found for ID: ${h}`);return t}catch(n){throw console.error("[AvinAI] Failed to fetch widget config:",n),n}}async function f(h,o=!1){var r,t;const e=`
+    mutation CreateWebCall($object: calls_insert_input!) {
+      insert_calls_one(object: $object) {
+        id
+      }
+    }
+  `,n={object:{agent_id:h,status:"in-progress",type:"web_call",direction:"inbound",phone_to:"web_user",is_ai_avatar_enabled:o}};try{const l=await(await fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e,variables:n})})).json();if(l.errors)throw new Error(l.errors[0].message);return(t=(r=l.data)==null?void 0:r.insert_calls_one)==null?void 0:t.id}catch(i){throw console.error("[AvinAI] Failed to create call record:",i),i}}const g={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"/>
     </svg>
@@ -41,7 +47,7 @@
       <path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
       <path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
     </svg>
-  `},f=`
+  `},w=`
   * {
     box-sizing: border-box;
   }
@@ -298,20 +304,20 @@
       border-radius: 0;
     }
   }
-`;class v extends HTMLElement{constructor(){super();a(this,"isPanelOpen",!1);a(this,"callActive",!1);a(this,"transcript","");a(this,"client",null);a(this,"shadow");a(this,"widgetId","");a(this,"serverUrl","https://api.travelr.club");a(this,"agentId","");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","server-url"]}connectedCallback(){console.log("[AvinAI Widget] Initializing..."),this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://api.travelr.club";const t=this.getAttribute("position")||"bottom-right",e=this.getAttribute("primary-color")||"#6366f1";this.render(t,e),this.attachEventListeners(),this.widgetId&&!this.agentId&&this.initializeConfig()}async initializeConfig(){var t,e,i,n;try{console.log(`[AvinAI Widget] Fetching config for widget: ${this.widgetId}`);const r=await b(this.widgetId);this.agentId=r.agent_id,((n=(i=(e=(t=r.agent)==null?void 0:t.tts_voice)==null?void 0:e.provider)==null?void 0:i.root_name)==null?void 0:n.toLowerCase())==="premium"?this.serverUrl="https://godspeed.travelr.club":this.serverUrl="https://in-godspeed.travelr.club",console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`),console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`)}catch(r){console.error("[AvinAI Widget] Configuration failed:",r),this.updateStatus("Configuration Failed","error")}}render(t,e){const i={"bottom-right":{bottom:"24px",right:"24px"},"bottom-left":{bottom:"24px",left:"24px"},"top-right":{top:"24px",right:"24px"},"top-left":{top:"24px",left:"24px"}},n=i[t]||i["bottom-right"],r=Object.entries(n).map(([w,m])=>`${w}: ${m}`).join("; "),l=t.includes("bottom")?"bottom: 100px;":"top: 100px;",h=t.includes("right")?"right: 24px;":"left: 24px;",u=f.replace("--primary: #6366f1",`--primary: ${e}`);this.shadow.innerHTML=`
+`;class v extends HTMLElement{constructor(){super();a(this,"isPanelOpen",!1);a(this,"callActive",!1);a(this,"transcript","");a(this,"client",null);a(this,"shadow");a(this,"widgetId","");a(this,"serverUrl","https://api.travelr.club");a(this,"agentId","");this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["widget-id","agent-id","position","primary-color","server-url"]}connectedCallback(){console.log("[AvinAI Widget] Initializing..."),this.widgetId=this.getAttribute("widget-id")||"",this.agentId=this.getAttribute("agent-id")||"",this.serverUrl=this.getAttribute("server-url")||"https://api.travelr.club";const e=this.getAttribute("position")||"bottom-right",n=this.getAttribute("primary-color")||"#6366f1";this.render(e,n),this.attachEventListeners(),this.widgetId&&!this.agentId&&this.initializeConfig()}async initializeConfig(){var e,n,r,t;try{console.log(`[AvinAI Widget] Fetching config for widget: ${this.widgetId}`);const i=await b(this.widgetId);this.agentId=i.agent_id,((t=(r=(n=(e=i.agent)==null?void 0:e.tts_voice)==null?void 0:n.provider)==null?void 0:r.root_name)==null?void 0:t.toLowerCase())==="premium"?this.serverUrl="https://godspeed.travelr.club":this.serverUrl="https://in-godspeed.travelr.club",console.log(`[AvinAI Widget] Configured for Agent ID: ${this.agentId}`),console.log(`[AvinAI Widget] Using Server URL: ${this.serverUrl}`)}catch(i){console.error("[AvinAI Widget] Configuration failed:",i),this.updateStatus("Configuration Failed","error")}}render(e,n){const r={"bottom-right":{bottom:"24px",right:"24px"},"bottom-left":{bottom:"24px",left:"24px"},"top-right":{top:"24px",right:"24px"},"top-left":{top:"24px",left:"24px"}},t=r[e]||r["bottom-right"],i=Object.entries(t).map(([m,y])=>`${m}: ${y}`).join("; "),l=e.includes("bottom")?"bottom: 100px;":"top: 100px;",p=e.includes("right")?"right: 24px;":"left: 24px;",u=w.replace("--primary: #6366f1",`--primary: ${n}`);this.shadow.innerHTML=`
       <style>${u}</style>
       
       <!-- Floating Action Button -->
-      <button class="widget-fab" style="${r}">
-        ${p.phone}
+      <button class="widget-fab" style="${i}">
+        ${g.phone}
       </button>
 
       <!-- Voice Panel -->
-      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${l} ${h}">
+      <div class="widget-panel hidden" style="width: 380px; height: 480px; ${l} ${p}">
         <div class="widget-header">
           <h3 class="widget-title">Voice Assistant</h3>
           <button class="close-btn" id="close-panel">
-            ${p.close}
+            ${g.close}
           </button>
         </div>
 
@@ -327,11 +333,11 @@
 
           <div class="controls" id="controls">
             <button class="control-btn primary" id="start-btn">
-              ${p.mic}
+              ${g.mic}
               <span>Start Call</span>
             </button>
           </div>
         </div>
       </div>
-    `}attachEventListeners(){const t=this.shadow.querySelector(".widget-fab"),e=this.shadow.querySelector(".widget-panel"),i=this.shadow.querySelector("#close-panel"),n=this.shadow.querySelector("#start-btn");t==null||t.addEventListener("click",()=>{this.isPanelOpen=!this.isPanelOpen,e==null||e.classList.toggle("hidden",!this.isPanelOpen)}),i==null||i.addEventListener("click",()=>{this.isPanelOpen=!1,e==null||e.classList.add("hidden")}),n==null||n.addEventListener("click",()=>{this.callActive?this.stopCall():this.startCall()})}updateStatus(t,e){const i=this.shadow.querySelector("#status-text"),n=this.shadow.querySelector("#status-dot");i&&(i.textContent=t),n&&(e==="idle"&&(n.style.background="#ef4444"),e==="connecting"&&(n.style.background="#f59e0b"),e==="connected"&&(n.style.background="#10b981"),e==="error"&&(n.style.background="#ef4444"))}async startCall(){if(!this.agentId){this.updateStatus("Error: Agent ID not configured","error");return}const t=this.shadow.querySelector("#start-btn"),e=this.shadow.querySelector("#transcript");try{this.updateStatus("Connecting...","connecting"),t&&(t.disabled=!0),this.client=new c({serverUrl:this.serverUrl,agentId:this.agentId,onConnected:()=>{this.callActive=!0,this.updateStatus("Connected - Listening...","connected"),t&&(t.innerHTML=`${p.close}<span>End Call</span>`,t.className="control-btn danger",t.disabled=!1)},onDisconnected:()=>{this.stopCall()},onError:i=>{this.updateStatus(`Error: ${i.message||"Connection failed"}`,"error"),t&&(t.disabled=!1)},onTranscription:(i,n)=>{n&&(this.transcript+=(this.transcript?`
-`:"")+i,e&&(e.innerHTML=this.transcript,e.scrollTop=e.scrollHeight))}}),await this.client.connect()}catch(i){console.error("[AvinAI Widget] Start call failed:",i),this.updateStatus("Connection failed","error"),t&&(t.disabled=!1)}}stopCall(){this.client&&(this.client.disconnect(),this.client=null),this.callActive=!1,this.updateStatus("Click Start to begin conversation","idle");const t=this.shadow.querySelector("#start-btn");t&&(t.innerHTML=`${p.mic}<span>Start Call</span>`,t.className="control-btn primary",t.disabled=!1)}disconnectedCallback(){this.client&&this.client.disconnect()}}s.AvinWidget=v,s.WebRTCClient=c,s.fetchWidgetConfig=b,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+    `}attachEventListeners(){const e=this.shadow.querySelector(".widget-fab"),n=this.shadow.querySelector(".widget-panel"),r=this.shadow.querySelector("#close-panel"),t=this.shadow.querySelector("#start-btn");e==null||e.addEventListener("click",()=>{this.isPanelOpen=!this.isPanelOpen,n==null||n.classList.toggle("hidden",!this.isPanelOpen)}),r==null||r.addEventListener("click",()=>{this.isPanelOpen=!1,n==null||n.classList.add("hidden")}),t==null||t.addEventListener("click",()=>{this.callActive?this.stopCall():this.startCall()})}updateStatus(e,n){const r=this.shadow.querySelector("#status-text"),t=this.shadow.querySelector("#status-dot");r&&(r.textContent=e),t&&(n==="idle"&&(t.style.background="#ef4444"),n==="connecting"&&(t.style.background="#f59e0b"),n==="connected"&&(t.style.background="#10b981"),n==="error"&&(t.style.background="#ef4444"))}async startCall(){if(!this.agentId){this.updateStatus("Error: Agent ID not configured","error");return}const e=this.shadow.querySelector("#start-btn"),n=this.shadow.querySelector("#transcript");try{this.updateStatus("Connecting...","connecting"),e&&(e.disabled=!0),console.log("[AvinAI Widget] Creating call record...");const r=await f(this.agentId);console.log(`[AvinAI Widget] Call created with ID: ${r}`),this.client=new c({serverUrl:this.serverUrl,agentId:this.agentId,callId:r,onConnected:()=>{this.callActive=!0,this.updateStatus("Connected - Listening...","connected"),e&&(e.innerHTML=`${g.close}<span>End Call</span>`,e.className="control-btn danger",e.disabled=!1)},onDisconnected:()=>{this.stopCall()},onError:t=>{this.updateStatus(`Error: ${t.message||"Connection failed"}`,"error"),e&&(e.disabled=!1)},onRemoteTrack:(t,i)=>{console.log("[AvinAI Widget] Remote track received:",t.kind)},onTranscription:(t,i)=>{i&&(this.transcript+=(this.transcript?`
+`:"")+t,n&&(n.innerHTML=this.transcript,n.scrollTop=n.scrollHeight))}}),await this.client.connect()}catch(r){console.error("[AvinAI Widget] Start call failed:",r),this.updateStatus(`Connection failed: ${r.message}`,"error"),e&&(e.disabled=!1)}}stopCall(){this.client&&(this.client.disconnect(),this.client=null),this.callActive=!1,this.updateStatus("Click Start to begin conversation","idle");const e=this.shadow.querySelector("#start-btn");e&&(e.innerHTML=`${g.mic}<span>Start Call</span>`,e.className="control-btn primary",e.disabled=!1)}disconnectedCallback(){this.client&&this.client.disconnect()}}s.AvinWidget=v,s.WebRTCClient=c,s.fetchWidgetConfig=b,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "avin-ai",
-    "version": "0.1.4",
+    "version": "0.1.5",
     "description": "AvinAI Voice Widget SDK",
     "type": "module",
     "main": "./dist/avin-ai.umd.js",