@paramms/chat-widget 1.0.43 → 1.0.44

package/dist/index.js

@@ -33,13 +33,13 @@ class Oe {
     var b;
     if (typeof document > "u" || !((b = e.points) != null && b.length)) return;
     const i = this.ensureSvg(), s = window.innerWidth, a = window.innerHeight, c = document.createElementNS(xe, "polyline");
-    c.setAttribute("points", e.points.map((d) => `${(d.x * s).toFixed(1)},${(d.y * a).toFixed(1)}`).join(" ")), c.setAttribute("fill", "none"), c.setAttribute("stroke", e.color || "#ff3b30"), c.setAttribute("stroke-width", String(e.width || 3)), c.setAttribute("stroke-linecap", "round"), c.setAttribute("stroke-linejoin", "round"), c.setAttribute("data-stroke-id", e.id), i.append(c);
+    c.setAttribute("points", e.points.map((l) => `${(l.x * s).toFixed(1)},${(l.y * a).toFixed(1)}`).join(" ")), c.setAttribute("fill", "none"), c.setAttribute("stroke", e.color || "#ff3b30"), c.setAttribute("stroke-width", String(e.width || 3)), c.setAttribute("stroke-linecap", "round"), c.setAttribute("stroke-linejoin", "round"), c.setAttribute("data-stroke-id", e.id), i.append(c);
     const w = setTimeout(() => {
       c.style.transition = "opacity 600ms", c.style.opacity = "0";
-      const d = setTimeout(() => {
-        c.remove(), this.timers.delete(d);
+      const l = setTimeout(() => {
+        c.remove(), this.timers.delete(l);
       }, 650);
-      this.timers.add(d), this.timers.delete(w);
+      this.timers.add(l), this.timers.delete(w);
     }, De);
     this.timers.add(w);
   }
@@ -317,7 +317,7 @@ class Ke {
     /** Whether the subject card (server Subject entity, mount config fallback)
      *  has been built — built once when data first arrives. */
     y(this, "subjectBuilt", !1);
-    var k, I, P, C, R, A, N, U, T, $;
+    var k, I, P, C, R, A, N, V, T, $;
     this.root = e, this.me = i, this.h = s, this.cfg = a, We(), e.replaceChildren(), e.classList.add("ocw"), a.accent && e.style.setProperty("--ocw-accent", a.accent);
     const c = o("div", "ocw-head");
     if (this.h.onBack) {
@@ -335,15 +335,15 @@ class Ke {
     this.headerName = o("div", "ocw-head-name", ((P = a.subject) == null ? void 0 : P.ownerLabel) ?? ((C = a.subject) == null ? void 0 : C.title) ?? ""), b.append(this.headerName), (R = a.subject) != null && R.subtitle && b.append(o("div", "ocw-head-meta", a.subject.subtitle)), c.append(b), this.statusBadge = o("span", "ocw-badge", ((A = a.subject) == null ? void 0 : A.status) ?? ""), (N = a.subject) != null && N.status || (this.statusBadge.style.display = "none"), c.append(this.statusBadge), this.e2eBadge = o("span", "ocw-e2e", "🔒 E2E"), this.e2eBadge.style.display = "none", c.append(this.e2eBadge), this.connStatus = o("span", "ocw-conn-status"), this.connStatus.style.display = "none", c.append(this.connStatus), this.cobrowseBtn = o("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();
     }), c.append(this.cobrowseBtn), c.append(o("button", "ocw-menu", "⋯")), this.chips = o("div", "ocw-chiprow"), this.scroll = o("div", "ocw-scroll"), this.subjectCard = o("div", "ocw-subject"), this.typing = o("div", "ocw-typing");
-    const d = o("div", "ocw-typing-bubble");
-    d.append(o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot")), this.typing.append(o("div", "ocw-dot", "🧑"), d), this.quick = o("div", "ocw-quick");
+    const l = o("div", "ocw-typing-bubble");
+    l.append(o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot"), o("div", "ocw-typing-dot")), this.typing.append(o("div", "ocw-dot", "🧑"), l), this.quick = o("div", "ocw-quick");
     for (const g of a.quickReplies ?? []) {
       const S = o("button", void 0, g);
       S.addEventListener("click", () => {
         this.h.onSend(g), this.quick.style.display = "none";
       }), this.quick.append(S);
     }
-    this.formHost = o("div", "ocw-form-host"), this.csatPanel = o("div", "ocw-csat"), this.csatPanel.style.display = "none", this.awayNotice = o("div", "ocw-away"), this.awayNotice.style.display = "none", this.preChatPanel = o("div", "ocw-prechat"), this.preChatPanel.style.display = "none", this.deflectPanel = o("div", "ocw-deflect"), this.deflectPanel.style.display = "none", this.input = o("textarea", void 0), this.input.rows = 1, this.input.placeholder = ((U = a.i18n) == null ? void 0 : U.placeholder) ?? "Message…";
+    this.formHost = o("div", "ocw-form-host"), this.csatPanel = o("div", "ocw-csat"), this.csatPanel.style.display = "none", this.awayNotice = o("div", "ocw-away"), this.awayNotice.style.display = "none", this.preChatPanel = o("div", "ocw-prechat"), this.preChatPanel.style.display = "none", this.deflectPanel = o("div", "ocw-deflect"), this.deflectPanel.style.display = "none", this.input = o("textarea", void 0), this.input.rows = 1, this.input.placeholder = ((V = a.i18n) == null ? void 0 : V.placeholder) ?? "Message…";
     const h = o("button", "ocw-sendbtn");
     h.type = "button";
     const v = (T = a.i18n) == null ? void 0 : T.send;
@@ -360,10 +360,10 @@ class Ke {
       var g;
       (g = u.files) != null && g[0] && this.h.onAttach && this.h.onAttach(u.files[0]), u.value = "";
     });
-    const l = o("div", "ocw-input");
-    l.append(r, u, this.input, h);
+    const d = o("div", "ocw-input");
+    d.append(r, u, this.input, h);
     const E = o("div", "ocw-footer");
-    (($ = a.i18n) == null ? void 0 : $.poweredBy) !== void 0 ? E.textContent = a.i18n.poweredBy : E.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = E, e.append(c, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.preChatPanel, this.deflectPanel, this.awayNotice, l, this.footer), this.cobrowseCanvas = o("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = o("div", "ocw-cobrowse-toolbar");
+    (($ = a.i18n) == null ? void 0 : $.poweredBy) !== void 0 ? E.textContent = a.i18n.poweredBy : E.innerHTML = 'Powered by <a href="https://relay.paramms.com" target="_blank" rel="noopener">Relay</a>', this.footer = E, e.append(c, this.chips, this.scroll, this.typing, this.quick, this.formHost, this.csatPanel, this.preChatPanel, this.deflectPanel, this.awayNotice, d, this.footer), this.cobrowseCanvas = o("canvas", "ocw-cobrowse-canvas"), this.cobrowseToolbar = o("div", "ocw-cobrowse-toolbar");
     for (const g of ["#f5713c", "#1c1b1a", "#2563eb", "#16a34a", "#dc2626"]) {
       const S = o("button", "ocw-cobrowse-swatch");
       S.style.background = g, S.type = "button", g === this.cobrowseColor && S.classList.add("sel"), S.addEventListener("click", () => {
@@ -418,7 +418,7 @@ class Ke {
     this.h.onTyping(!0, e), this.typingTimer && clearTimeout(this.typingTimer), this.typingTimer = setTimeout(() => this.h.onTyping(!1), 2e3);
   }
   render(e) {
-    var r, u, l, E, m;
+    var r, u, d, E, m;
     if (this.storeRef = e, this.cobrowseBtn.classList.toggle("show", !!e.subject), !e.subject && this.cobrowseActive && (this.cobrowseActive = !1, this.updateCobrowseUI()), this.cobrowseActive && e.annotationVersion !== this.lastAnnotationVersion && (this.lastAnnotationVersion = e.annotationVersion, this.resizeCobrowseCanvas(), this.redrawCobrowse()), e.accent && this.root.style.setProperty("--ocw-accent", e.accent), this.e2eBadge.style.display = e.e2e ? "inline-flex" : "none", this.buildSubjectCard(e), e.subject) {
       const f = (r = this.cfg.subject) == null ? void 0 : r.ownerLabel;
       f && (this.headerName.textContent = f);
@@ -440,9 +440,9 @@ class Ke {
     this.typing.classList.toggle("active", w.length > 0);
     const b = this.typing.querySelector(".ocw-typing-bubble");
     b && b.setAttribute("aria-label", w.length ? "typing" : ""), this.footer.style.display = e.whiteLabel ? "none" : "block";
-    const d = e.messages().some((f) => f.senderRole === "guest");
-    if (!!((u = e.preChat) != null && u.enabled) && !this.preChatDone && !d && (e.preChat.showWhen !== "offline" || e.offline))
-      this.preChatBuilt || this.buildPreChatPanel(e.preChat), this.preChatPanel.style.display = "block", this.awayNotice.style.display = "none", (l = this.root.querySelector(".ocw-input")) == null || l.style.setProperty("display", "none");
+    const l = e.messages().some((f) => f.senderRole === "guest");
+    if (!!((u = e.preChat) != null && u.enabled) && !this.preChatDone && !l && (e.preChat.showWhen !== "offline" || e.offline))
+      this.preChatBuilt || this.buildPreChatPanel(e.preChat), this.preChatPanel.style.display = "block", this.awayNotice.style.display = "none", (d = this.root.querySelector(".ocw-input")) == null || d.style.setProperty("display", "none");
     else {
       if (this.preChatPanel.style.display = "none", e.offline) {
         this.awayNotice.firstChild || this.awayNotice.append(o("span", "ocw-away-icon", "🌙"), o("span", "", ""));
@@ -465,7 +465,7 @@ class Ke {
     this.connStatus.className = `ocw-conn-status${s ? " err" : e === "reconnecting" ? " warn" : ""}`, this.connStatus.textContent = s ? `⚠ ${i ?? "Chat unavailable"}` : e === "reconnecting" ? i ?? "↻ reconnecting…" : "● connecting…";
   }
   buildPreChatPanel(e) {
-    var d;
+    var l;
     this.preChatBuilt = !0, this.preChatPanel.replaceChildren(), this.preChatPanel.append(o("div", "ocw-prechat-title", e.title ?? "Before we start…"));
     const i = o("div", "ocw-offline-form"), s = {};
     for (const h of e.fields ?? ["name", "email"]) {
@@ -473,7 +473,7 @@ class Ke {
       v.type = h === "email" ? "email" : h === "phone" ? "tel" : "text", v.placeholder = h === "name" ? "Your name" : h === "email" ? "Your email" : "Your phone number", s[h] = v, i.append(v);
     }
     let a = null;
-    if ((d = e.topics) != null && d.length) {
+    if ((l = e.topics) != null && l.length) {
       a = o("select", void 0);
       const h = document.createElement("option");
       h.value = "", h.textContent = "What is this about?", a.append(h);
@@ -490,13 +490,13 @@ class Ke {
     }
     const b = o("button", "ocw-offline-submit", "Start chat");
     b.type = "button", b.addEventListener("click", () => {
-      var u, l, E, m, f, k, I;
+      var u, d, E, m, f, k, I;
       const h = (u = s.email) == null ? void 0 : u.value.trim();
       if (s.email && (!h || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h))) {
         s.email.focus();
         return;
       }
-      const v = !!(c != null && c.checked), r = (((l = s.phone) == null ? void 0 : l.value) ?? (w == null ? void 0 : w.value) ?? "").trim();
+      const v = !!(c != null && c.checked), r = (((d = s.phone) == null ? void 0 : d.value) ?? (w == null ? void 0 : w.value) ?? "").trim();
       if (v && !r) {
         (E = s.phone ?? w) == null || E.focus();
         return;
@@ -571,8 +571,8 @@ class Ke {
   bindCobrowsePointerEvents() {
     let e = !1, i = [];
     const s = (w) => {
-      const b = this.cobrowseCanvas.getBoundingClientRect(), d = b.width > 0 ? (w.clientX - b.left) / b.width : 0, h = b.height > 0 ? (w.clientY - b.top) / b.height : 0;
-      return { x: Math.min(1, Math.max(0, d)), y: Math.min(1, Math.max(0, h)) };
+      const b = this.cobrowseCanvas.getBoundingClientRect(), l = b.width > 0 ? (w.clientX - b.left) / b.width : 0, h = b.height > 0 ? (w.clientY - b.top) / b.height : 0;
+      return { x: Math.min(1, Math.max(0, l)), y: Math.min(1, Math.max(0, h)) };
     }, a = 6e-3;
     this.cobrowseCanvas.addEventListener("pointerdown", (w) => {
       this.cobrowseActive && (e = !0, i = [s(w)], this.cobrowseCanvas.setPointerCapture(w.pointerId));
@@ -580,9 +580,9 @@ class Ke {
       e && (i.push(s(w)), this.redrawCobrowse(), this.drawStroke({ points: i, color: this.cobrowseColor, width: a }));
     });
     const c = (w) => {
-      var b, d;
+      var b, l;
       if (e) {
-        e = !1, i.length > 1 && ((d = (b = this.h).onAnnotate) == null || d.call(b, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: i, color: this.cobrowseColor, width: a })), i = [];
+        e = !1, i.length > 1 && ((l = (b = this.h).onAnnotate) == null || l.call(b, { id: `an_${Date.now()}_${Math.random().toString(36).slice(2)}`, points: i, color: this.cobrowseColor, width: a })), i = [];
         try {
           this.cobrowseCanvas.releasePointerCapture(w.pointerId);
         } catch {
@@ -597,7 +597,7 @@ class Ke {
     if (!a) return;
     this.subjectBuilt = !0, this.subjectCard.replaceChildren(), this.subjectCard.append(o("div", "ocw-subject-title", a)), s != null && s.subtitle && this.subjectCard.append(o("div", "ocw-subject-sub", s.subtitle));
     const c = o("div", "ocw-tags");
-    if (i) for (const [b, d] of Object.entries(i.fields)) c.append(o("span", "ocw-tag", `${b}: ${d}`));
+    if (i) for (const [b, l] of Object.entries(i.fields)) c.append(o("span", "ocw-tag", `${b}: ${l}`));
     else for (const b of (s == null ? void 0 : s.tags) ?? []) c.append(o("span", "ocw-tag", b));
     c.childNodes.length && this.subjectCard.append(c);
     const w = (i == null ? void 0 : i.state) ?? (s == null ? void 0 : s.status);
@@ -615,18 +615,18 @@ class Ke {
     return new Promise((i) => {
       const s = o("div", "ocw-modal"), a = o("div", "ocw-modal-card");
       a.append(o("div", "ocw-modal-title", e)), a.append(o("div", "ocw-modal-body", `Confirm “${e}”?`));
-      const c = o("div", "ocw-modal-actions"), w = o("button", "ocw-modal-cancel", "Cancel"), b = o("button", "ocw-modal-ok", "Confirm"), d = (h) => {
+      const c = o("div", "ocw-modal-actions"), w = o("button", "ocw-modal-cancel", "Cancel"), b = o("button", "ocw-modal-ok", "Confirm"), l = (h) => {
         s.remove(), i(h);
       };
-      w.addEventListener("click", () => d(!1)), b.addEventListener("click", () => d(!0)), s.addEventListener("click", (h) => {
-        h.target === s && d(!1);
+      w.addEventListener("click", () => l(!1)), b.addEventListener("click", () => l(!0)), s.addEventListener("click", (h) => {
+        h.target === s && l(!1);
       }), c.append(w, b), a.append(c), s.append(a), this.root.append(s), b.focus();
     });
   }
   /** Inline form for a form-effect action: typed inputs (date picker, number,
    *  text) rendered above the composer — no browser prompts. */
   openForm(e) {
-    var b, d;
+    var b, l;
     this.formHost.replaceChildren();
     const i = o("div", "ocw-form");
     i.append(o("div", "ocw-form-title", e.icon ? `${e.icon} ${e.label}` : e.label));
@@ -637,8 +637,8 @@ class Ke {
         const r = o("select", "ocw-form-input");
         h.required || r.append(o("option", void 0, "— select —"));
         for (const u of h.options) {
-          const l = o("option");
-          l.value = u, l.textContent = u, r.append(l);
+          const d = o("option");
+          d.value = u, d.textContent = u, r.append(d);
         }
         h.required && (r.required = !0), v.append(r), s.set(h.name, r);
       } else {
@@ -658,7 +658,7 @@ class Ke {
         h[v] = r.type === "number" ? Number(r.value) : r.value;
       }
       this.formHost.replaceChildren(), this.h.onInvoke(e.id, h);
-    }), a.append(c, w), i.append(a), this.formHost.append(i), (d = s.values().next().value) == null || d.focus();
+    }), a.append(c, w), i.append(a), this.formHost.append(i), (l = s.values().next().value) == null || l.focus();
   }
   messageEl(e, i) {
     var r;
@@ -673,58 +673,58 @@ class Ke {
       const u = o("div", "ocw-reply-to", "↩ replying to a message");
       u.style.cssText = "font-size:11px;color:var(--ocw-mut);margin-bottom:2px;font-style:italic", w.append(u);
     }
-    const d = o("div", "ocw-bubble");
+    const l = o("div", "ocw-bubble");
     let h = null;
-    if (e.deletedAt) d.append(o("span", "ocw-deleted", "message deleted"));
+    if (e.deletedAt) l.append(o("span", "ocw-deleted", "message deleted"));
     else if (e.content.kind === "attachment") {
       const u = e.content;
       if ((r = u.mime) != null && r.startsWith("image/")) {
-        const l = document.createElement("img");
-        l.src = u.url, l.alt = u.name ?? "image", l.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", l.addEventListener("click", () => window.open(u.url, "_blank")), d.append(l);
+        const d = document.createElement("img");
+        d.src = u.url, d.alt = u.name ?? "image", d.style.cssText = "max-width:220px;max-height:160px;border-radius:10px;display:block;cursor:pointer", d.addEventListener("click", () => window.open(u.url, "_blank")), l.append(d);
       } else {
-        const l = document.createElement("a");
-        l.href = u.url, l.target = "_blank", l.rel = "noopener", l.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", l.append(o("span", void 0, "📄"), o("span", void 0, u.name ?? "file")), d.append(l);
+        const d = document.createElement("a");
+        d.href = u.url, d.target = "_blank", d.rel = "noopener", d.style.cssText = "display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none", d.append(o("span", void 0, "📄"), o("span", void 0, u.name ?? "file")), l.append(d);
       }
     } else if (e.content.kind === "appointment") {
-      const u = e.content, l = o("div", "ocw-appt");
-      l.append(o("div", "ocw-appt-title", `📅 ${u.title}`)), l.append(o("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && l.append(o("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && l.append(o("div", "ocw-appt-desc", u.description));
+      const u = e.content, d = o("div", "ocw-appt");
+      d.append(o("div", "ocw-appt-title", `📅 ${u.title}`)), d.append(o("div", "ocw-appt-time", new Date(u.startIso).toLocaleString() + " – " + new Date(u.endIso).toLocaleTimeString())), u.location && d.append(o("div", "ocw-appt-loc", `📍 ${u.location}`)), u.description && d.append(o("div", "ocw-appt-desc", u.description));
       const E = o("div", "ocw-appt-links"), m = document.createElement("a");
       m.href = u.googleUrl, m.target = "_blank", m.rel = "noopener", m.className = "ocw-appt-btn", m.textContent = "📅 Add to Google Calendar";
       const f = document.createElement("a");
-      f.href = u.icalUrl, f.download = `${u.title}.ics`, f.className = "ocw-appt-btn ocw-appt-btn-sec", f.textContent = "🍎 Apple / iCal", E.append(m, f), l.append(E), d.append(l);
+      f.href = u.icalUrl, f.download = `${u.title}.ics`, f.className = "ocw-appt-btn ocw-appt-btn-sec", f.textContent = "🍎 Apple / iCal", E.append(m, f), d.append(E), l.append(d);
     } else
-      h = document.createTextNode(ie(e.content)), d.append(h), e.editedAt && d.append(o("span", "ocw-edited", "(edited)"));
-    if (b.append(d), !s && !a && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && h) {
+      h = document.createTextNode(ie(e.content)), l.append(h), e.editedAt && l.append(o("span", "ocw-edited", "(edited)"));
+    if (b.append(l), !s && !a && this.h.onTranslate && e.content.kind === "text" && !e.deletedAt && e.seq > 0 && h) {
       const u = e.content.text;
       if (u.trim()) {
-        const l = o("button", "ocw-translate-btn", "🌐");
-        l.type = "button", l.title = "Translate", l.addEventListener("click", (E) => {
+        const d = o("button", "ocw-translate-btn", "🌐");
+        d.type = "button", d.title = "Translate", d.addEventListener("click", (E) => {
           if (E.stopPropagation(), this.showingTranslation.has(e.id)) {
-            this.showingTranslation.delete(e.id), h.textContent = u, l.textContent = "🌐", l.title = "Translate";
+            this.showingTranslation.delete(e.id), h.textContent = u, d.textContent = "🌐", d.title = "Translate";
             return;
           }
           const m = this.translationCache.get(e.id);
           if (m !== void 0) {
-            this.showingTranslation.add(e.id), h.textContent = m, l.textContent = "↩", l.title = "Show original";
+            this.showingTranslation.add(e.id), h.textContent = m, d.textContent = "↩", d.title = "Show original";
             return;
           }
-          l.textContent = "⏳", this.h.onTranslate(u).then((f) => {
+          d.textContent = "⏳", this.h.onTranslate(u).then((f) => {
             if (f === null) {
-              l.textContent = "⚠️", l.title = "Translation unavailable", setTimeout(() => {
-                l.textContent = "🌐", l.title = "Translate";
+              d.textContent = "⚠️", d.title = "Translation unavailable", setTimeout(() => {
+                d.textContent = "🌐", d.title = "Translate";
               }, 1500);
               return;
             }
-            this.translationCache.set(e.id, f), this.showingTranslation.add(e.id), h.textContent = f, l.textContent = "↩", l.title = "Show original";
+            this.translationCache.set(e.id, f), this.showingTranslation.add(e.id), h.textContent = f, d.textContent = "↩", d.title = "Show original";
           });
-        }), b.append(l);
+        }), b.append(d);
       }
     }
     if (s && !e.deletedAt && e.seq > 0 && (this.h.onEdit ?? this.h.onDelete)) {
       const u = o("div", "ocw-msg-menu");
       if (this.h.onEdit) {
-        const l = o("button", void 0, "✏️");
-        l.title = "Edit", l.addEventListener("click", (E) => {
+        const d = o("button", void 0, "✏️");
+        d.title = "Edit", d.addEventListener("click", (E) => {
           E.stopPropagation();
           const m = ie(e.content), f = document.createElement("textarea");
           f.value = m, f.rows = Math.min(4, Math.ceil(m.length / 40) + 1), f.style.cssText = "width:100%;resize:vertical;border:1px solid var(--ocw-accent);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;background:#fff;color:#1c1b1a;box-sizing:border-box";
@@ -735,33 +735,33 @@ class Ke {
           const P = o("div");
           P.style.cssText = "display:flex;gap:6px;justify-content:flex-end", P.append(I, k);
           const C = o("div");
-          C.append(f, P), d.replaceChildren(C), f.focus(), f.select();
-          const R = () => d.replaceChildren(h ?? document.createTextNode(m));
+          C.append(f, P), l.replaceChildren(C), f.focus(), f.select();
+          const R = () => l.replaceChildren(h ?? document.createTextNode(m));
           I.addEventListener("click", R), k.addEventListener("click", () => {
             const A = f.value.trim();
             A && A !== m && this.h.onEdit(e.id, A), R();
           }), f.addEventListener("keydown", (A) => {
             A.key === "Enter" && !A.shiftKey && (A.preventDefault(), k.click()), A.key === "Escape" && R();
           });
-        }), u.append(l);
+        }), u.append(d);
       }
       if (this.h.onDelete) {
-        const l = o("button", "del", "🗑");
-        l.title = "Delete", l.addEventListener("click", (E) => {
+        const d = o("button", "del", "🗑");
+        d.title = "Delete", d.addEventListener("click", (E) => {
           E.stopPropagation(), this.h.onDelete(e.id);
-        }), u.append(l);
+        }), u.append(d);
       }
       b.append(u);
     }
     if (w.append(b), this.h.onReact && !e.deletedAt && e.seq > 0) {
-      const u = o("div", "ocw-react-wrap"), l = o("div", "ocw-react");
+      const u = o("div", "ocw-react-wrap"), d = o("div", "ocw-react");
       if (e.reactions && Object.keys(e.reactions).length)
         for (const [f, k] of Object.entries(e.reactions)) {
           const I = o("button", `ocw-react-pill${k.includes(this.me) ? " mine" : ""}`, `${f} ${k.length}`);
           I.addEventListener("click", () => {
             var P, C;
             return (C = (P = this.h).onReact) == null ? void 0 : C.call(P, e.id, f, k.includes(this.me));
-          }), l.append(I);
+          }), d.append(I);
         }
       const E = o("button", "ocw-react-btn", "＋"), m = o("div", "ocw-react-picker");
       for (const f of He) {
@@ -779,8 +779,8 @@ class Ke {
         m.style.display = k ? "flex" : "none", k && document.addEventListener("click", () => {
           m.style.display = "none";
         }, { once: !0 });
-      }), l.append(E), u.append(l, m), w.append(u);
-    } else e.reactions && Object.keys(e.reactions).length && w.append(o("div", "ocw-react", Object.entries(e.reactions).map(([u, l]) => `${u}${l.length}`).join(" ")));
+      }), d.append(E), u.append(d, m), w.append(u);
+    } else e.reactions && Object.keys(e.reactions).length && w.append(o("div", "ocw-react", Object.entries(e.reactions).map(([u, d]) => `${u}${d.length}`).join(" ")));
     const v = o("div", "ocw-time ocw-meta", Ve(e.ts));
     if (s && e.status) {
       const u = o("span", `ocw-tick${e.status === "read" ? " read" : e.status === "delivered" ? " delivered" : ""}`, Ge(e.status));
@@ -801,15 +801,15 @@ function Ge(t) {
       return "🕓";
   }
 }
-const O = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new Map();
+const O = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new Map();
 function me(t) {
   return `relay-launcher::${t.profileId}::${t.subjectId ?? ""}`;
 }
-let F = null;
+let W = null;
 function Ye() {
-  if (F && F.state !== "closed") return F;
+  if (W && W.state !== "closed") return W;
   try {
-    return F = new AudioContext(), F;
+    return W = new AudioContext(), W;
   } catch {
     return null;
   }
@@ -820,20 +820,20 @@ function tt(t) {
 }
 function ot(t) {
   var le, de, pe, he, ue;
-  O.has(t.el) && (O.get(t.el).close(), O.delete(t.el)), t.launcher && ((le = X.get(me(t))) == null || le.close());
+  O.has(t.el) && (O.get(t.el).close(), O.delete(t.el)), t.launcher && ((le = Q.get(me(t))) == null || le.close());
   const e = Pe();
   let i, s = !1;
   const a = t.token ?? t.userId ?? e, c = a !== e ? e : void 0, { wsUrl: w, httpBase: b } = Ae(t.url, t.apiUrl);
-  let d = new Me(a);
+  let l = new Me(a);
   const h = t.subjectId ? `${a}::${t.subjectId}` : a, v = new $e(h);
-  let r, u = !1, l = null, E = null, m = null, f = null;
+  let r, u = !1, d = null, E = null, m = null, f = 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 n of v.load()) d.addOptimistic(n.clientMsgId, n.content);
+  for (const n of v.load()) l.addOptimistic(n.clientMsgId, n.content);
   let k = null, I = null, P = 0, C = !t.launcher;
   if (t.launcher) {
     const p = (t.position ?? "bottom-right").includes("right");
     k = document.createElement("div"), k.style.cssText = `position:fixed;${p ? "right:20px" : "left:20px"};bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:${p ? "flex-end" : "flex-start"};gap:12px`;
-    const x = document.createElement("div"), j = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(max-width: 479px)") : null, V = (L) => {
+    const x = document.createElement("div"), j = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(max-width: 479px)") : null, F = (L) => {
       t.el.classList.toggle("ocw-fs", L), x.style.cssText = L ? [
         "position:fixed",
         "inset:0",
@@ -863,10 +863,10 @@ function ot(t) {
         "transform:scale(.95)"
       ].join(";");
     };
-    V((j == null ? void 0 : j.matches) ?? !1);
-    const K = (L) => V(L.matches);
-    j == null || j.addEventListener("change", K), l = j, E = K, t.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(t.el);
-    const Q = '<svg viewBox="0 0 24 24" width="26" height="26" 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>', Z = '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>', M = document.createElement("button");
+    F((j == null ? void 0 : j.matches) ?? !1);
+    const U = (L) => F(L.matches);
+    j == null || j.addEventListener("change", U), d = j, E = U, t.el.style.cssText = "width:100%;height:100%;overflow:hidden", x.append(t.el);
+    const G = '<svg viewBox="0 0 24 24" width="26" height="26" 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>', Y = '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>', M = document.createElement("button");
     M.type = "button", M.style.cssText = [
       "width:56px;height:56px;border-radius:50%",
       `background:${t.accent ?? "#4F63F5"}`,
@@ -880,11 +880,11 @@ function ot(t) {
     }, M.onmouseleave = () => {
       M.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";
-    const G = () => {
-      M.innerHTML = C ? Z : Q, M.setAttribute("aria-label", C ? "Close chat" : "Open chat"), M.setAttribute("aria-expanded", String(C)), M.append(I);
+    const X = () => {
+      M.innerHTML = C ? Y : G, M.setAttribute("aria-label", C ? "Close chat" : "Open chat"), M.setAttribute("aria-expanded", String(C)), M.append(I);
     };
-    G(), k.append(x, M), document.body.append(k);
-    const ee = `ocw-teaser-dismissed::${t.profileId}`, Y = typeof t.launcherMessage == "string" ? { title: t.launcherMessage } : t.launcherMessage;
+    X(), k.append(x, M), document.body.append(k);
+    const ee = `ocw-teaser-dismissed::${t.profileId}`, J = typeof t.launcherMessage == "string" ? { title: t.launcherMessage } : t.launcherMessage;
     let z = null;
     const Se = () => {
       try {
@@ -893,7 +893,7 @@ function ot(t) {
         return !1;
       }
     }, ze = '<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>', fe = () => {
-      const L = Y != null && Y.title ? Y : d.launcherMessage ?? void 0;
+      const L = J != null && J.title ? J : l.launcherMessage ?? void 0;
       if (!(!!(L != null && L.title) && !C && !Se())) {
         z && (z.remove(), z = null);
         return;
@@ -930,7 +930,7 @@ function ot(t) {
         z && (z.remove(), z = null);
       }), z.append(H);
       const we = () => {
-        C || (C = !0, te(!0), G(), P = 0, I && (I.style.display = "none"), z && (z.remove(), z = null));
+        C || (C = !0, te(!0), X(), P = 0, I && (I.style.display = "none"), z && (z.remove(), z = null));
       };
       z.addEventListener("click", we), z.addEventListener("keydown", (D) => {
         (D.key === "Enter" || D.key === " ") && (D.preventDefault(), we());
@@ -949,7 +949,7 @@ function ot(t) {
       }, 180));
     };
     M.addEventListener("click", () => {
-      if (C = !C, te(C), G(), C) {
+      if (C = !C, te(C), X(), C) {
         P = 0, I && (I.style.display = "none");
         try {
           sessionStorage.setItem(ee, "1");
@@ -958,7 +958,7 @@ function ot(t) {
       }
       f == null || f();
     }), m = (L) => {
-      L.key === "Escape" && C && (C = !1, te(!1), G());
+      L.key === "Escape" && C && (C = !1, te(!1), X());
     }, document.addEventListener("keydown", m);
   }
   const R = () => {
@@ -973,7 +973,7 @@ function ot(t) {
       p.connect(x), x.connect(n.destination), p.frequency.setValueAtTime(880, n.currentTime), p.frequency.exponentialRampToValueAtTime(440, n.currentTime + 0.15), x.gain.setValueAtTime(0.3, n.currentTime), x.gain.exponentialRampToValueAtTime(1e-3, n.currentTime + 0.3), p.start(), p.stop(n.currentTime + 0.3);
     } catch {
     }
-  }, N = [], U = (n) => {
+  }, N = [], V = (n) => {
     for (; N.length; ) {
       const p = N.shift();
       v.add({ clientMsgId: p.clientMsgId, content: p.content, ts: Date.now() }), T.send({ type: "send", conversationId: n, clientMsgId: p.clientMsgId, content: p.content });
@@ -984,7 +984,7 @@ function ot(t) {
   let g = !1;
   const S = [], q = [];
   let se = !1;
-  const J = (n, p) => {
+  const Z = (n, p) => {
     $.sealText(p).then((x) => {
       r && T.send({ type: "send", conversationId: r, clientMsgId: n, content: x });
     });
@@ -995,11 +995,11 @@ function ot(t) {
   }, ve = () => {
     for (; S.length; ) {
       const n = S.shift();
-      J(n.clientMsgId, n.text);
+      Z(n.clientMsgId, n.text);
     }
     for (; q.length; ) {
       const n = q.shift();
-      J(n.clientMsgId, n.text);
+      Z(n.clientMsgId, n.text);
     }
   }, ke = (n) => {
     T.send({ type: "fetchPrekey", targetUserId: n });
@@ -1008,12 +1008,12 @@ function ot(t) {
   const ae = new Oe(), re = `oc_prechat_${t.profileId}_${a.slice(-8)}`, B = new Ke(t.el, a, {
     onSend(n) {
       const p = `cm_${Math.random().toString(36).slice(2)}`, x = { kind: "text", text: n };
-      d.addOptimistic(p, x), B.render(d), d.e2e ? $.ready ? J(p, n) : se ? q.push({ clientMsgId: p, text: n }) : (S.push({ clientMsgId: p, text: n }), d.assignedAgentId && ke(d.assignedAgentId)) : r ? (v.add({ clientMsgId: p, content: x, ts: Date.now() }), T.send({ type: "send", conversationId: r, clientMsgId: p, content: x })) : N.push({ clientMsgId: p, content: x });
+      l.addOptimistic(p, x), B.render(l), l.e2e ? $.ready ? Z(p, n) : se ? q.push({ clientMsgId: p, text: n }) : (S.push({ clientMsgId: p, text: n }), l.assignedAgentId && ke(l.assignedAgentId)) : r ? (v.add({ clientMsgId: p, content: x, ts: Date.now() }), T.send({ type: "send", conversationId: r, clientMsgId: p, content: x })) : N.push({ clientMsgId: p, content: x });
     },
     async onAttach(n) {
       if (!r) return;
       const p = `${b}/upload?name=${encodeURIComponent(n.name)}`, x = `cm_${Math.random().toString(36).slice(2)}`;
-      d.addOptimistic(x, { kind: "text", text: `📎 Uploading ${n.name}…` }), B.render(d);
+      l.addOptimistic(x, { kind: "text", text: `📎 Uploading ${n.name}…` }), B.render(l);
       try {
         const j = await fetch(p, {
           method: "POST",
@@ -1026,10 +1026,10 @@ function ot(t) {
           body: n
         });
         if (!j.ok) throw new Error(`Upload failed: ${j.status}`);
-        const { url: V, name: K, mime: Q, size: Z } = await j.json();
-        T.send({ type: "send", conversationId: r, clientMsgId: x, content: { kind: "attachment", url: V, name: K, mime: Q, size: Z } });
+        const { url: F, name: U, mime: G, size: Y } = await j.json();
+        l.addOptimistic(x, { kind: "attachment", url: F, name: U, mime: G, size: Y }), B.render(l), T.send({ type: "send", conversationId: r, clientMsgId: x, content: { kind: "attachment", url: F, name: U, mime: G, size: Y } });
       } catch (j) {
-        d.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${j.message}` }), B.render(d);
+        l.addOptimistic(x, { kind: "text", text: `⚠️ Upload failed: ${j.message}` }), B.render(l);
       }
     },
     onInvoke(n, p) {
@@ -1057,7 +1057,7 @@ function ot(t) {
         }
       });
       const p = n.callback ? `📞 Call-back requested${n.phone ? `: ${n.phone}` : ""}${n.topic ? ` — ${n.topic}` : ""}` : n.topic ? `Topic: ${n.topic}` : "";
-      p && r && !d.e2e && T.send({ type: "send", conversationId: r, clientMsgId: `pc_${Math.random().toString(36).slice(2, 12)}`, content: { kind: "text", text: p } });
+      p && r && !l.e2e && T.send({ type: "send", conversationId: r, clientMsgId: `pc_${Math.random().toString(36).slice(2, 12)}`, content: { kind: "text", text: p } });
     },
     onDeflectQuery(n) {
       if (s) return;
@@ -1075,8 +1075,8 @@ function ot(t) {
       r && T.send({ type: "read", conversationId: r, seq: n });
     },
     onLoadMore() {
-      if (!r || !d.e2e) return;
-      const n = d.messages()[0];
+      if (!r || !l.e2e) return;
+      const n = l.messages()[0];
       n && T.send({ type: "history", conversationId: r, beforeSeq: n.seq, limit: 20 });
     },
     onEdit(n, p) {
@@ -1156,7 +1156,7 @@ function ot(t) {
     url: w,
     token: a,
     open: Ie,
-    getCursor: () => d.highestSeq(),
+    getCursor: () => l.highestSeq(),
     onStatusChange: (n, p) => B.setConnStatus(n, p),
     onFrame(n) {
       if (ae.apply(n), n.type === "opened") {
@@ -1165,47 +1165,47 @@ function ot(t) {
           for (const p of v.load())
             T.send({ type: "send", conversationId: r, clientMsgId: p.clientMsgId, content: p.content });
         }
-        Be(w, a, r, d, B, b), N.length && U(r);
+        Be(w, a, r, l, B, b), N.length && V(r);
       }
       if (n.type === "ack" && v.remove(n.clientMsgId), n.type === "prekeyBundle") {
         n.bundle && (se = !0, $.x3dhSendTo(n.bundle).then((p) => {
           const x = [...S.splice(0), ...q.splice(0)];
           for (const j of x) ye(j.clientMsgId, j.text, p);
-          B.render(d);
+          B.render(l);
         }));
         return;
       }
-      if (n.type === "message" && d.e2e) {
+      if (n.type === "message" && l.e2e) {
         const p = Ne(n.message.content);
         if (p && !$.ready) {
           $.x3dhReceiveFrom(p.x3dhIK, p.x3dhEK, p.x3dhSPK).then(async () => {
-            await $.openFrame(n), d.apply(n), B.render(d);
+            await $.openFrame(n), l.apply(n), B.render(l);
           });
           return;
         }
       }
       if (n.type === "peerkey") {
         $.onPeerKey(n.key).then(() => {
-          ve(), B.render(d);
+          ve(), B.render(l);
         });
         return;
       }
       (async () => {
-        if (d.e2e && await $.openFrame(n), d.apply(n), n.type === "manifest" && (f == null || f()), n.type === "message" && n.message.senderId !== a && !n.message.internal && (R(), A()), d.e2e && r && !g) {
+        if (l.e2e && await $.openFrame(n), l.apply(n), n.type === "manifest" && (f == null || f()), n.type === "message" && n.message.senderId !== a && !n.message.internal && (R(), A()), l.e2e && r && !g) {
           g = !0;
           const p = await $.initX3DH();
           T.send({ type: "uploadPrekeys", ...p });
           const x = await $.begin();
           T.send({ type: "pubkey", conversationId: r, key: x });
         }
-        B.render(d);
+        B.render(l);
       })();
     }
-  }), T.connect(), B.render(d);
-  const _ = t.launcher ? me(t) : null, W = { close: () => {
-    s = !0, clearTimeout(i), T.close(), k == null || k.remove(), B.destroy(), ae.destroy(), l && E && l.removeEventListener("change", E), m && (document.removeEventListener("keydown", m), m = null), O.delete(t.el), _ && X.get(_) === W && X.delete(_);
+  }), T.connect(), B.render(l);
+  const _ = t.launcher ? me(t) : null, K = { close: () => {
+    s = !0, clearTimeout(i), T.close(), k == null || k.remove(), B.destroy(), ae.destroy(), d && E && d.removeEventListener("change", E), m && (document.removeEventListener("keydown", m), m = null), O.delete(t.el), _ && Q.get(_) === K && Q.delete(_);
   } };
-  return O.set(t.el, W), _ && X.set(_, W), W;
+  return O.set(t.el, K), _ && Q.set(_, K), K;
 }
 export {
   Me as ChatStore,