@spilki/widget 0.1.0

package/dist/bootstrap.es.js

@@ -0,0 +1,616 @@
+const I = `
+  <style>
+    :host {
+      all: initial;
+      position: fixed;
+      z-index: 2147483000;
+    }
+    button {
+      all: unset;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 56px;
+      height: 56px;
+      border-radius: 999px;
+      cursor: pointer;
+      background: var(--spilki-accent);
+      color: #fff;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+      transition: transform 0.18s ease, box-shadow 0.18s ease;
+    }
+    button:focus-visible {
+      outline: 2px solid #fff;
+      outline-offset: 3px;
+    }
+    button:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
+    }
+    .icon {
+      width: 28px;
+      height: 28px;
+    }
+    .icon svg {
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+  <button type="button" aria-label="Open chat">
+    <span class="icon" aria-hidden="true">
+      <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M5 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H14l-5 6v-6H8a3 3 0 0 1-3-3V6Z" fill="currentColor"/>
+      </svg>
+    </span>
+  </button>
+`;
+function T(r) {
+  const e = document.createElement("div");
+  e.setAttribute("part", "bubble-root"), e.style.setProperty("--spilki-accent", r.color), e.style.position = "fixed", e.style.bottom = "24px", e.style[r.position === "bottom-right" ? "right" : "left"] = "24px";
+  const t = e.attachShadow({ mode: "open" });
+  t.innerHTML = I;
+  const s = t.querySelector("button");
+  return s.addEventListener("click", () => r.onClick()), {
+    element: e,
+    mount() {
+      document.body.appendChild(e);
+    },
+    destroy() {
+      e.remove();
+    },
+    setOpen(o) {
+      s.setAttribute("aria-expanded", String(o));
+    }
+  };
+}
+const O = ':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-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{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 .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:.5rem}.message{display:flex;flex-direction:column;gap:.25rem;max-width:85%;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;text-align:right}.message .bubble{padding:.6rem .8rem;border-radius:1rem;background:#6366f126}.message.user .bubble{background:var(--spilki-accent);color:#fff}.message.bot .bubble{background:#94a3b826}.input-area{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--spilki-border)}.input-area textarea{flex:1;resize:none;min-height:2.5rem;max-height:6rem;border-radius:.75rem;border:1px solid var(--spilki-border);padding:.6rem .75rem;font-family:inherit;font-size:.95rem;background:var(--spilki-surface);color:var(--spilki-text)}.input-area button{border:none;border-radius:999px;padding:.6rem 1.1rem;background:var(--spilki-accent);color:#fff;font-weight:600;cursor:pointer}.typing{font-size:.75rem;color:#94a3b8e6;padding:0 1rem .75rem}.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)}:host([data-theme="light"]){--spilki-surface: var(--spilki-bg-light);--spilki-text: var(--spilki-text-light);--spilki-border: var(--spilki-border-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:#0f172ad9}.messages::-webkit-scrollbar,.input-area textarea::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track,.input-area textarea::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.input-area textarea::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.input-area textarea::-webkit-scrollbar-thumb:hover{background:#94a3b880}:host([data-theme="dark"]) .messages::-webkit-scrollbar-thumb,:host([data-theme="dark"]) .input-area textarea::-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{background:#ffffff59}.messages{scroll-behavior:smooth}';
+class M {
+  constructor(e) {
+    this.options = e, this.focusable = [], 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" }), this.shadow.innerHTML = `
+      <style>${O}</style>
+      <div class="wrapper" role="dialog" aria-modal="true" aria-label="${e.i18n.title}">
+        <header>
+          <h1><span class="status-dot" aria-hidden="true"></span>${e.i18n.title}</h1>
+          <button class="close" type="button" aria-label="Close">×</button>
+        </header>
+        <div class="messages" part="messages"></div>
+        <div class="typing" hidden>${e.i18n.typing}</div>
+        <div class="offline" hidden>${e.i18n.offline}</div>
+        <div class="input-area">
+          <textarea rows="2" placeholder="${e.i18n.placeholder}" aria-label="${e.i18n.placeholder}"></textarea>
+          <button type="button">${e.i18n.sendLabel}</button>
+        </div>
+      </div>
+    `, this.host.dataset.theme = e.theme, this.host.style.setProperty("--spilki-accent", e.color), this.messagesEl = this.shadow.querySelector(".messages"), this.typingEl = this.shadow.querySelector(".typing"), this.input = this.shadow.querySelector("textarea"), this.offlineEl = this.shadow.querySelector(".offline"), this.sendButton = this.shadow.querySelector(".input-area button"), this.shadow.querySelector("header .close").addEventListener("click", () => this.options.onClose()), this.sendButton.addEventListener("click", () => this.send()), this.input.addEventListener("keydown", (s) => {
+      s.key === "Enter" && !s.shiftKey ? (s.preventDefault(), this.send()) : s.key === "Escape" && this.options.onClose();
+    }), this.shadow.addEventListener("keydown", (s) => {
+      const i = s;
+      i.key === "Escape" && this.options.onClose(), i.key === "Tab" && this.trapFocus(i);
+    }), this.shadow.addEventListener("focusin", () => this.collectFocusable()), this.collectFocusable();
+  }
+  mount() {
+    document.body.appendChild(this.host);
+  }
+  destroy() {
+    this.host.remove();
+  }
+  show() {
+    this.open || (this.open = !0, this.host.style.display = "block", this.focusInput());
+  }
+  hide() {
+    this.open && (this.open = !1, this.host.style.display = "none");
+  }
+  focusInput() {
+    queueMicrotask(() => {
+      this.input.focus();
+    });
+  }
+  updateTheme(e) {
+    this.host.dataset.theme = e;
+  }
+  updateMessages(e) {
+    this.messagesEl.innerHTML = "", e.forEach((t) => {
+      const s = document.createElement("div");
+      s.className = `message ${t.author}`, s.setAttribute("data-author", t.author);
+      const i = document.createElement("div");
+      i.className = "bubble", i.textContent = t.text, s.appendChild(i), this.messagesEl.appendChild(s);
+    }), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  appendMessage(e) {
+    const t = document.createElement("div");
+    t.className = `message ${e.author}`, t.setAttribute("data-author", e.author);
+    const s = document.createElement("div");
+    s.className = "bubble", s.textContent = e.text, t.appendChild(s), this.messagesEl.appendChild(t), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  setTyping(e) {
+    this.typingEl.toggleAttribute("hidden", !e);
+  }
+  setOffline(e) {
+    this.offlineEl.toggleAttribute("hidden", !e);
+  }
+  clearInput() {
+    this.input.value = "", this.input.dispatchEvent(new Event("input"));
+  }
+  send() {
+    const e = this.input.value.trim();
+    e && (this.options.onSend(e), this.clearInput());
+  }
+  collectFocusable() {
+    const e = this.shadow.querySelectorAll(
+      'button, textarea, [href], [tabindex]:not([tabindex="-1"])'
+    );
+    this.focusable.length = 0, e.forEach((t) => {
+      t.hasAttribute("disabled") || this.focusable.push(t);
+    });
+  }
+  trapFocus(e) {
+    if (this.focusable.length === 0) return;
+    const t = this.focusable[0], s = this.focusable[this.focusable.length - 1], i = this.shadow.activeElement;
+    e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
+  }
+}
+const C = "https://api.spilki.ai", g = {
+  welcome: "Hi! I'm your assistant.",
+  placeholder: "Type a message…",
+  sendLabel: "Send",
+  typing: "Assistant is typing…",
+  offline: "Unable to connect. Please try again later.",
+  title: "Spilki Assistant"
+}, c = {
+  apiBase: C,
+  position: "bottom-right",
+  theme: "auto",
+  color: "#6366f1",
+  welcome: g.welcome,
+  persist: !0,
+  i18n: g
+};
+function A(r) {
+  var t, s, i, o, a, l, p;
+  const e = { ...g, ...(t = r.i18n) != null ? t : {} };
+  return {
+    ...c,
+    ...r,
+    apiBase: (s = r.apiBase) != null ? s : c.apiBase,
+    i18n: e,
+    welcome: (i = r.welcome) != null ? i : e.welcome,
+    position: (o = r.position) != null ? o : c.position,
+    theme: (a = r.theme) != null ? a : c.theme,
+    color: (l = r.color) != null ? l : c.color,
+    persist: (p = r.persist) != null ? p : c.persist
+  };
+}
+function $(r = "msg") {
+  return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
+}
+function W() {
+  var r, e;
+  return (e = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: dark)").matches) != null ? e : !1;
+}
+function y(r) {
+  return r === "light" || r === "dark" ? r : W() ? "dark" : "light";
+}
+function u(r, e = 30) {
+  return r.slice(-e);
+}
+function L(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 d = 1500, x = 8e3;
+class B {
+  constructor(e, t) {
+    this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = d, this.options = e, this.handlers = t;
+  }
+  get kind() {
+    return this.currentKind;
+  }
+  get activeSession() {
+    var e, t;
+    return (t = (e = this.sessionId) != null ? e : this.options.sessionId) != null ? t : null;
+  }
+  async connect() {
+    var a, l;
+    this.stopped = !1;
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/connect`, t = (l = (a = this.sessionId) != null ? a : this.options.sessionId) != null ? l : void 0, s = {
+      organisationId: this.options.org,
+      assistantId: this.options.assistant,
+      sessionId: t,
+      userAgent: typeof navigator != "undefined" ? navigator.userAgent : "",
+      referrer: typeof document != "undefined" ? document.referrer : "",
+      origin: typeof window != "undefined" ? window.location.origin : ""
+    }, i = await fetch(e, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {}
+      },
+      body: JSON.stringify(s)
+    });
+    if (!i.ok)
+      throw new Error(`SpilkiWidget: connect failed (${i.status})`);
+    const o = await i.json();
+    return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = d, await this.startTransport(o), o;
+  }
+  async send(e) {
+    var o, a;
+    const t = {
+      sessionId: (a = (o = this.sessionId) != null ? o : this.options.sessionId) != null ? a : "",
+      text: e
+    };
+    if (!t.sessionId)
+      throw new Error("SpilkiWidget: missing session id");
+    if (this.currentKind === "ws" && this.ws && this.ws.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify({ type: "message", payload: t }));
+      return;
+    }
+    const s = `${this.options.apiBase.replace(/\/$/, "")}/widget/message`, i = await fetch(s, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {}
+      },
+      body: JSON.stringify(t)
+    });
+    if (!i.ok)
+      throw new Error(`SpilkiWidget: send failed (${i.status})`);
+  }
+  stop() {
+    this.stopped = !0, this.backoff = d, this.ws && (this.ws.close(), this.ws = void 0), this.sse && (this.sse.close(), this.sse = void 0), this.pollTimer && (clearTimeout(this.pollTimer), this.pollTimer = void 0), this.currentKind = null;
+  }
+  async startTransport(e) {
+    if (this.stopped) return;
+    const t = [];
+    e.wsUrl && t.push(() => this.startWs(e.wsUrl)), e.sseUrl && t.push(() => this.startSse(e.sseUrl)), e.pollUrl && t.push(() => this.startPoll(e.pollUrl));
+    for (const s of t)
+      try {
+        await s();
+        return;
+      } catch (i) {
+        this.handlers.onError(i);
+      }
+    throw new Error("SpilkiWidget: unable to establish transport");
+  }
+  startWs(e) {
+    return new Promise((t, s) => {
+      try {
+        const i = new WebSocket(e);
+        this.ws = i, i.addEventListener("open", () => {
+          if (this.stopped) {
+            i.close();
+            return;
+          }
+          this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = d, t();
+        }), i.addEventListener("message", (o) => this.handleIncoming(o.data)), i.addEventListener("close", () => {
+          this.stopped || this.retryFallback("ws");
+        }), i.addEventListener("error", () => {
+          this.handlers.onError(new Error("SpilkiWidget: websocket error")), i.readyState !== WebSocket.OPEN && s(new Error("WebSocket failed"));
+        });
+      } catch (i) {
+        s(i);
+      }
+    });
+  }
+  startSse(e) {
+    return new Promise((t, s) => {
+      if (typeof EventSource == "undefined") {
+        s(new Error("SSE not supported"));
+        return;
+      }
+      const i = new EventSource(e);
+      this.sse = i;
+      let o = !1;
+      i.addEventListener("open", () => {
+        if (o = !0, this.stopped) {
+          i.close();
+          return;
+        }
+        this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = d, t();
+      }), i.addEventListener("message", (a) => this.handleIncoming(a.data)), i.addEventListener("error", () => {
+        if (!o) {
+          s(new Error("SSE failed"));
+          return;
+        }
+        this.handlers.onError(new Error("SpilkiWidget: SSE error")), !this.stopped && this.retryFallback("sse");
+      });
+    });
+  }
+  async startPoll(e) {
+    this.currentKind = "poll", this.handlers.onOpen("poll"), this.backoff = d;
+    const t = async () => {
+      if (!this.stopped)
+        try {
+          const s = await fetch(e);
+          if (!s.ok) throw new Error(`Poll failed ${s.status}`);
+          const i = await s.json();
+          u(i).forEach((o) => this.handlers.onMessage(o)), this.backoff = d;
+        } catch (s) {
+          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, x);
+        } finally {
+          this.stopped || (this.pollTimer = window.setTimeout(t, this.backoff));
+        }
+    };
+    await t();
+  }
+  retryFallback(e) {
+    this.stopped || (this.stop(), this.backoff = Math.min(this.backoff * 1.5, x), setTimeout(() => {
+      this.handlers.onError(new Error(`SpilkiWidget: retrying after ${e}`)), this.connect().catch((t) => this.handlers.onError(t));
+    }, this.backoff));
+  }
+  handleIncoming(e) {
+    try {
+      const t = JSON.parse(e);
+      if (Array.isArray(t)) {
+        t.forEach((s) => this.dispatchIncoming(s));
+        return;
+      }
+      this.dispatchIncoming(t);
+    } catch {
+      const t = {
+        id: `${Date.now()}`,
+        author: "bot",
+        text: e,
+        ts: Date.now()
+      };
+      this.handlers.onMessage(t);
+    }
+  }
+  dispatchIncoming(e) {
+    var t;
+    if ("type" in e) {
+      e.type === "message" ? this.handlers.onMessage(e.payload) : e.type === "typing" && this.handlers.onTyping(!!((t = e.payload) != null && t.active));
+      return;
+    }
+    this.handlers.onMessage(e);
+  }
+}
+const f = 30;
+class U {
+  constructor(e, t, s) {
+    this.org = e, this.assistant = t, this.listeners = /* @__PURE__ */ new Set(), this.state = {
+      isOpen: !1,
+      isTyping: !1,
+      isConnected: !1,
+      messages: []
+    }, this.historyKey = `spilki-history:${e}:${t}`, this.sessionKey = `spilki-session:${e}:${t}`, this.persist = s.persist, this.state.messages = this.loadMessages();
+  }
+  get snapshot() {
+    return { ...this.state, messages: [...this.state.messages] };
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  open() {
+    this.state.isOpen || (this.state.isOpen = !0, this.emit());
+  }
+  close() {
+    this.state.isOpen && (this.state.isOpen = !1, this.emit());
+  }
+  setTyping(e) {
+    this.state.isTyping !== e && (this.state.isTyping = e, this.emit());
+  }
+  setConnected(e) {
+    this.state.isConnected !== e && (this.state.isConnected = e, this.emit());
+  }
+  addMessage(e) {
+    var s, i;
+    const t = {
+      id: (s = e.id) != null ? s : $("msg"),
+      ts: (i = e.ts) != null ? i : Date.now(),
+      author: e.author,
+      text: e.text
+    };
+    return this.state.messages = u([...this.state.messages, t], f), this.persistMessages(), this.emit(), t;
+  }
+  setMessages(e) {
+    this.state.messages = u(e, f), this.persistMessages(), this.emit();
+  }
+  clearMessages() {
+    this.state.messages = [], this.persistMessages(), this.emit();
+  }
+  get sessionId() {
+    if (!this.persist) return null;
+    try {
+      return localStorage.getItem(this.sessionKey);
+    } catch {
+      return null;
+    }
+  }
+  persistSession(e) {
+    if (this.persist)
+      try {
+        localStorage.setItem(this.sessionKey, e);
+      } catch (t) {
+        console.warn("SpilkiWidget: Unable to persist session", t);
+      }
+  }
+  clearSession() {
+    if (this.persist)
+      try {
+        localStorage.removeItem(this.sessionKey);
+      } catch (e) {
+        console.warn("SpilkiWidget: Unable to clear session", e);
+      }
+  }
+  emit() {
+    this.listeners.forEach((e) => e());
+  }
+  persistMessages() {
+    if (this.persist)
+      try {
+        localStorage.setItem(this.historyKey, JSON.stringify(this.state.messages));
+      } catch (e) {
+        console.warn("SpilkiWidget: Unable to persist messages", e);
+      }
+  }
+  loadMessages() {
+    if (!this.persist) return [];
+    try {
+      const e = localStorage.getItem(this.historyKey);
+      if (!e) return [];
+      const t = JSON.parse(e);
+      return Array.isArray(t) ? u(t, f) : [];
+    } catch {
+      return [];
+    }
+  }
+}
+function K(r) {
+  const e = r.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+  if (typeof atob == "function")
+    return decodeURIComponent(
+      Array.prototype.map.call(atob(t), (i) => `%${`00${i.charCodeAt(0).toString(16)}`.slice(-2)}`).join("")
+    );
+  const s = globalThis.Buffer;
+  if (s)
+    return s.from(t, "base64").toString("utf8");
+  throw new Error("SpilkiWidget: no base64 decoder available");
+}
+function P(r) {
+  if (!r) return null;
+  const e = r.split(".");
+  if (e.length < 2) return null;
+  try {
+    const t = K(e[1]);
+    return JSON.parse(t);
+  } catch (t) {
+    return console.error("SpilkiWidget: unable to parse JWT", t), null;
+  }
+}
+function D(r) {
+  const e = P(r);
+  if (!(e != null && e.exp)) return !1;
+  const t = Math.floor(Date.now() / 1e3);
+  return e.exp < t;
+}
+const N = {
+  onOpen() {
+  },
+  onClose() {
+  },
+  onMessage() {
+  },
+  onError() {
+  },
+  onTransportChange() {
+  }
+};
+function v(r) {
+  var m, k, w;
+  if (!r.org || !r.assistant)
+    throw new Error("SpilkiWidget: org and assistant are required");
+  const e = A(r);
+  if (e.token && D(e.token))
+    throw new Error("SpilkiWidget: JWT token has expired");
+  L(e.allowedOriginsHint);
+  const t = { ...N, ...(m = e.hooks) != null ? m : {} }, s = new U(e.org, e.assistant, { persist: e.persist }), i = T({
+    color: e.color,
+    position: (k = e.position) != null ? k : "bottom-right",
+    onClick: () => {
+      s.snapshot.isOpen ? (s.close(), t.onClose()) : (s.open(), t.onOpen());
+    }
+  }), o = new M({
+    color: e.color,
+    theme: y(e.theme),
+    position: (w = e.position) != null ? w : "bottom-right",
+    i18n: e.i18n,
+    onClose: () => {
+      s.close(), t.onClose();
+    },
+    onSend: (n) => {
+      const h = s.addMessage({ author: "user", text: n });
+      o.appendMessage(h), a.send(n).catch((S) => {
+        t.onError(S), s.setConnected(!1), o.setOffline(!0);
+      });
+    }
+  }), a = new B(
+    {
+      apiBase: e.apiBase,
+      token: e.token,
+      org: e.org,
+      assistant: e.assistant,
+      sessionId: s.sessionId
+    },
+    {
+      onOpen(n) {
+        b.transport = n, t.onTransportChange(n), s.setConnected(!0), o.setOffline(!1);
+      },
+      onMessage(n) {
+        const h = s.addMessage(n);
+        o.appendMessage(h), t.onMessage(h);
+      },
+      onTyping(n) {
+        s.setTyping(n);
+      },
+      onError(n) {
+        t.onError(n), s.setConnected(!1), s.snapshot.isOpen && o.setOffline(!0);
+      }
+    }
+  );
+  i.mount(), o.mount();
+  const l = s.snapshot.messages;
+  if (l.length === 0 && e.welcome) {
+    const n = {
+      id: "welcome",
+      author: "bot",
+      text: e.welcome,
+      ts: Date.now()
+    };
+    s.addMessage(n), o.appendMessage(n);
+  } else
+    o.updateMessages(l);
+  const p = s.subscribe(() => {
+    const n = s.snapshot;
+    i.setOpen(n.isOpen), o.setTyping(n.isTyping), o.setOffline(!n.isConnected), o.updateTheme(y(e.theme)), n.isOpen ? o.show() : o.hide();
+  });
+  a.connect().then((n) => {
+    var h;
+    e.persist && s.persistSession(n.sessionId), s.setConnected(!0), t.onTransportChange((h = a.kind) != null ? h : "ws");
+  }).catch((n) => {
+    t.onError(n), s.setConnected(!1), o.setOffline(!0);
+  });
+  const b = {
+    transport: null,
+    open() {
+      s.open(), t.onOpen();
+    },
+    close() {
+      s.close(), t.onClose();
+    },
+    destroy() {
+      p(), a.stop(), i.destroy(), o.destroy();
+    }
+  };
+  return b;
+}
+function E() {
+  var i, o;
+  if (typeof document == "undefined") return;
+  const r = document.currentScript;
+  if (!r) return;
+  const e = r.dataset;
+  if (e.autoinit === "false") return;
+  const t = e.org, s = e.assistant;
+  if (!t || !s) {
+    console.error("SpilkiWidget: data-org and data-assistant are required for auto init");
+    return;
+  }
+  v({
+    org: t,
+    assistant: s,
+    token: e.token,
+    apiBase: e.apiBase,
+    position: (i = e.position) != null ? i : void 0,
+    theme: (o = e.theme) != null ? o : void 0
+  });
+}
+if (typeof window != "undefined") {
+  const r = window;
+  r.SpilkiWidget = r.SpilkiWidget || {}, r.SpilkiWidget.init = (e) => v(e);
+}
+E();
+E();
+//# sourceMappingURL=bootstrap.es.js.map