@spilki/widget 1.0.34 → 1.0.35

package/dist/bootstrap.es.js

@@ -137,27 +137,27 @@ function z(r) {
 function _(r = "msg") {
   return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
 }
-function G() {
+function q() {
   var r, e;
   return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
 }
 function P(r) {
-  return r === "light" || r === "dark" ? r : G() ? "dark" : "light";
+  return r === "light" || r === "dark" ? r : q() ? "dark" : "light";
 }
 function S(r, e = 30) {
   return r.slice(-e);
 }
-function q(r) {
+function G(r) {
   if (!r || r.length === 0) return;
   const e = window.location.origin;
   r.includes(e) || console.warn(
     `SpilkiWidget: current origin ${e} not in allowedOriginsHint: ${r.join(", ")}`
   );
 }
-const Y = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function V(r) {
+const V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function Y(r) {
   const e = new Date(r), t = /* @__PURE__ */ new Date(), s = (a) => String(a).padStart(2, "0"), i = `${s(e.getHours())}:${s(e.getMinutes())}`, o = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime(), l = o - 864e5, n = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
-  return n === o ? `Today at ${i}` : n === l ? `Yesterday at ${i}` : `${Y[e.getMonth()]} ${e.getDate()}, ${i}`;
+  return n === o ? `Today at ${i}` : n === l ? `Yesterday at ${i}` : `${V[e.getMonth()]} ${e.getDate()}, ${i}`;
 }
 const J = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-text-light: #0f172a;--spilki-text-dark: #f8fafc;--spilki-border-light: rgba(15, 23, 42, .1);--spilki-border-dark: rgba(148, 163, 184, .25);--spilki-muted-light: #64748b;--spilki-muted-dark: #94a3b8;--spilki-shadow: 0 10px 40px rgba(15, 23, 42, .2);--spilki-radius: 16px;--spilki-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:inherit;font-family:var(--spilki-font)}.wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--spilki-surface);color:var(--spilki-text);border-radius:var(--spilki-radius);box-shadow:var(--spilki-shadow);border:1px solid var(--spilki-border);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--spilki-surface);border-bottom:1px solid var(--spilki-border)}header h1{font-size:1rem;margin:0;display:flex;align-items:center;gap:.5rem}header button.close{border:none;background:transparent;color:inherit;font-size:1.25rem;cursor:pointer}header button.close:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--spilki-accent)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent;scroll-behavior:smooth}.message{display:flex;flex-direction:column;gap:.15rem;max-width:85%;width:fit-content;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;align-items:flex-end}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.msg-time{font-size:.7rem;color:var(--spilki-muted);margin-top:2px}.date-separator{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.72rem;color:var(--spilki-muted);white-space:nowrap}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.scroll-bottom{position:absolute;right:1rem;bottom:88px;width:38px;height:38px;border:none;border-radius:999px;background:var(--spilki-accent);color:#fff;box-shadow:0 8px 20px #0f172a40;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:3}.scroll-bottom.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-arrow{font-size:.8rem;line-height:1}.scroll-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}.suggested-replies{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--spilki-border)}.suggested-chip{border:1px solid var(--spilki-accent);background:transparent;color:var(--spilki-accent);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.suggested-chip:hover{background:var(--spilki-accent);color:#fff}.suggested-chip:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.input-area{padding:.5rem .75rem}.input-wrap{display:flex;align-items:center;border:1px solid var(--spilki-border);border-radius:1.5rem;background:transparent;padding-left:0}.input-area textarea{flex:1;resize:none;min-height:2.4rem;max-height:6rem;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;appearance:none;padding:.55rem 0 .55rem 1rem;font-family:inherit;font-size:.95rem;color:var(--spilki-text);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.input-actions{display:flex;align-items:center;gap:.25rem;padding:.25rem .35rem;flex-shrink:0}.input-actions button{width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;padding:0;transition:opacity .15s}.emoji-btn{background:#6366f126;color:var(--spilki-accent)}.emoji-btn:hover{background:#6366f140}.emoji-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:1px}.send-btn{background:var(--spilki-accent);color:#fff}.send-btn:hover{opacity:.85}.send-btn:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px}.emoji-picker{position:absolute;right:1rem;bottom:80px;width:240px;max-height:180px;overflow-y:auto;display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;padding:.5rem;background:var(--spilki-surface);border:1px solid var(--spilki-border);border-radius:12px;box-shadow:0 14px 30px #0f172a40;z-index:4}.emoji-option{width:100%;aspect-ratio:1;border:none;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.emoji-option:hover,.emoji-option:focus-visible{background:#94a3b833}.typing{font-size:.75rem;color:var(--spilki-muted);padding:0 1rem .75rem}.typing:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.offline{font-size:.8rem;padding:0 1rem;color:#f97316}:host([data-theme="dark"]){--spilki-surface: var(--spilki-bg-dark);--spilki-text: var(--spilki-text-dark);--spilki-border: var(--spilki-border-dark);--spilki-muted: var(--spilki-muted-dark)}:host([data-theme="dark"]) .messages,:host([data-theme="dark"]) .input-area textarea,:host([data-theme="dark"]) .emoji-picker{scrollbar-color:rgba(255,255,255,.2) transparent}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-light);--spilki-muted: var(--spilki-muted-light)}:host([data-theme="dark"]) .message .bubble{background:#94a3b81f}:host([data-theme="dark"]) .message.bot .bubble{background:#6366f126}:host([data-theme="dark"]) .input-area textarea{background:transparent}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar,.emoji-picker::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track,.emoji-picker::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb,.emoji-picker::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover,.emoji-picker::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb{background:#fff3}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .input-area textarea::-webkit-scrollbar-thumb:hover,:host([data-theme="dark"]) .emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff59}.conversation-separator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;user-select:none;font-size:.7rem;color:var(--spilki-muted);white-space:nowrap}.conversation-separator:before,.conversation-separator:after{content:"";flex:1;height:1px;background:var(--spilki-border)}.conversation-separator:hover{color:var(--spilki-text)}.conversation-separator:focus-visible{outline:2px solid var(--spilki-accent);outline-offset:2px;border-radius:4px}.conversation-history{display:none;flex-direction:column;gap:.5rem}.conversation-history.expanded{display:flex}', D = 24 * 60 * 60 * 1e3, X = 2 * 60 * 1e3, Z = 200, Q = [
   "😀",
@@ -211,7 +211,7 @@ const J = ':host{--spilki-bg-light: #ffffff;--spilki-bg-dark: #0f172a;--spilki-t
   "☕",
   "🍕"
 ];
-function x(r) {
+function E(r) {
   return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 class ee {
@@ -229,7 +229,7 @@ class ee {
       day: "numeric",
       year: "numeric"
     }), this.renderedMessages = [], this.focusable = [], this.seenIds = /* @__PURE__ */ new Set(), this.lastTimelineMessage = null, this.scrollUnreadCount = 0, this.emojiPickerOpen = !1, this.open = !1, this.host = document.createElement("div"), this.host.setAttribute("part", "panel-root"), this.host.style.position = "fixed", this.host.style.bottom = "96px", this.host.style[e.position === "bottom-right" ? "right" : "left"] = "24px", this.host.style.width = "360px", this.host.style.maxWidth = "calc(100vw - 32px)", this.host.style.height = "520px", this.host.style.display = "none", this.host.style.zIndex = "2147483001", this.shadow = this.host.attachShadow({ mode: "open" });
-    const t = x(e.i18n.title), s = x(e.i18n.typing), i = x(e.i18n.offline), o = x(e.i18n.placeholder), l = x(e.i18n.sendLabel);
+    const t = E(e.i18n.title), s = E(e.i18n.typing), i = E(e.i18n.offline), o = E(e.i18n.placeholder), l = E(e.i18n.sendLabel);
     this.shadow.innerHTML = `
       <style>${J}</style>
       <div class="wrapper" role="dialog" aria-modal="true" aria-label="${t}">
@@ -395,7 +395,7 @@ class ee {
   }
   createSeparatorElement(e, t) {
     const s = document.createElement("div");
-    s.className = "conversation-separator", s.setAttribute("role", "button"), s.setAttribute("tabindex", "0"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-label", "Show previous conversation"), s.textContent = V(e);
+    s.className = "conversation-separator", s.setAttribute("role", "button"), s.setAttribute("tabindex", "0"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-label", "Show previous conversation"), s.textContent = Y(e);
     const i = () => {
       const o = t.classList.toggle("expanded");
       s.setAttribute("aria-expanded", String(o)), s.setAttribute(
@@ -693,18 +693,18 @@ class te {
         const l = o.body.getReader(), n = new TextDecoder();
         let a = "";
         const g = () => {
-          l.read().then(({ done: u, value: d }) => {
+          l.read().then(({ done: u, value: h }) => {
             var m;
             if (u || this.stopped) {
               this.stopped || (this.handlers.onError(new Error("SpilkiWidget: SSE stream ended")), this.retryFallback("sse"));
               return;
             }
-            a += n.decode(d, { stream: !0 });
-            const h = a.split(`
+            a += n.decode(h, { stream: !0 });
+            const d = a.split(`
 
 `);
-            a = (m = h.pop()) != null ? m : "";
-            for (const f of h)
+            a = (m = d.pop()) != null ? m : "";
+            for (const f of d)
               for (const p of f.split(`
 `))
                 p.startsWith("data:") && this.handleIncoming(p.slice(5).trim());
@@ -773,12 +773,12 @@ const se = /* @__PURE__ */ new Set(["TYPING", "THINKING", "SEARCHING", "EXECUTIN
 function ie(r) {
   if (typeof r != "object" || r === null) return !1;
   const e = r;
-  return se.has(e.eventType) && typeof e.active == "boolean";
+  return se.has(e.eventType);
 }
 const U = 30 * 60 * 1e3, re = 3e4, A = 30;
 class oe {
   constructor(e, t) {
-    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.activeEvents = /* @__PURE__ */ new Set(), this.state = {
+    this.org = e, this.listeners = /* @__PURE__ */ new Set(), this.activityTimer = null, this.state = {
       isOpen: !1,
       agentActivity: null,
       isConnected: !1,
@@ -802,27 +802,16 @@ class oe {
   close() {
     this.state.isOpen && (this.state.isOpen = !1, this.emit());
   }
-  handleAgentEvent(e, t) {
-    t ? this.activeEvents.add(e) : this.activeEvents.delete(e), this.updateDisplayedActivity();
+  handleAgentEvent(e) {
+    this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.activityTimer = setTimeout(() => {
+      this.state.agentActivity = null, this.activityTimer = null, this.emit();
+    }, re), this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
   }
-  setTyping(e) {
-    this.handleAgentEvent("TYPING", e);
-  }
-  updateDisplayedActivity() {
-    this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.activeEvents.size > 0 && (this.activityTimer = setTimeout(() => {
-      this.activeEvents.clear(), this.state.agentActivity = null, this.activityTimer = null, this.emit();
-    }, re));
-    const e = this.resolveTopActivity();
-    this.state.agentActivity !== e && (this.state.agentActivity = e, this.emit());
+  clearAgentActivity() {
+    this.resetAgentActivity() && this.emit();
   }
-  resolveTopActivity() {
-    var t;
-    return this.activeEvents.size === 0 ? null : (t = [
-      "EXECUTING_TOOL",
-      "SEARCHING",
-      "THINKING",
-      "TYPING"
-    ].find((s) => this.activeEvents.has(s))) != null ? t : null;
+  resetAgentActivity() {
+    return this.activityTimer && (clearTimeout(this.activityTimer), this.activityTimer = null), this.state.agentActivity === null ? !1 : (this.state.agentActivity = null, !0);
   }
   setConnected(e) {
     this.state.isConnected !== e && (this.state.isConnected = e, this.emit());
@@ -835,7 +824,7 @@ class oe {
       author: e.author,
       text: e.text
     };
-    return this.state.messages.some((o) => o.id === t.id) ? null : (this.state.messages = S([...this.state.messages, t], A), this.persistMessages(), this.touchActivity(), this.emit(), t);
+    return this.state.messages.some((o) => o.id === t.id) ? null : (this.state.messages = S([...this.state.messages, t], A), this.resetAgentActivity(), this.persistMessages(), this.touchActivity(), this.emit(), t);
   }
   setMessages(e) {
     this.state.messages = S(e, A), this.persistMessages(), this.emit();
@@ -1004,7 +993,7 @@ const ce = {
   onTransportChange() {
   }
 };
-async function de(r, e, t) {
+async function he(r, e, t) {
   const s = `${r.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
     method: "POST",
     headers: { "Content-Type": "application/json", Origin: window.location.origin },
@@ -1013,7 +1002,7 @@ async function de(r, e, t) {
   if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
   return (await i.json()).accessToken;
 }
-async function he(r, e) {
+async function de(r, e) {
   const t = `${r.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
     method: "POST",
     headers: { "X-Authorization": `Bearer ${e}`, Origin: window.location.origin }
@@ -1057,9 +1046,9 @@ function pe(r) {
       if (!n || n.state !== "running") return;
       const a = n.createGain();
       a.gain.value = 0.15, a.connect(n.destination);
-      const g = (d, h, m) => {
+      const g = (h, d, m) => {
         const f = n.createOscillator(), p = n.createGain();
-        f.type = "sine", f.frequency.setValueAtTime(d, h), p.gain.setValueAtTime(1e-4, h), p.gain.exponentialRampToValueAtTime(1, h + 0.012), p.gain.exponentialRampToValueAtTime(1e-4, h + m), f.connect(p), p.connect(a), f.start(h), f.stop(h + m + 0.02);
+        f.type = "sine", f.frequency.setValueAtTime(h, d), p.gain.setValueAtTime(1e-4, d), p.gain.exponentialRampToValueAtTime(1, d + 0.012), p.gain.exponentialRampToValueAtTime(1e-4, d + m), f.connect(p), p.connect(a), f.start(d), f.stop(d + m + 0.02);
       }, u = n.currentTime;
       g(880, u, 0.08), g(1175, u + 0.09, 0.08);
     },
@@ -1076,7 +1065,7 @@ function $(r) {
   if (!r.org)
     throw new Error("SpilkiWidget: org is required");
   const e = z(r);
-  q(e.allowedOriginsHint);
+  G(e.allowedOriginsHint);
   const t = { ...ce, ...(O = e.hooks) != null ? O : {} }, s = new oe(e.org, { persist: e.persist }), i = pe(e.sound);
   let o = (M = s.accessToken) != null ? M : void 0, l = null;
   const n = () => {
@@ -1087,7 +1076,7 @@ function $(r) {
     try {
       if (o && le(o))
         try {
-          o = await he(e.apiBase, o), s.persistAccessToken(o), h.setAccessToken(o);
+          o = await de(e.apiBase, o), s.persistAccessToken(o), d.setAccessToken(o);
           return;
         } catch {
           o = void 0, s.clearAccessToken();
@@ -1095,7 +1084,7 @@ function $(r) {
       if (!o) {
         if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
         if (!r.org) throw new Error("SpilkiWidget: missing org");
-        o = await de(e.apiBase, r.installationToken, r.org), s.persistAccessToken(o), h.setAccessToken(o);
+        o = await he(e.apiBase, r.installationToken, r.org), s.persistAccessToken(o), d.setAccessToken(o);
       }
     } finally {
       l = null;
@@ -1106,7 +1095,7 @@ function $(r) {
     onClick: () => {
       s.snapshot.isOpen ? (s.close(), t.onClose()) : (i.markUserInteraction(), s.open(), a(), t.onOpen());
     }
-  }), d = new ee({
+  }), h = new ee({
     color: e.color,
     theme: P(e.theme),
     position: (j = e.position) != null ? j : "bottom-right",
@@ -1116,11 +1105,11 @@ function $(r) {
     },
     onSend: (c) => {
       const k = s.addMessage({ author: "user", text: c });
-      k && (d.appendMessage(k), g().then(() => h.send(c, k.id)).catch((b) => {
-        t.onError(b), s.setConnected(!1), d.setOffline(!0);
+      k && (h.appendMessage(k), g().then(() => d.send(c, k.id)).catch((b) => {
+        t.onError(b), s.setConnected(!1), h.setOffline(!0);
       }));
     }
-  }), h = new te(
+  }), d = new te(
     {
       apiBase: e.apiBase,
       accessToken: o,
@@ -1129,24 +1118,24 @@ function $(r) {
     },
     {
       onOpen(c) {
-        C.transport = c, t.onTransportChange(c), s.setConnected(!0), d.setOffline(!1);
+        C.transport = c, t.onTransportChange(c), s.setConnected(!0), h.setOffline(!1);
       },
       onMessage(c) {
         const b = c.suggestedReplies, y = s.addMessage(c);
-        y && (d.appendMessage(y), y.author === "bot" && b && b.length > 0 && d.setSuggestedReplies(b), !s.snapshot.isOpen && y.author === "bot" && (n(), i.play()), t.onMessage(y));
+        y && (h.appendMessage(y), y.author === "bot" && b && b.length > 0 && h.setSuggestedReplies(b), !s.snapshot.isOpen && y.author === "bot" && (n(), i.play()), t.onMessage(y));
       },
-      onTyping(c) {
-        s.setTyping(c);
+      onTyping() {
+        s.handleAgentEvent("TYPING");
       },
       onAgentEvent(c) {
-        s.handleAgentEvent(c.eventType, c.active);
+        s.handleAgentEvent(c.eventType);
       },
       onError(c) {
-        t.onError(c), s.setConnected(!1), s.snapshot.isOpen && d.setOffline(!0);
+        t.onError(c), s.setConnected(!1), s.snapshot.isOpen && h.setOffline(!0);
       }
     }
   );
-  u.mount(), d.mount();
+  u.mount(), h.mount();
   const m = s.snapshot.messages, f = s.isSessionExpired(), p = s.getConversationGroups();
   if (m.length === 0 && e.welcome) {
     const c = {
@@ -1155,29 +1144,29 @@ function $(r) {
       text: e.welcome,
       ts: Date.now()
     };
-    s.addMessage(c), d.appendMessage(c);
-  } else f && m.length > 0 ? d.renderWithConversations(p, []) : p.length > 1 ? d.renderWithConversations(p.slice(0, -1), p[p.length - 1].messages) : d.updateMessages(m);
+    s.addMessage(c), h.appendMessage(c);
+  } else f && m.length > 0 ? h.renderWithConversations(p, []) : p.length > 1 ? h.renderWithConversations(p.slice(0, -1), p[p.length - 1].messages) : h.updateMessages(m);
   let T = !1;
   const W = s.subscribe(() => {
     const c = s.snapshot;
-    if (u.setOpen(c.isOpen), d.setAgentActivity(c.agentActivity, e.i18n), d.setOffline(!c.isConnected), d.updateTheme(P(e.theme)), c.isOpen) {
+    if (u.setOpen(c.isOpen), h.setAgentActivity(c.agentActivity, e.i18n), h.setOffline(!c.isConnected), h.updateTheme(P(e.theme)), c.isOpen) {
       if (!T) {
         const k = s.countUnread() > 0, b = s.lastReadTs;
-        a(), k && d.scrollToFirstUnread(b);
+        a(), k && h.scrollToFirstUnread(b);
       }
-      T = !0, d.show();
+      T = !0, h.show();
     } else
-      T = !1, d.hide();
+      T = !1, h.hide();
   }), F = m.length === 0 || f;
   n(), g().then(
-    () => h.connect().then((c) => {
+    () => d.connect().then((c) => {
       var b, y;
-      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((b = h.kind) != null ? b : "ws");
+      e.persist && s.persistSession(c.sessionId), s.setConnected(!0), t.onTransportChange((b = d.kind) != null ? b : "ws");
       const k = (y = c.suggestedReplies) != null ? y : [];
-      k.length > 0 && F && d.setSuggestedReplies(k);
+      k.length > 0 && F && h.setSuggestedReplies(k);
     })
   ).catch((c) => {
-    t.onError(c), s.setConnected(!1), d.setOffline(!0);
+    t.onError(c), s.setConnected(!1), h.setOffline(!0);
   });
   const C = {
     transport: null,
@@ -1188,10 +1177,10 @@ function $(r) {
       s.close(), t.onClose();
     },
     identify(c) {
-      h.setUser(c);
+      d.setUser(c);
     },
     destroy() {
-      W(), h.stop(), i.destroy(), u.destroy(), d.destroy(), E === C && (E = null);
+      W(), d.stop(), i.destroy(), u.destroy(), h.destroy(), x === C && (x = null);
     }
   };
   return C;
@@ -1208,7 +1197,7 @@ function N() {
     console.error("SpilkiWidget: data-org and is required for auto init");
     return;
   }
-  E = $({
+  x = $({
     org: t,
     installationToken: e.installationToken,
     apiBase: e.apiBase,
@@ -1216,9 +1205,9 @@ function N() {
     theme: (i = e.theme) != null ? i : void 0
   });
 }
-let E = null;
-typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (r) => (E = $(r), E), window.SpilkiWidget.identify = (r) => {
-  E ? E.identify(r) : console.warn("SpilkiWidget: call init() before identify()");
+let x = null;
+typeof window != "undefined" && (window.SpilkiWidget = window.SpilkiWidget || {}, window.SpilkiWidget.init = (r) => (x = $(r), x), window.SpilkiWidget.identify = (r) => {
+  x ? x.identify(r) : console.warn("SpilkiWidget: call init() before identify()");
 });
 N();
 N();