@useago/sdk 0.4.2 → 0.4.4

package/dist/widget.js

@@ -1,94 +1,116 @@
-import { t as re } from "./AgoClient-rvTz2thR.js";
-import { t as ae } from "./createFormCollector-BwvkKi48.js";
-import { t as ie } from "./createConversationSession-D9FesBQS.js";
-var Y = '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-function x(s, n) {
-  Object.assign(s.style, n);
+import { t as ge } from "./AgoClient-rvTz2thR.js";
+import { t as ue } from "./createFormCollector-D4-yZh1i.js";
+import { t as xe } from "./createConversationSession-XkiOGAUT.js";
+var oe = 'var(--ago-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)', Z = {
+  font: "--ago-font",
+  radius: "--ago-radius",
+  messageRadius: "--ago-message-radius",
+  brand: "--ago-brand-color",
+  brandText: "--ago-brand-text-color",
+  headerBg: "--ago-header-background",
+  headerText: "--ago-header-text-color",
+  panelBg: "--ago-panel-background",
+  messagesBg: "--ago-messages-background",
+  text: "--ago-text-color",
+  mutedText: "--ago-muted-text-color",
+  border: "--ago-border-color",
+  accent: "--ago-accent-color"
+}, ne = "var(--ago-brand-color, #03182f)", re = "var(--ago-brand-text-color, #fff)", me = "var(--ago-header-background, var(--ago-brand-color, #03182f))", he = "var(--ago-header-text-color, #e8f0fe)", L = "var(--ago-panel-background, #fff)", be = "var(--ago-messages-background, #fbfbfb)", H = "var(--ago-text-color, #30373e)", ve = "var(--ago-muted-text-color, #6b6d6f)", E = "var(--ago-border-color, #dee3e8)", K = "var(--ago-accent-color, #1b5fc4)", Ce = "var(--ago-radius, 16px)", ee = "var(--ago-message-radius, 16px)";
+function ye(i, o) {
+  if (o)
+    for (const g of Object.keys(Z)) {
+      const w = o[g];
+      w != null && i.style.setProperty(Z[g], w);
+    }
+}
+function m(i, o) {
+  Object.assign(i.style, o);
 }
-function c(s = {}) {
-  const n = document.createElement("div");
-  return x(n, s), n;
+function c(i = {}) {
+  const o = document.createElement("div");
+  return m(o, i), o;
 }
-var V = "ago-chat-widget-keyframes";
-function se() {
-  if (typeof document > "u" || document.getElementById(V)) return;
-  const s = document.createElement("style");
-  s.id = V, s.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }", document.head.appendChild(s);
+var te = "ago-chat-widget-keyframes";
+function Ee() {
+  if (typeof document > "u" || document.getElementById(te)) return;
+  const i = document.createElement("style");
+  i.id = te, i.textContent = "@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }", document.head.appendChild(i);
 }
-function le(s) {
-  const n = typeof s == "string" ? document.querySelector(s) : s;
-  if (!n) throw new Error(`mountChatWidget: target "${String(s)}" not found.`);
-  return n;
+function we(i) {
+  const o = typeof i == "string" ? document.querySelector(i) : i;
+  if (!o) throw new Error(`mountChatWidget: target "${String(i)}" not found.`);
+  return o;
 }
-function ue(s, n) {
-  const { title: v = "Chat", welcomeMessage: _ = "Hello! How can I help you today?", placeholder: N = "Type a message...", allowFiles: g = !1, height: m = 500, logoUrl: f, showAgentName: b = !1, loadThreads: I = !1, forms: A, onFollowUpClick: R, onMessageSent: i, onMessageReceived: C } = n;
-  if (!n.client && !n.config?.baseUrl) throw new Error("mountChatWidget requires either `client` or `config` (with a baseUrl).");
-  const l = n.client ?? new re(n.config), L = le(s), y = n.persistConversation, D = y ? ie(y === !0 ? {} : y) : void 0;
-  let u = n.conversationId ?? D?.getLastActiveThread() ?? void 0, o = [], k = !1, z = null;
-  const T = [], W = c({
+function Ie(i, o) {
+  const { title: g = "Chat", welcomeMessage: w = "Hello! How can I help you today?", placeholder: O = "Type a message...", allowFiles: u = !1, height: x = 500, logoUrl: f, showAgentName: v = !1, theme: T, loadThreads: D = !1, forms: B, onFollowUpClick: s, onMessageSent: C, onMessageReceived: $ } = o;
+  if (!o.client && !o.config?.baseUrl) throw new Error("mountChatWidget requires either `client` or `config` (with a baseUrl).");
+  const l = o.client ?? new ge(o.config), k = we(i), U = o.persistConversation, I = U ? xe(U === !0 ? {} : U) : void 0;
+  let h = o.conversationId ?? I?.getLastActiveThread() ?? void 0, n = [], _ = !1, N = null;
+  const M = [], A = c({
     display: "flex",
     flexDirection: "column",
-    height: typeof m == "number" ? `${m}px` : m,
-    border: "1px solid #dee3e8",
-    borderRadius: "16px",
+    height: typeof x == "number" ? `${x}px` : x,
+    border: `1px solid ${E}`,
+    borderRadius: Ce,
     overflow: "hidden",
-    backgroundColor: "#fff",
-    fontFamily: Y,
+    backgroundColor: L,
+    fontFamily: oe,
+    textAlign: "left",
     boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
   });
-  W.className = "ago-chat-widget";
-  const F = c({
+  A.className = "ago-chat-widget", ye(A, T);
+  const z = c({
     padding: "14px 16px",
-    borderBottom: "1px solid #dee3e8",
-    backgroundColor: "#03182f",
-    color: "#e8f0fe",
+    borderBottom: `1px solid ${E}`,
+    backgroundColor: me,
+    color: he,
     display: "flex",
     alignItems: "center",
     gap: "10px"
   });
-  if (F.className = "ago-chat-widget__header", f) {
+  if (z.className = "ago-chat-widget__header", f) {
     const e = document.createElement("img");
-    e.src = f, e.alt = "Logo", x(e, {
+    e.src = f, e.alt = "Logo", m(e, {
       height: "24px",
       width: "auto"
-    }), F.appendChild(e);
+    }), z.appendChild(e);
   }
-  const M = document.createElement("h3");
-  M.textContent = v, x(M, {
+  const W = document.createElement("h3");
+  W.textContent = g, m(W, {
     margin: "0",
     fontSize: "15px",
     fontWeight: "600"
-  }), F.appendChild(M);
-  const E = c({
+  }), z.appendChild(W);
+  const R = c({
     flex: "1",
     overflow: "auto",
     padding: "16px",
-    backgroundColor: "#fbfbfb"
+    backgroundColor: be
   });
-  E.className = "ago-chat-widget__messages";
-  const { inputRow: J, setDisabled: Q, focus: X } = de({
-    placeholder: N,
-    allowFiles: g,
+  R.className = "ago-chat-widget__messages";
+  const { inputRow: ae, setDisabled: se, focus: ie } = Re({
+    placeholder: O,
+    allowFiles: u,
     onSend: (e, t) => {
-      H(e, t);
+      F(e, t);
     }
   });
-  se(), W.append(F, E, J), L.appendChild(W);
-  const O = R !== !1, $ = R === !1 ? void 0 : R ?? ((e) => {
-    H(e);
+  Ee(), A.append(z, R, ae), k.appendChild(A);
+  const X = s !== !1, j = s === !1 ? void 0 : s ?? ((e) => {
+    F(e);
   });
-  function Z(e) {
+  function le(e) {
     const t = e.role === "user", d = c({
       display: "flex",
       flexDirection: "column",
       alignItems: t ? "flex-end" : "flex-start",
       marginBottom: "16px"
     });
-    if (d.className = `ago-message ago-message--${e.role}`, !t && b && e.agent) {
+    if (d.className = `ago-message ago-message--${e.role}`, !t && v && e.agent) {
       const r = c({
         fontSize: "13px",
         fontWeight: "500",
-        color: "#30373e",
+        color: H,
         marginBottom: "6px",
         padding: "0 4px"
       });
@@ -104,27 +126,27 @@ function ue(s, n) {
         maxWidth: "85%"
       });
       r.className = "ago-message__sources", e.sources.forEach((p, a) => {
-        const w = p.url ? document.createElement("a") : document.createElement("div");
-        p.url && w instanceof HTMLAnchorElement && (w.href = p.url, w.target = "_blank", w.rel = "noopener noreferrer"), x(w, {
+        const y = p.url ? document.createElement("a") : document.createElement("div");
+        p.url && y instanceof HTMLAnchorElement && (y.href = p.url, y.target = "_blank", y.rel = "noopener noreferrer"), m(y, {
           display: "flex",
           alignItems: "center",
           gap: "8px",
           padding: "8px 10px",
-          border: "1px solid #dee3e8",
+          border: `1px solid ${E}`,
           borderRadius: "8px",
-          backgroundColor: "#fff",
+          backgroundColor: L,
           textDecoration: "none",
-          color: "#30373e",
+          color: H,
           fontSize: "12px",
           overflow: "hidden"
         });
-        const q = c({
+        const Q = c({
           flexShrink: "0",
           width: "18px",
           height: "18px",
           borderRadius: "3px",
-          border: "1px solid #1b5fc4",
-          color: "#1b5fc4",
+          border: `1px solid ${K}`,
+          color: K,
           fontSize: "11px",
           fontWeight: "500",
           display: "flex",
@@ -132,27 +154,27 @@ function ue(s, n) {
           justifyContent: "center",
           backgroundColor: "#f0f4ff"
         });
-        q.textContent = String(a + 1);
-        const B = c({
+        Q.textContent = String(a + 1);
+        const P = c({
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         });
-        B.textContent = p.title, B.title = p.title, w.append(q, B), r.appendChild(w);
+        P.textContent = p.title, P.title = p.title, y.append(Q, P), r.appendChild(y);
       }), d.appendChild(r);
     }
-    const h = c({
+    const b = c({
       maxWidth: t ? "75%" : "100%",
       padding: t ? "10px 14px" : "2px 8px",
-      borderRadius: t ? "16px" : "0",
-      backgroundColor: t ? "#03182f" : "transparent",
-      color: t ? "#fff" : "#30373e",
+      borderRadius: t ? ee : "0",
+      backgroundColor: t ? ne : "transparent",
+      color: t ? re : H,
       wordBreak: "break-word",
       fontSize: "14px",
       lineHeight: "1.6",
       whiteSpace: "pre-wrap"
     });
-    if (h.className = "ago-message__content", e.content ? h.textContent = e.content : e.status === "IN_PROGRESS" && h.appendChild(oe()), d.appendChild(h), e.followUpReplies && e.followUpReplies.length > 0) {
+    if (b.className = "ago-message__content", e.content ? b.textContent = e.content : e.status === "IN_PROGRESS" && b.appendChild(fe()), d.appendChild(b), e.followUpReplies && e.followUpReplies.length > 0) {
       const r = c({
         display: "flex",
         flexWrap: "wrap",
@@ -162,19 +184,19 @@ function ue(s, n) {
       r.className = "ago-message__followups";
       for (const p of e.followUpReplies) {
         const a = document.createElement("button");
-        a.type = "button", a.className = "ago-message__followup-btn", a.textContent = p, a.disabled = !O, x(a, {
+        a.type = "button", a.className = "ago-message__followup-btn", a.textContent = p, a.disabled = !X, m(a, {
           padding: "6px 14px",
           fontSize: "13px",
-          borderRadius: "16px",
-          border: "1px solid #dee3e8",
-          backgroundColor: "#fff",
-          color: "#30373e",
-          cursor: O ? "pointer" : "default",
+          borderRadius: ee,
+          border: `1px solid ${E}`,
+          backgroundColor: L,
+          color: H,
+          cursor: X ? "pointer" : "default",
           transition: "border-color 0.15s"
-        }), $ && a.addEventListener("click", () => $(p)), a.addEventListener("mouseenter", () => {
-          a.style.borderColor = "#1b5fc4";
+        }), j && a.addEventListener("click", () => j(p)), a.addEventListener("mouseenter", () => {
+          a.style.borderColor = K;
         }), a.addEventListener("mouseleave", () => {
-          a.style.borderColor = "#dee3e8";
+          a.style.borderColor = E;
         }), r.appendChild(a);
       }
       d.appendChild(r);
@@ -182,17 +204,17 @@ function ue(s, n) {
     return d;
   }
   function S() {
-    if (E.replaceChildren(), o.length === 0) {
+    if (R.replaceChildren(), n.length === 0) {
       const e = c({
         textAlign: "center",
-        color: "#6b6d6f",
+        color: ve,
         padding: "24px 16px",
         fontSize: "14px",
         lineHeight: "1.5"
       });
-      e.textContent = _, E.appendChild(e);
-    } else for (const e of o) E.appendChild(Z(e));
-    if (z) {
+      e.textContent = w, R.appendChild(e);
+    } else for (const e of n) R.appendChild(le(e));
+    if (N) {
       const e = c({
         padding: "10px 14px",
         backgroundColor: "#fef2f2",
@@ -202,47 +224,47 @@ function ue(s, n) {
         fontSize: "13px",
         border: "1px solid #fecaca"
       });
-      e.textContent = z, E.appendChild(e);
+      e.textContent = N, R.appendChild(e);
     }
-    E.scrollTop = E.scrollHeight, Q(k);
+    R.scrollTop = R.scrollHeight, se(_);
   }
-  function ee() {
-    for (let e = o.length - 1; e >= 0; e--) {
-      const t = o[e];
+  function de() {
+    for (let e = n.length - 1; e >= 0; e--) {
+      const t = n[e];
       if (t.role === "assistant" && t.status === "IN_PROGRESS") return t;
     }
   }
-  const P = (e) => {
-    u || (u = e.conversationId);
-  }, G = (e) => {
-    const t = ee();
+  const V = (e) => {
+    h || (h = e.conversationId);
+  }, q = (e) => {
+    const t = de();
     t && (t.content += e.content, S());
-  }, K = (e) => {
-    const t = o.findIndex((d) => d.id === e.id || d.role === "assistant" && d.status === "IN_PROGRESS");
-    t >= 0 ? o[t] = e : o.push(e), k = !1, S(), e.status === "DONE" && C?.({
+  }, Y = (e) => {
+    const t = n.findIndex((d) => d.id === e.id || d.role === "assistant" && d.status === "IN_PROGRESS");
+    t >= 0 ? n[t] = e : n.push(e), _ = !1, S(), e.status === "DONE" && $?.({
       id: e.id,
       content: e.content
     });
-  }, j = (e) => {
-    z = e.error, k = !1, o = o.filter((t) => !t.id.startsWith("temp-")), S();
+  }, J = (e) => {
+    N = e.error, _ = !1, n = n.filter((t) => !t.id.startsWith("temp-")), S();
   };
-  l.on("message:start", P), l.on("message:chunk", G), l.on("message:complete", K), l.on("message:error", j);
-  const te = (A ?? []).map((e) => ae(e).install(l));
-  async function H(e, t) {
+  l.on("message:start", V), l.on("message:chunk", q), l.on("message:complete", Y), l.on("message:error", J);
+  const ce = (B ?? []).map((e) => ue(e).install(l));
+  async function F(e, t) {
     const d = e.trim();
-    if (!d && !t?.length || k) return;
-    i?.(d), k = !0, z = null;
-    const h = Date.now();
-    o.push({
-      id: `temp-user-${h}`,
-      conversationId: u || "",
+    if (!d && !t?.length || _) return;
+    C?.(d), _ = !0, N = null;
+    const b = Date.now();
+    n.push({
+      id: `temp-user-${b}`,
+      conversationId: h || "",
       content: d,
       role: "user",
       status: "DONE",
       createdAt: /* @__PURE__ */ new Date()
-    }), o.push({
-      id: `temp-assistant-${h}`,
-      conversationId: u || "",
+    }), n.push({
+      id: `temp-assistant-${b}`,
+      conversationId: h || "",
       content: "",
       role: "assistant",
       status: "IN_PROGRESS",
@@ -250,48 +272,48 @@ function ue(s, n) {
     }), S();
     try {
       const r = await l.sendMessage(d, {
-        conversationId: u,
+        conversationId: h,
         files: t
       });
-      r.conversationId && (u || (u = r.conversationId), D?.setActiveThread(r.conversationId, r.createdAt));
-      const p = o.find((a) => a.id === `temp-user-${h}`);
-      if (p && (p.id = `user-${h}`, p.conversationId = r.conversationId), !o.some((a) => a.id === r.id)) {
-        const a = o.findIndex((w) => w.id === `temp-assistant-${h}`);
-        a >= 0 ? o[a] = r : o.push(r);
+      r.conversationId && (h || (h = r.conversationId), I?.setActiveThread(r.conversationId, r.createdAt));
+      const p = n.find((a) => a.id === `temp-user-${b}`);
+      if (p && (p.id = `user-${b}`, p.conversationId = r.conversationId), !n.some((a) => a.id === r.id)) {
+        const a = n.findIndex((y) => y.id === `temp-assistant-${b}`);
+        a >= 0 ? n[a] = r : n.push(r);
       }
-      o = o.filter((a) => !a.id.startsWith("temp-")), k = !1, S(), I && U();
+      n = n.filter((a) => !a.id.startsWith("temp-")), _ = !1, S(), D && G();
     } catch (r) {
-      z = r instanceof Error ? r.message : "Failed to send message", k = !1, o = o.filter((p) => !p.id.startsWith("temp-")), S();
+      N = r instanceof Error ? r.message : "Failed to send message", _ = !1, n = n.filter((p) => !p.id.startsWith("temp-")), S();
     }
   }
-  async function U() {
+  async function G() {
     try {
       const e = await l.getConversations();
-      T.splice(0, T.length, ...e);
+      M.splice(0, M.length, ...e);
     } catch {
     }
-    return T;
+    return M;
   }
-  async function ne(e) {
+  async function pe(e) {
     try {
       const t = (await l.getConversation(e))?.messages ?? [];
-      t.length > 0 && o.length === 0 && (o = t, S());
+      t.length > 0 && n.length === 0 && (n = t, S());
     } catch {
-      o.length === 0 && (D?.clear(), u = void 0);
+      n.length === 0 && (I?.clear(), h = void 0);
     }
   }
-  return S(), X(), u && ne(u), I && U(), {
+  return S(), ie(), h && pe(h), D && G(), {
     client: l,
-    element: W,
-    sendMessage: H,
-    session: D,
-    threads: T,
-    refreshThreads: U,
+    element: A,
+    sendMessage: F,
+    session: I,
+    threads: M,
+    refreshThreads: G,
     destroy() {
-      l.off("message:start", P), l.off("message:chunk", G), l.off("message:complete", K), l.off("message:error", j), te.forEach((e) => e()), W.remove(), n.client || l.destroy();
+      l.off("message:start", V), l.off("message:chunk", q), l.off("message:complete", Y), l.off("message:error", J), ce.forEach((e) => e()), A.remove(), o.client || l.destroy();
     }
   };
-  function oe() {
+  function fe() {
     const e = c({
       display: "flex",
       gap: "4px",
@@ -311,108 +333,108 @@ function ue(s, n) {
     return e;
   }
 }
-function de(s) {
-  let n = [];
-  const v = document.createElement("form");
-  x(v, {
+function Re(i) {
+  let o = [];
+  const g = document.createElement("form");
+  m(g, {
     display: "flex",
     flexDirection: "column",
     gap: "8px",
     padding: "12px",
-    borderTop: "1px solid #dee3e8",
-    backgroundColor: "#fff"
-  }), v.className = "ago-chat-input";
-  const _ = c({
+    borderTop: `1px solid ${E}`,
+    backgroundColor: L
+  }), g.className = "ago-chat-input";
+  const w = c({
     display: "flex",
     flexWrap: "wrap",
     gap: "6px"
-  }), N = c({
+  }), O = c({
     display: "flex",
     gap: "8px",
     alignItems: "flex-end"
-  }), g = document.createElement("textarea");
-  g.placeholder = s.placeholder, g.rows = 1, x(g, {
+  }), u = document.createElement("textarea");
+  u.placeholder = i.placeholder, u.rows = 1, m(u, {
     flex: "1",
     resize: "none",
     padding: "10px 12px",
-    border: "1px solid #dee3e8",
+    border: `1px solid ${E}`,
     borderRadius: "12px",
     fontSize: "14px",
-    fontFamily: Y,
+    fontFamily: oe,
     lineHeight: "1.4",
     maxHeight: "120px",
     outline: "none"
   });
-  const m = document.createElement("button");
-  m.type = "submit", m.textContent = "Send", x(m, {
+  const x = document.createElement("button");
+  x.type = "submit", x.textContent = "Send", m(x, {
     padding: "10px 16px",
     border: "none",
     borderRadius: "12px",
-    backgroundColor: "#03182f",
-    color: "#fff",
+    backgroundColor: ne,
+    color: re,
     fontSize: "14px",
     fontWeight: "500",
     cursor: "pointer"
   });
-  let f = null, b = null;
-  s.allowFiles && (f = document.createElement("input"), f.type = "file", f.multiple = !0, x(f, { display: "none" }), b = document.createElement("button"), b.type = "button", b.textContent = "📎", x(b, {
+  let f = null, v = null;
+  i.allowFiles && (f = document.createElement("input"), f.type = "file", f.multiple = !0, m(f, { display: "none" }), v = document.createElement("button"), v.type = "button", v.textContent = "📎", m(v, {
     padding: "10px 12px",
-    border: "1px solid #dee3e8",
+    border: `1px solid ${E}`,
     borderRadius: "12px",
-    backgroundColor: "#fff",
+    backgroundColor: L,
     cursor: "pointer",
     fontSize: "14px"
-  }), b.addEventListener("click", () => f?.click()), f.addEventListener("change", () => {
-    n = [...n, ...Array.from(f?.files ?? [])], I();
+  }), v.addEventListener("click", () => f?.click()), f.addEventListener("change", () => {
+    o = [...o, ...Array.from(f?.files ?? [])], T();
   }));
-  function I() {
-    _.replaceChildren(), n.forEach((i, C) => {
-      const l = c({
+  function T() {
+    w.replaceChildren(), o.forEach((s, C) => {
+      const $ = c({
         display: "flex",
         alignItems: "center",
         gap: "4px",
         padding: "4px 8px",
         backgroundColor: "#f0f4ff",
-        border: "1px solid #dee3e8",
+        border: `1px solid ${E}`,
         borderRadius: "8px",
         fontSize: "12px"
-      }), L = document.createElement("span");
-      L.textContent = i.name;
-      const y = document.createElement("button");
-      y.type = "button", y.textContent = "×", x(y, {
+      }), l = document.createElement("span");
+      l.textContent = s.name;
+      const k = document.createElement("button");
+      k.type = "button", k.textContent = "×", m(k, {
         border: "none",
         background: "transparent",
         cursor: "pointer",
         fontSize: "14px",
         lineHeight: "1"
-      }), y.addEventListener("click", () => {
-        n = n.filter((D, u) => u !== C), I();
-      }), l.append(L, y), _.appendChild(l);
+      }), k.addEventListener("click", () => {
+        o = o.filter((U, I) => I !== C), T();
+      }), $.append(l, k), w.appendChild($);
     });
   }
-  const A = () => {
-    const i = g.value, C = n;
-    return g.value = "", n = [], I(), {
-      content: i,
+  const D = () => {
+    const s = u.value, C = o;
+    return u.value = "", o = [], T(), {
+      content: s,
       files: C
     };
-  }, R = () => {
-    const { content: i, files: C } = A();
-    (i.trim() || C.length > 0) && s.onSend(i.trim(), C.length > 0 ? C : void 0);
+  }, B = () => {
+    const { content: s, files: C } = D();
+    (s.trim() || C.length > 0) && i.onSend(s.trim(), C.length > 0 ? C : void 0);
   };
-  return v.addEventListener("submit", (i) => {
-    i.preventDefault(), R();
-  }), g.addEventListener("keydown", (i) => {
-    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), R());
-  }), b && N.appendChild(b), N.append(g, m), f && v.appendChild(f), v.append(_, N), {
-    inputRow: v,
-    getValueAndClear: A,
-    setDisabled: (i) => {
-      g.disabled = i, m.disabled = i, m.style.opacity = i ? "0.6" : "1", m.style.cursor = i ? "not-allowed" : "pointer";
+  return g.addEventListener("submit", (s) => {
+    s.preventDefault(), B();
+  }), u.addEventListener("keydown", (s) => {
+    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), B());
+  }), v && O.appendChild(v), O.append(u, x), f && g.appendChild(f), g.append(w, O), {
+    inputRow: g,
+    getValueAndClear: D,
+    setDisabled: (s) => {
+      u.disabled = s, x.disabled = s, x.style.opacity = s ? "0.6" : "1", x.style.cursor = s ? "not-allowed" : "pointer";
     },
-    focus: () => g.focus()
+    focus: () => u.focus()
   };
 }
 export {
-  ue as mountChatWidget
+  Ie as mountChatWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useago/sdk",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "JavaScript SDK for AGO Chat integration",
   "type": "module",
   "sideEffects": false,