@paramms/chat-widget 1.6.3 → 1.7.0

package/dist/react.js

@@ -1,8 +1,8 @@
-import { jsxs as W, jsx as n, Fragment as K } from "react/jsx-runtime";
-import { useState as _, useRef as D, useEffect as O } from "react";
-import { mount as J } from "./index.js";
-function Q({ size: l = 26 }) {
-  return /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", width: l, height: l, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n(
+import { jsxs as O, jsx as n, Fragment as Q } from "react/jsx-runtime";
+import { useState as H, useRef as _, useEffect as G } from "react";
+import { mount as K } from "./index.js";
+function V({ 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,55 +14,56 @@ function Q({ size: l = 26 }) {
     }
   ) });
 }
-function V({ size: l = 22 }) {
-  return /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", width: l, height: l, 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 X({ 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 E({
-  url: l,
+function I({
+  url: r,
   apiUrl: o,
-  profileId: s,
+  profileId: c,
   token: e,
-  refreshToken: r,
-  userId: d,
-  userName: c,
-  userEmail: u,
+  refreshToken: i,
+  userId: s,
+  userName: f,
+  userEmail: a,
   userAvatar: m,
   contextTitle: C,
   contextSubtitle: h,
-  contextStatus: R,
-  subjectId: j,
-  accent: f,
-  accent2: x,
-  theme: $,
-  webfont: p,
-  launcher: t,
-  position: b,
-  launcherMessage: L,
-  quickReplies: S,
-  height: g = "100%",
-  i18n: B,
-  features: w,
-  translateLang: M,
-  inbox: y,
-  inboxScope: a
+  contextStatus: y,
+  subjectId: R,
+  accent: l,
+  accent2: p,
+  theme: g,
+  webfont: u,
+  launcher: b,
+  position: t,
+  launcherMessage: j,
+  quickReplies: B,
+  height: z = "100%",
+  i18n: S,
+  features: $,
+  translateLang: L,
+  inbox: M,
+  inboxScope: v,
+  locale: w
 }) {
-  const v = D(null), i = D(null), [z, H] = _(!1);
-  return O(() => {
-    var G;
-    if (!z && v.current)
-      return (G = i.current) == null || G.close(), i.current = J({
-        el: v.current,
-        url: l,
+  const d = _(null), x = _(null), [D, W] = H(!1);
+  return G(() => {
+    var Y;
+    if (!D && d.current)
+      return (Y = x.current) == null || Y.close(), x.current = K({
+        el: d.current,
+        url: r,
         ...o ? { apiUrl: o } : {},
-        profileId: s,
-        ...j ? { subjectId: j } : {},
+        profileId: c,
+        ...R ? { subjectId: R } : {},
         ...e ? { token: e } : {},
-        ...r ? { refreshToken: r } : {},
-        ...d ? { userId: d } : {},
-        ...d || c || u || m ? {
+        ...i ? { refreshToken: i } : {},
+        ...s ? { userId: s } : {},
+        ...s || f || a || m ? {
           user: {
-            ...c ? { name: c } : {},
-            ...u ? { email: u } : {},
+            ...f ? { name: f } : {},
+            ...a ? { email: a } : {},
             ...m ? { avatar: m } : {}
           }
         } : {},
@@ -70,272 +71,277 @@ function E({
           subject: {
             title: C,
             ...h ? { subtitle: h } : {},
-            ...R ? { status: R } : {}
+            ...y ? { status: y } : {}
           }
         } : {},
-        ...S ? { quickReplies: S } : {},
-        ...f ? { accent: f } : {},
-        ...x ? { accent2: x } : {},
-        ...$ ? { theme: $ } : {},
-        ...p === !1 ? { webfont: !1 } : {},
-        ...M ? { translateLang: M } : {},
-        ...B ? { i18n: B } : {},
-        ...w ? { features: w } : {},
-        ...y && !t ? { onBack: () => H(!0) } : {},
-        ...t ? { launcher: t, position: b ?? "bottom-right", ...L ? { launcherMessage: L } : {} } : {}
+        ...B ? { quickReplies: B } : {},
+        ...l ? { accent: l } : {},
+        ...p ? { accent2: p } : {},
+        ...g ? { theme: g } : {},
+        ...u === !1 ? { webfont: !1 } : {},
+        ...L ? { translateLang: L } : {},
+        ...S ? { i18n: S } : {},
+        ...w ? { locale: w } : {},
+        ...$ ? { features: $ } : {},
+        ...M && !b ? { onBack: () => W(!0) } : {},
+        ...b ? { launcher: b, position: t ?? "bottom-right", ...j ? { launcherMessage: j } : {} } : {}
       }), () => {
-        var Y;
-        (Y = i.current) == null || Y.close(), i.current = null;
+        var A;
+        (A = x.current) == null || A.close(), x.current = null;
       };
-  }, [l, o, s, j, e, d, c, u, f, t, b, L, M, y, z]), t && y ? /* @__PURE__ */ n(
-    X,
+  }, [r, o, c, R, e, s, f, a, l, b, t, j, L, M, D]), b && M ? /* @__PURE__ */ n(
+    Z,
     {
-      url: l,
+      url: r,
       ...o ? { apiUrl: o } : {},
-      profileId: s,
+      profileId: c,
       ...e ? { token: e } : {},
-      ...r ? { refreshToken: r } : {},
-      ...d ? { userId: d } : {},
-      ...c ? { userName: c } : {},
-      ...u ? { userEmail: u } : {},
-      scope: a ?? "tenant",
-      ...f ? { accent: f } : {},
+      ...i ? { refreshToken: i } : {},
+      ...s ? { userId: s } : {},
+      ...f ? { userName: f } : {},
+      ...a ? { userEmail: a } : {},
+      scope: v ?? "tenant",
+      ...l ? { accent: l } : {},
       floating: !0,
-      position: b ?? "bottom-right"
+      position: t ?? "bottom-right"
     }
-  ) : y && !t && z ? /* @__PURE__ */ n(
-    F,
+  ) : M && !b && D ? /* @__PURE__ */ n(
+    J,
     {
-      url: l,
+      url: r,
       ...o ? { apiUrl: o } : {},
-      profileId: s,
+      profileId: c,
       ...e ? { token: e } : {},
-      ...r ? { refreshToken: r } : {},
-      ...d ? { userId: d } : {},
-      ...c ? { userName: c } : {},
-      ...u ? { userEmail: u } : {},
-      ...f ? { accent: f } : {},
-      ...x ? { accent2: x } : {},
-      ...$ ? { theme: $ } : {},
-      ...p === !1 ? { webfont: !1 } : {},
-      scope: a ?? "tenant",
-      height: g,
-      onClose: () => H(!1)
+      ...i ? { refreshToken: i } : {},
+      ...s ? { userId: s } : {},
+      ...f ? { userName: f } : {},
+      ...a ? { userEmail: a } : {},
+      ...l ? { accent: l } : {},
+      ...p ? { accent2: p } : {},
+      ...g ? { theme: g } : {},
+      ...u === !1 ? { webfont: !1 } : {},
+      scope: v ?? "tenant",
+      height: z,
+      onClose: () => W(!1)
     }
   ) : /* @__PURE__ */ n(
     "div",
     {
-      ref: v,
-      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
+      ref: d,
+      style: b ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: z, minHeight: z === "100%" ? "480px" : void 0 }
     }
   );
 }
-function I({
-  url: l,
+function N({
+  url: r,
   apiUrl: o,
-  profileId: s,
+  profileId: c,
   token: e,
-  refreshToken: r,
-  listingId: d,
-  listingTitle: c,
-  listingMeta: u,
+  refreshToken: i,
+  listingId: s,
+  listingTitle: f,
+  listingMeta: a,
   listingPrice: m,
   listingStatus: C,
   userId: h,
-  userName: R,
-  userEmail: j,
-  userAvatar: f,
-  accent: x,
-  accent2: $,
-  theme: p,
-  webfont: t,
-  launcher: b,
-  position: L,
-  launcherMessage: S,
-  quickReplies: g,
-  height: B = "100%",
-  i18n: w,
-  features: M,
-  translateLang: y,
-  inbox: a,
-  inboxScope: v
+  userName: y,
+  userEmail: R,
+  userAvatar: l,
+  accent: p,
+  accent2: g,
+  theme: u,
+  webfont: b,
+  launcher: t,
+  position: j,
+  launcherMessage: B,
+  quickReplies: z,
+  height: S = "100%",
+  i18n: $,
+  features: L,
+  translateLang: M,
+  inbox: v,
+  inboxScope: w,
+  locale: d
 }) {
-  const i = D(null), z = D(null), [H, G] = _(!1);
-  return O(() => {
-    if (H || !i.current) return;
-    let Y = !1;
-    const Z = setTimeout(() => {
-      var A;
-      Y || !i.current || ((A = z.current) == null || A.close(), z.current = J({
-        el: i.current,
-        url: l,
+  const x = _(null), D = _(null), [W, Y] = H(!1);
+  return G(() => {
+    if (W || !x.current) return;
+    let A = !1;
+    const q = setTimeout(() => {
+      var F;
+      A || !x.current || ((F = D.current) == null || F.close(), D.current = K({
+        el: x.current,
+        url: r,
         ...o ? { apiUrl: o } : {},
-        profileId: s,
-        ...d ? { subjectId: `listing_${d}` } : {},
+        profileId: c,
+        ...s ? { subjectId: `listing_${s}` } : {},
         ...e ? { token: e } : {},
-        ...r ? { refreshToken: r } : {},
+        ...i ? { refreshToken: i } : {},
         ...h ? { userId: h } : {},
-        ...h || R || j || f ? {
+        ...h || y || R || l ? {
           user: {
-            ...R ? { name: R } : {},
-            ...j ? { email: j } : {},
-            ...f ? { avatar: f } : {},
-            ...d ? { meta: { listingId: d } } : {}
+            ...y ? { name: y } : {},
+            ...R ? { email: R } : {},
+            ...l ? { avatar: l } : {},
+            ...s ? { meta: { listingId: s } } : {}
           }
         } : {},
-        ...c ? {
+        ...f ? {
           subject: {
-            title: c,
-            ...u ? { subtitle: u } : {},
+            title: f,
+            ...a ? { subtitle: a } : {},
             ...m ? { tags: [`$${m.toLocaleString()}`] } : {},
             ...C ? { status: C } : {}
           }
         } : {},
-        ...g ? { quickReplies: g } : {},
-        ...x ? { accent: x } : {},
-        ...$ ? { accent2: $ } : {},
-        ...p ? { theme: p } : {},
-        ...t === !1 ? { webfont: !1 } : {},
-        ...y ? { translateLang: y } : {},
-        ...w ? { i18n: w } : {},
-        ...M ? { features: M } : {},
-        ...a && !b ? { onBack: () => G(!0) } : {},
-        ...b ? { launcher: b, position: L ?? "bottom-right", ...S ? { launcherMessage: S } : {} } : {}
+        ...z ? { quickReplies: z } : {},
+        ...p ? { accent: p } : {},
+        ...g ? { accent2: g } : {},
+        ...u ? { theme: u } : {},
+        ...b === !1 ? { webfont: !1 } : {},
+        ...M ? { translateLang: M } : {},
+        ...$ ? { i18n: $ } : {},
+        ...d ? { locale: d } : {},
+        ...L ? { features: L } : {},
+        ...v && !t ? { onBack: () => Y(!0) } : {},
+        ...t ? { launcher: t, position: j ?? "bottom-right", ...B ? { launcherMessage: B } : {} } : {}
       }));
     }, 0);
     return () => {
-      var A;
-      Y = !0, clearTimeout(Z), (A = z.current) == null || A.close(), z.current = null;
+      var F;
+      A = !0, clearTimeout(q), (F = D.current) == null || F.close(), D.current = null;
     };
-  }, [l, o, s, d, e, h, x, b, L, S, y, a, H]), b && a ? /* @__PURE__ */ n(
-    X,
+  }, [r, o, c, s, e, h, p, t, j, B, M, v, W]), t && v ? /* @__PURE__ */ n(
+    Z,
     {
-      url: l,
+      url: r,
       ...o ? { apiUrl: o } : {},
-      profileId: s,
+      profileId: c,
       ...e ? { token: e } : {},
-      ...r ? { refreshToken: r } : {},
+      ...i ? { refreshToken: i } : {},
       ...h ? { userId: h } : {},
-      ...R ? { userName: R } : {},
-      ...j ? { userEmail: j } : {},
-      scope: v ?? "tenant",
-      ...x ? { accent: x } : {},
+      ...y ? { userName: y } : {},
+      ...R ? { userEmail: R } : {},
+      scope: w ?? "tenant",
+      ...p ? { accent: p } : {},
       floating: !0,
-      position: L ?? "bottom-right"
+      position: j ?? "bottom-right"
     }
-  ) : a && !b && H ? /* @__PURE__ */ n(
-    F,
+  ) : v && !t && W ? /* @__PURE__ */ n(
+    J,
     {
-      url: l,
+      url: r,
       ...o ? { apiUrl: o } : {},
-      profileId: s,
+      profileId: c,
       ...e ? { token: e } : {},
-      ...r ? { refreshToken: r } : {},
+      ...i ? { refreshToken: i } : {},
       ...h ? { userId: h } : {},
-      ...R ? { userName: R } : {},
-      ...j ? { userEmail: j } : {},
-      ...x ? { accent: x } : {},
-      ...$ ? { accent2: $ } : {},
-      ...p ? { theme: p } : {},
-      ...t === !1 ? { webfont: !1 } : {},
-      scope: v ?? "tenant",
-      height: B,
-      onClose: () => G(!1)
+      ...y ? { userName: y } : {},
+      ...R ? { userEmail: R } : {},
+      ...p ? { accent: p } : {},
+      ...g ? { accent2: g } : {},
+      ...u ? { theme: u } : {},
+      ...b === !1 ? { webfont: !1 } : {},
+      scope: w ?? "tenant",
+      height: S,
+      onClose: () => Y(!1)
     }
   ) : /* @__PURE__ */ n(
     "div",
     {
-      ref: i,
-      style: b ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: B, minHeight: B === "100%" ? "480px" : void 0 }
+      ref: x,
+      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: S, minHeight: S === "100%" ? "480px" : void 0 }
     }
   );
 }
-function q(l) {
-  const [o, s] = _(
-    typeof window < "u" && window.innerWidth <= l
+function P(r) {
+  const [o, c] = H(
+    typeof window < "u" && window.innerWidth <= r
   );
-  return O(() => {
+  return G(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const e = window.matchMedia(`(max-width: ${l}px)`), r = (d) => s(d.matches);
-    return s(e.matches), e.addEventListener("change", r), () => e.removeEventListener("change", r);
-  }, [l]), o;
+    const e = window.matchMedia(`(max-width: ${r}px)`), i = (s) => c(s.matches);
+    return c(e.matches), e.addEventListener("change", i), () => e.removeEventListener("change", i);
+  }, [r]), o;
 }
-function F({
-  url: l,
+function J({
+  url: r,
   apiUrl: o,
-  profileId: s,
+  profileId: c,
   tenantId: e,
-  token: r,
-  refreshToken: d,
-  userId: c,
-  userName: u,
+  token: i,
+  refreshToken: s,
+  userId: f,
+  userName: a,
   userEmail: m,
   accent: C,
   theme: h,
-  webfont: R,
-  height: j = "100%",
-  i18n: f,
-  onClose: x,
-  scope: $ = "tenant"
+  webfont: y,
+  height: R = "100%",
+  i18n: l,
+  onClose: p,
+  locale: g,
+  scope: u = "tenant"
 }) {
-  const p = !s && !e, [t, b] = _(null), [L, S] = _(!1), g = D(null), B = D(null), w = D(null), M = D(null);
-  return O(() => {
-    if (!g.current) return;
-    let y = !1;
-    return import("./chatlist.js").catch((a) => (console.error("[relay] could not load the conversation list module.", a), y || S(!0), null)).then((a) => {
-      if (!a) return;
-      const { mountChatList: v } = a;
-      y || !g.current || (w.current = v({
-        el: g.current,
-        url: l,
+  const b = !c && !e, [t, j] = H(null), [B, z] = H(!1), S = _(null), $ = _(null), L = _(null), M = _(null);
+  return G(() => {
+    if (!S.current) return;
+    let v = !1;
+    return import("./chatlist.js").catch((w) => (console.error("[relay] could not load the conversation list module.", w), v || z(!0), null)).then((w) => {
+      if (!w) return;
+      const { mountChatList: d } = w;
+      v || !S.current || (L.current = d({
+        el: S.current,
+        url: r,
         ...o ? { apiUrl: o } : {},
-        ...s ? { profileId: s } : {},
+        ...c ? { profileId: c } : {},
         ...e ? { tenantId: e } : {},
         ...h ? { theme: h } : {},
-        ...R === !1 ? { webfont: !1 } : {},
-        scope: $,
+        ...y === !1 ? { webfont: !1 } : {},
+        scope: u,
         // 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.
-        ...x ? { reserveCloseSpace: !0 } : {},
-        onSelect: (i) => b(i),
+        ...p ? { reserveCloseSpace: !0 } : {},
+        onSelect: (x) => j(x),
         // 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 z;
-          const i = (z = w.current) == null ? void 0 : z.defaultProfileId();
-          i && b({ id: "__new__", profileId: i, state: "open", updatedAt: Date.now() });
+          var D;
+          const x = (D = L.current) == null ? void 0 : D.defaultProfileId();
+          x && j({ id: "__new__", profileId: x, state: "open", updatedAt: Date.now() });
         },
-        ...r ? { token: r } : {},
-        ...c ? { userId: c } : {},
+        ...i ? { token: i } : {},
+        ...f ? { userId: f } : {},
         ...C ? { accent: C } : {},
-        ...f ? { i18n: f } : {}
+        ...l ? { i18n: l } : {},
+        ...g ? { locale: g } : {}
       }));
     }), () => {
-      var a;
-      y = !0, (a = w.current) == null || a.close(), w.current = null;
+      var w;
+      v = !0, (w = L.current) == null || w.close(), L.current = null;
     };
-  }, [l, o, s, e, r, c, $]), O(() => {
-    var a;
-    if (!B.current || !t) return;
-    (a = M.current) == null || a.close(), M.current = J({
-      el: B.current,
-      url: l,
+  }, [r, o, c, e, i, f, u]), G(() => {
+    var w;
+    if (!$.current || !t) return;
+    (w = M.current) == null || w.close(), M.current = K({
+      el: $.current,
+      url: r,
       ...o ? { apiUrl: o } : {},
-      profileId: t.profileId ?? s,
+      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 } : {},
-      ...r ? { token: r } : {},
-      ...d ? { refreshToken: d } : {},
-      ...c ? { userId: c } : {},
-      ...c || u || m ? {
+      ...i ? { token: i } : {},
+      ...s ? { refreshToken: s } : {},
+      ...f ? { userId: f } : {},
+      ...f || a || m ? {
         user: {
-          ...u ? { name: u } : {},
+          ...a ? { name: a } : {},
           ...m ? { email: m } : {}
         }
       } : {},
@@ -346,29 +352,33 @@ function F({
         }
       } : {},
       ...C ? { accent: C } : {},
+      ...h ? { theme: h } : {},
+      ...y === !1 ? { webfont: !1 } : {},
+      ...g ? { locale: g } : {},
+      ...l ? { i18n: l } : {},
       // Stack navigation: the chatroom's back chevron returns to the list.
-      onBack: () => b(null)
+      onBack: () => j(null)
     });
-    const y = setInterval(() => {
-      var v;
-      return (v = w.current) == null ? void 0 : v.refresh();
+    const v = setInterval(() => {
+      var d;
+      return (d = L.current) == null ? void 0 : d.refresh();
     }, 2e4);
     return () => {
-      var v, i;
-      clearInterval(y), (v = M.current) == null || v.close(), M.current = null, (i = w.current) == null || i.refresh();
+      var d, x;
+      clearInterval(v), (d = M.current) == null || d.close(), M.current = null, (x = L.current) == null || x.refresh();
     };
-  }, [t == null ? void 0 : t.id]), p ? /* @__PURE__ */ W("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
+  }, [t == null ? void 0 : t.id]), b ? /* @__PURE__ */ O("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
     "[relay] <ChatApp/> needs a ",
     /* @__PURE__ */ n("code", { children: "profileId" }),
     " or a ",
     /* @__PURE__ */ n("code", { children: "tenantId" }),
     "."
-  ] }) : /* @__PURE__ */ W("div", { style: { position: "relative", width: "100%", height: j, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
-    x && !t && /* @__PURE__ */ n(
+  ] }) : /* @__PURE__ */ O("div", { style: { position: "relative", width: "100%", height: R, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
+    p && !t && /* @__PURE__ */ n(
       "button",
       {
-        onClick: x,
-        "aria-label": (f == null ? void 0 : f.close) ?? "Close",
+        onClick: p,
+        "aria-label": (l == null ? void 0 : l.close) ?? "Close",
         style: {
           position: "absolute",
           top: 8,
@@ -387,7 +397,7 @@ function F({
           lineHeight: 1,
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ n(V, { size: 18 })
+        children: /* @__PURE__ */ n(X, { size: 18 })
       }
     ),
     /* @__PURE__ */ n("div", { style: {
@@ -395,47 +405,47 @@ function F({
       inset: 0,
       display: t ? "none" : "flex",
       flexDirection: "column"
-    }, children: L ? /* @__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%" } }) })
+    }, children: B ? /* @__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: (l == null ? void 0 : l.error) ?? "Could not load conversations." }) : /* @__PURE__ */ n("div", { ref: S, style: { width: "100%", height: "100%" } }) }),
+    t && /* @__PURE__ */ n("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ n("div", { ref: $, style: { width: "100%", height: "100%" } }) })
   ] });
 }
-function X({
-  url: l,
+function Z({
+  url: r,
   apiUrl: o,
-  profileId: s,
+  profileId: c,
   tenantId: e,
-  token: r,
-  refreshToken: d,
-  userId: c,
-  userName: u,
+  token: i,
+  refreshToken: s,
+  userId: f,
+  userName: a,
   userEmail: m,
   scope: C,
   accent: h = "#6c5ce7",
-  floating: R = !0,
-  position: j = "bottom-right",
-  label: f,
-  panelWidth: x,
-  panelHeight: $ = "600px"
+  floating: y = !0,
+  position: R = "bottom-right",
+  label: l,
+  panelWidth: p,
+  panelHeight: g = "600px"
 }) {
-  const [p, t] = _(!1), b = D(null), L = j === "bottom-right", S = f ?? (R ? void 0 : "Messages"), g = q(479);
-  if (O(() => {
-    const i = (z) => {
-      z.key === "Escape" && t(!1);
+  const [u, b] = H(!1), t = _(null), j = R === "bottom-right", B = l ?? (y ? void 0 : "Messages"), z = P(479);
+  if (G(() => {
+    const d = (x) => {
+      x.key === "Escape" && b(!1);
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, []), R)
-    return /* @__PURE__ */ W("div", { style: {
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, []), y)
+    return /* @__PURE__ */ O("div", { style: {
       position: "fixed",
-      [L ? "right" : "left"]: "20px",
+      [j ? "right" : "left"]: "20px",
       bottom: "20px",
       zIndex: 9999,
       display: "flex",
       flexDirection: "column",
-      alignItems: L ? "flex-end" : "flex-start",
+      alignItems: j ? "flex-end" : "flex-start",
       gap: "12px"
     }, children: [
       /* @__PURE__ */ n("div", { style: {
-        ...g ? {
+        ...z ? {
           position: "fixed",
           inset: 0,
           width: "100%",
@@ -443,42 +453,42 @@ function X({
           borderRadius: "0",
           zIndex: 9998
         } : {
-          width: `min(${x ?? "420px"}, calc(100vw - 40px))`,
-          height: `min(${$}, calc(100dvh - 108px))`,
+          width: `min(${p ?? "420px"}, calc(100vw - 40px))`,
+          height: `min(${g}, calc(100dvh - 108px))`,
           borderRadius: "28px"
         },
         overflow: "hidden",
-        boxShadow: g ? "none" : "0 12px 32px rgba(108,92,231,.14)",
+        boxShadow: z ? "none" : "0 12px 32px rgba(108,92,231,.14)",
         background: "#fff",
-        display: p ? "flex" : "none",
+        display: u ? "flex" : "none",
         flexDirection: "column",
-        transformOrigin: `bottom ${L ? "right" : "left"}`,
-        animation: p ? "ocl-pop-in .18s ease" : "none"
+        transformOrigin: `bottom ${j ? "right" : "left"}`,
+        animation: u ? "ocl-pop-in .18s ease" : "none"
       }, children: /* @__PURE__ */ n(
-        F,
+        J,
         {
-          url: l,
+          url: r,
           ...o ? { apiUrl: o } : {},
-          ...s ? { profileId: s } : {},
+          ...c ? { profileId: c } : {},
           ...e ? { tenantId: e } : {},
-          ...r ? { token: r } : {},
-          ...d ? { refreshToken: d } : {},
-          ...c ? { userId: c } : {},
-          ...u ? { userName: u } : {},
+          ...i ? { token: i } : {},
+          ...s ? { refreshToken: s } : {},
+          ...f ? { userId: f } : {},
+          ...a ? { userName: a } : {},
           ...m ? { userEmail: m } : {},
           ...C ? { scope: C } : {},
           accent: h,
           height: "100%",
-          onClose: () => t(!1)
+          onClose: () => b(!1)
         }
       ) }),
       /* @__PURE__ */ n(
         "button",
         {
-          ref: b,
-          onClick: () => t((i) => !i),
-          "aria-label": p ? "Close chat" : typeof S == "string" ? S : "Open chat",
-          "aria-expanded": p,
+          ref: t,
+          onClick: () => b((d) => !d),
+          "aria-label": u ? "Close chat" : typeof B == "string" ? B : "Open chat",
+          "aria-expanded": u,
           style: {
             width: "56px",
             height: "56px",
@@ -493,36 +503,36 @@ function X({
             transition: "transform .15s",
             alignItems: "center",
             justifyContent: "center",
-            display: p && g ? "none" : "flex"
+            display: u && z ? "none" : "flex"
           },
-          onMouseEnter: (i) => {
-            i.currentTarget.style.transform = "scale(1.08)";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.transform = "scale(1.08)";
           },
-          onMouseLeave: (i) => {
-            i.currentTarget.style.transform = "scale(1)";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.transform = "scale(1)";
           },
-          children: p ? /* @__PURE__ */ n(V, {}) : f ?? /* @__PURE__ */ n(Q, {})
+          children: u ? /* @__PURE__ */ n(X, {}) : l ?? /* @__PURE__ */ n(V, {})
         }
       ),
       /* @__PURE__ */ n("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
     ] });
-  const B = `min(${x ?? "420px"}, calc(100vw - 16px))`, [w, M] = _(null), y = () => {
-    !p && b.current && M(b.current.getBoundingClientRect()), t((i) => !i);
-  }, a = w ? w.bottom + 8 : 0, v = w ? Math.max(8, window.innerWidth - w.right) : 0;
-  return /* @__PURE__ */ W(K, { children: [
-    /* @__PURE__ */ W(
+  const S = `min(${p ?? "420px"}, calc(100vw - 16px))`, [$, L] = H(null), M = () => {
+    !u && t.current && L(t.current.getBoundingClientRect()), b((d) => !d);
+  }, v = $ ? $.bottom + 8 : 0, w = $ ? Math.max(8, window.innerWidth - $.right) : 0;
+  return /* @__PURE__ */ O(Q, { children: [
+    /* @__PURE__ */ O(
       "button",
       {
-        ref: b,
-        onClick: y,
+        ref: t,
+        onClick: M,
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: "6px",
           padding: "8px 16px",
           borderRadius: "8px",
-          background: p ? h : "transparent",
-          color: p ? "#fff" : h,
+          background: u ? h : "transparent",
+          color: u ? "#fff" : h,
           border: `2px solid ${h}`,
           fontSize: "14px",
           fontWeight: 600,
@@ -530,55 +540,55 @@ function X({
           transition: "background .15s, color .15s"
         },
         children: [
-          /* @__PURE__ */ n(Q, { size: 16 }),
+          /* @__PURE__ */ n(V, { size: 16 }),
           " ",
-          S
+          B
         ]
       }
     ),
-    p && w && /* @__PURE__ */ W(K, { children: [
+    u && $ && /* @__PURE__ */ O(Q, { children: [
       /* @__PURE__ */ n(
         "div",
         {
-          onClick: () => t(!1),
+          onClick: () => b(!1),
           style: { position: "fixed", inset: 0, zIndex: 9998 }
         }
       ),
       /* @__PURE__ */ n("div", { style: {
         position: "fixed",
-        ...g ? {
+        ...z ? {
           inset: 0,
           width: "100%",
           height: "100dvh",
           borderRadius: "0"
         } : {
-          top: a,
-          right: v,
-          width: B,
-          height: `min(${$}, calc(100dvh - ${a}px - 12px))`,
+          top: v,
+          right: w,
+          width: S,
+          height: `min(${g}, calc(100dvh - ${v}px - 12px))`,
           borderRadius: "28px"
         },
         overflow: "hidden",
-        boxShadow: g ? "none" : "0 12px 32px rgba(108,92,231,.14)",
+        boxShadow: z ? "none" : "0 12px 32px rgba(108,92,231,.14)",
         background: "#fff",
         zIndex: 9999,
         animation: "ocl-slide-in .18s ease"
       }, children: /* @__PURE__ */ n(
-        F,
+        J,
         {
-          url: l,
+          url: r,
           ...o ? { apiUrl: o } : {},
-          ...s ? { profileId: s } : {},
+          ...c ? { profileId: c } : {},
           ...e ? { tenantId: e } : {},
-          ...r ? { token: r } : {},
-          ...d ? { refreshToken: d } : {},
-          ...c ? { userId: c } : {},
-          ...u ? { userName: u } : {},
+          ...i ? { token: i } : {},
+          ...s ? { refreshToken: s } : {},
+          ...f ? { userId: f } : {},
+          ...a ? { userName: a } : {},
           ...m ? { userEmail: m } : {},
           ...C ? { scope: C } : {},
           accent: h,
           height: "100%",
-          onClose: () => t(!1)
+          onClose: () => b(!1)
         }
       ) }),
       /* @__PURE__ */ n("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
@@ -586,9 +596,9 @@ function X({
   ] });
 }
 export {
-  F as ChatApp,
-  X as ChatAppLauncher,
-  E as ChatWidget,
-  I as MarketplaceChat
+  J as ChatApp,
+  Z as ChatAppLauncher,
+  I as ChatWidget,
+  N as MarketplaceChat
 };
 //# sourceMappingURL=react.js.map