@paramms/chat-widget 1.0.45 → 1.0.47

package/dist/react.js

@@ -1,8 +1,8 @@
-import { jsxs as D, jsx as e, Fragment as Y } from "react/jsx-runtime";
-import { useState as _, useRef as B, useEffect as W } from "react";
-import { mount as G } from "./index.js";
-function q({ size: o = 26 }) {
-  return /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: o, height: o, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e(
+import { jsxs as W, jsx as n, Fragment as q } from "react/jsx-runtime";
+import { useState as _, useRef as k, useEffect as A } from "react";
+import { mount as Y } from "./index.js";
+function K({ size: r = 26 }) {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", width: r, height: r, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n(
     "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",
@@ -14,290 +14,302 @@ function q({ size: o = 26 }) {
     }
   ) });
 }
-function K({ size: o = 22 }) {
-  return /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: o, height: o, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }) });
+function E({ size: r = 22 }) {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", width: r, height: r, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M18 6 6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }) });
 }
-function Z({
-  url: o,
-  apiUrl: r,
-  profileId: s,
-  token: n,
-  refreshToken: i,
-  userId: l,
+function T({
+  url: r,
+  apiUrl: i,
+  profileId: c,
+  token: o,
+  refreshToken: l,
+  userId: s,
   userName: d,
   userEmail: p,
-  userAvatar: v,
-  contextTitle: m,
-  contextSubtitle: u,
-  contextStatus: S,
-  subjectId: f,
-  accent: w,
-  accent2: R,
-  theme: z,
+  userAvatar: y,
+  contextTitle: v,
+  contextSubtitle: a,
+  contextStatus: j,
+  subjectId: L,
+  accent: f,
+  accent2: w,
+  theme: m,
+  webfont: h,
   launcher: t,
-  position: h,
-  launcherMessage: M,
-  quickReplies: $,
-  height: j = "100%",
-  i18n: g,
-  features: L,
-  translateLang: b,
+  position: b,
+  launcherMessage: $,
+  quickReplies: z,
+  height: g = "100%",
+  i18n: B,
+  features: x,
+  translateLang: S,
   inbox: C,
-  inboxScope: x
+  inboxScope: u
 }) {
-  const y = B(null), a = B(null), [c, k] = _(!1);
-  return W(() => {
-    var A;
-    if (!c && y.current)
-      return (A = a.current) == null || A.close(), a.current = G({
-        el: y.current,
-        url: o,
-        ...r ? { apiUrl: r } : {},
-        profileId: s,
-        ...f ? { subjectId: f } : {},
-        ...n ? { token: n } : {},
-        ...i ? { refreshToken: i } : {},
-        ...l ? { userId: l } : {},
-        ...l || d || p || v ? {
+  const R = k(null), e = k(null), [M, D] = _(!1);
+  return A(() => {
+    var H;
+    if (!M && R.current)
+      return (H = e.current) == null || H.close(), e.current = Y({
+        el: R.current,
+        url: r,
+        ...i ? { apiUrl: i } : {},
+        profileId: c,
+        ...L ? { subjectId: L } : {},
+        ...o ? { token: o } : {},
+        ...l ? { refreshToken: l } : {},
+        ...s ? { userId: s } : {},
+        ...s || d || p || y ? {
           user: {
             ...d ? { name: d } : {},
             ...p ? { email: p } : {},
-            ...v ? { avatar: v } : {}
+            ...y ? { avatar: y } : {}
           }
         } : {},
-        ...m ? {
+        ...v ? {
           subject: {
-            title: m,
-            ...u ? { subtitle: u } : {},
-            ...S ? { status: S } : {}
+            title: v,
+            ...a ? { subtitle: a } : {},
+            ...j ? { status: j } : {}
           }
         } : {},
-        ...$ ? { quickReplies: $ } : {},
-        ...w ? { accent: w } : {},
-        ...R ? { accent2: R } : {},
-        ...z ? { theme: z } : {},
-        ...b ? { translateLang: b } : {},
-        ...g ? { i18n: g } : {},
-        ...L ? { features: L } : {},
-        ...C && !t ? { onBack: () => k(!0) } : {},
-        ...t ? { launcher: t, position: h ?? "bottom-right", ...M ? { launcherMessage: M } : {} } : {}
+        ...z ? { quickReplies: z } : {},
+        ...f ? { accent: f } : {},
+        ...w ? { accent2: w } : {},
+        ...m ? { theme: m } : {},
+        ...h === !1 ? { webfont: !1 } : {},
+        ...S ? { translateLang: S } : {},
+        ...B ? { i18n: B } : {},
+        ...x ? { features: x } : {},
+        ...C && !t ? { onBack: () => D(!0) } : {},
+        ...t ? { launcher: t, position: b ?? "bottom-right", ...$ ? { launcherMessage: $ } : {} } : {}
       }), () => {
-        var H;
-        (H = a.current) == null || H.close(), a.current = null;
+        var O;
+        (O = e.current) == null || O.close(), e.current = null;
       };
-  }, [o, r, s, f, n, l, d, p, w, t, h, M, b, C, c]), C && !t && c ? /* @__PURE__ */ e(
-    F,
+  }, [r, i, c, L, o, s, d, p, f, t, b, $, S, C, M]), C && !t && M ? /* @__PURE__ */ n(
+    G,
     {
-      url: o,
-      ...r ? { apiUrl: r } : {},
-      profileId: s,
-      ...n ? { token: n } : {},
-      ...i ? { refreshToken: i } : {},
-      ...l ? { userId: l } : {},
+      url: r,
+      ...i ? { apiUrl: i } : {},
+      profileId: c,
+      ...o ? { token: o } : {},
+      ...l ? { refreshToken: l } : {},
+      ...s ? { userId: s } : {},
       ...d ? { userName: d } : {},
       ...p ? { userEmail: p } : {},
-      ...w ? { accent: w } : {},
-      scope: x ?? "tenant",
-      height: j,
-      onClose: () => k(!1)
+      ...f ? { accent: f } : {},
+      ...w ? { accent2: w } : {},
+      ...m ? { theme: m } : {},
+      ...h === !1 ? { webfont: !1 } : {},
+      scope: u ?? "tenant",
+      height: g,
+      onClose: () => D(!1)
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      ref: y,
-      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: j, minHeight: j === "100%" ? "480px" : void 0 }
+      ref: R,
+      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
     }
   );
 }
-const J = [
+const P = [
   "Is this still available?",
   "Can I schedule a viewing?",
   "What is your best price?"
 ];
-function T({
-  url: o,
-  apiUrl: r,
-  profileId: s,
-  token: n,
-  refreshToken: i,
-  listingId: l,
+function I({
+  url: r,
+  apiUrl: i,
+  profileId: c,
+  token: o,
+  refreshToken: l,
+  listingId: s,
   listingTitle: d,
   listingMeta: p,
-  listingPrice: v,
-  listingStatus: m,
-  userId: u,
-  userName: S,
-  userEmail: f,
-  userAvatar: w,
-  accent: R,
-  accent2: z,
-  theme: t,
-  launcher: h,
-  position: M,
-  launcherMessage: $,
-  quickReplies: j,
-  height: g = "100%",
-  i18n: L,
-  features: b,
+  listingPrice: y,
+  listingStatus: v,
+  userId: a,
+  userName: j,
+  userEmail: L,
+  userAvatar: f,
+  accent: w,
+  accent2: m,
+  theme: h,
+  webfont: t,
+  launcher: b,
+  position: $,
+  launcherMessage: z,
+  quickReplies: g,
+  height: B = "100%",
+  i18n: x,
+  features: S,
   translateLang: C,
-  inbox: x,
-  inboxScope: y
+  inbox: u,
+  inboxScope: R
 }) {
-  const a = B(null), c = B(null), [k, A] = _(!1);
-  return W(() => {
-    if (k || !a.current) return;
-    let H = !1;
-    const E = setTimeout(() => {
-      var O;
-      H || !a.current || ((O = c.current) == null || O.close(), c.current = G({
-        el: a.current,
-        url: o,
-        ...r ? { apiUrl: r } : {},
-        profileId: s,
-        ...l ? { subjectId: `listing_${l}` } : {},
-        ...n ? { token: n } : {},
-        ...i ? { refreshToken: i } : {},
-        ...u ? { userId: u } : {},
-        ...u || S || f || w ? {
+  const e = k(null), M = k(null), [D, H] = _(!1);
+  return A(() => {
+    if (D || !e.current) return;
+    let O = !1;
+    const J = setTimeout(() => {
+      var F;
+      O || !e.current || ((F = M.current) == null || F.close(), M.current = Y({
+        el: e.current,
+        url: r,
+        ...i ? { apiUrl: i } : {},
+        profileId: c,
+        ...s ? { subjectId: `listing_${s}` } : {},
+        ...o ? { token: o } : {},
+        ...l ? { refreshToken: l } : {},
+        ...a ? { userId: a } : {},
+        ...a || j || L || f ? {
           user: {
-            ...S ? { name: S } : {},
-            ...f ? { email: f } : {},
-            ...w ? { avatar: w } : {},
-            ...l ? { meta: { listingId: l } } : {}
+            ...j ? { name: j } : {},
+            ...L ? { email: L } : {},
+            ...f ? { avatar: f } : {},
+            ...s ? { meta: { listingId: s } } : {}
           }
         } : {},
         ...d ? {
           subject: {
             title: d,
             ...p ? { subtitle: p } : {},
-            ...v ? { tags: [`$${v.toLocaleString()}`] } : {},
-            ...m ? { status: m } : {}
+            ...y ? { tags: [`$${y.toLocaleString()}`] } : {},
+            ...v ? { status: v } : {}
           }
         } : {},
-        quickReplies: j ?? J,
-        ...R ? { accent: R } : {},
-        ...z ? { accent2: z } : {},
-        ...t ? { theme: t } : {},
+        quickReplies: g ?? P,
+        ...w ? { accent: w } : {},
+        ...m ? { accent2: m } : {},
+        ...h ? { theme: h } : {},
+        ...t === !1 ? { webfont: !1 } : {},
         ...C ? { translateLang: C } : {},
-        ...L ? { i18n: L } : {},
-        ...b ? { features: b } : {},
-        ...x && !h ? { onBack: () => A(!0) } : {},
-        ...h ? { launcher: h, position: M ?? "bottom-right", ...$ ? { launcherMessage: $ } : {} } : {}
+        ...x ? { i18n: x } : {},
+        ...S ? { features: S } : {},
+        ...u && !b ? { onBack: () => H(!0) } : {},
+        ...b ? { launcher: b, position: $ ?? "bottom-right", ...z ? { launcherMessage: z } : {} } : {}
       }));
     }, 0);
     return () => {
-      var O;
-      H = !0, clearTimeout(E), (O = c.current) == null || O.close(), c.current = null;
+      var F;
+      O = !0, clearTimeout(J), (F = M.current) == null || F.close(), M.current = null;
     };
-  }, [o, r, s, l, n, u, R, h, M, $, C, x, k]), x && !h && k ? /* @__PURE__ */ e(
-    F,
+  }, [r, i, c, s, o, a, w, b, $, z, C, u, D]), u && !b && D ? /* @__PURE__ */ n(
+    G,
     {
-      url: o,
-      ...r ? { apiUrl: r } : {},
-      profileId: s,
-      ...n ? { token: n } : {},
-      ...i ? { refreshToken: i } : {},
-      ...u ? { userId: u } : {},
-      ...S ? { userName: S } : {},
-      ...f ? { userEmail: f } : {},
-      ...R ? { accent: R } : {},
-      scope: y ?? "tenant",
-      height: g,
-      onClose: () => A(!1)
+      url: r,
+      ...i ? { apiUrl: i } : {},
+      profileId: c,
+      ...o ? { token: o } : {},
+      ...l ? { refreshToken: l } : {},
+      ...a ? { userId: a } : {},
+      ...j ? { userName: j } : {},
+      ...L ? { userEmail: L } : {},
+      ...w ? { accent: w } : {},
+      ...m ? { accent2: m } : {},
+      ...h ? { theme: h } : {},
+      ...t === !1 ? { webfont: !1 } : {},
+      scope: R ?? "tenant",
+      height: B,
+      onClose: () => H(!1)
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
-      style: h ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
+      ref: e,
+      style: b ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: B, minHeight: B === "100%" ? "480px" : void 0 }
     }
   );
 }
-function P(o) {
-  const [r, s] = _(
-    typeof window < "u" && window.innerWidth <= o
+function Q(r) {
+  const [i, c] = _(
+    typeof window < "u" && window.innerWidth <= r
   );
-  return W(() => {
+  return A(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const n = window.matchMedia(`(max-width: ${o}px)`), i = (l) => s(l.matches);
-    return s(n.matches), n.addEventListener("change", i), () => n.removeEventListener("change", i);
-  }, [o]), r;
+    const o = window.matchMedia(`(max-width: ${r}px)`), l = (s) => c(s.matches);
+    return c(o.matches), o.addEventListener("change", l), () => o.removeEventListener("change", l);
+  }, [r]), i;
 }
-function F({
-  url: o,
-  apiUrl: r,
-  profileId: s,
-  tenantId: n,
-  token: i,
-  refreshToken: l,
+function G({
+  url: r,
+  apiUrl: i,
+  profileId: c,
+  tenantId: o,
+  token: l,
+  refreshToken: s,
   userId: d,
   userName: p,
-  userEmail: v,
-  accent: m,
-  theme: u,
-  height: S = "100%",
+  userEmail: y,
+  accent: v,
+  theme: a,
+  webfont: j,
+  height: L = "100%",
   i18n: f,
   onClose: w,
-  scope: R = "tenant"
+  scope: m = "tenant"
 }) {
-  const z = !s && !n, [t, h] = _(null), [M, $] = _(!1), j = B(null), g = B(null), L = B(null), b = B(null);
-  return W(() => {
-    if (!j.current) return;
+  const h = !c && !o, [t, b] = _(null), [$, z] = _(!1), g = k(null), B = k(null), x = k(null), S = k(null);
+  return A(() => {
+    if (!g.current) return;
     let C = !1;
-    return import("./chatlist.js").catch((x) => (console.error("[relay] could not load the conversation list module.", x), C || $(!0), null)).then((x) => {
-      if (!x) return;
-      const { mountChatList: y } = x;
-      C || !j.current || (L.current = y({
-        el: j.current,
-        url: o,
-        ...r ? { apiUrl: r } : {},
-        ...s ? { profileId: s } : {},
-        ...n ? { tenantId: n } : {},
-        ...u ? { theme: u } : {},
-        scope: R,
+    return import("./chatlist.js").catch((u) => (console.error("[relay] could not load the conversation list module.", u), C || z(!0), null)).then((u) => {
+      if (!u) return;
+      const { mountChatList: R } = u;
+      C || !g.current || (x.current = R({
+        el: g.current,
+        url: r,
+        ...i ? { apiUrl: i } : {},
+        ...c ? { profileId: c } : {},
+        ...o ? { tenantId: o } : {},
+        ...a ? { theme: a } : {},
+        ...j === !1 ? { webfont: !1 } : {},
+        scope: m,
         // We overlay a ✕ at top-right when `onClose` is given — tell the list to
         // keep its header clear so the ✕ doesn't land on the ✎ compose button.
         ...w ? { reserveCloseSpace: !0 } : {},
-        onSelect: (a) => h(a),
+        onSelect: (e) => b(e),
         // Compose (✎) opens the chatroom's general support thread — without
         // this a user with no conversations yet had an empty list and no way
         // to ever start one, which is what made ChatApp feel broken.
         // Compose target: the configured chatroom, else the tenant's default
         // (oldest chatroom, reported by the server on the first list fetch).
         onNewChat: () => {
-          var c;
-          const a = (c = L.current) == null ? void 0 : c.defaultProfileId();
-          a && h({ id: "__new__", profileId: a, state: "open", updatedAt: Date.now() });
+          var M;
+          const e = (M = x.current) == null ? void 0 : M.defaultProfileId();
+          e && b({ id: "__new__", profileId: e, state: "open", updatedAt: Date.now() });
         },
-        ...i ? { token: i } : {},
+        ...l ? { token: l } : {},
         ...d ? { userId: d } : {},
-        ...m ? { accent: m } : {},
+        ...v ? { accent: v } : {},
         ...f ? { i18n: f } : {}
       }));
     }), () => {
-      var x;
-      C = !0, (x = L.current) == null || x.close(), L.current = null;
+      var u;
+      C = !0, (u = x.current) == null || u.close(), x.current = null;
     };
-  }, [o, r, s, n, i, d, R]), W(() => {
-    var x;
-    if (!g.current || !t) return;
-    (x = b.current) == null || x.close(), b.current = G({
-      el: g.current,
-      url: o,
-      ...r ? { apiUrl: r } : {},
-      profileId: t.profileId ?? s,
+  }, [r, i, c, o, l, d, m]), A(() => {
+    var u;
+    if (!B.current || !t) return;
+    (u = S.current) == null || u.close(), S.current = Y({
+      el: B.current,
+      url: r,
+      ...i ? { apiUrl: i } : {},
+      profileId: t.profileId ?? c,
       // rows always carry theirs; compose sets one explicitly
       // DM rows open as direct conversations (kind + peer). Opening them via
       // their dm:… subjectId only works for the participant that OWNS the
       // thread key — the other side would silently fork a duplicate.
       ...t.kind === "direct" && t.peerId ? { kind: "direct", peerId: t.peerId } : t.subjectId ? { subjectId: t.subjectId } : {},
-      ...i ? { token: i } : {},
-      ...l ? { refreshToken: l } : {},
+      ...l ? { token: l } : {},
+      ...s ? { refreshToken: s } : {},
       ...d ? { userId: d } : {},
-      ...d || p || v ? {
+      ...d || p || y ? {
         user: {
           ...p ? { name: p } : {},
-          ...v ? { email: v } : {}
+          ...y ? { email: y } : {}
         }
       } : {},
       ...t.subjectTitle ? {
@@ -306,26 +318,26 @@ function F({
           ...t.subjectMeta ? { subtitle: t.subjectMeta } : {}
         }
       } : {},
-      ...m ? { accent: m } : {},
+      ...v ? { accent: v } : {},
       // Stack navigation: the chatroom's back chevron returns to the list.
-      onBack: () => h(null)
+      onBack: () => b(null)
     });
     const C = setInterval(() => {
-      var y;
-      return (y = L.current) == null ? void 0 : y.refresh();
+      var R;
+      return (R = x.current) == null ? void 0 : R.refresh();
     }, 2e4);
     return () => {
-      var y, a;
-      clearInterval(C), (y = b.current) == null || y.close(), b.current = null, (a = L.current) == null || a.refresh();
+      var R, e;
+      clearInterval(C), (R = S.current) == null || R.close(), S.current = null, (e = x.current) == null || e.refresh();
     };
-  }, [t == null ? void 0 : t.id]), z ? /* @__PURE__ */ D("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
+  }, [t == null ? void 0 : t.id]), h ? /* @__PURE__ */ W("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
     "[relay] <ChatApp/> needs a ",
-    /* @__PURE__ */ e("code", { children: "profileId" }),
+    /* @__PURE__ */ n("code", { children: "profileId" }),
     " or a ",
-    /* @__PURE__ */ e("code", { children: "tenantId" }),
+    /* @__PURE__ */ n("code", { children: "tenantId" }),
     "."
-  ] }) : /* @__PURE__ */ D("div", { style: { position: "relative", width: "100%", height: S, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
-    w && !t && /* @__PURE__ */ e(
+  ] }) : /* @__PURE__ */ W("div", { style: { position: "relative", width: "100%", height: L, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
+    w && !t && /* @__PURE__ */ n(
       "button",
       {
         onClick: w,
@@ -348,44 +360,44 @@ function F({
           lineHeight: 1,
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ e(K, { size: 18 })
+        children: /* @__PURE__ */ n(E, { size: 18 })
       }
     ),
-    /* @__PURE__ */ e("div", { style: {
+    /* @__PURE__ */ n("div", { style: {
       position: "absolute",
       inset: 0,
       display: t ? "none" : "flex",
       flexDirection: "column"
-    }, children: M ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", padding: 16, font: "13px system-ui", color: "#b91c1c", textAlign: "center" }, children: (f == null ? void 0 : f.error) ?? "Could not load conversations." }) : /* @__PURE__ */ e("div", { ref: j, style: { width: "100%", height: "100%" } }) }),
-    t && /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ e("div", { ref: g, style: { width: "100%", height: "100%" } }) })
+    }, children: $ ? /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", padding: 16, font: "13px system-ui", color: "#b91c1c", textAlign: "center" }, children: (f == null ? void 0 : f.error) ?? "Could not load conversations." }) : /* @__PURE__ */ n("div", { ref: g, style: { width: "100%", height: "100%" } }) }),
+    t && /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ n("div", { ref: B, style: { width: "100%", height: "100%" } }) })
   ] });
 }
-function I({
-  url: o,
-  apiUrl: r,
-  profileId: s,
-  tenantId: n,
-  token: i,
-  refreshToken: l,
+function N({
+  url: r,
+  apiUrl: i,
+  profileId: c,
+  tenantId: o,
+  token: l,
+  refreshToken: s,
   userId: d,
   userName: p,
-  userEmail: v,
-  scope: m,
-  accent: u = "#6c5ce7",
-  floating: S = !0,
-  position: f = "bottom-right",
-  label: w,
-  panelWidth: R,
-  panelHeight: z = "600px"
+  userEmail: y,
+  scope: v,
+  accent: a = "#6c5ce7",
+  floating: j = !0,
+  position: L = "bottom-right",
+  label: f,
+  panelWidth: w,
+  panelHeight: m = "600px"
 }) {
-  const [t, h] = _(!1), M = B(null), $ = f === "bottom-right", j = w ?? (S ? void 0 : "Messages"), g = P(479);
-  if (W(() => {
-    const c = (k) => {
-      k.key === "Escape" && h(!1);
+  const [h, t] = _(!1), b = k(null), $ = L === "bottom-right", z = f ?? (j ? void 0 : "Messages"), g = Q(479);
+  if (A(() => {
+    const e = (M) => {
+      M.key === "Escape" && t(!1);
     };
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, []), S)
-    return /* @__PURE__ */ D("div", { style: {
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, []), j)
+    return /* @__PURE__ */ W("div", { style: {
       position: "fixed",
       [$ ? "right" : "left"]: "20px",
       bottom: "20px",
@@ -395,7 +407,7 @@ function I({
       alignItems: $ ? "flex-end" : "flex-start",
       gap: "12px"
     }, children: [
-      /* @__PURE__ */ e("div", { style: {
+      /* @__PURE__ */ n("div", { style: {
         ...g ? {
           position: "fixed",
           inset: 0,
@@ -404,47 +416,47 @@ function I({
           borderRadius: "0",
           zIndex: 9998
         } : {
-          width: `min(${R ?? "420px"}, calc(100vw - 40px))`,
-          height: `min(${z}, calc(100dvh - 108px))`,
+          width: `min(${w ?? "420px"}, calc(100vw - 40px))`,
+          height: `min(${m}, calc(100dvh - 108px))`,
           borderRadius: "28px"
         },
         overflow: "hidden",
         boxShadow: g ? "none" : "0 12px 32px rgba(108,92,231,.14)",
         background: "#fff",
-        display: t ? "flex" : "none",
+        display: h ? "flex" : "none",
         flexDirection: "column",
         transformOrigin: `bottom ${$ ? "right" : "left"}`,
-        animation: t ? "ocl-pop-in .18s ease" : "none"
-      }, children: /* @__PURE__ */ e(
-        F,
+        animation: h ? "ocl-pop-in .18s ease" : "none"
+      }, children: /* @__PURE__ */ n(
+        G,
         {
-          url: o,
-          ...r ? { apiUrl: r } : {},
-          ...s ? { profileId: s } : {},
-          ...n ? { tenantId: n } : {},
-          ...i ? { token: i } : {},
-          ...l ? { refreshToken: l } : {},
+          url: r,
+          ...i ? { apiUrl: i } : {},
+          ...c ? { profileId: c } : {},
+          ...o ? { tenantId: o } : {},
+          ...l ? { token: l } : {},
+          ...s ? { refreshToken: s } : {},
           ...d ? { userId: d } : {},
           ...p ? { userName: p } : {},
-          ...v ? { userEmail: v } : {},
-          ...m ? { scope: m } : {},
-          accent: u,
+          ...y ? { userEmail: y } : {},
+          ...v ? { scope: v } : {},
+          accent: a,
           height: "100%",
-          onClose: () => h(!1)
+          onClose: () => t(!1)
         }
       ) }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ n(
         "button",
         {
-          ref: M,
-          onClick: () => h((c) => !c),
-          "aria-label": t ? "Close chat" : typeof j == "string" ? j : "Open chat",
-          "aria-expanded": t,
+          ref: b,
+          onClick: () => t((e) => !e),
+          "aria-label": h ? "Close chat" : typeof z == "string" ? z : "Open chat",
+          "aria-expanded": h,
           style: {
             width: "56px",
             height: "56px",
             borderRadius: "50%",
-            background: u,
+            background: a,
             color: "#fff",
             border: "none",
             fontSize: "20px",
@@ -454,58 +466,58 @@ function I({
             transition: "transform .15s",
             alignItems: "center",
             justifyContent: "center",
-            display: t && g ? "none" : "flex"
+            display: h && g ? "none" : "flex"
           },
-          onMouseEnter: (c) => {
-            c.currentTarget.style.transform = "scale(1.08)";
+          onMouseEnter: (e) => {
+            e.currentTarget.style.transform = "scale(1.08)";
           },
-          onMouseLeave: (c) => {
-            c.currentTarget.style.transform = "scale(1)";
+          onMouseLeave: (e) => {
+            e.currentTarget.style.transform = "scale(1)";
           },
-          children: t ? /* @__PURE__ */ e(K, {}) : w ?? /* @__PURE__ */ e(q, {})
+          children: h ? /* @__PURE__ */ n(E, {}) : f ?? /* @__PURE__ */ n(K, {})
         }
       ),
-      /* @__PURE__ */ e("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
+      /* @__PURE__ */ n("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
     ] });
-  const L = `min(${R ?? "420px"}, calc(100vw - 16px))`, [b, C] = _(null), x = () => {
-    !t && M.current && C(M.current.getBoundingClientRect()), h((c) => !c);
-  }, y = b ? b.bottom + 8 : 0, a = b ? Math.max(8, window.innerWidth - b.right) : 0;
-  return /* @__PURE__ */ D(Y, { children: [
-    /* @__PURE__ */ D(
+  const B = `min(${w ?? "420px"}, calc(100vw - 16px))`, [x, S] = _(null), C = () => {
+    !h && b.current && S(b.current.getBoundingClientRect()), t((e) => !e);
+  }, u = x ? x.bottom + 8 : 0, R = x ? Math.max(8, window.innerWidth - x.right) : 0;
+  return /* @__PURE__ */ W(q, { children: [
+    /* @__PURE__ */ W(
       "button",
       {
-        ref: M,
-        onClick: x,
+        ref: b,
+        onClick: C,
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: "6px",
           padding: "8px 16px",
           borderRadius: "8px",
-          background: t ? u : "transparent",
-          color: t ? "#fff" : u,
-          border: `2px solid ${u}`,
+          background: h ? a : "transparent",
+          color: h ? "#fff" : a,
+          border: `2px solid ${a}`,
           fontSize: "14px",
           fontWeight: 600,
           cursor: "pointer",
           transition: "background .15s, color .15s"
         },
         children: [
-          /* @__PURE__ */ e(q, { size: 16 }),
+          /* @__PURE__ */ n(K, { size: 16 }),
           " ",
-          j
+          z
         ]
       }
     ),
-    t && b && /* @__PURE__ */ D(Y, { children: [
-      /* @__PURE__ */ e(
+    h && x && /* @__PURE__ */ W(q, { children: [
+      /* @__PURE__ */ n(
         "div",
         {
-          onClick: () => h(!1),
+          onClick: () => t(!1),
           style: { position: "fixed", inset: 0, zIndex: 9998 }
         }
       ),
-      /* @__PURE__ */ e("div", { style: {
+      /* @__PURE__ */ n("div", { style: {
         position: "fixed",
         ...g ? {
           inset: 0,
@@ -513,10 +525,10 @@ function I({
           height: "100dvh",
           borderRadius: "0"
         } : {
-          top: y,
-          right: a,
-          width: L,
-          height: `min(${z}, calc(100dvh - ${y}px - 12px))`,
+          top: u,
+          right: R,
+          width: B,
+          height: `min(${m}, calc(100dvh - ${u}px - 12px))`,
           borderRadius: "28px"
         },
         overflow: "hidden",
@@ -524,32 +536,32 @@ function I({
         background: "#fff",
         zIndex: 9999,
         animation: "ocl-slide-in .18s ease"
-      }, children: /* @__PURE__ */ e(
-        F,
+      }, children: /* @__PURE__ */ n(
+        G,
         {
-          url: o,
-          ...r ? { apiUrl: r } : {},
-          ...s ? { profileId: s } : {},
-          ...n ? { tenantId: n } : {},
-          ...i ? { token: i } : {},
-          ...l ? { refreshToken: l } : {},
+          url: r,
+          ...i ? { apiUrl: i } : {},
+          ...c ? { profileId: c } : {},
+          ...o ? { tenantId: o } : {},
+          ...l ? { token: l } : {},
+          ...s ? { refreshToken: s } : {},
           ...d ? { userId: d } : {},
           ...p ? { userName: p } : {},
-          ...v ? { userEmail: v } : {},
-          ...m ? { scope: m } : {},
-          accent: u,
+          ...y ? { userEmail: y } : {},
+          ...v ? { scope: v } : {},
+          accent: a,
           height: "100%",
-          onClose: () => h(!1)
+          onClose: () => t(!1)
         }
       ) }),
-      /* @__PURE__ */ e("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
+      /* @__PURE__ */ n("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
     ] })
   ] });
 }
 export {
-  F as ChatApp,
-  I as ChatAppLauncher,
-  Z as ChatWidget,
-  T as MarketplaceChat
+  G as ChatApp,
+  N as ChatAppLauncher,
+  T as ChatWidget,
+  I as MarketplaceChat
 };
 //# sourceMappingURL=react.js.map