@spilki/widget 0.1.0 → 0.1.1

package/README.md

@@ -96,4 +96,4 @@ Open [http://localhost:5174](http://localhost:5174) and use **Issue token** to o
 
 ## Publishing
 
-The GitHub Actions workflow publishes on tags that match `v*`. Ensure `NPM_TOKEN` is configured in the repository secrets before tagging `v0.1.0` or later.
+The GitHub Actions workflow publishes on tags that match `v*`. Ensure `NPM_TOKEN` is configured in the repository secrets before tagging `v0.1.1` or later.

package/dist/bootstrap.es.js

@@ -1,4 +1,4 @@
-const I = `
+const M = `
   <style>
     :host {
       all: initial;
@@ -44,11 +44,11 @@ const I = `
     </span>
   </button>
 `;
-function T(r) {
+function A(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;
+  t.innerHTML = M;
   const s = t.querySelector("button");
   return s.addEventListener("click", () => r.onClick()), {
     element: e,
@@ -63,11 +63,11 @@ function T(r) {
     }
   };
 }
-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 {
+const $ = ':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 C {
   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>
+      <style>${$}</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>
@@ -149,15 +149,15 @@ class M {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-const C = "https://api.spilki.ai", g = {
+const W = "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,
+}, p = {
+  apiBase: W,
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
@@ -165,43 +165,43 @@ const C = "https://api.spilki.ai", g = {
   persist: !0,
   i18n: g
 };
-function A(r) {
-  var t, s, i, o, a, l, p;
+function B(r) {
+  var t, s, i, o, l, a, h;
   const e = { ...g, ...(t = r.i18n) != null ? t : {} };
   return {
-    ...c,
+    ...p,
     ...r,
-    apiBase: (s = r.apiBase) != null ? s : c.apiBase,
+    apiBase: (s = r.apiBase) != null ? s : p.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
+    position: (o = r.position) != null ? o : p.position,
+    theme: (l = r.theme) != null ? l : p.theme,
+    color: (a = r.color) != null ? a : p.color,
+    persist: (h = r.persist) != null ? h : p.persist
   };
 }
-function $(r = "msg") {
+function L(r = "msg") {
   return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
 }
-function W() {
+function K() {
   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 x(r) {
+  return r === "light" || r === "dark" ? r : K() ? "dark" : "light";
 }
 function u(r, e = 30) {
   return r.slice(-e);
 }
-function L(r) {
+function P(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 {
+const d = 1500, v = 8e3;
+class U {
   constructor(e, t) {
     this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = d, this.options = e, this.handlers = t;
   }
@@ -213,9 +213,9 @@ class B {
     return (t = (e = this.sessionId) != null ? e : this.options.sessionId) != null ? t : null;
   }
   async connect() {
-    var a, l;
+    var l, a;
     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 = {
+    const e = `${this.options.apiBase.replace(/\/$/, "")}/widget/connect`, t = (a = (l = this.sessionId) != null ? l : this.options.sessionId) != null ? a : void 0, s = {
       organisationId: this.options.org,
       assistantId: this.options.assistant,
       sessionId: t,
@@ -226,7 +226,7 @@ class B {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        ...this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {}
+        ...this.options.accessToken ? { Authorization: `Bearer ${this.options.accessToken}` } : {}
       },
       body: JSON.stringify(s)
     });
@@ -236,9 +236,9 @@ class B {
     return this.sessionId = o.sessionId, this.options.sessionId = o.sessionId, this.backoff = d, await this.startTransport(o), o;
   }
   async send(e) {
-    var o, a;
+    var o, l;
     const t = {
-      sessionId: (a = (o = this.sessionId) != null ? o : this.options.sessionId) != null ? a : "",
+      sessionId: (l = (o = this.sessionId) != null ? o : this.options.sessionId) != null ? l : "",
       text: e
     };
     if (!t.sessionId)
@@ -251,7 +251,7 @@ class B {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        ...this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {}
+        ...this.options.accessToken ? { Authorization: `Bearer ${this.options.accessToken}` } : {}
       },
       body: JSON.stringify(t)
     });
@@ -309,7 +309,7 @@ class B {
           return;
         }
         this.currentKind = "sse", this.handlers.onOpen("sse"), this.backoff = d, t();
-      }), i.addEventListener("message", (a) => this.handleIncoming(a.data)), i.addEventListener("error", () => {
+      }), i.addEventListener("message", (l) => this.handleIncoming(l.data)), i.addEventListener("error", () => {
         if (!o) {
           s(new Error("SSE failed"));
           return;
@@ -328,7 +328,7 @@ class B {
           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);
+          this.handlers.onError(s), this.backoff = Math.min(this.backoff * 1.5, v);
         } finally {
           this.stopped || (this.pollTimer = window.setTimeout(t, this.backoff));
         }
@@ -336,7 +336,7 @@ class B {
     await t();
   }
   retryFallback(e) {
-    this.stopped || (this.stop(), this.backoff = Math.min(this.backoff * 1.5, x), setTimeout(() => {
+    this.stopped || (this.stop(), this.backoff = Math.min(this.backoff * 1.5, v), setTimeout(() => {
       this.handlers.onError(new Error(`SpilkiWidget: retrying after ${e}`)), this.connect().catch((t) => this.handlers.onError(t));
     }, this.backoff));
   }
@@ -368,14 +368,14 @@ class B {
   }
 }
 const f = 30;
-class U {
+class N {
   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();
+    }, this.historyKey = `spilki-history:${e}:${t}`, this.sessionKey = `spilki-session:${e}:${t}`, this.tokenKey = `spilki-token:${e}:${t}`, this.persist = s.persist, this.state.messages = this.loadMessages();
   }
   get snapshot() {
     return { ...this.state, messages: [...this.state.messages] };
@@ -398,7 +398,7 @@ class U {
   addMessage(e) {
     var s, i;
     const t = {
-      id: (s = e.id) != null ? s : $("msg"),
+      id: (s = e.id) != null ? s : L("msg"),
       ts: (i = e.ts) != null ? i : Date.now(),
       author: e.author,
       text: e.text
@@ -415,8 +415,8 @@ class U {
     if (!this.persist) return null;
     try {
       return localStorage.getItem(this.sessionKey);
-    } catch {
-      return null;
+    } catch (e) {
+      return console.error("SpilkiWidget: unable to get item", e), null;
     }
   }
   persistSession(e) {
@@ -424,7 +424,7 @@ class U {
       try {
         localStorage.setItem(this.sessionKey, e);
       } catch (t) {
-        console.warn("SpilkiWidget: Unable to persist session", t);
+        console.error("SpilkiWidget: unable to set item", t);
       }
   }
   clearSession() {
@@ -432,7 +432,31 @@ class U {
       try {
         localStorage.removeItem(this.sessionKey);
       } catch (e) {
-        console.warn("SpilkiWidget: Unable to clear session", e);
+        console.error("SpilkiWidget: unable to remove item", e);
+      }
+  }
+  get accessToken() {
+    if (!this.persist) return null;
+    try {
+      return localStorage.getItem(this.tokenKey);
+    } catch (e) {
+      return console.error("SpilkiWidget: unable to get item", e), null;
+    }
+  }
+  persistAccessToken(e) {
+    if (this.persist)
+      try {
+        localStorage.setItem(this.tokenKey, e);
+      } catch (t) {
+        console.error("SpilkiWidget: unable to set item", t);
+      }
+  }
+  clearAccessToken() {
+    if (this.persist)
+      try {
+        localStorage.removeItem(this.tokenKey);
+      } catch (e) {
+        console.error("SpilkiWidget: unable to remove item", e);
       }
   }
   emit() {
@@ -443,7 +467,7 @@ class U {
       try {
         localStorage.setItem(this.historyKey, JSON.stringify(this.state.messages));
       } catch (e) {
-        console.warn("SpilkiWidget: Unable to persist messages", e);
+        console.error("SpilkiWidget: unable to set item", e);
       }
   }
   loadMessages() {
@@ -453,12 +477,12 @@ class U {
       if (!e) return [];
       const t = JSON.parse(e);
       return Array.isArray(t) ? u(t, f) : [];
-    } catch {
-      return [];
+    } catch (e) {
+      return console.error("SpilkiWidget: unable to load messages", e), [];
     }
   }
 }
-function K(r) {
+function D(r) {
   const e = r.replace(/-/g, "+").replace(/_/g, "/"), t = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
   if (typeof atob == "function")
     return decodeURIComponent(
@@ -469,24 +493,24 @@ function K(r) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function P(r) {
+function F(r) {
   if (!r) return null;
   const e = r.split(".");
   if (e.length < 2) return null;
   try {
-    const t = K(e[1]);
+    const t = D(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);
+function z(r) {
+  const e = F(r);
   if (!(e != null && e.exp)) return !1;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t;
 }
-const N = {
+const H = {
   onOpen() {
   },
   onClose() {
@@ -498,81 +522,107 @@ const N = {
   onTransportChange() {
   }
 };
-function v(r) {
-  var m, k, w;
+async function q(r, e) {
+  const t = `${r.replace(/\/$/, "")}/widget/install`, s = await fetch(t, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", Origin: window.location.origin },
+    body: JSON.stringify({ token: e })
+  });
+  if (!s.ok) throw new Error(`SpilkiWidget: install failed (${s.status})`);
+  return (await s.json()).accessToken;
+}
+async function J(r, e) {
+  const t = `${r.replace(/\/$/, "")}/widget/refresh`, s = await fetch(t, {
+    method: "POST",
+    headers: { Authorization: `Bearer ${e}`, Origin: window.location.origin }
+  });
+  if (!s.ok) throw new Error(`SpilkiWidget: refresh failed (${s.status})`);
+  return (await s.json()).accessToken;
+}
+function E(r) {
+  var k, w, y, S;
   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({
+  const e = B(r);
+  P(e.allowedOriginsHint);
+  const t = { ...H, ...(k = e.hooks) != null ? k : {} }, s = new N(e.org, e.assistant, { persist: e.persist });
+  let i = (w = s.accessToken) != null ? w : void 0;
+  const o = async () => {
+    if (!i) {
+      if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
+      i = await q(e.apiBase, r.installationToken), s.persistAccessToken(i);
+      return;
+    }
+    z(i) && (i = await J(e.apiBase, i), s.persistAccessToken(i));
+  }, l = A({
     color: e.color,
-    position: (k = e.position) != null ? k : "bottom-right",
+    position: (y = e.position) != null ? y : "bottom-right",
     onClick: () => {
       s.snapshot.isOpen ? (s.close(), t.onClose()) : (s.open(), t.onOpen());
     }
-  }), o = new M({
+  }), a = new C({
     color: e.color,
-    theme: y(e.theme),
-    position: (w = e.position) != null ? w : "bottom-right",
+    theme: x(e.theme),
+    position: (S = e.position) != null ? S : "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);
+      const c = s.addMessage({ author: "user", text: n });
+      a.appendMessage(c), o().then(() => h.send(n)).catch((O) => {
+        t.onError(O), s.setConnected(!1), a.setOffline(!0);
       });
     }
-  }), a = new B(
+  }), h = new U(
     {
       apiBase: e.apiBase,
-      token: e.token,
+      accessToken: i,
       org: e.org,
       assistant: e.assistant,
       sessionId: s.sessionId
     },
     {
       onOpen(n) {
-        b.transport = n, t.onTransportChange(n), s.setConnected(!0), o.setOffline(!1);
+        m.transport = n, t.onTransportChange(n), s.setConnected(!0), a.setOffline(!1);
       },
       onMessage(n) {
-        const h = s.addMessage(n);
-        o.appendMessage(h), t.onMessage(h);
+        const c = s.addMessage(n);
+        a.appendMessage(c), t.onMessage(c);
       },
       onTyping(n) {
         s.setTyping(n);
       },
       onError(n) {
-        t.onError(n), s.setConnected(!1), s.snapshot.isOpen && o.setOffline(!0);
+        t.onError(n), s.setConnected(!1), s.snapshot.isOpen && a.setOffline(!0);
       }
     }
   );
-  i.mount(), o.mount();
-  const l = s.snapshot.messages;
-  if (l.length === 0 && e.welcome) {
+  l.mount(), a.mount();
+  const b = s.snapshot.messages;
+  if (b.length === 0 && e.welcome) {
     const n = {
       id: "welcome",
       author: "bot",
       text: e.welcome,
       ts: Date.now()
     };
-    s.addMessage(n), o.appendMessage(n);
+    s.addMessage(n), a.appendMessage(n);
   } else
-    o.updateMessages(l);
-  const p = s.subscribe(() => {
+    a.updateMessages(b);
+  const I = 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();
+    l.setOpen(n.isOpen), a.setTyping(n.isTyping), a.setOffline(!n.isConnected), a.updateTheme(x(e.theme)), n.isOpen ? a.show() : a.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);
+  o().then(
+    () => h.connect().then((n) => {
+      var c;
+      e.persist && s.persistSession(n.sessionId), s.setConnected(!0), t.onTransportChange((c = h.kind) != null ? c : "ws");
+    })
+  ).catch((n) => {
+    t.onError(n), s.setConnected(!1), a.setOffline(!0);
   });
-  const b = {
+  const m = {
     transport: null,
     open() {
       s.open(), t.onOpen();
@@ -581,12 +631,12 @@ function v(r) {
       s.close(), t.onClose();
     },
     destroy() {
-      p(), a.stop(), i.destroy(), o.destroy();
+      I(), h.stop(), l.destroy(), a.destroy();
     }
   };
-  return b;
+  return m;
 }
-function E() {
+function T() {
   var i, o;
   if (typeof document == "undefined") return;
   const r = document.currentScript;
@@ -598,10 +648,10 @@ function E() {
     console.error("SpilkiWidget: data-org and data-assistant are required for auto init");
     return;
   }
-  v({
+  E({
     org: t,
     assistant: s,
-    token: e.token,
+    installationToken: e.installationToken,
     apiBase: e.apiBase,
     position: (i = e.position) != null ? i : void 0,
     theme: (o = e.theme) != null ? o : void 0
@@ -609,8 +659,8 @@ function E() {
 }
 if (typeof window != "undefined") {
   const r = window;
-  r.SpilkiWidget = r.SpilkiWidget || {}, r.SpilkiWidget.init = (e) => v(e);
+  r.SpilkiWidget = r.SpilkiWidget || {}, r.SpilkiWidget.init = (e) => E(e);
 }
-E();
-E();
+T();
+T();
 //# sourceMappingURL=bootstrap.es.js.map