@useago/sdk 1.4.1 → 1.4.3

package/dist/widget.js

@@ -1,6 +1,6 @@
-import { a as Ut, i as Wt, m as Gt, o as Vt, s as jt, t as qt } from "./AgoClient-BdtuHX7k.js";
-import { r as Kt, t as Xt } from "./createFormCollector-B4n0_diV.js";
-import { t as Qt } from "./createConversationSession-CWpf4u6I.js";
+import { a as Wt, i as Ut, m as Gt, o as Vt, s as jt, t as qt } from "./AgoClient-S8oeNnAE.js";
+import { r as Kt, t as Xt } from "./createFormCollector-vy-QvFja.js";
+import { t as Qt } from "./createConversationSession-DoUHdVNR.js";
 var Yt = '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', Se = `var(--ago-font, ${Yt})`, dt = {
   font: "--ago-font",
   radius: "--ago-radius",
@@ -16,7 +16,7 @@ var Yt = '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto
   border: "--ago-border-color",
   accent: "--ago-accent-color",
   agentBubbleBg: "--ago-agent-bubble-background"
-}, ke = "var(--ago-brand-color, #03182f)", Ae = "var(--ago-brand-text-color, #fff)", Zt = "var(--ago-header-background, var(--ago-brand-color, #03182f))", ct = "var(--ago-header-text-color, #e8f0fe)", ee = "var(--ago-panel-background, #fff)", gt = "var(--ago-messages-background, #fbfbfb)", J = "var(--ago-text-color, #30373e)", ht = "var(--ago-muted-text-color, #6b6d6f)", L = "var(--ago-border-color, #dee3e8)", Me = "var(--ago-accent-color, #1b5fc4)", pt = "var(--ago-agent-bubble-background, #f1f3f5)", Jt = "var(--ago-radius, 16px)", Oe = "var(--ago-message-radius, 16px)", en = "var(--ago-message-radius, 20px)";
+}, Ie = "var(--ago-brand-color, #03182f)", Ae = "var(--ago-brand-text-color, #fff)", Zt = "var(--ago-header-background, var(--ago-brand-color, #03182f))", ct = "var(--ago-header-text-color, #e8f0fe)", ee = "var(--ago-panel-background, #fff)", gt = "var(--ago-messages-background, #fbfbfb)", J = "var(--ago-text-color, #30373e)", ht = "var(--ago-muted-text-color, #6b6d6f)", L = "var(--ago-border-color, #dee3e8)", Me = "var(--ago-accent-color, #1b5fc4)", pt = "var(--ago-agent-bubble-background, #f1f3f5)", Jt = "var(--ago-radius, 16px)", Oe = "var(--ago-message-radius, 16px)", en = "var(--ago-message-radius, 20px)";
 function tn(n, o) {
   if (o)
     for (const i of Object.keys(dt)) {
@@ -86,7 +86,7 @@ function on(n) {
     padding: "0",
     border: "none",
     borderRadius: "50%",
-    backgroundColor: ke,
+    backgroundColor: Ie,
     color: Ae,
     display: "flex",
     alignItems: "center",
@@ -98,20 +98,20 @@ function on(n) {
     const s = a.value.trim() !== "" || o.length > 0, c = f || !s;
     p.disabled = c, p.innerHTML = f ? x : m, p.style.opacity = c && !f ? "0.5" : "1", p.style.cursor = c ? "default" : "pointer";
   };
-  let R = null, _ = null;
-  n.allowFiles && (R = document.createElement("input"), R.type = "file", R.multiple = !0, v(R, { display: "none" }), _ = document.createElement("button"), _.type = "button", _.setAttribute("aria-label", "Attach file"), _.textContent = "📎", v(_, {
+  let R = null, k = null;
+  n.allowFiles && (R = document.createElement("input"), R.type = "file", R.multiple = !0, v(R, { display: "none" }), k = document.createElement("button"), k.type = "button", k.setAttribute("aria-label", "Attach file"), k.textContent = "📎", v(k, {
     padding: "10px 12px",
     border: `1px solid ${L}`,
     borderRadius: "12px",
     backgroundColor: ee,
     cursor: "pointer",
     fontSize: "14px"
-  }), _.addEventListener("click", () => R?.click()), R.addEventListener("change", () => {
+  }), k.addEventListener("click", () => R?.click()), R.addEventListener("change", () => {
     o = [...o, ...Array.from(R?.files ?? [])], Y();
   }));
   function Y() {
     r.replaceChildren(), o.forEach((s, c) => {
-      const y = h({
+      const w = h({
         display: "flex",
         alignItems: "center",
         gap: "4px",
@@ -120,18 +120,18 @@ function on(n) {
         border: `1px solid ${L}`,
         borderRadius: "8px",
         fontSize: "12px"
-      }), T = document.createElement("span");
-      T.textContent = s.name;
-      const k = document.createElement("button");
-      k.type = "button", k.setAttribute("aria-label", `Remove ${s.name}`), k.textContent = "×", v(k, {
+      }), $ = document.createElement("span");
+      $.textContent = s.name;
+      const I = document.createElement("button");
+      I.type = "button", I.setAttribute("aria-label", `Remove ${s.name}`), I.textContent = "×", v(I, {
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), k.addEventListener("click", () => {
+      }), I.addEventListener("click", () => {
         o = o.filter((V, j) => j !== c), Y();
-      }), y.append(T, k), r.appendChild(y);
+      }), w.append($, I), r.appendChild(w);
     }), A();
   }
   const D = () => {
@@ -148,7 +148,7 @@ function on(n) {
     s.preventDefault(), g();
   }), a.addEventListener("keydown", (s) => {
     s.key === "Enter" && !s.shiftKey && (s.preventDefault(), g());
-  }), _ && b.appendChild(_), b.append(a, p), R && i.appendChild(R), i.append(r, b), A(), {
+  }), k && b.appendChild(k), b.append(a, p), R && i.appendChild(R), i.append(r, b), A(), {
     inputRow: i,
     getValueAndClear: D,
     setDisabled: (s) => {
@@ -367,8 +367,8 @@ function cn(n, o) {
       maxWidth: "85%"
     });
     g.className = "ago-message__sources", n.sources.forEach((s, c) => {
-      const y = s.url ? document.createElement("a") : document.createElement("div");
-      s.url && y instanceof HTMLAnchorElement && (y.href = s.url, y.target = "_blank", y.rel = "noopener noreferrer"), v(y, {
+      const w = s.url ? document.createElement("a") : document.createElement("div");
+      s.url && w instanceof HTMLAnchorElement && (w.href = s.url, w.target = "_blank", w.rel = "noopener noreferrer"), v(w, {
         display: "flex",
         alignItems: "center",
         gap: "8px",
@@ -381,7 +381,7 @@ function cn(n, o) {
         fontSize: "12px",
         overflow: "hidden"
       });
-      const T = h({
+      const $ = h({
         flexShrink: "0",
         width: "18px",
         height: "18px",
@@ -395,13 +395,13 @@ function cn(n, o) {
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       });
-      T.textContent = String(c + 1);
-      const k = h({
+      $.textContent = String(c + 1);
+      const I = h({
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       });
-      k.textContent = s.title, k.title = s.title, y.append(T, k), g.appendChild(y);
+      I.textContent = s.title, I.title = s.title, w.append($, I), g.appendChild(w);
     }), R.appendChild(g);
   }
   if (n.attachments && n.attachments.length > 0) {
@@ -416,7 +416,7 @@ function cn(n, o) {
     g.className = "ago-message__attachments";
     for (const s of n.attachments) {
       const c = jt(s.url);
-      if (Ut(s) && c) {
+      if (Wt(s) && c) {
         const B = document.createElement("a");
         B.href = c, B.target = "_blank", B.rel = "noopener noreferrer", v(B, {
           display: "inline-block",
@@ -433,8 +433,8 @@ function cn(n, o) {
         }), B.appendChild(q), g.appendChild(B);
         continue;
       }
-      const y = c ? document.createElement("a") : document.createElement("div");
-      c && y instanceof HTMLAnchorElement && (y.href = c, y.target = "_blank", y.rel = "noopener noreferrer"), v(y, {
+      const w = c ? document.createElement("a") : document.createElement("div");
+      c && w instanceof HTMLAnchorElement && (w.href = c, w.target = "_blank", w.rel = "noopener noreferrer"), v(w, {
         display: "inline-flex",
         alignItems: "center",
         gap: "8px",
@@ -447,13 +447,13 @@ function cn(n, o) {
         textDecoration: "none",
         maxWidth: "220px"
       });
-      const T = document.createElement("span");
-      T.textContent = "📄", T.setAttribute("aria-hidden", "true"), v(T, {
+      const $ = document.createElement("span");
+      $.textContent = "📄", $.setAttribute("aria-hidden", "true"), v($, {
         fontSize: "16px",
         lineHeight: "1",
         flexShrink: "0"
       });
-      const k = h({
+      const I = h({
         display: "flex",
         flexDirection: "column",
         minWidth: "0"
@@ -463,24 +463,24 @@ function cn(n, o) {
         whiteSpace: "nowrap",
         maxWidth: "160px"
       });
-      V.textContent = s.name, V.title = s.name, k.appendChild(V);
+      V.textContent = s.name, V.title = s.name, I.appendChild(V);
       const j = Vt(s.fileSize);
       if (j) {
         const B = h({
           fontSize: "11px",
           color: ht
         });
-        B.textContent = j, k.appendChild(B);
+        B.textContent = j, I.appendChild(B);
       }
-      y.append(T, k), g.appendChild(y);
+      w.append($, I), g.appendChild(w);
     }
     R.appendChild(g);
   }
-  const _ = f || C || A, Y = !!n.content || n.status === "IN_PROGRESS", D = h({
-    maxWidth: _ ? A || f ? p ? "88%" : "75%" : p ? "92%" : "85%" : "100%",
-    padding: _ ? "10px 14px" : "2px 8px",
-    borderRadius: A ? en : _ ? Oe : "0",
-    backgroundColor: f ? ke : _ ? pt : "transparent",
+  const k = f || C || A, Y = !!n.content || n.status === "IN_PROGRESS" || n.status === "WAITING_CLIENT", D = h({
+    maxWidth: k ? A || f ? p ? "88%" : "75%" : p ? "92%" : "85%" : "100%",
+    padding: k ? "10px 14px" : "2px 8px",
+    borderRadius: A ? en : k ? Oe : "0",
+    backgroundColor: f ? Ie : k ? pt : "transparent",
     color: f ? Ae : J,
     overflowWrap: "break-word",
     textWrap: "pretty",
@@ -495,7 +495,7 @@ function cn(n, o) {
       bottom: "-2px",
       width: "20px",
       height: "20px",
-      background: f ? ke : pt
+      background: f ? Ie : pt
     });
     g.className = "ago-message__tail";
     const s = h({
@@ -508,7 +508,7 @@ function cn(n, o) {
     });
     s.className = "ago-message__tail-mask", f ? (g.style.right = "-8px", g.style.borderBottomLeftRadius = "16px 14px", s.style.right = "-10px", s.style.borderBottomLeftRadius = "10px") : (g.style.left = "-7px", g.style.borderBottomRightRadius = "16px 14px", s.style.left = "-10px", s.style.borderBottomRightRadius = "10px"), D.append(g, s);
   }
-  if (n.content ? D.appendChild(ze(n.content)) : n.status === "IN_PROGRESS" && D.appendChild(fn()), Y && R.appendChild(D), i && n.followUpReplies && n.followUpReplies.length > 0) {
+  if (n.content ? D.appendChild(ze(n.content)) : (n.status === "IN_PROGRESS" || n.status === "WAITING_CLIENT") && D.appendChild(fn()), Y && R.appendChild(D), i && n.followUpReplies && n.followUpReplies.length > 0) {
     const g = h({
       display: "flex",
       flexWrap: "wrap",
@@ -603,17 +603,17 @@ function hn(n) {
   return o;
 }
 function wn(n, o) {
-  const { title: i = "Chat", welcomeMessage: r = "Hello! How can I help you today?", placeholder: b = "Type a message...", allowFiles: a = !1, height: C = 500, placement: m = "inline", width: x = 400, defaultOpen: p = !1, logoUrl: f, showAgentName: A = !1, agentBubble: R = !1, bubbleStyle: _ = "default", showHeader: Y = !0, theme: D, loadThreads: g = !1, forms: s, formSubmittedMessage: c = mt, onFollowUpClick: y, onMessageSent: T, onMessageReceived: k, onFormSubmitted: V, onFormError: j, onOpen: B, onClose: q } = o, ne = typeof r == "string" ? {
+  const { title: i = "Chat", welcomeMessage: r = "Hello! How can I help you today?", placeholder: b = "Type a message...", allowFiles: a = !1, height: C = 500, placement: m = "inline", width: x = 400, defaultOpen: p = !1, logoUrl: f, showAgentName: A = !1, agentBubble: R = !1, bubbleStyle: k = "default", showHeader: Y = !0, theme: D, loadThreads: g = !1, forms: s, formSubmittedMessage: c = mt, onFollowUpClick: w, onMessageSent: $, onMessageReceived: I, onFormSubmitted: V, onFormError: j, onOpen: B, onClose: q } = o, ne = typeof r == "string" ? {
     message: r,
     mode: "static"
   } : r, Fe = ne.message, He = ne.mode ?? "static", Ct = "speed" in ne && ne.speed || 45, Pe = "followUpReplies" in ne && ne.followUpReplies || void 0;
   if (!o.client && !o.config?.baseUrl) throw new Gt("mountChatWidget requires either `client` or `config` (with a baseUrl).", "config_missing_base_url");
-  const E = o.client ?? new qt(o.config), Ue = hn(n), z = m === "left" || m === "right", Et = z && (o.launcher ?? !0);
+  const E = o.client ?? new qt(o.config), We = hn(n), z = m === "left" || m === "right", Et = z && (o.launcher ?? !0);
   let oe = z ? p : !0;
-  const St = o.mobile?.breakpoint ?? 768, _e = o.mobile?.trigger ?? "tap", We = typeof window < "u" && !!window.matchMedia, M = We ? window.matchMedia(`(max-width: ${St}px)`) : void 0, Rt = We ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, re = !z && !!M, Ie = o.persistConversation, me = Ie ? Qt(Ie === !0 ? {} : Ie) : void 0;
+  const St = o.mobile?.breakpoint ?? 768, ke = o.mobile?.trigger ?? "tap", Ue = typeof window < "u" && !!window.matchMedia, M = Ue ? window.matchMedia(`(max-width: ${St}px)`) : void 0, Rt = Ue ? window.matchMedia("(prefers-reduced-motion: reduce)") : void 0, re = !z && !!M, _e = o.persistConversation, me = _e ? Qt(_e === !0 ? {} : _e) : void 0;
   let P = o.conversationId ?? me?.getLastActiveThread() ?? void 0, u = [], Z = !1, le = null, K;
   const Ge = [];
-  function kt(e) {
+  function It(e) {
     if (typeof c == "function") {
       const l = c(e);
       if (typeof l == "string" && l) return l;
@@ -670,24 +670,24 @@ function wn(n, o) {
       }), t.addEventListener("click", () => Be()), F.appendChild(t);
     }
   }
-  const I = h({
+  const _ = h({
     flex: "1",
     overflow: "auto",
     padding: "16px",
     backgroundColor: gt
   });
-  I.className = "ago-chat-widget__messages", I.setAttribute("role", "log"), I.setAttribute("aria-live", "polite"), I.setAttribute("aria-relevant", "additions text"), I.setAttribute("aria-atomic", "false");
-  const { inputRow: $e, setDisabled: At, focus: he } = on({
+  _.className = "ago-chat-widget__messages", _.setAttribute("role", "log"), _.setAttribute("aria-live", "polite"), _.setAttribute("aria-relevant", "additions text"), _.setAttribute("aria-atomic", "false");
+  const { inputRow: Ne, setDisabled: At, focus: he } = on({
     placeholder: b,
     allowFiles: a,
     onSend: (e, t) => {
       ye(e, t);
     }
   });
-  nn(), d.append(...F ? [F] : [], I, $e);
-  let xe = d, U, N;
+  nn(), d.append(...F ? [F] : [], _, Ne);
+  let xe = d, W, T;
   const be = m === "left" ? "left" : "right";
-  if (z && (U = h({
+  if (z && (W = h({
     position: "fixed",
     top: "0",
     bottom: "0",
@@ -698,15 +698,15 @@ function wn(n, o) {
     zIndex: "2147483000",
     transition: "transform 0.3s ease",
     boxShadow: "rgba(15, 15, 15, 0.18) 0px 0px 24px 0px"
-  }), U.className = "ago-chat-widget-panel", v(d, {
+  }), W.className = "ago-chat-widget-panel", v(d, {
     height: "100%",
     width: "100%",
     borderRadius: "0",
     border: "none",
     boxShadow: "none",
     [be === "left" ? "borderRight" : "borderLeft"]: `1px solid ${L}`
-  }), U.appendChild(d), xe = U), Et) {
-    if (N = document.createElement("button"), N.type = "button", N.className = "ago-chat-widget-launcher", N.setAttribute("aria-label", `Open ${i}`), v(N, {
+  }), W.appendChild(d), xe = W), Et) {
+    if (T = document.createElement("button"), T.type = "button", T.className = "ago-chat-widget-launcher", T.setAttribute("aria-label", `Open ${i}`), v(T, {
       position: "fixed",
       bottom: "20px",
       [be]: "20px",
@@ -714,7 +714,7 @@ function wn(n, o) {
       height: "56px",
       borderRadius: "50%",
       border: "none",
-      backgroundColor: ke,
+      backgroundColor: Ie,
       color: Ae,
       cursor: "pointer",
       display: "flex",
@@ -729,33 +729,33 @@ function wn(n, o) {
         width: "26px",
         height: "26px",
         objectFit: "contain"
-      }), N.appendChild(e);
-    } else N.appendChild(un());
-    N.addEventListener("click", () => Te());
+      }), T.appendChild(e);
+    } else T.appendChild(un());
+    T.addEventListener("click", () => $e());
   }
   const de = re ? `ago-vt-${++gn}` : "", Ve = 52;
-  let W = !1, ce = 0, ie = 0, H, pe, X;
+  let U = !1, ce = 0, ie = 0, H, pe, X;
   const ve = {
     height: d.style.height,
     border: d.style.border,
     borderRadius: d.style.borderRadius,
     boxShadow: d.style.boxShadow
   };
-  Ue.appendChild(xe), N && Ue.appendChild(N), we(), re && (H = Ft(), d.insertBefore(H, d.firstChild), pe = document.createElement("style"), pe.id = de, pe.textContent = `::view-transition-group(${de}),::view-transition-group(${de}-bar){animation-duration:0.3s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}`, document.head.appendChild(pe), (_e === "focus" || _e === "tap") && (d.addEventListener("pointerdown", (e) => {
-    if (W || !M?.matches) return;
-    const t = $e.contains(e.target);
-    if (_e === "tap") {
+  We.appendChild(xe), T && We.appendChild(T), we(), re && (H = Ft(), d.insertBefore(H, d.firstChild), pe = document.createElement("style"), pe.id = de, pe.textContent = `::view-transition-group(${de}),::view-transition-group(${de}-bar){animation-duration:0.3s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)}`, document.head.appendChild(pe), (ke === "focus" || ke === "tap") && (d.addEventListener("pointerdown", (e) => {
+    if (U || !M?.matches) return;
+    const t = Ne.contains(e.target);
+    if (ke === "tap") {
       if ((e.target instanceof Element ? e.target : null)?.closest("button,a[href],[role='button']")) return;
     } else if (!t) return;
     t && e.preventDefault(), fe();
   }, !0), d.addEventListener("focusin", (e) => {
-    M?.matches && $e.contains(e.target) && fe();
+    M?.matches && Ne.contains(e.target) && fe();
   })), document.addEventListener("keydown", tt)), M && M.addEventListener("change", nt);
-  const _t = y !== !1, It = y === !1 ? void 0 : y ?? ((e) => {
-    re && M?.matches && !W ? fe().then(() => ye(e)) : ye(e);
+  const kt = w !== !1, _t = w === !1 ? void 0 : w ?? ((e) => {
+    re && M?.matches && !U ? fe().then(() => ye(e)) : ye(e);
   });
-  function $() {
-    if (I.replaceChildren(), u.length === 0) {
+  function N() {
+    if (_.replaceChildren(), u.length === 0) {
       if (He === "static") {
         const t = h({
           textAlign: "center",
@@ -764,22 +764,22 @@ function wn(n, o) {
           fontSize: "16px",
           lineHeight: "1.5"
         });
-        t.appendChild(ze(Fe)), I.appendChild(t);
+        t.appendChild(ze(Fe)), _.appendChild(t);
       }
     } else u.forEach((t, l) => {
       const S = l === u.length - 1 || u[l + 1].role !== t.role;
-      I.appendChild(cn(t, {
+      _.appendChild(cn(t, {
         isLast: l === u.length - 1,
         isLastOfBlock: S,
-        bubbleStyle: _,
+        bubbleStyle: k,
         showAgentName: A,
         agentBubble: R,
-        followUpEnabled: _t,
-        followUpHandler: It,
+        followUpEnabled: kt,
+        followUpHandler: _t,
         isMobile: !!M?.matches
       }));
     });
-    for (const t of Ge) I.appendChild(pn(t));
+    for (const t of Ge) _.appendChild(pn(t));
     if (le) {
       const t = h({
         padding: "10px 14px",
@@ -790,34 +790,34 @@ function wn(n, o) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      t.setAttribute("role", "alert"), t.textContent = le, I.appendChild(t);
+      t.setAttribute("role", "alert"), t.textContent = le, _.appendChild(t);
     }
-    I.scrollTop = I.scrollHeight;
+    _.scrollTop = _.scrollHeight;
     const e = u[u.length - 1];
-    At(Z && e?.role === "assistant" && e.status === "IN_PROGRESS");
+    At(Z && e?.role === "assistant" && (e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT"));
   }
-  function $t() {
+  function Nt() {
     for (let e = u.length - 1; e >= 0; e--) {
       const t = u[e];
-      if (t.role === "assistant" && t.status === "IN_PROGRESS") return t;
+      if (t.role === "assistant" && (t.status === "IN_PROGRESS" || t.status === "WAITING_CLIENT")) return t;
     }
   }
   const je = (e) => {
     P || (P = e.conversationId);
   }, qe = (e) => {
-    const t = $t();
-    t && (t.content += e.content, $());
+    const t = Nt();
+    t && (t.content += e.content, N());
   }, Ke = (e) => {
     const t = u.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
-    t >= 0 ? u[t] = e : u.push(e), $(), he();
+    t >= 0 ? u[t] = e : u.push(e), N(), he();
   }, Xe = (e) => {
     const t = u.findIndex((l) => l.id === e.id || l.role === "assistant" && l.status === "IN_PROGRESS");
-    t >= 0 ? u[t] = e : u.push(e), Z = !1, $(), e.status === "DONE" && k?.({
+    t >= 0 ? u[t] = e : u.push(e), Z = !1, N(), e.status === "DONE" && I?.({
       id: e.id,
       content: e.content
     });
   }, Qe = (e) => {
-    le = e.error, Z = !1, u = u.filter((t) => !t.id.startsWith("temp-")), $();
+    le = e.error, Z = !1, u = u.filter((t) => !t.id.startsWith("temp-")), N();
   };
   function Lt(e) {
     const t = {
@@ -828,15 +828,15 @@ function wn(n, o) {
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
     };
-    u.push(t), $();
+    u.push(t), N();
     const l = e.match(/\S+\s*/g) ?? [e];
     let S = 0;
     K = setInterval(() => {
       if (S >= l.length) {
-        clearInterval(K), K = void 0, t.status = "DONE", Pe && (t.followUpReplies = Pe), $();
+        clearInterval(K), K = void 0, t.status = "DONE", Pe && (t.followUpReplies = Pe), N();
         return;
       }
-      t.content += l[S], S++, $();
+      t.content += l[S], S++, N();
     }, Ct);
   }
   E.on("message:start", je), E.on("message:chunk", qe), E.on("message:answer-complete", Ke), E.on("message:complete", Xe), E.on("message:error", Qe);
@@ -849,7 +849,7 @@ function wn(n, o) {
     Le.push(e.install(E));
     let t = e.store.get().submitted;
     const l = e.store.subscribe((S) => {
-      S.submitted && !t && (Ge.push(kt(S.submitResult)), $()), t = S.submitted;
+      S.submitted && !t && (Ge.push(It(S.submitResult)), N()), t = S.submitted;
     });
     Le.push(l);
   };
@@ -858,10 +858,10 @@ function wn(n, o) {
   async function ye(e, t) {
     const l = e.trim();
     if (!l && !t?.length || Z) return;
-    if (T?.(l), Z = !0, le = null, K) {
+    if ($?.(l), Z = !0, le = null, K) {
       clearInterval(K), K = void 0;
-      const w = u.find((G) => G.id.startsWith("ago-intro-"));
-      w && !w.content ? u = u.filter((G) => G !== w) : w && (w.status = "DONE");
+      const y = u.find((G) => G.id.startsWith("ago-intro-"));
+      y && !y.content ? u = u.filter((G) => G !== y) : y && (y.status = "DONE");
     }
     const S = Date.now();
     u.push({
@@ -870,7 +870,7 @@ function wn(n, o) {
       content: l,
       role: "user",
       status: "DONE",
-      attachments: t && t.length > 0 ? Wt(t) : void 0,
+      attachments: t && t.length > 0 ? Ut(t) : void 0,
       createdAt: /* @__PURE__ */ new Date()
     }), u.push({
       id: `temp-assistant-${S}`,
@@ -879,24 +879,24 @@ function wn(n, o) {
       role: "assistant",
       status: "IN_PROGRESS",
       createdAt: /* @__PURE__ */ new Date()
-    }), $();
+    }), N();
     try {
-      const w = await E.sendMessage(l, {
+      const y = await E.sendMessage(l, {
         conversationId: P,
         files: t
       });
-      w.conversationId && (P || (P = w.conversationId), me?.setActiveThread(w.conversationId, w.createdAt));
+      y.conversationId && (P || (P = y.conversationId), me?.setActiveThread(y.conversationId, y.createdAt));
       const G = u.find((Q) => Q.id === `temp-user-${S}`);
-      if (G && (G.id = `user-${S}`, G.conversationId = w.conversationId), !u.some((Q) => Q.id === w.id)) {
+      if (G && (G.id = `user-${S}`, G.conversationId = y.conversationId), !u.some((Q) => Q.id === y.id)) {
         const Q = u.findIndex((Pt) => Pt.id === `temp-assistant-${S}`);
-        Q >= 0 ? u[Q] = w : u.push(w);
+        Q >= 0 ? u[Q] = y : u.push(y);
       }
-      u = u.filter((Q) => !Q.id.startsWith("temp-")), Z = !1, $(), g && Ne();
-    } catch (w) {
-      le = w instanceof Error ? w.message : "Failed to send message", Z = !1, u = u.filter((G) => !G.id.startsWith("temp-")), $();
+      u = u.filter((Q) => !Q.id.startsWith("temp-")), y.status !== "WAITING_CLIENT" && (Z = !1), N(), g && Te();
+    } catch (y) {
+      le = y instanceof Error ? y.message : "Failed to send message", Z = !1, u = u.filter((G) => !G.id.startsWith("temp-")), N();
     }
   }
-  async function Ne() {
+  async function Te() {
     try {
       const e = await E.getConversations();
       ge.splice(0, ge.length, ...e);
@@ -904,15 +904,15 @@ function wn(n, o) {
     }
     return ge;
   }
-  async function Nt(e) {
+  async function Tt(e) {
     try {
       const t = (await E.getConversation(e))?.messages ?? [];
-      t.length > 0 && u.length === 0 && (u = t, $());
+      t.length > 0 && u.length === 0 && (u = t, N());
     } catch {
       u.length === 0 && (me?.clear(), P = void 0);
     }
   }
-  return $(), re && M?.matches || he(), P ? Nt(P) : He === "streaming" && Lt(Fe), g && Ne(), {
+  return N(), re && M?.matches || he(), P ? Tt(P) : He === "streaming" && Lt(Fe), g && Te(), {
     client: E,
     element: xe,
     sendMessage: ye,
@@ -923,43 +923,43 @@ function wn(n, o) {
     } : {},
     session: me,
     threads: ge,
-    refreshThreads: Ne,
+    refreshThreads: Te,
     destroy() {
-      K && clearInterval(K), E.off("message:start", je), E.off("message:chunk", qe), E.off("message:answer-complete", Ke), E.off("message:complete", Xe), E.off("message:error", Qe), V && E.off("form:submitted", Ye), j && E.off("form:error", Ze), Je = !0, Le.forEach((e) => e()), xe.remove(), N?.remove(), H?.remove(), pe?.remove(), X?.remove(), M?.removeEventListener("change", nt), re && (document.removeEventListener("keydown", tt), it(), document.documentElement.style.removeProperty("overflow")), o.client || E.destroy();
+      K && clearInterval(K), E.off("message:start", je), E.off("message:chunk", qe), E.off("message:answer-complete", Ke), E.off("message:complete", Xe), E.off("message:error", Qe), V && E.off("form:submitted", Ye), j && E.off("form:error", Ze), Je = !0, Le.forEach((e) => e()), xe.remove(), T?.remove(), H?.remove(), pe?.remove(), X?.remove(), M?.removeEventListener("change", nt), re && (document.removeEventListener("keydown", tt), it(), document.documentElement.style.removeProperty("overflow")), o.client || E.destroy();
     }
   };
   function we() {
-    if (!U) return;
+    if (!W) return;
     {
       const t = be === "left" ? "border-right" : "border-left";
-      M?.matches ? (U.style.width = "100%", d.style.borderRadius = "0", d.style.removeProperty(t)) : (U.style.width = typeof x == "number" ? `${x}px` : x, d.style.setProperty(t, `1px solid ${L}`));
+      M?.matches ? (W.style.width = "100%", d.style.borderRadius = "0", d.style.removeProperty(t)) : (W.style.width = typeof x == "number" ? `${x}px` : x, d.style.setProperty(t, `1px solid ${L}`));
     }
     const e = m === "left" ? "translateX(-100%)" : "translateX(100%)";
-    U.style.transform = oe ? "translateX(0)" : e, U.setAttribute("aria-hidden", oe ? "false" : "true"), N && (N.style.display = oe ? "none" : "flex");
+    W.style.transform = oe ? "translateX(0)" : e, W.setAttribute("aria-hidden", oe ? "false" : "true"), T && (T.style.display = oe ? "none" : "flex");
   }
-  function Te() {
+  function $e() {
     oe = !0, we(), he(), B?.();
   }
   function Be() {
     oe = !1, we(), q?.();
   }
-  function Tt() {
-    oe ? Be() : Te();
+  function $t() {
+    oe ? Be() : $e();
   }
   function Bt() {
-    z ? Te() : fe();
+    z ? $e() : fe();
   }
   function Mt() {
     z ? Be() : ue();
   }
   function Ot() {
-    z ? Tt() : W ? ue() : fe();
+    z ? $t() : U ? ue() : fe();
   }
   function Dt() {
     return Array.from(d.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((e) => e.getClientRects().length > 0);
   }
   function tt(e) {
-    if (!W) return;
+    if (!U) return;
     if (e.key === "Escape") {
       ue();
       return;
@@ -970,11 +970,11 @@ function wn(n, o) {
       e.preventDefault();
       return;
     }
-    const l = t[0], S = t[t.length - 1], w = document.activeElement;
-    e.shiftKey && (w === l || !d.contains(w)) ? (e.preventDefault(), S.focus()) : !e.shiftKey && (w === S || !d.contains(w)) && (e.preventDefault(), l.focus());
+    const l = t[0], S = t[t.length - 1], y = document.activeElement;
+    e.shiftKey && (y === l || !d.contains(y)) ? (e.preventDefault(), S.focus()) : !e.shiftKey && (y === S || !d.contains(y)) && (e.preventDefault(), l.focus());
   }
   function nt(e) {
-    z ? we() : !e.matches && W && ue(), $();
+    z ? we() : !e.matches && U && ue(), N();
   }
   function ot() {
     return window.visualViewport?.height ?? window.innerHeight;
@@ -995,7 +995,7 @@ function wn(n, o) {
     window.visualViewport?.removeEventListener("resize", Ce), window.visualViewport?.removeEventListener("scroll", Ce), ie && (cancelAnimationFrame(ie), ie = 0);
   }
   function at() {
-    I.scrollTop = I.scrollHeight;
+    _.scrollTop = _.scrollHeight;
   }
   function Ft() {
     const e = h({
@@ -1089,10 +1089,10 @@ function wn(n, o) {
     }
   }
   function fe() {
-    if (W || !M?.matches) return Promise.resolve();
+    if (U || !M?.matches) return Promise.resolve();
     const e = d.getBoundingClientRect();
     if (e.height >= ot() * 0.8) return Promise.resolve();
-    W = !0, X = h({
+    U = !0, X = h({
       width: `${e.width}px`,
       height: `${e.height}px`
     }), X.className = "ago-chat-widget-spacer", X.setAttribute("aria-hidden", "true"), ce = ot(), d.style.setProperty("--ago-vh", `${ce}px`), rt(), zt();
@@ -1102,8 +1102,8 @@ function wn(n, o) {
     }), at(), B?.(), t;
   }
   function ue() {
-    if (!W) return Promise.resolve();
-    W = !1, it(), d.querySelector("textarea")?.blur();
+    if (!U) return Promise.resolve();
+    U = !1, it(), d.querySelector("textarea")?.blur();
     const e = st(() => lt(!1));
     return e.then(() => d.style.removeProperty("--ago-vh")), ce = 0, q?.(), e;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useago/sdk",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Create In-APP AI agents that answers question and performs actions. Works with React, Vue, Angular and vanilla JS/TS.",
   "type": "module",
   "sideEffects": false,