@paramms/chat-widget 1.0.45 → 1.0.47

package/dist/index.d.ts

@@ -50,8 +50,10 @@ export interface MountOptions {
     /** Secondary accent (guest bubble + send button). Defaults to the design
      *  blue; omit and it follows `accent` for a cohesive single-token retheme. */
     accent2?: string;
-    /** Colour scheme: 'auto' (follow OS, default), 'light', or 'dark'. */
+    /** Colour scheme. Default 'light'. 'auto' follows the OS; 'dark'/'light' force it. */
     theme?: 'auto' | 'light' | 'dark';
+    /** Load Baloo 2 + Nunito webfonts (default true). false = system fonts only. */
+    webfont?: boolean;
     /** Stack navigation: when set, the chatroom header shows a back chevron that
      *  calls this. Used by `<ChatApp>` so tapping a conversation opens the room and
      *  the back arrow returns to the list — native-app style. */

package/dist/index.js

@@ -1,17 +1,17 @@
-var Pe = Object.defineProperty;
-var $e = (t, e, l) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
+var Be = Object.defineProperty;
+var $e = (t, e, l) => e in t ? Be(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
 var T = (t, e, l) => $e(t, typeof e != "symbol" ? e + "" : e, l);
-import { l as Be, b as ge, p as Me, r as Re, a as Ae } from "./codec.js";
-import { h as rt } from "./codec.js";
-import { P as qe, C as Ne, b as Oe } from "./outbox.js";
-import { e as st } from "./outbox.js";
-import { E2ESession as De, extractX3DHInit as He } from "./e2e.js";
-const _e = `
-.ocw { ${Be("ocw")}
+import { l as Me, b as ge, p as Re, r as Ae, a as qe } from "./codec.js";
+import { h as st } from "./codec.js";
+import { P as Ne, C as Oe, b as De } from "./outbox.js";
+import { e as dt } from "./outbox.js";
+import { E2ESession as He, extractX3DHInit as _e } from "./e2e.js";
+const Ue = `
+.ocw { ${Me("ocw")}
   position:relative;
   display:flex; flex-direction:column; height:100%; min-height:320px; background:var(--ocw-bg);
   font-family:var(--ocw-fb); color:var(--ocw-ink); overflow:hidden; }
-@media (prefers-color-scheme: dark) { .ocw:not([data-theme="light"]) { ${ge("ocw")} } }
+@media (prefers-color-scheme: dark) { .ocw[data-theme="auto"] { ${ge("ocw")} } }
 .ocw[data-theme="dark"] { ${ge("ocw")} }
 /* ── Responsive sizing ──────────────────────────────────────────────────────
  * Sizing is driven by the WIDGET'S OWN width (ResizeObserver toggles
@@ -118,7 +118,7 @@ const _e = `
 .ocw button:focus-visible, .ocw textarea:focus-visible, .ocw a:focus-visible, .ocw [tabindex]:focus-visible { outline:2px solid var(--ocw-accent); outline-offset:2px; border-radius:8px; }
 .ocw-sendbtn:active { transform:scale(.92); }
 .ocw-quick button:active, .ocw-chip:active { transform:scale(.97); }
-@media (prefers-color-scheme: dark) { .ocw:not([data-theme="light"]) .ocw-away { background:#3a3018; border-color:#5a4a1f; color:#e8d9a8; } .ocw:not([data-theme="light"]) .ocw-note .ocw-bubble { background:#332b12; border-color:#7a5c17; color:#f0e2bd; } .ocw:not([data-theme="light"]) .ocw-note .ocw-bubble::before { color:#e0c060; } }
+@media (prefers-color-scheme: dark) { .ocw[data-theme="auto"] .ocw-away { background:#3a3018; border-color:#5a4a1f; color:#e8d9a8; } .ocw[data-theme="auto"] .ocw-note .ocw-bubble { background:#332b12; border-color:#7a5c17; color:#f0e2bd; } .ocw[data-theme="auto"] .ocw-note .ocw-bubble::before { color:#e0c060; } }
 .ocw[data-theme="dark"] .ocw-away { background:#3a3018; border-color:#5a4a1f; color:#e8d9a8; }
 .ocw[data-theme="dark"] .ocw-note .ocw-bubble { background:#332b12; border-color:#7a5c17; color:#f0e2bd; }
 .ocw[data-theme="dark"] .ocw-note .ocw-bubble::before { color:#e0c060; }
@@ -197,17 +197,23 @@ const _e = `
 .ocw-row.theirs .ocw-translate-btn { right:auto; left:-26px; }
 .ocw-bubble-wrap:hover .ocw-translate-btn { opacity:1; }
 .ocw-translated-tag { font-size:10px; color:var(--ocw-mut); margin-top:2px; }
-`, ye = "objectchat-widget-styles", Ue = ["👍", "❤️", "😂", "😮", "😢", "🙏"], Fe = 400, We = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
-function Ge() {
+`, ye = "objectchat-widget-styles", Fe = ["👍", "❤️", "😂", "😮", "😢", "🙏"], We = 400, Ge = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+function Ke() {
   if (typeof document > "u" || document.getElementById(ye)) return;
   const t = document.createElement("style");
-  t.id = ye, t.textContent = _e, document.head.appendChild(t);
+  t.id = ye, t.textContent = Ue, document.head.appendChild(t);
+}
+const ve = "ocw-webfont";
+function Ve() {
+  if (typeof document > "u" || document.getElementById(ve)) return;
+  const t = document.createElement("link");
+  t.id = ve, t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@400;500;600;700&display=swap", document.head.appendChild(t);
 }
 function n(t, e, l) {
   const c = document.createElement(t);
   return e && (c.className = e), l !== void 0 && (c.textContent = l), c;
 }
-function Ke(t) {
+function Ye(t) {
   try {
     return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   } catch {
@@ -231,7 +237,7 @@ function ae(t) {
       return `📅 ${t.title} — ${new Date(t.startIso).toLocaleString()}`;
   }
 }
-class Ve {
+class Xe {
   /** Last seq the guest has seen per conversationId — used to compute unread badges. */
   constructor(e, l, c, i = {}) {
     T(this, "scroll");
@@ -268,10 +274,10 @@ class Ve {
     /** Whether the subject card (server Subject entity, mount config fallback)
      *  has been built — built once when data first arrives. */
     T(this, "subjectBuilt", !1);
-    var r, C, v, u, f, R, $, A, k, S, D;
-    this.root = e, this.me = l, this.h = c, this.cfg = i, Ge(), e.replaceChildren(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
+    var r, C, v, u, f, R, B, A, k, S, D;
+    this.root = e, this.me = l, this.h = c, this.cfg = i, Ke(), i.webfont !== !1 && Ve(), e.replaceChildren(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
     const x = i.accent2 ?? i.accent;
-    x && e.style.setProperty("--ocw-accent2", x), this.cfgAccent2 = i.accent2, i.theme && i.theme !== "auto" && (e.dataset.theme = i.theme);
+    x && e.style.setProperty("--ocw-accent2", x), this.cfgAccent2 = i.accent2, e.dataset.theme = i.theme ?? "light";
     const w = n("div", "ocw-head");
     if (this.h.onBack) {
       const g = n("button", "ocw-back", "‹");
@@ -285,7 +291,7 @@ class Ve {
       y.textContent = (C = i.userInfo) != null && C.name ? i.userInfo.name[0].toUpperCase() : "🧑";
     w.append(y);
     const p = n("div", "ocw-head-main");
-    this.headerName = n("div", "ocw-head-name", ((v = i.subject) == null ? void 0 : v.ownerLabel) ?? ((u = i.subject) == null ? void 0 : u.title) ?? ""), p.append(this.headerName), this.headStatus = n("div", "ocw-head-status"), this.headStatus.style.display = "none", p.append(this.headStatus), (f = i.subject) != null && f.subtitle && p.append(n("div", "ocw-head-meta", i.subject.subtitle)), w.append(p), this.statusBadge = n("span", "ocw-badge", ((R = i.subject) == null ? void 0 : R.status) ?? ""), ($ = i.subject) != null && $.status || (this.statusBadge.style.display = "none"), w.append(this.statusBadge), this.e2eBadge = n("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", w.append(this.e2eBadge), this.connStatus = n("span", "ocw-conn-status"), this.connStatus.style.display = "none", w.append(this.connStatus), w.append(n("button", "ocw-menu", "⋯")), this.chips = n("div", "ocw-chiprow"), this.scroll = n("div", "ocw-scroll"), this.subjectCard = n("div", "ocw-subject"), this.typing = n("div", "ocw-typing");
+    this.headerName = n("div", "ocw-head-name", ((v = i.subject) == null ? void 0 : v.ownerLabel) ?? ((u = i.subject) == null ? void 0 : u.title) ?? ""), p.append(this.headerName), this.headStatus = n("div", "ocw-head-status"), this.headStatus.style.display = "none", p.append(this.headStatus), (f = i.subject) != null && f.subtitle && p.append(n("div", "ocw-head-meta", i.subject.subtitle)), w.append(p), this.statusBadge = n("span", "ocw-badge", ((R = i.subject) == null ? void 0 : R.status) ?? ""), (B = i.subject) != null && B.status || (this.statusBadge.style.display = "none"), w.append(this.statusBadge), this.e2eBadge = n("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", w.append(this.e2eBadge), this.connStatus = n("span", "ocw-conn-status"), this.connStatus.style.display = "none", w.append(this.connStatus), w.append(n("button", "ocw-menu", "⋯")), this.chips = n("div", "ocw-chiprow"), this.scroll = n("div", "ocw-scroll"), this.subjectCard = n("div", "ocw-subject"), this.typing = n("div", "ocw-typing");
     const h = n("div", "ocw-typing-bubble");
     h.append(n("div", "ocw-typing-dot"), n("div", "ocw-typing-dot"), n("div", "ocw-typing-dot")), this.typing.append(n("div", "ocw-dot", "🧑"), h), this.quick = n("div", "ocw-quick");
     for (const g of i.quickReplies ?? []) {
@@ -298,7 +304,7 @@ class Ve {
     const b = n("button", "ocw-sendbtn");
     b.type = "button";
     const a = (k = i.i18n) == null ? void 0 : k.send;
-    a ? (b.textContent = a, b.classList.add("ocw-sendbtn-label"), b.setAttribute("aria-label", a)) : (b.innerHTML = We, b.setAttribute("aria-label", "Send message")), b.disabled = !0, this.sendBtn = b, b.addEventListener("click", () => this.flushSend()), this.input.addEventListener("input", () => {
+    a ? (b.textContent = a, b.classList.add("ocw-sendbtn-label"), b.setAttribute("aria-label", a)) : (b.innerHTML = Ge, b.setAttribute("aria-label", "Send message")), b.disabled = !0, this.sendBtn = b, b.addEventListener("click", () => this.flushSend()), this.input.addEventListener("input", () => {
       var g, N;
       this.sendBtn.disabled = this.input.value.trim().length === 0, this.autoGrowInput(), this.storeRef && !this.storeRef.messages().some((H) => H.senderRole === "guest") ? (N = (g = this.h).onDeflectQuery) == null || N.call(g, this.input.value) : this.hideDeflection();
     }), this.input.addEventListener("keydown", (g) => {
@@ -320,7 +326,7 @@ class Ve {
       g == null || g.focus();
     }), e.append(w, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.preChatPanel, this.deflectPanel, this.awayNotice, M, this.reopenBtn, this.footer);
     const d = (g) => {
-      e.classList.toggle("ocw-compact", g > 0 && g < Fe);
+      e.classList.toggle("ocw-compact", g > 0 && g < We);
     };
     d(e.clientWidth), typeof ResizeObserver < "u" && (this.compactObserver = new ResizeObserver((g) => {
       var H;
@@ -639,10 +645,10 @@ class Ve {
           f.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
           const R = n("button", "ocw-form-cancel", "Cancel");
           R.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
-          const $ = n("div");
-          $.style.cssText = "display:flex;gap:6px;justify-content:flex-end", $.append(R, f);
+          const B = n("div");
+          B.style.cssText = "display:flex;gap:6px;justify-content:flex-end", B.append(R, f);
           const A = n("div");
-          A.append(u, $), h.replaceChildren(A), u.focus(), u.select();
+          A.append(u, B), h.replaceChildren(A), u.focus(), u.select();
           const k = () => h.replaceChildren(b ?? document.createTextNode(v));
           R.addEventListener("click", k), f.addEventListener("click", () => {
             const S = u.value.trim();
@@ -666,18 +672,18 @@ class Ve {
         for (const [u, f] of Object.entries(e.reactions)) {
           const R = n("button", `ocw-react-pill${f.includes(this.me) ? " mine" : ""}`, `${u} ${f.length}`);
           R.addEventListener("click", () => {
-            var $, A;
-            return (A = ($ = this.h).onReact) == null ? void 0 : A.call($, e.id, u, f.includes(this.me));
+            var B, A;
+            return (A = (B = this.h).onReact) == null ? void 0 : A.call(B, e.id, u, f.includes(this.me));
           }), r.append(R);
         }
       const C = n("button", "ocw-react-btn", "＋"), v = n("div", "ocw-react-picker");
-      for (const u of Ue) {
+      for (const u of Fe) {
         const f = n("button", void 0, u);
         f.addEventListener("click", (R) => {
           var A, k, S, D;
           R.stopPropagation();
-          const $ = (k = (A = e.reactions) == null ? void 0 : A[u]) == null ? void 0 : k.includes(this.me);
-          (D = (S = this.h).onReact) == null || D.call(S, e.id, u, !!$), v.style.display = "none";
+          const B = (k = (A = e.reactions) == null ? void 0 : A[u]) == null ? void 0 : k.includes(this.me);
+          (D = (S = this.h).onReact) == null || D.call(S, e.id, u, !!B), v.style.display = "none";
         }), v.append(f);
       }
       v.style.display = "none", C.addEventListener("click", (u) => {
@@ -688,15 +694,15 @@ class Ve {
         }, { once: !0 });
       }), r.append(C), d.append(r, v), y.append(d);
     } else e.reactions && Object.keys(e.reactions).length && y.append(n("div", "ocw-react", Object.entries(e.reactions).map(([d, r]) => `${d}${r.length}`).join(" ")));
-    const a = n("div", "ocw-time ocw-meta", Ke(e.ts));
+    const a = n("div", "ocw-time ocw-meta", Ye(e.ts));
     if (i && e.status) {
-      const d = n("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Ye(e.status));
+      const d = n("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Qe(e.status));
       a.append(d);
     }
     return i && e.seq > 0 && l.lastReadByOthers >= e.seq && a.append(n("span", "ocw-seen", " · Seen")), y.append(a), w.append(y), w;
   }
 }
-function Ye(t) {
+function Qe(t) {
   switch (t) {
     case "read":
       return "✓✓";
@@ -709,11 +715,11 @@ function Ye(t) {
   }
 }
 const _ = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
-function ve(t) {
+function ke(t) {
   return `relay-launcher::${t.profileId}::${t.subjectId ?? ""}`;
 }
 let K = null;
-function Xe() {
+function Je() {
   if (K && K.state !== "closed") return K;
   try {
     return K = new AudioContext(), K;
@@ -721,18 +727,18 @@ function Xe() {
     return null;
   }
 }
-function nt(t) {
+function it(t) {
   var e;
   (e = _.get(t)) == null || e.close(), _.delete(t);
 }
-function ot(t) {
+function at(t) {
   var se, le, de, pe, he, ue, fe, we;
-  _.has(t.el) && (_.get(t.el).close(), _.delete(t.el)), t.launcher && ((se = Z.get(ve(t))) == null || se.close());
-  const e = Me();
+  _.has(t.el) && (_.get(t.el).close(), _.delete(t.el)), t.launcher && ((se = Z.get(ke(t))) == null || se.close());
+  const e = Re();
   let l, c = !1;
-  const i = t.token ?? t.userId ?? e, x = i !== e ? e : void 0, { wsUrl: w, httpBase: y } = Re(t.url, t.apiUrl);
-  let p = new Ne(i);
-  const h = t.subjectId ? `${i}::${t.subjectId}` : i, b = new qe(h);
+  const i = t.token ?? t.userId ?? e, x = i !== e ? e : void 0, { wsUrl: w, httpBase: y } = Ae(t.url, t.apiUrl);
+  let p = new Oe(i);
+  const h = t.subjectId ? `${i}::${t.subjectId}` : i, b = new Ne(h);
   let a, P = !1, I = null, M = null, j = null, d = null;
   !t.launcher && !t.el.style.height && t.el.clientHeight === 0 && (t.el.style.width = t.el.style.width || "100%", t.el.style.height = "600px");
   for (const o of b.load()) p.addOptimistic(o.clientMsgId, o.content);
@@ -793,15 +799,15 @@ function ot(t) {
     Q(), r.append(m, q), document.body.append(r);
     const te = `ocw-teaser-dismissed::${t.profileId}`, J = typeof t.launcherMessage == "string" ? { title: t.launcherMessage } : t.launcherMessage;
     let E = null;
-    const je = () => {
+    const Le = () => {
       try {
         return sessionStorage.getItem(te) === "1";
       } catch {
         return !1;
       }
-    }, Le = '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', be = () => {
+    }, Pe = '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', be = () => {
       const z = J != null && J.title ? J : p.launcherMessage ?? void 0;
-      if (!(!!(z != null && z.title) && !u && !je())) {
+      if (!(!!(z != null && z.title) && !u && !Le())) {
         E && (E.remove(), E = null);
         return;
       }
@@ -823,7 +829,7 @@ function ot(t) {
         const O = document.createElement("div");
         O.style.cssText = "display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#6b7280";
         const ie = document.createElement("span");
-        ie.innerHTML = Le, ie.style.cssText = `color:${t.accent ?? "#6c5ce7"};display:inline-flex`;
+        ie.innerHTML = Pe, ie.style.cssText = `color:${t.accent ?? "#6c5ce7"};display:inline-flex`;
         const me = document.createElement("span");
         me.textContent = z.subtitle, O.append(ie, me), E.append(O);
       }
@@ -872,7 +878,7 @@ function ot(t) {
     u || (v++, C && (C.textContent = String(v), C.style.display = "flex"));
   }, R = () => {
     try {
-      const o = Xe();
+      const o = Je();
       if (!o) return;
       o.state === "suspended" && o.resume().catch(() => {
       });
@@ -880,14 +886,14 @@ function ot(t) {
       s.connect(m), m.connect(o.destination), s.frequency.setValueAtTime(880, o.currentTime), s.frequency.exponentialRampToValueAtTime(440, o.currentTime + 0.15), m.gain.setValueAtTime(0.3, o.currentTime), m.gain.exponentialRampToValueAtTime(1e-3, o.currentTime + 0.3), s.start(), s.stop(o.currentTime + 0.3);
     } catch {
     }
-  }, $ = [], A = (o) => {
-    for (; $.length; ) {
-      const s = $.shift();
+  }, B = [], A = (o) => {
+    for (; B.length; ) {
+      const s = B.shift();
       b.add({ clientMsgId: s.clientMsgId, content: s.content, ts: Date.now() }), k.send({ type: "send", conversationId: o, clientMsgId: s.clientMsgId, content: s.content });
     }
   };
   let k;
-  const S = new De(`ocw-e2e-${t.profileId}`);
+  const S = new He(`ocw-e2e-${t.profileId}`);
   let D = !1;
   const g = [], N = [];
   let H = !1;
@@ -895,11 +901,11 @@ function ot(t) {
     S.sealText(s).then((m) => {
       a && k.send({ type: "send", conversationId: a, clientMsgId: o, content: m });
     });
-  }, ke = (o, s, m) => {
+  }, Ce = (o, s, m) => {
     S.sealText(s, m).then((L) => {
       a && k.send({ type: "send", conversationId: a, clientMsgId: o, content: L });
     });
-  }, Ce = () => {
+  }, Te = () => {
     for (; g.length; ) {
       const o = g.shift();
       ee(o.clientMsgId, o.text);
@@ -908,19 +914,19 @@ function ot(t) {
       const o = N.shift();
       ee(o.clientMsgId, o.text);
     }
-  }, Te = (o) => {
+  }, Ie = (o) => {
     k.send({ type: "fetchPrekey", targetUserId: o });
-  }, Ie = t.i18n ?? {}, Se = ["ar", "he", "fa", "ur"], Ee = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
-  Se.includes(Ee) && !t.el.dir && (t.el.dir = "rtl", t.el.style.fontFamily = t.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
-  const re = `oc_prechat_${t.profileId}_${i.slice(-8)}`, B = new Ve(t.el, i, {
+  }, Se = t.i18n ?? {}, Ee = ["ar", "he", "fa", "ur"], ze = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
+  Ee.includes(ze) && !t.el.dir && (t.el.dir = "rtl", t.el.style.fontFamily = t.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
+  const re = `oc_prechat_${t.profileId}_${i.slice(-8)}`, $ = new Xe(t.el, i, {
     onSend(o) {
       const s = `cm_${Math.random().toString(36).slice(2)}`, m = { kind: "text", text: o };
-      p.addOptimistic(s, m), B.render(p), p.e2e ? S.ready ? ee(s, o) : H ? N.push({ clientMsgId: s, text: o }) : (g.push({ clientMsgId: s, text: o }), p.assignedAgentId && Te(p.assignedAgentId)) : a ? (b.add({ clientMsgId: s, content: m, ts: Date.now() }), k.send({ type: "send", conversationId: a, clientMsgId: s, content: m })) : $.push({ clientMsgId: s, content: m });
+      p.addOptimistic(s, m), $.render(p), p.e2e ? S.ready ? ee(s, o) : H ? N.push({ clientMsgId: s, text: o }) : (g.push({ clientMsgId: s, text: o }), p.assignedAgentId && Ie(p.assignedAgentId)) : a ? (b.add({ clientMsgId: s, content: m, ts: Date.now() }), k.send({ type: "send", conversationId: a, clientMsgId: s, content: m })) : B.push({ clientMsgId: s, content: m });
     },
     async onAttach(o) {
       if (!a) return;
       const s = `${y}/upload?name=${encodeURIComponent(o.name)}`, m = `cm_${Math.random().toString(36).slice(2)}`;
-      p.addOptimistic(m, { kind: "text", text: `📎 Uploading ${o.name}…` }), B.render(p);
+      p.addOptimistic(m, { kind: "text", text: `📎 Uploading ${o.name}…` }), $.render(p);
       try {
         const L = await fetch(s, {
           method: "POST",
@@ -934,9 +940,9 @@ function ot(t) {
         });
         if (!L.ok) throw new Error(`Upload failed: ${L.status}`);
         const { url: W, name: G, mime: Y, size: X } = await L.json();
-        p.addOptimistic(m, { kind: "attachment", url: W, name: G, mime: Y, size: X }), B.render(p), k.send({ type: "send", conversationId: a, clientMsgId: m, content: { kind: "attachment", url: W, name: G, mime: Y, size: X } });
+        p.addOptimistic(m, { kind: "attachment", url: W, name: G, mime: Y, size: X }), $.render(p), k.send({ type: "send", conversationId: a, clientMsgId: m, content: { kind: "attachment", url: W, name: G, mime: Y, size: X } });
       } catch (L) {
-        p.addOptimistic(m, { kind: "text", text: `⚠️ Upload failed: ${L.message}` }), B.render(p);
+        p.addOptimistic(m, { kind: "text", text: `⚠️ Upload failed: ${L.message}` }), $.render(p);
       }
     },
     onInvoke(o, s) {
@@ -972,11 +978,11 @@ function ot(t) {
         clearTimeout(l);
         const s = o.trim();
         if (s.length < 3) {
-          B.hideDeflection();
+          $.hideDeflection();
           return;
         }
         l = setTimeout(() => {
-          fetch(`${y}/kb/search?profileId=${encodeURIComponent(t.profileId)}&q=${encodeURIComponent(s.slice(0, 200))}`).then((m) => m.ok ? m.json() : { articles: [] }).then((m) => B.showDeflection(m.articles ?? [])).catch(() => B.hideDeflection());
+          fetch(`${y}/kb/search?profileId=${encodeURIComponent(t.profileId)}&q=${encodeURIComponent(s.slice(0, 200))}`).then((m) => m.ok ? m.json() : { articles: [] }).then((m) => $.showDeflection(m.articles ?? [])).catch(() => $.hideDeflection());
         }, 350);
       }
     } : {},
@@ -1032,11 +1038,12 @@ function ot(t) {
     ...t.accent ? { accent: t.accent } : {},
     ...t.accent2 ? { accent2: t.accent2 } : {},
     ...t.theme ? { theme: t.theme } : {},
+    ...t.webfont === !1 ? { webfont: !1 } : {},
     ...(he = t.user) != null && he.name || (ue = t.user) != null && ue.avatar ? { userInfo: { ...t.user.name ? { name: t.user.name } : {}, ...t.user.avatar ? { avatar: t.user.avatar } : {} } } : {},
-    i18n: Ie
+    i18n: Se
   });
   try {
-    localStorage.getItem(re) && B.completePreChat();
+    localStorage.getItem(re) && $.completePreChat();
   } catch {
   }
   const ce = t.user && (t.user.name || t.user.email || t.user.avatar || t.user.meta) ? {
@@ -1044,7 +1051,7 @@ function ot(t) {
     ...t.user.email ? { email: t.user.email } : {},
     ...t.user.avatar ? { avatar: t.user.avatar } : {},
     ...t.user.meta ? { meta: t.user.meta } : {}
-  } : void 0, ze = {
+  } : void 0, je = {
     type: "open",
     profileId: t.profileId,
     // Direct conversations use the kind/peerId pair; the dm:… subject key is
@@ -1060,13 +1067,13 @@ function ot(t) {
     ...(fe = t.subject) != null && fe.title ? { subjectTitle: t.subject.title } : {},
     ...(we = t.subject) != null && we.subtitle ? { subjectMeta: t.subject.subtitle } : {}
   };
-  k = new Oe({
+  k = new De({
     ...t.refreshToken ? { refreshToken: t.refreshToken } : {},
     url: w,
     token: i,
-    open: ze,
+    open: je,
     getCursor: () => p.highestSeq(),
-    onStatusChange: (o, s) => B.setConnStatus(o, s),
+    onStatusChange: (o, s) => $.setConnStatus(o, s),
     onFrame(o) {
       if (o.type === "opened") {
         if (a = o.conversation.id, !P) {
@@ -1074,28 +1081,28 @@ function ot(t) {
           for (const s of b.load())
             k.send({ type: "send", conversationId: a, clientMsgId: s.clientMsgId, content: s.content });
         }
-        Ae(w, i, a, p, B, y), $.length && A(a);
+        qe(w, i, a, p, $, y), B.length && A(a);
       }
       if (o.type === "ack" && b.remove(o.clientMsgId), o.type === "prekeyBundle") {
         o.bundle && (H = !0, S.x3dhSendTo(o.bundle).then((s) => {
           const m = [...g.splice(0), ...N.splice(0)];
-          for (const L of m) ke(L.clientMsgId, L.text, s);
-          B.render(p);
+          for (const L of m) Ce(L.clientMsgId, L.text, s);
+          $.render(p);
         }));
         return;
       }
       if (o.type === "message" && p.e2e) {
-        const s = He(o.message.content);
+        const s = _e(o.message.content);
         if (s && !S.ready) {
           S.x3dhReceiveFrom(s.x3dhIK, s.x3dhEK, s.x3dhSPK, s.x3dhOTP).then(async () => {
-            await S.openFrame(o), p.apply(o), B.render(p);
+            await S.openFrame(o), p.apply(o), $.render(p);
           });
           return;
         }
       }
       if (o.type === "peerkey") {
         S.onPeerKey(o.key).then(() => {
-          Ce(), B.render(p);
+          Te(), $.render(p);
         });
         return;
       }
@@ -1107,27 +1114,27 @@ function ot(t) {
           const m = await S.begin();
           k.send({ type: "pubkey", conversationId: a, key: m });
         }
-        B.render(p);
+        $.render(p);
       })();
     }
-  }), k.connect(), B.render(p);
-  const F = t.launcher ? ve(t) : null, V = { close: () => {
-    c = !0, clearTimeout(l), k.close(), r == null || r.remove(), B.destroy(), I && M && I.removeEventListener("change", M), j && (document.removeEventListener("keydown", j), j = null), _.delete(t.el), F && Z.get(F) === V && Z.delete(F);
+  }), k.connect(), $.render(p);
+  const F = t.launcher ? ke(t) : null, V = { close: () => {
+    c = !0, clearTimeout(l), k.close(), r == null || r.remove(), $.destroy(), I && M && I.removeEventListener("change", M), j && (document.removeEventListener("keydown", j), j = null), _.delete(t.el), F && Z.get(F) === V && Z.delete(F);
   } };
   return _.set(t.el, V), F && Z.set(F, V), V;
 }
 export {
-  Ne as ChatStore,
-  Oe as ConnectionManager,
-  De as E2ESession,
-  qe as PersistentOutbox,
-  Ve as Renderer,
-  st as asConversationId,
-  He as extractX3DHInit,
-  rt as httpBaseFromWsUrl,
-  ot as mount,
-  Re as resolveRelayUrls,
-  Ae as restoreHistory,
-  nt as unmount
+  Oe as ChatStore,
+  De as ConnectionManager,
+  He as E2ESession,
+  Ne as PersistentOutbox,
+  Xe as Renderer,
+  dt as asConversationId,
+  _e as extractX3DHInit,
+  st as httpBaseFromWsUrl,
+  at as mount,
+  Ae as resolveRelayUrls,
+  qe as restoreHistory,
+  it as unmount
 };
 //# sourceMappingURL=index.js.map