@paramms/chat-widget 1.0.35 → 1.0.37

package/dist/react.js

@@ -1,260 +1,298 @@
-import { jsxs as L, jsx as h, Fragment as F } from "react/jsx-runtime";
-import { useState as _, useRef as $, useEffect as k } from "react";
-import { mount as D } from "./index.js";
-function J({
-  url: u,
+import { jsxs as B, jsx as f, Fragment as O } from "react/jsx-runtime";
+import { useState as D, useRef as $, useEffect as F } from "react";
+import { mount as W } from "./index.js";
+function P({
+  url: h,
   apiUrl: n,
-  profileId: i,
-  token: t,
-  refreshToken: r,
-  userId: o,
-  userName: l,
-  userEmail: p,
-  userAvatar: g,
-  contextTitle: m,
-  contextSubtitle: b,
-  contextStatus: y,
-  subjectId: M,
-  accent: S,
-  launcher: R,
-  position: e,
-  quickReplies: d,
-  height: x = "100%",
-  i18n: v,
-  translateLang: a
+  profileId: l,
+  token: e,
+  refreshToken: o,
+  userId: i,
+  userName: c,
+  userEmail: a,
+  userAvatar: m,
+  contextTitle: v,
+  contextSubtitle: u,
+  contextStatus: b,
+  subjectId: C,
+  accent: j,
+  launcher: x,
+  position: t,
+  quickReplies: p,
+  height: g = "100%",
+  i18n: R,
+  translateLang: w,
+  inbox: M,
+  inboxScope: S
 }) {
-  const C = $(null), c = $(null);
-  return k(() => {
-    var s;
-    if (C.current)
-      return (s = c.current) == null || s.close(), c.current = D({
-        el: C.current,
-        url: u,
+  const d = $(null), r = $(null), [s, L] = D(!1);
+  return F(() => {
+    var _;
+    if (!s && d.current)
+      return (_ = r.current) == null || _.close(), r.current = W({
+        el: d.current,
+        url: h,
         ...n ? { apiUrl: n } : {},
-        profileId: i,
-        ...M ? { subjectId: M } : {},
-        ...t ? { token: t } : {},
-        ...r ? { refreshToken: r } : {},
-        ...o ? { userId: o } : {},
-        ...o || l || p || g ? {
+        profileId: l,
+        ...C ? { subjectId: C } : {},
+        ...e ? { token: e } : {},
+        ...o ? { refreshToken: o } : {},
+        ...i ? { userId: i } : {},
+        ...i || c || a || m ? {
           user: {
-            ...l ? { name: l } : {},
-            ...p ? { email: p } : {},
-            ...g ? { avatar: g } : {}
+            ...c ? { name: c } : {},
+            ...a ? { email: a } : {},
+            ...m ? { avatar: m } : {}
           }
         } : {},
-        ...m ? {
+        ...v ? {
           subject: {
-            title: m,
-            ...b ? { subtitle: b } : {},
-            ...y ? { status: y } : {}
+            title: v,
+            ...u ? { subtitle: u } : {},
+            ...b ? { status: b } : {}
           }
         } : {},
-        ...d ? { quickReplies: d } : {},
-        ...S ? { accent: S } : {},
-        ...a ? { translateLang: a } : {},
-        ...v ? { i18n: v } : {},
-        ...R ? { launcher: R, position: e ?? "bottom-right" } : {}
+        ...p ? { quickReplies: p } : {},
+        ...j ? { accent: j } : {},
+        ...w ? { translateLang: w } : {},
+        ...R ? { i18n: R } : {},
+        ...M && !x ? { onBack: () => L(!0) } : {},
+        ...x ? { launcher: x, position: t ?? "bottom-right" } : {}
       }), () => {
-        var w;
-        (w = c.current) == null || w.close(), c.current = null;
+        var z;
+        (z = r.current) == null || z.close(), r.current = null;
       };
-  }, [u, n, i, M, t, o, l, p, S, R, e, a]), /* @__PURE__ */ h(
+  }, [h, n, l, C, e, i, c, a, j, x, t, w, M, s]), M && !x && s ? /* @__PURE__ */ f(
+    H,
+    {
+      url: h,
+      ...n ? { apiUrl: n } : {},
+      profileId: l,
+      ...e ? { token: e } : {},
+      ...o ? { refreshToken: o } : {},
+      ...i ? { userId: i } : {},
+      ...c ? { userName: c } : {},
+      ...a ? { userEmail: a } : {},
+      ...j ? { accent: j } : {},
+      scope: S ?? "tenant",
+      height: g,
+      onClose: () => L(!1)
+    }
+  ) : /* @__PURE__ */ f(
     "div",
     {
-      ref: C,
-      style: R ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: x, minHeight: x === "100%" ? "480px" : void 0 }
+      ref: d,
+      style: x ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
     }
   );
 }
-const Y = [
+const k = [
   "Is this still available?",
   "Can I schedule a viewing?",
   "What is your best price?"
 ];
-function P({
-  url: u,
+function Q({
+  url: h,
   apiUrl: n,
-  profileId: i,
-  token: t,
-  refreshToken: r,
-  listingId: o,
-  listingTitle: l,
-  listingMeta: p,
-  listingPrice: g,
-  listingStatus: m,
-  userId: b,
-  userName: y,
-  userEmail: M,
-  userAvatar: S,
-  accent: R,
-  launcher: e,
-  position: d,
-  quickReplies: x,
-  height: v = "100%",
-  i18n: a,
-  translateLang: C
+  profileId: l,
+  token: e,
+  refreshToken: o,
+  listingId: i,
+  listingTitle: c,
+  listingMeta: a,
+  listingPrice: m,
+  listingStatus: v,
+  userId: u,
+  userName: b,
+  userEmail: C,
+  userAvatar: j,
+  accent: x,
+  launcher: t,
+  position: p,
+  quickReplies: g,
+  height: R = "100%",
+  i18n: w,
+  translateLang: M,
+  inbox: S,
+  inboxScope: d
 }) {
-  const c = $(null), s = $(null);
-  return k(() => {
-    if (!c.current) return;
-    let w = !1;
-    const f = setTimeout(() => {
-      var j;
-      w || !c.current || ((j = s.current) == null || j.close(), s.current = D({
-        el: c.current,
-        url: u,
+  const r = $(null), s = $(null), [L, _] = D(!1);
+  return F(() => {
+    if (L || !r.current) return;
+    let z = !1;
+    const A = setTimeout(() => {
+      var y;
+      z || !r.current || ((y = s.current) == null || y.close(), s.current = W({
+        el: r.current,
+        url: h,
         ...n ? { apiUrl: n } : {},
-        profileId: i,
-        ...o ? { subjectId: `listing_${o}` } : {},
-        ...t ? { token: t } : {},
-        ...r ? { refreshToken: r } : {},
-        ...b ? { userId: b } : {},
-        ...b || y || M || S ? {
+        profileId: l,
+        ...i ? { subjectId: `listing_${i}` } : {},
+        ...e ? { token: e } : {},
+        ...o ? { refreshToken: o } : {},
+        ...u ? { userId: u } : {},
+        ...u || b || C || j ? {
           user: {
-            ...y ? { name: y } : {},
-            ...M ? { email: M } : {},
-            ...S ? { avatar: S } : {},
-            ...o ? { meta: { listingId: o } } : {}
+            ...b ? { name: b } : {},
+            ...C ? { email: C } : {},
+            ...j ? { avatar: j } : {},
+            ...i ? { meta: { listingId: i } } : {}
           }
         } : {},
-        ...l ? {
+        ...c ? {
           subject: {
-            title: l,
-            ...p ? { subtitle: p } : {},
-            ...g ? { tags: [`$${g.toLocaleString()}`] } : {},
-            ...m ? { status: m } : {}
+            title: c,
+            ...a ? { subtitle: a } : {},
+            ...m ? { tags: [`$${m.toLocaleString()}`] } : {},
+            ...v ? { status: v } : {}
           }
         } : {},
-        quickReplies: x ?? Y,
-        ...R ? { accent: R } : {},
-        ...C ? { translateLang: C } : {},
-        ...a ? { i18n: a } : {},
-        ...e ? { launcher: e, position: d ?? "bottom-right" } : {}
+        quickReplies: g ?? k,
+        ...x ? { accent: x } : {},
+        ...M ? { translateLang: M } : {},
+        ...w ? { i18n: w } : {},
+        ...S && !t ? { onBack: () => _(!0) } : {},
+        ...t ? { launcher: t, position: p ?? "bottom-right" } : {}
       }));
     }, 0);
     return () => {
-      var j;
-      w = !0, clearTimeout(f), (j = s.current) == null || j.close(), s.current = null;
+      var y;
+      z = !0, clearTimeout(A), (y = s.current) == null || y.close(), s.current = null;
     };
-  }, [u, n, i, o, t, b, R, e, d, C]), /* @__PURE__ */ h(
+  }, [h, n, l, i, e, u, x, t, p, M, S, L]), S && !t && L ? /* @__PURE__ */ f(
+    H,
+    {
+      url: h,
+      ...n ? { apiUrl: n } : {},
+      profileId: l,
+      ...e ? { token: e } : {},
+      ...o ? { refreshToken: o } : {},
+      ...u ? { userId: u } : {},
+      ...b ? { userName: b } : {},
+      ...C ? { userEmail: C } : {},
+      ...x ? { accent: x } : {},
+      scope: d ?? "tenant",
+      height: R,
+      onClose: () => _(!1)
+    }
+  ) : /* @__PURE__ */ f(
     "div",
     {
-      ref: c,
-      style: e ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: v, minHeight: v === "100%" ? "480px" : void 0 }
+      ref: r,
+      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: R, minHeight: R === "100%" ? "480px" : void 0 }
     }
   );
 }
-function A(u) {
-  const [n, i] = _(
-    typeof window < "u" && window.innerWidth <= u
+function q(h) {
+  const [n, l] = D(
+    typeof window < "u" && window.innerWidth <= h
   );
-  return k(() => {
+  return F(() => {
     if (typeof window > "u" || !window.matchMedia) return;
-    const t = window.matchMedia(`(max-width: ${u}px)`), r = (o) => i(o.matches);
-    return i(t.matches), t.addEventListener("change", r), () => t.removeEventListener("change", r);
-  }, [u]), n;
+    const e = window.matchMedia(`(max-width: ${h}px)`), o = (i) => l(i.matches);
+    return l(e.matches), e.addEventListener("change", o), () => e.removeEventListener("change", o);
+  }, [h]), n;
 }
 function H({
-  url: u,
+  url: h,
   apiUrl: n,
-  profileId: i,
-  tenantId: t,
-  token: r,
-  refreshToken: o,
-  userId: l,
-  userName: p,
-  userEmail: g,
-  accent: m,
-  height: b = "100%",
-  i18n: y,
-  onClose: M,
-  scope: S = "tenant"
+  profileId: l,
+  tenantId: e,
+  token: o,
+  refreshToken: i,
+  userId: c,
+  userName: a,
+  userEmail: m,
+  accent: v,
+  height: u = "100%",
+  i18n: b,
+  onClose: C,
+  scope: j = "tenant"
 }) {
-  const R = !i && !t, [e, d] = _(null), x = $(null), v = $(null), a = $(null), C = $(null);
-  k(() => {
-    if (!x.current) return;
-    let s = !1;
-    return import("./chatlist.js").then(({ mountChatList: w }) => {
-      s || !x.current || (a.current = w({
-        el: x.current,
-        url: u,
+  const x = !l && !e, [t, p] = D(null), g = $(null), R = $(null), w = $(null), M = $(null);
+  return F(() => {
+    if (!g.current) return;
+    let S = !1;
+    return import("./chatlist.js").then(({ mountChatList: d }) => {
+      S || !g.current || (w.current = d({
+        el: g.current,
+        url: h,
         ...n ? { apiUrl: n } : {},
-        ...i ? { profileId: i } : {},
-        ...t ? { tenantId: t } : {},
-        scope: S,
-        onSelect: (f) => d(f),
+        ...l ? { profileId: l } : {},
+        ...e ? { tenantId: e } : {},
+        scope: j,
+        onSelect: (r) => p(r),
         // 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 j;
-          const f = (j = a.current) == null ? void 0 : j.defaultProfileId();
-          f && d({ id: "__new__", profileId: f, state: "open", updatedAt: Date.now() });
+          var s;
+          const r = (s = w.current) == null ? void 0 : s.defaultProfileId();
+          r && p({ id: "__new__", profileId: r, state: "open", updatedAt: Date.now() });
         },
-        ...r ? { token: r } : {},
-        ...l ? { userId: l } : {},
-        ...m ? { accent: m } : {},
-        ...y ? { i18n: y } : {}
+        ...o ? { token: o } : {},
+        ...c ? { userId: c } : {},
+        ...v ? { accent: v } : {},
+        ...b ? { i18n: b } : {}
       }));
     }), () => {
-      var w;
-      s = !0, (w = a.current) == null || w.close(), a.current = null;
+      var d;
+      S = !0, (d = w.current) == null || d.close(), w.current = null;
     };
-  }, [u, n, i, t, r, l, S]), k(() => {
-    var w;
-    if (!v.current || !e) return;
-    (w = C.current) == null || w.close(), C.current = D({
-      el: v.current,
-      url: u,
+  }, [h, n, l, e, o, c, j]), F(() => {
+    var d;
+    if (!R.current || !t) return;
+    (d = M.current) == null || d.close(), M.current = W({
+      el: R.current,
+      url: h,
       ...n ? { apiUrl: n } : {},
-      profileId: e.profileId ?? i,
+      profileId: t.profileId ?? l,
       // 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.
-      ...e.kind === "direct" && e.peerId ? { kind: "direct", peerId: e.peerId } : e.subjectId ? { subjectId: e.subjectId } : {},
-      ...r ? { token: r } : {},
-      ...o ? { refreshToken: o } : {},
-      ...l ? { userId: l } : {},
-      ...l || p || g ? {
+      ...t.kind === "direct" && t.peerId ? { kind: "direct", peerId: t.peerId } : t.subjectId ? { subjectId: t.subjectId } : {},
+      ...o ? { token: o } : {},
+      ...i ? { refreshToken: i } : {},
+      ...c ? { userId: c } : {},
+      ...c || a || m ? {
         user: {
-          ...p ? { name: p } : {},
-          ...g ? { email: g } : {}
+          ...a ? { name: a } : {},
+          ...m ? { email: m } : {}
         }
       } : {},
-      ...e.subjectTitle ? {
+      ...t.subjectTitle ? {
         subject: {
-          title: e.subjectTitle,
-          ...e.subjectMeta ? { subtitle: e.subjectMeta } : {}
+          title: t.subjectTitle,
+          ...t.subjectMeta ? { subtitle: t.subjectMeta } : {}
         }
       } : {},
-      ...m ? { accent: m } : {}
+      ...v ? { accent: v } : {},
+      // Stack navigation: the chatroom's back chevron returns to the list.
+      onBack: () => p(null)
     });
-    const s = setInterval(() => {
-      var f;
-      return (f = a.current) == null ? void 0 : f.refresh();
+    const S = setInterval(() => {
+      var r;
+      return (r = w.current) == null ? void 0 : r.refresh();
     }, 2e4);
     return () => {
-      var f, j;
-      clearInterval(s), (f = C.current) == null || f.close(), C.current = null, (j = a.current) == null || j.refresh();
+      var r, s;
+      clearInterval(S), (r = M.current) == null || r.close(), M.current = null, (s = w.current) == null || s.refresh();
     };
-  }, [e == null ? void 0 : e.id]);
-  const c = A(767);
-  return R ? /* @__PURE__ */ L("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
+  }, [t == null ? void 0 : t.id]), x ? /* @__PURE__ */ B("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
     "[relay] <ChatApp/> needs a ",
-    /* @__PURE__ */ h("code", { children: "profileId" }),
+    /* @__PURE__ */ f("code", { children: "profileId" }),
     " or a ",
-    /* @__PURE__ */ h("code", { children: "tenantId" }),
+    /* @__PURE__ */ f("code", { children: "tenantId" }),
     "."
-  ] }) : /* @__PURE__ */ L("div", { style: { display: "flex", width: "100%", height: b, minHeight: "400px", overflow: "hidden", position: "relative" }, children: [
-    M && /* @__PURE__ */ h(
+  ] }) : /* @__PURE__ */ B("div", { style: { position: "relative", width: "100%", height: u, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
+    C && !t && /* @__PURE__ */ f(
       "button",
       {
-        onClick: M,
-        "aria-label": (y == null ? void 0 : y.close) ?? "Close",
+        onClick: C,
+        "aria-label": (b == null ? void 0 : b.close) ?? "Close",
         style: {
           position: "absolute",
           top: 8,
@@ -276,64 +314,52 @@ function H({
         children: "✕"
       }
     ),
-    /* @__PURE__ */ h("div", { style: {
-      width: c ? "100%" : "360px",
-      flex: c && e ? "none" : void 0,
-      display: c && e ? "none" : "flex",
-      flexDirection: "column",
-      borderRight: c ? "none" : "1px solid #e8eaed",
-      minWidth: 0
-    }, children: /* @__PURE__ */ h("div", { ref: x, style: { width: "100%", height: "100%" } }) }),
-    e ? /* @__PURE__ */ L("div", { style: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, position: "relative" }, children: [
-      c && /* @__PURE__ */ h(
-        "button",
-        {
-          onClick: () => d(null),
-          style: { position: "absolute", top: 12, left: 12, zIndex: 10, background: "none", border: "none", fontSize: 22, cursor: "pointer", color: "#1c1b1a" },
-          children: "←"
-        }
-      ),
-      /* @__PURE__ */ h("div", { ref: v, style: { width: "100%", height: "100%" } })
-    ] }) : /* @__PURE__ */ h("div", { style: { flex: 1, display: c ? "none" : "flex", alignItems: "center", justifyContent: "center", color: "#9b9690", fontSize: 14 }, children: "Select a conversation" })
+    /* @__PURE__ */ f("div", { style: {
+      position: "absolute",
+      inset: 0,
+      display: t ? "none" : "flex",
+      flexDirection: "column"
+    }, children: /* @__PURE__ */ f("div", { ref: g, style: { width: "100%", height: "100%" } }) }),
+    t && /* @__PURE__ */ f("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ f("div", { ref: R, style: { width: "100%", height: "100%" } }) })
   ] });
 }
-function Q({
-  url: u,
+function V({
+  url: h,
   apiUrl: n,
-  profileId: i,
-  tenantId: t,
-  token: r,
-  refreshToken: o,
-  userId: l,
-  userName: p,
-  userEmail: g,
-  scope: m,
-  accent: b = "#4F63F5",
-  floating: y = !0,
-  position: M = "bottom-right",
-  label: S,
-  panelWidth: R,
-  panelHeight: e = "600px"
+  profileId: l,
+  tenantId: e,
+  token: o,
+  refreshToken: i,
+  userId: c,
+  userName: a,
+  userEmail: m,
+  scope: v,
+  accent: u = "#4F63F5",
+  floating: b = !0,
+  position: C = "bottom-right",
+  label: j,
+  panelWidth: x,
+  panelHeight: t = "600px"
 }) {
-  const [d, x] = _(!1), v = $(null), a = M === "bottom-right", c = S ?? (y ? "💬" : "Messages"), s = A(479);
-  if (k(() => {
-    const z = (O) => {
-      O.key === "Escape" && x(!1);
+  const [p, g] = D(!1), R = $(null), w = C === "bottom-right", S = j ?? (b ? "💬" : "Messages"), d = q(479);
+  if (F(() => {
+    const y = (Y) => {
+      Y.key === "Escape" && g(!1);
     };
-    return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
-  }, []), y)
-    return /* @__PURE__ */ L("div", { style: {
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+  }, []), b)
+    return /* @__PURE__ */ B("div", { style: {
       position: "fixed",
-      [a ? "right" : "left"]: "20px",
+      [w ? "right" : "left"]: "20px",
       bottom: "20px",
       zIndex: 9999,
       display: "flex",
       flexDirection: "column",
-      alignItems: a ? "flex-end" : "flex-start",
+      alignItems: w ? "flex-end" : "flex-start",
       gap: "12px"
     }, children: [
-      /* @__PURE__ */ h("div", { style: {
-        ...s ? {
+      /* @__PURE__ */ f("div", { style: {
+        ...d ? {
           position: "fixed",
           inset: 0,
           width: "100%",
@@ -341,45 +367,45 @@ function Q({
           borderRadius: "0",
           zIndex: 9998
         } : {
-          width: `min(${R ?? "420px"}, calc(100vw - 40px))`,
-          height: `min(${e}, calc(100dvh - 108px))`,
+          width: `min(${x ?? "420px"}, calc(100vw - 40px))`,
+          height: `min(${t}, calc(100dvh - 108px))`,
           borderRadius: "16px"
         },
         overflow: "hidden",
-        boxShadow: s ? "none" : "0 8px 40px rgba(0,0,0,.18)",
+        boxShadow: d ? "none" : "0 8px 40px rgba(0,0,0,.18)",
         background: "#fff",
-        display: d ? "flex" : "none",
+        display: p ? "flex" : "none",
         flexDirection: "column",
-        transformOrigin: `bottom ${a ? "right" : "left"}`,
-        animation: d ? "ocl-pop-in .18s ease" : "none"
-      }, children: /* @__PURE__ */ h(
+        transformOrigin: `bottom ${w ? "right" : "left"}`,
+        animation: p ? "ocl-pop-in .18s ease" : "none"
+      }, children: /* @__PURE__ */ f(
         H,
         {
-          url: u,
+          url: h,
           ...n ? { apiUrl: n } : {},
-          ...i ? { profileId: i } : {},
-          ...t ? { tenantId: t } : {},
-          ...r ? { token: r } : {},
-          ...o ? { refreshToken: o } : {},
-          ...l ? { userId: l } : {},
-          ...p ? { userName: p } : {},
-          ...g ? { userEmail: g } : {},
-          ...m ? { scope: m } : {},
-          accent: b,
+          ...l ? { profileId: l } : {},
+          ...e ? { tenantId: e } : {},
+          ...o ? { token: o } : {},
+          ...i ? { refreshToken: i } : {},
+          ...c ? { userId: c } : {},
+          ...a ? { userName: a } : {},
+          ...m ? { userEmail: m } : {},
+          ...v ? { scope: v } : {},
+          accent: u,
           height: "100%",
-          onClose: () => x(!1)
+          onClose: () => g(!1)
         }
       ) }),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ f(
         "button",
         {
-          ref: v,
-          onClick: () => x((z) => !z),
+          ref: R,
+          onClick: () => g((y) => !y),
           style: {
             width: "56px",
             height: "56px",
             borderRadius: "50%",
-            background: b,
+            background: u,
             color: "#fff",
             border: "none",
             fontSize: "24px",
@@ -387,37 +413,37 @@ function Q({
             flexShrink: 0,
             boxShadow: "0 4px 16px rgba(0,0,0,.25)",
             transition: "transform .15s",
-            display: d && s ? "none" : "block"
+            display: p && d ? "none" : "block"
           },
-          onMouseEnter: (z) => {
-            z.target.style.transform = "scale(1.08)";
+          onMouseEnter: (y) => {
+            y.target.style.transform = "scale(1.08)";
           },
-          onMouseLeave: (z) => {
-            z.target.style.transform = "scale(1)";
+          onMouseLeave: (y) => {
+            y.target.style.transform = "scale(1)";
           },
-          children: d ? "✕" : c
+          children: p ? "✕" : S
         }
       ),
-      /* @__PURE__ */ h("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
+      /* @__PURE__ */ f("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
     ] });
-  const w = `min(${R ?? "420px"}, calc(100vw - 16px))`, [f, j] = _(null), B = () => {
-    !d && v.current && j(v.current.getBoundingClientRect()), x((z) => !z);
-  }, W = f ? f.bottom + 8 : 0, E = f ? Math.max(8, window.innerWidth - f.right) : 0;
-  return /* @__PURE__ */ L(F, { children: [
-    /* @__PURE__ */ L(
+  const r = `min(${x ?? "420px"}, calc(100vw - 16px))`, [s, L] = D(null), _ = () => {
+    !p && R.current && L(R.current.getBoundingClientRect()), g((y) => !y);
+  }, z = s ? s.bottom + 8 : 0, A = s ? Math.max(8, window.innerWidth - s.right) : 0;
+  return /* @__PURE__ */ B(O, { children: [
+    /* @__PURE__ */ B(
       "button",
       {
-        ref: v,
-        onClick: B,
+        ref: R,
+        onClick: _,
         style: {
           display: "inline-flex",
           alignItems: "center",
           gap: "6px",
           padding: "8px 16px",
           borderRadius: "8px",
-          background: d ? b : "transparent",
-          color: d ? "#fff" : b,
-          border: `2px solid ${b}`,
+          background: p ? u : "transparent",
+          color: p ? "#fff" : u,
+          border: `2px solid ${u}`,
           fontSize: "14px",
           fontWeight: 600,
           cursor: "pointer",
@@ -425,63 +451,63 @@ function Q({
         },
         children: [
           "💬 ",
-          c
+          S
         ]
       }
     ),
-    d && f && /* @__PURE__ */ L(F, { children: [
-      /* @__PURE__ */ h(
+    p && s && /* @__PURE__ */ B(O, { children: [
+      /* @__PURE__ */ f(
         "div",
         {
-          onClick: () => x(!1),
+          onClick: () => g(!1),
           style: { position: "fixed", inset: 0, zIndex: 9998 }
         }
       ),
-      /* @__PURE__ */ h("div", { style: {
+      /* @__PURE__ */ f("div", { style: {
         position: "fixed",
-        ...s ? {
+        ...d ? {
           inset: 0,
           width: "100%",
           height: "100dvh",
           borderRadius: "0"
         } : {
-          top: W,
-          right: E,
-          width: w,
-          height: `min(${e}, calc(100dvh - ${W}px - 12px))`,
+          top: z,
+          right: A,
+          width: r,
+          height: `min(${t}, calc(100dvh - ${z}px - 12px))`,
           borderRadius: "16px"
         },
         overflow: "hidden",
-        boxShadow: s ? "none" : "0 8px 40px rgba(0,0,0,.2)",
+        boxShadow: d ? "none" : "0 8px 40px rgba(0,0,0,.2)",
         background: "#fff",
         zIndex: 9999,
         animation: "ocl-slide-in .18s ease"
-      }, children: /* @__PURE__ */ h(
+      }, children: /* @__PURE__ */ f(
         H,
         {
-          url: u,
+          url: h,
           ...n ? { apiUrl: n } : {},
-          ...i ? { profileId: i } : {},
-          ...t ? { tenantId: t } : {},
-          ...r ? { token: r } : {},
-          ...o ? { refreshToken: o } : {},
-          ...l ? { userId: l } : {},
-          ...p ? { userName: p } : {},
-          ...g ? { userEmail: g } : {},
-          ...m ? { scope: m } : {},
-          accent: b,
+          ...l ? { profileId: l } : {},
+          ...e ? { tenantId: e } : {},
+          ...o ? { token: o } : {},
+          ...i ? { refreshToken: i } : {},
+          ...c ? { userId: c } : {},
+          ...a ? { userName: a } : {},
+          ...m ? { userEmail: m } : {},
+          ...v ? { scope: v } : {},
+          accent: u,
           height: "100%",
-          onClose: () => x(!1)
+          onClose: () => g(!1)
         }
       ) }),
-      /* @__PURE__ */ h("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
+      /* @__PURE__ */ f("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
     ] })
   ] });
 }
 export {
   H as ChatApp,
-  Q as ChatAppLauncher,
-  J as ChatWidget,
-  P as MarketplaceChat
+  V as ChatAppLauncher,
+  P as ChatWidget,
+  Q as MarketplaceChat
 };
 //# sourceMappingURL=react.js.map