@paramms/chat-widget 1.0.26 → 1.0.27

package/dist/index.js

@@ -1,7 +1,7 @@
 var De = Object.defineProperty;
 var _e = (s, e, t) => e in s ? De(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var a = (s, e, t) => _e(s, typeof e != "symbol" ? e + "" : e, t);
-import { p as $e, r as Re, a as He } from "./uid.js";
+import { p as $e, r as He, a as Re } from "./uid.js";
 import { h as nn } from "./uid.js";
 const Gt = (s) => s;
 function Fe(s) {
@@ -1214,7 +1214,7 @@ class Et {
     var n, i;
     if (this.state === "connecting" || this.state === "open") return;
     this.stopped = !1, this.state = "connecting", this.authed = !1, (i = (n = this.opts).onStatusChange) == null || i.call(n, this.attempt > 0 ? "reconnecting" : "connecting");
-    const t = (this.opts.socketFactory ?? Bt)(this.opts.url);
+    const t = (this.opts.socketFactory ?? Pt)(this.opts.url);
     t.binaryType = "arraybuffer", this.socket = t, t.onopen = () => {
       this.raw({ type: "auth", token: this.opts.token });
     }, t.onmessage = (o) => {
@@ -1283,23 +1283,19 @@ class Et {
     this.attempt++, this.attempt >= 3 && !this.everAuthed && ((o = (i = this.opts).onStatusChange) == null || o.call(i, "reconnecting", "Can't reach chat — retrying…")), this.timer = setTimeout(() => this.connect(), n);
   }
 }
-const Tt = /* @__PURE__ */ new Set(["UNAUTHORIZED", "FORBIDDEN", "NOT_FOUND"]);
+const Tt = /* @__PURE__ */ new Set(["UNAUTHORIZED"]);
 function Ut(s) {
   switch (s) {
     case "UNAUTHORIZED":
       return "Chat unavailable — sign-in/token was rejected";
-    case "FORBIDDEN":
-      return "Chat unavailable";
-    case "NOT_FOUND":
-      return "This chat isn't available";
     default:
       return "Chat unavailable";
   }
 }
-function Bt(s) {
+function Pt(s) {
   return new WebSocket(s);
 }
-const ge = 200, Pt = 7 * 864e5;
+const ge = 200, Bt = 7 * 864e5;
 class At {
   constructor(e) {
     a(this, "key");
@@ -1310,7 +1306,7 @@ class At {
     try {
       const e = localStorage.getItem(this.key);
       if (!e) return [];
-      const t = JSON.parse(e), n = Date.now() - Pt, i = t.filter((o) => o.ts >= n);
+      const t = JSON.parse(e), n = Date.now() - Bt, i = t.filter((o) => o.ts >= n);
       return i.length !== t.length && this.save(i), i;
     } catch {
       return [];
@@ -1436,7 +1432,7 @@ async function $t(s, e) {
   const t = await V(), n = await _(t.publicKey), i = await F(e.identityKey), o = await F(e.signedPrekey), r = e.oneTimePrekey ? await F(e.oneTimePrekey) : null, p = await D(s.privateKey, o), w = await D(t.privateKey, i), d = await D(t.privateKey, o), v = r ? await D(t.privateKey, r) : null, x = Ee(p, w, d, ...v ? [v] : []);
   return { sharedKey: await Te(x), ephemeralPublicKey: n };
 }
-async function Rt(s, e, t, n, i) {
+async function Ht(s, e, t, n, i) {
   const o = await F(t), r = await F(n), p = await D(e.privateKey, o), w = await D(s.privateKey, r), d = await D(e.privateKey, r), v = i ? await D(i.privateKey, r) : null, x = Ee(p, w, d, ...v ? [v] : []);
   return Te(x);
 }
@@ -1460,7 +1456,7 @@ async function Te(s) {
     ["encrypt", "decrypt"]
   );
 }
-const Ht = 20;
+const Rt = 20;
 class Ft {
   constructor(e) {
     // Live ECDH mode state
@@ -1493,7 +1489,7 @@ class Ft {
    *  Returns the upload frame payload the caller should send to the server. */
   async initX3DH() {
     this.identityKP = await be(this.storageKey), this.signedPreKP = await V(), this.signedPrekeyId = `spk-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    for (let i = 0; i < Ht; i++) this.otpKeys.push(await V());
+    for (let i = 0; i < Rt; i++) this.otpKeys.push(await V());
     const e = await _(this.signedPreKP.publicKey), t = await Dt(this.identityKP.ecdsaKP.privateKey, this.signedPreKP.publicKey), n = await Promise.all(this.otpKeys.map((i) => _(i.publicKey)));
     return {
       identityKey: this.identityKP.publicKeyB64,
@@ -1517,7 +1513,7 @@ class Ft {
       return;
     }
     const i = this.otpKeys.shift();
-    this.x3dhShared = await Rt(this.identityKP.ecdhKP, this.signedPreKP, e, t, i);
+    this.x3dhShared = await Ht(this.identityKP.ecdhKP, this.signedPreKP, e, t, i);
   }
   /** Flush pending X3DH derivation after initX3DH() completes. */
   async flushPendingX3DH() {
@@ -1788,7 +1784,7 @@ class Wt {
     a(this, "translationCache", /* @__PURE__ */ new Map());
     a(this, "showingTranslation", /* @__PURE__ */ new Set());
     a(this, "subjectBuilt", !1);
-    var m, g, U, A, B, K, b, S, M;
+    var m, g, U, A, P, K, b, S, M;
     this.root = e, this.me = t, this.h = n, this.cfg = i, Nt(), e.replaceChildren(), e.classList.add("ocw"), i.accent && e.style.setProperty("--ocw-accent", i.accent);
     const o = c("div", "ocw-head"), r = c("div", "ocw-avatar");
     if ((m = i.userInfo) != null && m.avatar) {
@@ -1798,7 +1794,7 @@ class Wt {
       r.textContent = (g = i.userInfo) != null && g.name ? i.userInfo.name[0].toUpperCase() : "🧑";
     o.append(r);
     const p = c("div", "ocw-head-main");
-    this.headerName = c("div", "ocw-head-name", ((U = i.subject) == null ? void 0 : U.ownerLabel) ?? ((A = i.subject) == null ? void 0 : A.title) ?? ""), p.append(this.headerName), (B = i.subject) != null && B.subtitle && p.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(p), this.statusBadge = c("span", "ocw-badge", ((K = i.subject) == null ? void 0 : K.status) ?? ""), (b = i.subject) != null && b.status || (this.statusBadge.style.display = "none"), o.append(this.statusBadge), this.e2eBadge = c("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", o.append(this.e2eBadge), this.connStatus = c("span", "ocw-conn-status"), this.connStatus.style.display = "none", o.append(this.connStatus), this.cobrowseBtn = c("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
+    this.headerName = c("div", "ocw-head-name", ((U = i.subject) == null ? void 0 : U.ownerLabel) ?? ((A = i.subject) == null ? void 0 : A.title) ?? ""), p.append(this.headerName), (P = i.subject) != null && P.subtitle && p.append(c("div", "ocw-head-meta", i.subject.subtitle)), o.append(p), this.statusBadge = c("span", "ocw-badge", ((K = i.subject) == null ? void 0 : K.status) ?? ""), (b = i.subject) != null && b.status || (this.statusBadge.style.display = "none"), o.append(this.statusBadge), this.e2eBadge = c("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", o.append(this.e2eBadge), this.connStatus = c("span", "ocw-conn-status"), this.connStatus.style.display = "none", o.append(this.connStatus), this.cobrowseBtn = c("button", "ocw-menu ocw-cobrowse-btn", "🖍"), this.cobrowseBtn.title = "Shared whiteboard — draw to point things out together", this.cobrowseBtn.addEventListener("click", () => {
       this.cobrowseActive = !this.cobrowseActive, this.updateCobrowseUI();
     }), o.append(this.cobrowseBtn), o.append(c("button", "ocw-menu", "⋯")), this.chips = c("div", "ocw-chiprow"), this.scroll = c("div", "ocw-scroll"), this.subjectCard = c("div", "ocw-subject"), this.typing = c("div", "ocw-typing");
     const w = c("div", "ocw-typing-bubble");
@@ -2121,10 +2117,10 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
           U.style.cssText = "margin-top:6px;padding:5px 14px;font-size:13px";
           const A = c("button", "ocw-form-cancel", "Cancel");
           A.style.cssText = "margin-top:6px;padding:5px 10px;font-size:13px";
-          const B = c("div");
-          B.style.cssText = "display:flex;gap:6px;justify-content:flex-end", B.append(A, U);
+          const P = c("div");
+          P.style.cssText = "display:flex;gap:6px;justify-content:flex-end", P.append(A, U);
           const K = c("div");
-          K.append(g, B), w.replaceChildren(K), g.focus(), g.select();
+          K.append(g, P), w.replaceChildren(K), g.focus(), g.select();
           const b = () => w.replaceChildren(d ?? document.createTextNode(m));
           A.addEventListener("click", b), U.addEventListener("click", () => {
             const S = g.value.trim();
@@ -2148,8 +2144,8 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
         for (const [g, U] of Object.entries(e.reactions)) {
           const A = c("button", `ocw-react-pill${U.includes(this.me) ? " mine" : ""}`, `${g} ${U.length}`);
           A.addEventListener("click", () => {
-            var B, K;
-            return (K = (B = this.h).onReact) == null ? void 0 : K.call(B, e.id, g, U.includes(this.me));
+            var P, K;
+            return (K = (P = this.h).onReact) == null ? void 0 : K.call(P, e.id, g, U.includes(this.me));
           }), u.append(A);
         }
       const I = c("button", "ocw-react-btn", "＋"), m = c("div", "ocw-react-picker");
@@ -2158,8 +2154,8 @@ Message: ${o.value}`), this.offlinePanel.replaceChildren(c("div", "ocw-offline-t
         U.addEventListener("click", (A) => {
           var K, b, S, M;
           A.stopPropagation();
-          const B = (b = (K = e.reactions) == null ? void 0 : K[g]) == null ? void 0 : b.includes(this.me);
-          (M = (S = this.h).onReact) == null || M.call(S, e.id, g, !!B), m.style.display = "none";
+          const P = (b = (K = e.reactions) == null ? void 0 : K[g]) == null ? void 0 : b.includes(this.me);
+          (M = (S = this.h).onReact) == null || M.call(S, e.id, g, !!P), m.style.display = "none";
         }), m.append(U);
       }
       m.style.display = "none", I.addEventListener("click", (g) => {
@@ -2188,18 +2184,18 @@ function Xt(s) {
       return "🕓";
   }
 }
-const R = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
+const H = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
 function ve(s) {
   return `relay-launcher::${s.profileId}::${s.subjectId ?? ""}`;
 }
 function Zt(s) {
   var e;
-  (e = R.get(s)) == null || e.close(), R.delete(s);
+  (e = H.get(s)) == null || e.close(), H.delete(s);
 }
 function Qt(s) {
   var he, pe, ue, fe, we;
-  R.has(s.el) && (R.get(s.el).close(), R.delete(s.el)), s.launcher && ((he = Z.get(ve(s))) == null || he.close());
-  const e = $e(), t = s.token ?? s.userId ?? e, n = t !== e ? e : void 0, { wsUrl: i, httpBase: o } = Re(s.url, s.apiUrl);
+  H.has(s.el) && (H.get(s.el).close(), H.delete(s.el)), s.launcher && ((he = Z.get(ve(s))) == null || he.close());
+  const e = $e(), t = s.token ?? s.userId ?? e, n = t !== e ? e : void 0, { wsUrl: i, httpBase: o } = He(s.url, s.apiUrl);
   let r = new Ct(t);
   const p = s.subjectId ? `${t}::${s.subjectId}` : t, w = new At(p);
   let d, v = !1, x = null, f = null;
@@ -2209,7 +2205,7 @@ function Qt(s) {
   if (s.launcher) {
     const h = (s.position ?? "bottom-right").includes("right");
     u = document.createElement("div"), u.style.cssText = `position:fixed;${h ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${h ? "flex-end" : "flex-start"};gap:12px`;
-    const y = document.createElement("div"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, H = ($) => {
+    const y = document.createElement("div"), E = typeof window < "u" ? window.matchMedia("(max-width: 479px)") : null, R = ($) => {
       y.style.cssText = $ ? [
         "position:fixed",
         "inset:0",
@@ -2239,22 +2235,22 @@ function Qt(s) {
         "transform:scale(.95)"
       ].join(";");
     };
-    H((E == null ? void 0 : E.matches) ?? !1);
-    const Y = ($) => H($.matches);
+    R((E == null ? void 0 : E.matches) ?? !1);
+    const Y = ($) => R($.matches);
     E == null || E.addEventListener("change", Y), x = E, f = Y, s.el.style.cssText = "width:100%;height:100%;overflow:hidden", y.append(s.el);
-    const P = document.createElement("button");
-    P.style.cssText = [
+    const B = document.createElement("button");
+    B.style.cssText = [
       "width:56px;height:56px;border-radius:50%",
       `background:${s.accent ?? "#4F63F5"}`,
       "color:#fff;border:none;font-size:24px;cursor:pointer",
       "box-shadow:0 4px 16px rgba(0,0,0,.25)",
       "position:relative;flex:none",
       "transition:transform .15s"
-    ].join(";"), P.textContent = "💬", P.onmouseenter = () => {
-      P.style.transform = "scale(1.08)";
-    }, P.onmouseleave = () => {
-      P.style.transform = "scale(1)";
-    }, I = document.createElement("span"), I.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", P.append(I), u.append(y, P), document.body.append(u);
+    ].join(";"), B.textContent = "💬", B.onmouseenter = () => {
+      B.style.transform = "scale(1.08)";
+    }, B.onmouseleave = () => {
+      B.style.transform = "scale(1)";
+    }, I = document.createElement("span"), I.style.cssText = "position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center", B.append(I), u.append(y, B), document.body.append(u);
     const J = ($) => {
       $ ? (y.style.display = "flex", requestAnimationFrame(() => {
         y.style.opacity = "1", y.style.transform = "scale(1)";
@@ -2262,10 +2258,10 @@ function Qt(s) {
         g || (y.style.display = "none");
       }, 180));
     };
-    P.addEventListener("click", () => {
-      g = !g, J(g), P.textContent = g ? "✕" : "💬", P.append(I), g && (m = 0, I && (I.style.display = "none"));
+    B.addEventListener("click", () => {
+      g = !g, J(g), B.textContent = g ? "✕" : "💬", B.append(I), g && (m = 0, I && (I.style.display = "none"));
     }), document.addEventListener("keydown", ($) => {
-      $.key === "Escape" && g && (g = !1, J(!1), P.textContent = "💬", P.append(I));
+      $.key === "Escape" && g && (g = !1, J(!1), B.textContent = "💬", B.append(I));
     });
   }
   const U = () => {
@@ -2276,9 +2272,9 @@ function Qt(s) {
       h.connect(y), y.connect(l.destination), h.frequency.setValueAtTime(880, l.currentTime), h.frequency.exponentialRampToValueAtTime(440, l.currentTime + 0.15), y.gain.setValueAtTime(0.3, l.currentTime), y.gain.exponentialRampToValueAtTime(1e-3, l.currentTime + 0.3), h.start(), h.stop(l.currentTime + 0.3);
     } catch {
     }
-  }, B = [], K = (l) => {
-    for (; B.length; ) {
-      const h = B.shift();
+  }, P = [], K = (l) => {
+    for (; P.length; ) {
+      const h = P.shift();
       w.add({ clientMsgId: h.clientMsgId, content: h.content, ts: Date.now() }), b.send({ type: "send", conversationId: l, clientMsgId: h.clientMsgId, content: h.content });
     }
   };
@@ -2295,7 +2291,7 @@ function Qt(s) {
     S.sealText(h, y).then((E) => {
       d && b.send({ type: "send", conversationId: d, clientMsgId: l, content: E });
     });
-  }, Be = () => {
+  }, Pe = () => {
     for (; k.length; ) {
       const l = k.shift();
       ne(l.clientMsgId, l.text);
@@ -2304,14 +2300,14 @@ function Qt(s) {
       const l = T.shift();
       ne(l.clientMsgId, l.text);
     }
-  }, Pe = (l) => {
+  }, Be = (l) => {
     b.send({ type: "fetchPrekey", targetUserId: l });
   }, Ae = s.i18n ?? {}, Ke = ["ar", "he", "fa", "ur"], ze = typeof navigator < "u" ? (navigator.language ?? "").slice(0, 2).toLowerCase() : "";
   Ke.includes(ze) && !s.el.dir && (s.el.dir = "rtl", s.el.style.fontFamily = s.el.style.fontFamily || "Tahoma,Arial,system-ui,sans-serif");
   const L = new Wt(s.el, t, {
     onSend(l) {
       const h = `cm_${Math.random().toString(36).slice(2)}`, y = { kind: "text", text: l };
-      r.addOptimistic(h, y), L.render(r), r.e2e ? S.ready ? ne(h, l) : W ? T.push({ clientMsgId: h, text: l }) : (k.push({ clientMsgId: h, text: l }), r.assignedAgentId && Pe(r.assignedAgentId)) : d ? (w.add({ clientMsgId: h, content: y, ts: Date.now() }), b.send({ type: "send", conversationId: d, clientMsgId: h, content: y })) : B.push({ clientMsgId: h, content: y });
+      r.addOptimistic(h, y), L.render(r), r.e2e ? S.ready ? ne(h, l) : W ? T.push({ clientMsgId: h, text: l }) : (k.push({ clientMsgId: h, text: l }), r.assignedAgentId && Be(r.assignedAgentId)) : d ? (w.add({ clientMsgId: h, content: y, ts: Date.now() }), b.send({ type: "send", conversationId: d, clientMsgId: h, content: y })) : P.push({ clientMsgId: h, content: y });
     },
     async onAttach(l) {
       if (!d) return;
@@ -2324,8 +2320,8 @@ function Qt(s) {
           body: l
         });
         if (!E.ok) throw new Error(`Upload failed: ${E.status}`);
-        const { url: H, name: Y, mime: P, size: J } = await E.json();
-        b.send({ type: "send", conversationId: d, clientMsgId: y, content: { kind: "attachment", url: H, name: Y, mime: P, size: J } });
+        const { url: R, name: Y, mime: B, size: J } = await E.json();
+        b.send({ type: "send", conversationId: d, clientMsgId: y, content: { kind: "attachment", url: R, name: Y, mime: B, size: J } });
       } catch (E) {
         r.addOptimistic(y, { kind: "text", text: `⚠️ Upload failed: ${E.message}` }), L.render(r);
       }
@@ -2404,7 +2400,7 @@ function Qt(s) {
     const h = s.user;
     if (!h || !h.name && !h.email && !h.avatar && !h.meta) return;
     const y = [];
-    if (h.name && y.push(`Name: ${h.name}`), h.email && y.push(`Email: ${h.email}`), h.avatar && y.push(`Avatar: ${h.avatar}`), h.meta) for (const [E, H] of Object.entries(h.meta)) y.push(`${E}: ${H}`);
+    if (h.name && y.push(`Name: ${h.name}`), h.email && y.push(`Email: ${h.email}`), h.avatar && y.push(`Avatar: ${h.avatar}`), h.meta) for (const [E, R] of Object.entries(h.meta)) y.push(`${E}: ${R}`);
     b.send({ type: "note", conversationId: l, clientMsgId: `ui_${Date.now()}`, text: `[User info]
 ${y.join(`
 `)}` });
@@ -2423,7 +2419,7 @@ ${y.join(`
           for (const y of w.load())
             b.send({ type: "send", conversationId: d, clientMsgId: y.clientMsgId, content: y.content });
         }
-        He(i, t, d, r, L, o), B.length && K(d), h && l.conversation.lastSeq === 0 && Me(d);
+        Re(i, t, d, r, L, o), P.length && K(d), h && l.conversation.lastSeq === 0 && Me(d);
       }
       if (l.type === "ack" && w.remove(l.clientMsgId), l.type === "prekeyBundle") {
         l.bundle && (W = !0, S.x3dhSendTo(l.bundle).then((h) => {
@@ -2444,7 +2440,7 @@ ${y.join(`
       }
       if (l.type === "peerkey") {
         S.onPeerKey(l.key).then(() => {
-          Be(), L.render(r);
+          Pe(), L.render(r);
         });
         return;
       }
@@ -2461,9 +2457,9 @@ ${y.join(`
     }
   }), b.connect(), L.render(r);
   const j = s.launcher ? ve(s) : null, X = { close: () => {
-    b.close(), u == null || u.remove(), L.destroy(), x && f && x.removeEventListener("change", f), R.delete(s.el), j && Z.get(j) === X && Z.delete(j);
+    b.close(), u == null || u.remove(), L.destroy(), x && f && x.removeEventListener("change", f), H.delete(s.el), j && Z.get(j) === X && Z.delete(j);
   } };
-  return R.set(s.el, X), j && Z.set(j, X), X;
+  return H.set(s.el, X), j && Z.set(j, X), X;
 }
 export {
   Ct as ChatStore,
@@ -2475,8 +2471,8 @@ export {
   jt as extractX3DHInit,
   nn as httpBaseFromWsUrl,
   Qt as mount,
-  Re as resolveRelayUrls,
-  He as restoreHistory,
+  He as resolveRelayUrls,
+  Re as restoreHistory,
   Zt as unmount
 };
 //# sourceMappingURL=index.js.map