@spilki/widget 0.1.0 → 0.1.2

package/dist/widget.es.js

@@ -1,4 +1,4 @@
-const S = `
+const O = `
   <style>
     :host {
       all: initial;
@@ -44,11 +44,11 @@ const S = `
     </span>
   </button>
 `;
-function I(r) {
+function M(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 = S;
+  t.innerHTML = O;
   const s = t.querySelector("button");
   return s.addEventListener("click", () => r.onClick()), {
     element: e,
@@ -58,16 +58,16 @@ function I(r) {
     destroy() {
       e.remove();
     },
-    setOpen(o) {
-      s.setAttribute("aria-expanded", String(o));
+    setOpen(n) {
+      s.setAttribute("aria-expanded", String(n));
     }
   };
 }
-const T = ':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 O {
+const A = ':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>${T}</style>
+      <style>${A}</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 O {
     e.shiftKey && i === t ? (e.preventDefault(), s.focus()) : !e.shiftKey && i === s && (e.preventDefault(), t.focus());
   }
 }
-const M = "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: M,
+}, p = {
+  apiBase: W,
   position: "bottom-right",
   theme: "auto",
   color: "#6366f1",
@@ -165,43 +165,43 @@ const M = "https://api.spilki.ai", g = {
   persist: !0,
   i18n: g
 };
-function C(r) {
-  var t, s, i, o, a, l, p;
+function $(r) {
+  var t, s, i, n, 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: (n = r.position) != null ? n : 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 A(r = "msg") {
+function B(r = "msg") {
   return typeof crypto != "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${r}-${Math.random().toString(16).slice(2)}`;
 }
-function $() {
+function L() {
   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 : $() ? "dark" : "light";
+function x(r) {
+  return r === "light" || r === "dark" ? r : L() ? "dark" : "light";
 }
 function u(r, e = 30) {
   return r.slice(-e);
 }
-function W(r) {
+function K(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 L {
+const d = 1500, v = 8e3;
+class P {
   constructor(e, t) {
     this.sessionId = null, this.currentKind = null, this.stopped = !1, this.backoff = d, this.options = e, this.handlers = t;
   }
@@ -213,11 +213,10 @@ class L {
     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/session`, 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,
       userAgent: typeof navigator != "undefined" ? navigator.userAgent : "",
       referrer: typeof document != "undefined" ? document.referrer : "",
@@ -226,19 +225,19 @@ class L {
       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)
     });
     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;
+    const n = await i.json();
+    return this.sessionId = n.sessionId, this.options.sessionId = n.sessionId, this.backoff = d, await this.startTransport(n), n;
   }
   async send(e) {
-    var o, a;
+    var n, l;
     const t = {
-      sessionId: (a = (o = this.sessionId) != null ? o : this.options.sessionId) != null ? a : "",
+      sessionId: (l = (n = this.sessionId) != null ? n : this.options.sessionId) != null ? l : "",
       text: e
     };
     if (!t.sessionId)
@@ -251,7 +250,7 @@ class L {
       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)
     });
@@ -284,7 +283,7 @@ class L {
             return;
           }
           this.currentKind = "ws", this.handlers.onOpen("ws"), this.backoff = d, t();
-        }), i.addEventListener("message", (o) => this.handleIncoming(o.data)), i.addEventListener("close", () => {
+        }), i.addEventListener("message", (n) => this.handleIncoming(n.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"));
@@ -302,15 +301,15 @@ class L {
       }
       const i = new EventSource(e);
       this.sse = i;
-      let o = !1;
+      let n = !1;
       i.addEventListener("open", () => {
-        if (o = !0, this.stopped) {
+        if (n = !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) {
+      }), i.addEventListener("message", (l) => this.handleIncoming(l.data)), i.addEventListener("error", () => {
+        if (!n) {
           s(new Error("SSE failed"));
           return;
         }
@@ -326,9 +325,9 @@ class L {
           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;
+          u(i).forEach((n) => this.handlers.onMessage(n)), 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 +335,7 @@ class L {
     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 +367,14 @@ class L {
   }
 }
 const f = 30;
-class B {
-  constructor(e, t, s) {
-    this.org = e, this.assistant = t, this.listeners = /* @__PURE__ */ new Set(), this.state = {
+class U {
+  constructor(e, t) {
+    this.org = e, 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}`, this.sessionKey = `spilki-session:${e}`, this.tokenKey = `spilki-token:${e}`, this.persist = t.persist, this.state.messages = this.loadMessages();
   }
   get snapshot() {
     return { ...this.state, messages: [...this.state.messages] };
@@ -398,7 +397,7 @@ class B {
   addMessage(e) {
     var s, i;
     const t = {
-      id: (s = e.id) != null ? s : A("msg"),
+      id: (s = e.id) != null ? s : B("msg"),
       ts: (i = e.ts) != null ? i : Date.now(),
       author: e.author,
       text: e.text
@@ -415,8 +414,8 @@ class B {
     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 +423,7 @@ class B {
       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 +431,31 @@ class B {
       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 +466,7 @@ class B {
       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 +476,12 @@ class B {
       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 U(r) {
+function N(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 +492,24 @@ function U(r) {
     return s.from(t, "base64").toString("utf8");
   throw new Error("SpilkiWidget: no base64 decoder available");
 }
-function K(r) {
+function D(r) {
   if (!r) return null;
   const e = r.split(".");
   if (e.length < 2) return null;
   try {
-    const t = U(e[1]);
+    const t = N(e[1]);
     return JSON.parse(t);
   } catch (t) {
     return console.error("SpilkiWidget: unable to parse JWT", t), null;
   }
 }
-function P(r) {
-  const e = K(r);
+function F(r) {
+  const e = D(r);
   if (!(e != null && e.exp)) return !1;
   const t = Math.floor(Date.now() / 1e3);
   return e.exp < t;
 }
-const D = {
+const z = {
   onOpen() {
   },
   onClose() {
@@ -498,81 +521,107 @@ const D = {
   onTransportChange() {
   }
 };
-function v(r) {
-  var m, k, w;
-  if (!r.org || !r.assistant)
-    throw new Error("SpilkiWidget: org and assistant are required");
-  const e = C(r);
-  if (e.token && P(e.token))
-    throw new Error("SpilkiWidget: JWT token has expired");
-  W(e.allowedOriginsHint);
-  const t = { ...D, ...(m = e.hooks) != null ? m : {} }, s = new B(e.org, e.assistant, { persist: e.persist }), i = I({
+async function H(r, e, t) {
+  const s = `${r.replace(/\/$/, "")}/widget/install`, i = await fetch(s, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", Origin: window.location.origin },
+    body: JSON.stringify({ token: e, organisationId: t })
+  });
+  if (!i.ok) throw new Error(`SpilkiWidget: install failed (${i.status})`);
+  return (await i.json()).accessToken;
+}
+async function q(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)
+    throw new Error("SpilkiWidget: org is required");
+  const e = $(r);
+  K(e.allowedOriginsHint);
+  const t = { ...z, ...(k = e.hooks) != null ? k : {} }, s = new U(e.org, { persist: e.persist });
+  let i = (w = s.accessToken) != null ? w : void 0;
+  const n = async () => {
+    if (!i) {
+      if (!r.installationToken) throw new Error("SpilkiWidget: missing installationToken");
+      if (!r.org) throw new Error("SpilkiWidget: missing org");
+      i = await H(e.apiBase, r.installationToken, r.org), s.persistAccessToken(i);
+      return;
+    }
+    F(i) && (i = await q(e.apiBase, i), s.persistAccessToken(i));
+  }, l = M({
     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 O({
+  }), 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((E) => {
-        t.onError(E), s.setConnected(!1), o.setOffline(!0);
+    onSend: (o) => {
+      const c = s.addMessage({ author: "user", text: o });
+      a.appendMessage(c), n().then(() => h.send(o)).catch((I) => {
+        t.onError(I), s.setConnected(!1), a.setOffline(!0);
       });
     }
-  }), a = new L(
+  }), h = new P(
     {
       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);
+      onOpen(o) {
+        m.transport = o, t.onTransportChange(o), s.setConnected(!0), a.setOffline(!1);
       },
-      onMessage(n) {
-        const h = s.addMessage(n);
-        o.appendMessage(h), t.onMessage(h);
+      onMessage(o) {
+        const c = s.addMessage(o);
+        a.appendMessage(c), t.onMessage(c);
       },
-      onTyping(n) {
-        s.setTyping(n);
+      onTyping(o) {
+        s.setTyping(o);
       },
-      onError(n) {
-        t.onError(n), s.setConnected(!1), s.snapshot.isOpen && o.setOffline(!0);
+      onError(o) {
+        t.onError(o), s.setConnected(!1), s.snapshot.isOpen && a.setOffline(!0);
       }
     }
   );
-  i.mount(), o.mount();
-  const l = s.snapshot.messages;
-  if (l.length === 0 && e.welcome) {
-    const n = {
+  l.mount(), a.mount();
+  const b = s.snapshot.messages;
+  if (b.length === 0 && e.welcome) {
+    const o = {
       id: "welcome",
       author: "bot",
       text: e.welcome,
       ts: Date.now()
     };
-    s.addMessage(n), o.appendMessage(n);
+    s.addMessage(o), a.appendMessage(o);
   } 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.updateMessages(b);
+  const T = s.subscribe(() => {
+    const o = s.snapshot;
+    l.setOpen(o.isOpen), a.setTyping(o.isTyping), a.setOffline(!o.isConnected), a.updateTheme(x(e.theme)), o.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);
+  n().then(
+    () => h.connect().then((o) => {
+      var c;
+      e.persist && s.persistSession(o.sessionId), s.setConnected(!0), t.onTransportChange((c = h.kind) != null ? c : "ws");
+    })
+  ).catch((o) => {
+    t.onError(o), s.setConnected(!1), a.setOffline(!0);
   });
-  const b = {
+  const m = {
     transport: null,
     open() {
       s.open(), t.onOpen();
@@ -581,39 +630,38 @@ function v(r) {
       s.close(), t.onClose();
     },
     destroy() {
-      p(), a.stop(), i.destroy(), o.destroy();
+      T(), h.stop(), l.destroy(), a.destroy();
     }
   };
-  return b;
+  return m;
 }
-function N() {
-  var i, o;
+function J() {
+  var s, i;
   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");
+  const t = e.org;
+  if (!t) {
+    console.error("SpilkiWidget: data-org and is 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
+    position: (s = e.position) != null ? s : void 0,
+    theme: (i = e.theme) != null ? i : void 0
   });
 }
 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);
 }
-N();
+J();
 export {
-  N as autoInit,
-  v as initSpilkiWidget
+  J as autoInit,
+  E as initSpilkiWidget
 };
 //# sourceMappingURL=widget.es.js.map