@paramms/chat-widget 1.0.44 → 1.0.45

package/dist/react.js

@@ -1,7 +1,7 @@
-import { jsxs as _, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { useState as k, useRef as B, useEffect as D } from "react";
-import { mount as H } from "./index.js";
-function G({ size: o = 26 }) {
+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(
     "path",
     {
@@ -14,10 +14,10 @@ function G({ size: o = 26 }) {
     }
   ) });
 }
-function Y({ size: o = 22 }) {
+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 Q({
+function Z({
   url: o,
   apiUrl: r,
   profileId: s,
@@ -25,62 +25,68 @@ function Q({
   refreshToken: i,
   userId: l,
   userName: d,
-  userEmail: u,
+  userEmail: p,
   userAvatar: v,
   contextTitle: m,
-  contextSubtitle: p,
-  contextStatus: h,
-  subjectId: C,
-  accent: R,
-  launcher: b,
-  position: t,
-  launcherMessage: f,
-  quickReplies: j,
-  height: M = "100%",
-  i18n: L,
-  translateLang: S,
-  inbox: a,
-  inboxScope: $
+  contextSubtitle: u,
+  contextStatus: S,
+  subjectId: f,
+  accent: w,
+  accent2: R,
+  theme: z,
+  launcher: t,
+  position: h,
+  launcherMessage: M,
+  quickReplies: $,
+  height: j = "100%",
+  i18n: g,
+  features: L,
+  translateLang: b,
+  inbox: C,
+  inboxScope: x
 }) {
-  const w = B(null), c = B(null), [x, g] = k(!1);
-  return D(() => {
-    var z;
-    if (!x && w.current)
-      return (z = c.current) == null || z.close(), c.current = H({
-        el: w.current,
+  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,
-        ...C ? { subjectId: C } : {},
+        ...f ? { subjectId: f } : {},
         ...n ? { token: n } : {},
         ...i ? { refreshToken: i } : {},
         ...l ? { userId: l } : {},
-        ...l || d || u || v ? {
+        ...l || d || p || v ? {
           user: {
             ...d ? { name: d } : {},
-            ...u ? { email: u } : {},
+            ...p ? { email: p } : {},
             ...v ? { avatar: v } : {}
           }
         } : {},
         ...m ? {
           subject: {
             title: m,
-            ...p ? { subtitle: p } : {},
-            ...h ? { status: h } : {}
+            ...u ? { subtitle: u } : {},
+            ...S ? { status: S } : {}
           }
         } : {},
-        ...j ? { quickReplies: j } : {},
-        ...R ? { accent: R } : {},
-        ...S ? { translateLang: S } : {},
-        ...L ? { i18n: L } : {},
-        ...a && !b ? { onBack: () => g(!0) } : {},
-        ...b ? { launcher: b, position: t ?? "bottom-right", ...f ? { launcherMessage: f } : {} } : {}
+        ...$ ? { 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 } : {} } : {}
       }), () => {
-        var y;
-        (y = c.current) == null || y.close(), c.current = null;
+        var H;
+        (H = a.current) == null || H.close(), a.current = null;
       };
-  }, [o, r, s, C, n, l, d, u, R, b, t, f, S, a, x]), a && !b && x ? /* @__PURE__ */ e(
-    A,
+  }, [o, r, s, f, n, l, d, p, w, t, h, M, b, C, c]), C && !t && c ? /* @__PURE__ */ e(
+    F,
     {
       url: o,
       ...r ? { apiUrl: r } : {},
@@ -89,26 +95,26 @@ function Q({
       ...i ? { refreshToken: i } : {},
       ...l ? { userId: l } : {},
       ...d ? { userName: d } : {},
-      ...u ? { userEmail: u } : {},
-      ...R ? { accent: R } : {},
-      scope: $ ?? "tenant",
-      height: M,
-      onClose: () => g(!1)
+      ...p ? { userEmail: p } : {},
+      ...w ? { accent: w } : {},
+      scope: x ?? "tenant",
+      height: j,
+      onClose: () => k(!1)
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: w,
-      style: b ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: M, minHeight: M === "100%" ? "480px" : void 0 }
+      ref: y,
+      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: j, minHeight: j === "100%" ? "480px" : void 0 }
     }
   );
 }
-const q = [
+const J = [
   "Is this still available?",
   "Can I schedule a viewing?",
   "What is your best price?"
 ];
-function V({
+function T({
   url: o,
   apiUrl: r,
   profileId: s,
@@ -116,102 +122,108 @@ function V({
   refreshToken: i,
   listingId: l,
   listingTitle: d,
-  listingMeta: u,
+  listingMeta: p,
   listingPrice: v,
   listingStatus: m,
-  userId: p,
-  userName: h,
-  userEmail: C,
-  userAvatar: R,
-  accent: b,
-  launcher: t,
-  position: f,
-  launcherMessage: j,
-  quickReplies: M,
-  height: L = "100%",
-  i18n: S,
-  translateLang: a,
-  inbox: $,
-  inboxScope: w
+  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,
+  translateLang: C,
+  inbox: x,
+  inboxScope: y
 }) {
-  const c = B(null), x = B(null), [g, z] = k(!1);
-  return D(() => {
-    if (g || !c.current) return;
-    let y = !1;
-    const F = setTimeout(() => {
-      var W;
-      y || !c.current || ((W = x.current) == null || W.close(), x.current = H({
-        el: c.current,
+  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 } : {},
-        ...p ? { userId: p } : {},
-        ...p || h || C || R ? {
+        ...u ? { userId: u } : {},
+        ...u || S || f || w ? {
           user: {
-            ...h ? { name: h } : {},
-            ...C ? { email: C } : {},
-            ...R ? { avatar: R } : {},
+            ...S ? { name: S } : {},
+            ...f ? { email: f } : {},
+            ...w ? { avatar: w } : {},
             ...l ? { meta: { listingId: l } } : {}
           }
         } : {},
         ...d ? {
           subject: {
             title: d,
-            ...u ? { subtitle: u } : {},
+            ...p ? { subtitle: p } : {},
             ...v ? { tags: [`$${v.toLocaleString()}`] } : {},
             ...m ? { status: m } : {}
           }
         } : {},
-        quickReplies: M ?? q,
-        ...b ? { accent: b } : {},
-        ...a ? { translateLang: a } : {},
-        ...S ? { i18n: S } : {},
-        ...$ && !t ? { onBack: () => z(!0) } : {},
-        ...t ? { launcher: t, position: f ?? "bottom-right", ...j ? { launcherMessage: j } : {} } : {}
+        quickReplies: j ?? J,
+        ...R ? { accent: R } : {},
+        ...z ? { accent2: z } : {},
+        ...t ? { theme: t } : {},
+        ...C ? { translateLang: C } : {},
+        ...L ? { i18n: L } : {},
+        ...b ? { features: b } : {},
+        ...x && !h ? { onBack: () => A(!0) } : {},
+        ...h ? { launcher: h, position: M ?? "bottom-right", ...$ ? { launcherMessage: $ } : {} } : {}
       }));
     }, 0);
     return () => {
-      var W;
-      y = !0, clearTimeout(F), (W = x.current) == null || W.close(), x.current = null;
+      var O;
+      H = !0, clearTimeout(E), (O = c.current) == null || O.close(), c.current = null;
     };
-  }, [o, r, s, l, n, p, b, t, f, j, a, $, g]), $ && !t && g ? /* @__PURE__ */ e(
-    A,
+  }, [o, r, s, l, n, u, R, h, M, $, C, x, k]), x && !h && k ? /* @__PURE__ */ e(
+    F,
     {
       url: o,
       ...r ? { apiUrl: r } : {},
       profileId: s,
       ...n ? { token: n } : {},
       ...i ? { refreshToken: i } : {},
-      ...p ? { userId: p } : {},
-      ...h ? { userName: h } : {},
-      ...C ? { userEmail: C } : {},
-      ...b ? { accent: b } : {},
-      scope: w ?? "tenant",
-      height: L,
-      onClose: () => z(!1)
+      ...u ? { userId: u } : {},
+      ...S ? { userName: S } : {},
+      ...f ? { userEmail: f } : {},
+      ...R ? { accent: R } : {},
+      scope: y ?? "tenant",
+      height: g,
+      onClose: () => A(!1)
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: c,
-      style: t ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: L, minHeight: L === "100%" ? "480px" : void 0 }
+      ref: a,
+      style: h ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
     }
   );
 }
-function K(o) {
-  const [r, s] = k(
+function P(o) {
+  const [r, s] = _(
     typeof window < "u" && window.innerWidth <= o
   );
-  return D(() => {
+  return W(() => {
     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;
 }
-function A({
+function F({
   url: o,
   apiUrl: r,
   profileId: s,
@@ -219,56 +231,58 @@ function A({
   token: i,
   refreshToken: l,
   userId: d,
-  userName: u,
+  userName: p,
   userEmail: v,
   accent: m,
-  height: p = "100%",
-  i18n: h,
-  onClose: C,
+  theme: u,
+  height: S = "100%",
+  i18n: f,
+  onClose: w,
   scope: R = "tenant"
 }) {
-  const b = !s && !n, [t, f] = k(null), [j, M] = k(!1), L = B(null), S = B(null), a = B(null), $ = B(null);
-  return D(() => {
-    if (!L.current) return;
-    let w = !1;
-    return import("./chatlist.js").catch((c) => (console.error("[relay] could not load the conversation list module.", c), w || M(!0), null)).then((c) => {
-      if (!c) return;
-      const { mountChatList: x } = c;
-      w || !L.current || (a.current = x({
-        el: L.current,
+  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;
+    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,
         // 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.
-        ...C ? { reserveCloseSpace: !0 } : {},
-        onSelect: (g) => f(g),
+        ...w ? { reserveCloseSpace: !0 } : {},
+        onSelect: (a) => h(a),
         // 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 g = (z = a.current) == null ? void 0 : z.defaultProfileId();
-          g && f({ id: "__new__", profileId: g, state: "open", updatedAt: Date.now() });
+          var c;
+          const a = (c = L.current) == null ? void 0 : c.defaultProfileId();
+          a && h({ id: "__new__", profileId: a, state: "open", updatedAt: Date.now() });
         },
         ...i ? { token: i } : {},
         ...d ? { userId: d } : {},
         ...m ? { accent: m } : {},
-        ...h ? { i18n: h } : {}
+        ...f ? { i18n: f } : {}
       }));
     }), () => {
-      var c;
-      w = !0, (c = a.current) == null || c.close(), a.current = null;
+      var x;
+      C = !0, (x = L.current) == null || x.close(), L.current = null;
     };
-  }, [o, r, s, n, i, d, R]), D(() => {
-    var c;
-    if (!S.current || !t) return;
-    (c = $.current) == null || c.close(), $.current = H({
-      el: S.current,
+  }, [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,
@@ -280,9 +294,9 @@ function A({
       ...i ? { token: i } : {},
       ...l ? { refreshToken: l } : {},
       ...d ? { userId: d } : {},
-      ...d || u || v ? {
+      ...d || p || v ? {
         user: {
-          ...u ? { name: u } : {},
+          ...p ? { name: p } : {},
           ...v ? { email: v } : {}
         }
       } : {},
@@ -294,28 +308,28 @@ function A({
       } : {},
       ...m ? { accent: m } : {},
       // Stack navigation: the chatroom's back chevron returns to the list.
-      onBack: () => f(null)
+      onBack: () => h(null)
     });
-    const w = setInterval(() => {
-      var x;
-      return (x = a.current) == null ? void 0 : x.refresh();
+    const C = setInterval(() => {
+      var y;
+      return (y = L.current) == null ? void 0 : y.refresh();
     }, 2e4);
     return () => {
-      var x, g;
-      clearInterval(w), (x = $.current) == null || x.close(), $.current = null, (g = a.current) == null || g.refresh();
+      var y, a;
+      clearInterval(C), (y = b.current) == null || y.close(), b.current = null, (a = L.current) == null || a.refresh();
     };
-  }, [t == null ? void 0 : t.id]), b ? /* @__PURE__ */ _("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
+  }, [t == null ? void 0 : t.id]), z ? /* @__PURE__ */ D("div", { style: { padding: 16, font: "13px system-ui", color: "#b91c1c", background: "#fef2f2", borderRadius: 8 }, children: [
     "[relay] <ChatApp/> needs a ",
     /* @__PURE__ */ e("code", { children: "profileId" }),
     " or a ",
     /* @__PURE__ */ e("code", { children: "tenantId" }),
     "."
-  ] }) : /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%", height: p, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
-    C && !t && /* @__PURE__ */ e(
+  ] }) : /* @__PURE__ */ D("div", { style: { position: "relative", width: "100%", height: S, minHeight: "400px", overflow: "hidden", background: "#fff" }, children: [
+    w && !t && /* @__PURE__ */ e(
       "button",
       {
-        onClick: C,
-        "aria-label": (h == null ? void 0 : h.close) ?? "Close",
+        onClick: w,
+        "aria-label": (f == null ? void 0 : f.close) ?? "Close",
         style: {
           position: "absolute",
           top: 8,
@@ -334,7 +348,7 @@ function A({
           lineHeight: 1,
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ e(Y, { size: 18 })
+        children: /* @__PURE__ */ e(K, { size: 18 })
       }
     ),
     /* @__PURE__ */ e("div", { style: {
@@ -342,11 +356,11 @@ function A({
       inset: 0,
       display: t ? "none" : "flex",
       flexDirection: "column"
-    }, children: j ? /* @__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: (h == null ? void 0 : h.error) ?? "Could not load conversations." }) : /* @__PURE__ */ e("div", { ref: L, style: { width: "100%", height: "100%" } }) }),
-    t && /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ e("div", { ref: S, style: { width: "100%", height: "100%" } }) })
+    }, 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%" } }) })
   ] });
 }
-function X({
+function I({
   url: o,
   apiUrl: r,
   profileId: s,
@@ -354,35 +368,35 @@ function X({
   token: i,
   refreshToken: l,
   userId: d,
-  userName: u,
+  userName: p,
   userEmail: v,
   scope: m,
-  accent: p = "#4F63F5",
-  floating: h = !0,
-  position: C = "bottom-right",
-  label: R,
-  panelWidth: b,
-  panelHeight: t = "600px"
+  accent: u = "#6c5ce7",
+  floating: S = !0,
+  position: f = "bottom-right",
+  label: w,
+  panelWidth: R,
+  panelHeight: z = "600px"
 }) {
-  const [f, j] = k(!1), M = B(null), L = C === "bottom-right", S = R ?? (h ? void 0 : "Messages"), a = K(479);
-  if (D(() => {
-    const y = (F) => {
-      F.key === "Escape" && j(!1);
+  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);
     };
-    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-  }, []), h)
-    return /* @__PURE__ */ _("div", { style: {
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, []), S)
+    return /* @__PURE__ */ D("div", { style: {
       position: "fixed",
-      [L ? "right" : "left"]: "20px",
+      [$ ? "right" : "left"]: "20px",
       bottom: "20px",
       zIndex: 9999,
       display: "flex",
       flexDirection: "column",
-      alignItems: L ? "flex-end" : "flex-start",
+      alignItems: $ ? "flex-end" : "flex-start",
       gap: "12px"
     }, children: [
       /* @__PURE__ */ e("div", { style: {
-        ...a ? {
+        ...g ? {
           position: "fixed",
           inset: 0,
           width: "100%",
@@ -390,19 +404,19 @@ function X({
           borderRadius: "0",
           zIndex: 9998
         } : {
-          width: `min(${b ?? "420px"}, calc(100vw - 40px))`,
-          height: `min(${t}, calc(100dvh - 108px))`,
-          borderRadius: "16px"
+          width: `min(${R ?? "420px"}, calc(100vw - 40px))`,
+          height: `min(${z}, calc(100dvh - 108px))`,
+          borderRadius: "28px"
         },
         overflow: "hidden",
-        boxShadow: a ? "none" : "0 8px 40px rgba(0,0,0,.18)",
+        boxShadow: g ? "none" : "0 12px 32px rgba(108,92,231,.14)",
         background: "#fff",
-        display: f ? "flex" : "none",
+        display: t ? "flex" : "none",
         flexDirection: "column",
-        transformOrigin: `bottom ${L ? "right" : "left"}`,
-        animation: f ? "ocl-pop-in .18s ease" : "none"
+        transformOrigin: `bottom ${$ ? "right" : "left"}`,
+        animation: t ? "ocl-pop-in .18s ease" : "none"
       }, children: /* @__PURE__ */ e(
-        A,
+        F,
         {
           url: o,
           ...r ? { apiUrl: r } : {},
@@ -411,53 +425,53 @@ function X({
           ...i ? { token: i } : {},
           ...l ? { refreshToken: l } : {},
           ...d ? { userId: d } : {},
-          ...u ? { userName: u } : {},
+          ...p ? { userName: p } : {},
           ...v ? { userEmail: v } : {},
           ...m ? { scope: m } : {},
-          accent: p,
+          accent: u,
           height: "100%",
-          onClose: () => j(!1)
+          onClose: () => h(!1)
         }
       ) }),
       /* @__PURE__ */ e(
         "button",
         {
           ref: M,
-          onClick: () => j((y) => !y),
-          "aria-label": f ? "Close chat" : typeof S == "string" ? S : "Open chat",
-          "aria-expanded": f,
+          onClick: () => h((c) => !c),
+          "aria-label": t ? "Close chat" : typeof j == "string" ? j : "Open chat",
+          "aria-expanded": t,
           style: {
             width: "56px",
             height: "56px",
             borderRadius: "50%",
-            background: p,
+            background: u,
             color: "#fff",
             border: "none",
             fontSize: "20px",
             cursor: "pointer",
             flexShrink: 0,
-            boxShadow: "0 4px 16px rgba(0,0,0,.25)",
+            boxShadow: "0 12px 32px rgba(108,92,231,.14)",
             transition: "transform .15s",
             alignItems: "center",
             justifyContent: "center",
-            display: f && a ? "none" : "flex"
+            display: t && g ? "none" : "flex"
           },
-          onMouseEnter: (y) => {
-            y.currentTarget.style.transform = "scale(1.08)";
+          onMouseEnter: (c) => {
+            c.currentTarget.style.transform = "scale(1.08)";
           },
-          onMouseLeave: (y) => {
-            y.currentTarget.style.transform = "scale(1)";
+          onMouseLeave: (c) => {
+            c.currentTarget.style.transform = "scale(1)";
           },
-          children: f ? /* @__PURE__ */ e(Y, {}) : R ?? /* @__PURE__ */ e(G, {})
+          children: t ? /* @__PURE__ */ e(K, {}) : w ?? /* @__PURE__ */ e(q, {})
         }
       ),
       /* @__PURE__ */ e("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
     ] });
-  const $ = `min(${b ?? "420px"}, calc(100vw - 16px))`, [w, c] = k(null), x = () => {
-    !f && M.current && c(M.current.getBoundingClientRect()), j((y) => !y);
-  }, g = w ? w.bottom + 8 : 0, z = w ? Math.max(8, window.innerWidth - w.right) : 0;
-  return /* @__PURE__ */ _(O, { children: [
-    /* @__PURE__ */ _(
+  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(
       "button",
       {
         ref: M,
@@ -468,50 +482,50 @@ function X({
           gap: "6px",
           padding: "8px 16px",
           borderRadius: "8px",
-          background: f ? p : "transparent",
-          color: f ? "#fff" : p,
-          border: `2px solid ${p}`,
+          background: t ? u : "transparent",
+          color: t ? "#fff" : u,
+          border: `2px solid ${u}`,
           fontSize: "14px",
           fontWeight: 600,
           cursor: "pointer",
           transition: "background .15s, color .15s"
         },
         children: [
-          /* @__PURE__ */ e(G, { size: 16 }),
+          /* @__PURE__ */ e(q, { size: 16 }),
           " ",
-          S
+          j
         ]
       }
     ),
-    f && w && /* @__PURE__ */ _(O, { children: [
+    t && b && /* @__PURE__ */ D(Y, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          onClick: () => j(!1),
+          onClick: () => h(!1),
           style: { position: "fixed", inset: 0, zIndex: 9998 }
         }
       ),
       /* @__PURE__ */ e("div", { style: {
         position: "fixed",
-        ...a ? {
+        ...g ? {
           inset: 0,
           width: "100%",
           height: "100dvh",
           borderRadius: "0"
         } : {
-          top: g,
-          right: z,
-          width: $,
-          height: `min(${t}, calc(100dvh - ${g}px - 12px))`,
-          borderRadius: "16px"
+          top: y,
+          right: a,
+          width: L,
+          height: `min(${z}, calc(100dvh - ${y}px - 12px))`,
+          borderRadius: "28px"
         },
         overflow: "hidden",
-        boxShadow: a ? "none" : "0 8px 40px rgba(0,0,0,.2)",
+        boxShadow: g ? "none" : "0 12px 32px rgba(108,92,231,.14)",
         background: "#fff",
         zIndex: 9999,
         animation: "ocl-slide-in .18s ease"
       }, children: /* @__PURE__ */ e(
-        A,
+        F,
         {
           url: o,
           ...r ? { apiUrl: r } : {},
@@ -520,12 +534,12 @@ function X({
           ...i ? { token: i } : {},
           ...l ? { refreshToken: l } : {},
           ...d ? { userId: d } : {},
-          ...u ? { userName: u } : {},
+          ...p ? { userName: p } : {},
           ...v ? { userEmail: v } : {},
           ...m ? { scope: m } : {},
-          accent: p,
+          accent: u,
           height: "100%",
-          onClose: () => j(!1)
+          onClose: () => h(!1)
         }
       ) }),
       /* @__PURE__ */ e("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
@@ -533,9 +547,9 @@ function X({
   ] });
 }
 export {
-  A as ChatApp,
-  X as ChatAppLauncher,
-  Q as ChatWidget,
-  V as MarketplaceChat
+  F as ChatApp,
+  I as ChatAppLauncher,
+  Z as ChatWidget,
+  T as MarketplaceChat
 };
 //# sourceMappingURL=react.js.map