@paramms/chat-widget 1.0.22 → 1.0.23

package/dist/react.js

@@ -1,111 +1,113 @@
-import { jsxs as j, jsx as u, Fragment as $ } from "react/jsx-runtime";
-import { useState as L, useRef as k, useEffect as W } from "react";
-import { mount as D } from "./index.js";
+import { jsxs as S, jsx as p, Fragment as $ } from "react/jsx-runtime";
+import { useState as D, useRef as k, useEffect as z } from "react";
+import { mount as T } from "./index.js";
 function A({
-  url: b,
+  url: x,
   apiUrl: i,
-  profileId: a,
-  userId: e,
+  profileId: b,
+  userId: t,
   userName: l,
   userEmail: c,
   userAvatar: o,
-  contextTitle: m,
+  contextTitle: w,
   contextSubtitle: y,
-  contextStatus: t,
-  subjectId: p,
-  accent: s,
+  contextStatus: e,
+  subjectId: a,
+  accent: d,
   launcher: n,
-  position: d,
+  position: s,
   quickReplies: f,
   height: h = "100%",
   i18n: g,
   translateLang: r
 }) {
-  const w = k(null), x = k(null);
-  return W(() => {
+  const m = k(null), u = k(null);
+  return z(() => {
     var v;
-    if (w.current)
-      return (v = x.current) == null || v.close(), x.current = D({
-        el: w.current,
-        url: b,
+    if (m.current)
+      return (v = u.current) == null || v.close(), u.current = T({
+        el: m.current,
+        url: x,
         ...i ? { apiUrl: i } : {},
-        profileId: a,
-        ...p ? { subjectId: p } : {},
-        ...e ? { token: e } : {},
-        ...e || l || c || o ? {
+        profileId: b,
+        ...a ? { subjectId: a } : {},
+        ...t ? { userId: t } : {},
+        ...t || l || c || o ? {
           user: {
             ...l ? { name: l } : {},
             ...c ? { email: c } : {},
             ...o ? { avatar: o } : {}
           }
         } : {},
-        ...m ? {
+        ...w ? {
           subject: {
-            title: m,
+            title: w,
             ...y ? { subtitle: y } : {},
-            ...t ? { status: t } : {}
+            ...e ? { status: e } : {}
           }
         } : {},
         ...f ? { quickReplies: f } : {},
-        ...s ? { accent: s } : {},
+        ...d ? { accent: d } : {},
         ...r ? { translateLang: r } : {},
         ...g ? { i18n: g } : {},
-        ...n ? { launcher: n, position: d ?? "bottom-right" } : {}
+        ...n ? { launcher: n, position: s ?? "bottom-right" } : {}
       }), () => {
         var C;
-        (C = x.current) == null || C.close(), x.current = null;
+        (C = u.current) == null || C.close(), u.current = null;
       };
-  }, [b, i, a, p, e, l, c, s, n, d, r]), /* @__PURE__ */ u(
+  }, [x, i, b, a, t, l, c, d, n, s, r]), /* @__PURE__ */ p(
     "div",
     {
-      ref: w,
+      ref: m,
       style: n ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: h, minHeight: h === "100%" ? "480px" : void 0 }
     }
   );
 }
-const T = [
+const B = [
   "Is this still available?",
   "Can I schedule a viewing?",
   "What is your best price?"
 ];
 function K({
-  url: b,
+  url: x,
   apiUrl: i,
-  profileId: a,
-  listingId: e,
+  profileId: b,
+  listingId: t,
   listingTitle: l,
   listingMeta: c,
   listingPrice: o,
-  listingStatus: m,
+  listingStatus: w,
   userId: y,
-  userName: t,
-  userEmail: p,
-  userAvatar: s,
+  userName: e,
+  userEmail: a,
+  userAvatar: d,
   accent: n,
-  launcher: d,
+  launcher: s,
   position: f,
   quickReplies: h,
   height: g = "100%",
   i18n: r,
-  translateLang: w
+  translateLang: m
 }) {
-  const x = k(null), v = k(null);
-  return W(() => {
-    var C;
-    if (x.current)
-      return (C = v.current) == null || C.close(), v.current = D({
-        el: x.current,
-        url: b,
+  const u = k(null), v = k(null);
+  return z(() => {
+    if (!u.current) return;
+    let C = !1;
+    const M = setTimeout(() => {
+      var j;
+      C || !u.current || ((j = v.current) == null || j.close(), v.current = T({
+        el: u.current,
+        url: x,
         ...i ? { apiUrl: i } : {},
-        profileId: a,
-        ...e ? { subjectId: `listing_${e}` } : {},
-        ...y ? { token: y } : {},
-        ...y || t || p || s ? {
+        profileId: b,
+        ...t ? { subjectId: `listing_${t}` } : {},
+        ...y ? { userId: y } : {},
+        ...y || e || a || d ? {
           user: {
-            ...t ? { name: t } : {},
-            ...p ? { email: p } : {},
-            ...s ? { avatar: s } : {},
-            ...e ? { meta: { listingId: e } } : {}
+            ...e ? { name: e } : {},
+            ...a ? { email: a } : {},
+            ...d ? { avatar: d } : {},
+            ...t ? { meta: { listingId: t } } : {}
           }
         } : {},
         ...l ? {
@@ -113,76 +115,78 @@ function K({
             title: l,
             ...c ? { subtitle: c } : {},
             ...o ? { tags: [`$${o.toLocaleString()}`] } : {},
-            ...m ? { status: m } : {}
+            ...w ? { status: w } : {}
           }
         } : {},
-        quickReplies: h ?? T,
+        quickReplies: h ?? B,
         ...n ? { accent: n } : {},
-        ...w ? { translateLang: w } : {},
+        ...m ? { translateLang: m } : {},
         ...r ? { i18n: r } : {},
-        ...d ? { launcher: d, position: f ?? "bottom-right" } : {}
-      }), () => {
-        var z;
-        (z = v.current) == null || z.close(), v.current = null;
-      };
-  }, [b, i, a, e, y, t, p, n, d, f, w]), /* @__PURE__ */ u(
+        ...s ? { launcher: s, position: f ?? "bottom-right" } : {}
+      }));
+    }, 0);
+    return () => {
+      var j;
+      C = !0, clearTimeout(M), (j = v.current) == null || j.close(), v.current = null;
+    };
+  }, [x, i, b, t, y, n, s, f, m]), /* @__PURE__ */ p(
     "div",
     {
-      ref: x,
-      style: d ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
+      ref: u,
+      style: s ? { width: 0, height: 0, overflow: "hidden" } : { width: "100%", height: g, minHeight: g === "100%" ? "480px" : void 0 }
     }
   );
 }
 function F({
-  url: b,
+  url: x,
   apiUrl: i,
-  profileId: a,
-  userId: e,
+  profileId: b,
+  userId: t,
   userName: l,
   userEmail: c,
   accent: o,
-  height: m = "100%",
+  height: w = "100%",
   i18n: y
 }) {
-  const [t, p] = L(null), s = k(null), n = k(null), d = k(null), f = k(null);
-  W(() => {
-    if (!s.current) return;
+  const [e, a] = D(null), d = k(null), n = k(null), s = k(null), f = k(null);
+  z(() => {
+    if (!d.current) return;
     let g = !1;
     return import("./chatlist.js").then(({ mountChatList: r }) => {
-      g || !s.current || (d.current = r({
-        el: s.current,
-        url: b,
+      g || !d.current || (s.current = r({
+        el: d.current,
+        url: x,
         ...i ? { apiUrl: i } : {},
-        profileId: a,
-        onSelect: (w) => p(w),
-        ...e ? { userId: e } : {},
+        profileId: b,
+        onSelect: (m) => a(m),
+        ...t ? { userId: t } : {},
         ...o ? { accent: o } : {},
         ...y ? { i18n: y } : {}
       }));
     }), () => {
       var r;
-      g = !0, (r = d.current) == null || r.close(), d.current = null;
+      g = !0, (r = s.current) == null || r.close(), s.current = null;
     };
-  }, [b, a, e]), W(() => {
+  }, [x, b, t]), z(() => {
     var g;
-    if (!(!n.current || !t))
-      return (g = f.current) == null || g.close(), f.current = D({
+    if (!(!n.current || !e))
+      return (g = f.current) == null || g.close(), f.current = T({
         el: n.current,
-        url: b,
+        url: x,
         ...i ? { apiUrl: i } : {},
-        profileId: a,
-        ...t.subjectId ? { subjectId: t.subjectId } : {},
-        ...e ? { token: e } : {},
-        ...e || l || c ? {
+        profileId: b,
+        ...e.subjectId ? { subjectId: e.subjectId } : {},
+        ...t ? { token: t } : {},
+        ...t || l || c ? {
           user: {
             ...l ? { name: l } : {},
             ...c ? { email: c } : {}
           }
         } : {},
-        ...t.subjectTitle ? {
+        ...e.subjectTitle ? {
           subject: {
-            title: t.subjectTitle,
-            ...t.subjectMeta ? { subtitle: t.subjectMeta } : {}
+            title: e.subjectTitle,
+            ...e.subjectMeta ? { subtitle: e.subjectMeta } : {}
           }
         } : {},
         ...o ? { accent: o } : {}
@@ -190,53 +194,53 @@ function F({
         var r;
         (r = f.current) == null || r.close(), f.current = null;
       };
-  }, [t == null ? void 0 : t.id]);
+  }, [e == null ? void 0 : e.id]);
   const h = typeof window < "u" && window.innerWidth < 768;
-  return /* @__PURE__ */ j("div", { style: { display: "flex", width: "100%", height: m, minHeight: "400px", overflow: "hidden" }, children: [
-    /* @__PURE__ */ u("div", { style: {
+  return /* @__PURE__ */ S("div", { style: { display: "flex", width: "100%", height: w, minHeight: "400px", overflow: "hidden" }, children: [
+    /* @__PURE__ */ p("div", { style: {
       width: h ? "100%" : "360px",
-      flex: h && t ? "none" : void 0,
-      display: h && t ? "none" : "flex",
+      flex: h && e ? "none" : void 0,
+      display: h && e ? "none" : "flex",
       flexDirection: "column",
       borderRight: h ? "none" : "1px solid #e8eaed",
       minWidth: 0
-    }, children: /* @__PURE__ */ u("div", { ref: s, style: { width: "100%", height: "100%" } }) }),
-    t ? /* @__PURE__ */ j("div", { style: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, position: "relative" }, children: [
-      h && /* @__PURE__ */ u(
+    }, children: /* @__PURE__ */ p("div", { ref: d, style: { width: "100%", height: "100%" } }) }),
+    e ? /* @__PURE__ */ S("div", { style: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0, position: "relative" }, children: [
+      h && /* @__PURE__ */ p(
         "button",
         {
-          onClick: () => p(null),
+          onClick: () => a(null),
           style: { position: "absolute", top: 12, left: 12, zIndex: 10, background: "none", border: "none", fontSize: 22, cursor: "pointer", color: "#1c1b1a" },
           children: "←"
         }
       ),
-      /* @__PURE__ */ u("div", { ref: n, style: { width: "100%", height: "100%" } })
-    ] }) : /* @__PURE__ */ u("div", { style: { flex: 1, display: h ? "none" : "flex", alignItems: "center", justifyContent: "center", color: "#9b9690", fontSize: 14 }, children: "Select a conversation" })
+      /* @__PURE__ */ p("div", { ref: n, style: { width: "100%", height: "100%" } })
+    ] }) : /* @__PURE__ */ p("div", { style: { flex: 1, display: h ? "none" : "flex", alignItems: "center", justifyContent: "center", color: "#9b9690", fontSize: 14 }, children: "Select a conversation" })
   ] });
 }
 function P({
-  url: b,
+  url: x,
   apiUrl: i,
-  profileId: a,
-  userId: e,
+  profileId: b,
+  userId: t,
   userName: l,
   userEmail: c,
   accent: o = "#4F63F5",
-  floating: m = !0,
+  floating: w = !0,
   position: y = "bottom-right",
-  label: t,
-  panelWidth: p,
-  panelHeight: s = "600px"
+  label: e,
+  panelWidth: a,
+  panelHeight: d = "600px"
 }) {
-  const [n, d] = L(!1), f = k(null), h = y === "bottom-right", r = t ?? (m ? "💬" : "Messages");
-  if (W(() => {
-    const R = (M) => {
-      M.key === "Escape" && d(!1);
+  const [n, s] = D(!1), f = k(null), h = y === "bottom-right", r = e ?? (w ? "💬" : "Messages");
+  if (z(() => {
+    const R = (L) => {
+      L.key === "Escape" && s(!1);
     };
     return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
-  }, []), m) {
-    const R = typeof window < "u" && window.innerWidth < 480, M = R ? "100vw" : p ?? "420px", B = R ? "100dvh" : s;
-    return /* @__PURE__ */ j("div", { style: {
+  }, []), w) {
+    const R = typeof window < "u" && window.innerWidth < 480, L = R ? "100vw" : a ?? "420px", H = R ? "100dvh" : d;
+    return /* @__PURE__ */ S("div", { style: {
       position: "fixed",
       [h ? "right" : "left"]: "20px",
       bottom: "20px",
@@ -246,9 +250,9 @@ function P({
       alignItems: h ? "flex-end" : "flex-start",
       gap: "12px"
     }, children: [
-      /* @__PURE__ */ u("div", { style: {
-        width: M,
-        height: B,
+      /* @__PURE__ */ p("div", { style: {
+        width: L,
+        height: H,
         borderRadius: R ? "0" : "16px",
         overflow: "hidden",
         boxShadow: "0 8px 40px rgba(0,0,0,.18)",
@@ -257,24 +261,24 @@ function P({
         flexDirection: "column",
         transformOrigin: `bottom ${h ? "right" : "left"}`,
         animation: n ? "ocl-pop-in .18s ease" : "none"
-      }, children: /* @__PURE__ */ u(
+      }, children: /* @__PURE__ */ p(
         F,
         {
-          url: b,
+          url: x,
           ...i ? { apiUrl: i } : {},
-          profileId: a,
-          ...e ? { userId: e } : {},
+          profileId: b,
+          ...t ? { userId: t } : {},
           ...l ? { userName: l } : {},
           ...c ? { userEmail: c } : {},
           accent: o,
           height: "100%"
         }
       ) }),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ p(
         "button",
         {
           ref: f,
-          onClick: () => d((S) => !S),
+          onClick: () => s((W) => !W),
           style: {
             width: "56px",
             height: "56px",
@@ -288,23 +292,23 @@ function P({
             boxShadow: "0 4px 16px rgba(0,0,0,.25)",
             transition: "transform .15s"
           },
-          onMouseEnter: (S) => {
-            S.target.style.transform = "scale(1.08)";
+          onMouseEnter: (W) => {
+            W.target.style.transform = "scale(1.08)";
           },
-          onMouseLeave: (S) => {
-            S.target.style.transform = "scale(1)";
+          onMouseLeave: (W) => {
+            W.target.style.transform = "scale(1)";
           },
           children: n ? "✕" : r
         }
       ),
-      /* @__PURE__ */ u("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
+      /* @__PURE__ */ p("style", { children: "@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }" })
     ] });
   }
-  const w = p ?? "420px", [x, v] = L(null), C = () => {
-    !n && f.current && v(f.current.getBoundingClientRect()), d((R) => !R);
-  }, z = x ? x.bottom + 8 : 0, H = x ? window.innerWidth - x.right : 0;
-  return /* @__PURE__ */ j($, { children: [
-    /* @__PURE__ */ j(
+  const m = a ?? "420px", [u, v] = D(null), C = () => {
+    !n && f.current && v(f.current.getBoundingClientRect()), s((R) => !R);
+  }, M = u ? u.bottom + 8 : 0, j = u ? window.innerWidth - u.right : 0;
+  return /* @__PURE__ */ S($, { children: [
+    /* @__PURE__ */ S(
       "button",
       {
         ref: f,
@@ -329,40 +333,40 @@ function P({
         ]
       }
     ),
-    n && x && /* @__PURE__ */ j($, { children: [
-      /* @__PURE__ */ u(
+    n && u && /* @__PURE__ */ S($, { children: [
+      /* @__PURE__ */ p(
         "div",
         {
-          onClick: () => d(!1),
+          onClick: () => s(!1),
           style: { position: "fixed", inset: 0, zIndex: 9998 }
         }
       ),
-      /* @__PURE__ */ u("div", { style: {
+      /* @__PURE__ */ p("div", { style: {
         position: "fixed",
-        top: z,
-        right: H,
-        width: w,
-        height: s,
+        top: M,
+        right: j,
+        width: m,
+        height: d,
         borderRadius: "16px",
         overflow: "hidden",
         boxShadow: "0 8px 40px rgba(0,0,0,.2)",
         background: "#fff",
         zIndex: 9999,
         animation: "ocl-slide-in .18s ease"
-      }, children: /* @__PURE__ */ u(
+      }, children: /* @__PURE__ */ p(
         F,
         {
-          url: b,
+          url: x,
           ...i ? { apiUrl: i } : {},
-          profileId: a,
-          ...e ? { userId: e } : {},
+          profileId: b,
+          ...t ? { userId: t } : {},
           ...l ? { userName: l } : {},
           ...c ? { userEmail: c } : {},
           accent: o,
           height: "100%"
         }
       ) }),
-      /* @__PURE__ */ u("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
+      /* @__PURE__ */ p("style", { children: "@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }" })
     ] })
   ] });
 }

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":["../src/react.tsx"],"sourcesContent":["// react.tsx — React wrapper around mount().\n//\n// Next.js App Router: add 'use client' to whichever file imports these.\n// The widget needs WebSocket + DOM — it cannot render on the server.\n//\n// Import path: '@paramms/chat-widget/react'\n//\n// Two components:\n//   ChatWidget        — general support chat (hotel, SaaS, helpdesk, etc.)\n//   MarketplaceChat   — one thread per listing (used cars, rentals, etc.)\n//\n// Both: only url + profileId are required. userId is always optional —\n// anonymous guests are handled automatically via localStorage.\n\nimport { useEffect, useRef, useState } from 'react'\nimport { mount, type MountOptions, type WidgetHandle } from './index.js'\n\n// ── Shared base props ─────────────────────────────────────────────────────────\n\ninterface BaseProps {\n  /** Relay URL — set as NEXT_PUBLIC_RELAY_URL in .env. Any scheme works:\n   *  `https://api.example.com` is fine. The WebSocket URL and REST base are\n   *  derived automatically — you do NOT need to pass `wss://` or `/ws`. */\n  url:       string\n  /** HTTP(S) base for REST calls — only when the REST API is on a different\n   *  origin than the socket. Normally omit. */\n  apiUrl?:   string\n  /** Your Relay profile ID — set as NEXT_PUBLIC_RELAY_PROFILE_ID in .env — required */\n  profileId: string\n\n  /** Your logged-in user's stable ID. When omitted the widget automatically\n   *  assigns a persistent anonymous ID from localStorage — no login required. */\n  userId?:     string\n  /** Shown to agents instead of the raw user ID */\n  userName?:   string\n  /** Shown to agents so they can follow up by email */\n  userEmail?:  string\n  /** Avatar URL shown in the widget header and dashboard */\n  userAvatar?: string\n\n  /** Brand colour hex, e.g. \"#1a56db\". Defaults to the profile theme colour. */\n  accent?:   string\n  /** Render as a floating launcher button instead of inline */\n  launcher?: boolean\n  /** Launcher position — default 'bottom-right' */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Pre-set reply chips shown above the input */\n  quickReplies?: string[]\n  /** Container height when rendered inline. Default: '100%' */\n  height?: string\n  /** i18n string overrides for non-English sites */\n  i18n?: MountOptions['i18n']\n  /** ISO language code for auto-translating incoming messages */\n  translateLang?: string\n}\n\n// ── ChatWidget ────────────────────────────────────────────────────────────────\n\nexport interface ChatWidgetProps extends BaseProps {\n  /** Optional context card shown at the top of the chat\n   *  (e.g. the support ticket, booking, or order being discussed) */\n  contextTitle?:    string\n  contextSubtitle?: string\n  contextStatus?:   string\n\n  /** Stable item ID — pins this conversation to a specific item/thread. */\n  subjectId?: string\n}\n\n/**\n * General-purpose support chat widget. Only `url` and `profileId` are required.\n * All other props are optional — anonymous guests work without any configuration.\n *\n * @example Basic support chat\n * ```tsx\n * <ChatWidget\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n *   userEmail={session?.user.email}\n * />\n * ```\n *\n * @example Multi-thread (tickets, bookings, orders)\n * ```tsx\n * <ChatWidget\n *   url={...} profileId={...}\n *   showChatList\n *   subjectId={`ticket_${ticket.id}`}\n *   contextTitle={ticket.title}\n *   contextStatus={ticket.status}\n *   userId={session?.user.id}\n * />\n * ```\n */\nexport function ChatWidget({\n  url, apiUrl, profileId,\n  userId, userName, userEmail, userAvatar,\n  contextTitle, contextSubtitle, contextStatus,\n  subjectId,\n  accent, launcher, position, quickReplies, height = '100%',\n  i18n, translateLang,\n}: ChatWidgetProps): JSX.Element {\n  const ref       = useRef<HTMLDivElement>(null)\n  const handleRef = useRef<WidgetHandle | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    handleRef.current?.close()\n    handleRef.current = mount({\n      el: ref.current,\n      url,\n      ...(apiUrl ? { apiUrl } : {}),\n      profileId,\n      ...(subjectId ? { subjectId }    : {}),\n      ...(userId    ? { token: userId } : {}),\n      ...(userId || userName || userEmail || userAvatar ? {\n        user: {\n          ...(userName   ? { name:   userName }   : {}),\n          ...(userEmail  ? { email:  userEmail }  : {}),\n          ...(userAvatar ? { avatar: userAvatar } : {}),\n        },\n      } : {}),\n      ...(contextTitle ? {\n        subject: {\n          title: contextTitle,\n          ...(contextSubtitle ? { subtitle: contextSubtitle } : {}),\n          ...(contextStatus   ? { status:   contextStatus }   : {}),\n        },\n      } : {}),\n      ...(quickReplies   ? { quickReplies }                                : {}),\n      ...(accent         ? { accent }                                      : {}),\n      ...(translateLang  ? { translateLang }                               : {}),\n      ...(i18n           ? { i18n }                                        : {}),\n      ...(launcher       ? { launcher, position: position ?? 'bottom-right' } : {}),\n    })\n    return () => { handleRef.current?.close(); handleRef.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, apiUrl, profileId, subjectId, userId, userName, userEmail, accent, launcher, position, translateLang])\n\n  // When launcher=true, still render the div — mount() moves it inside the\n  // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n  return (\n    <div\n      ref={ref}\n      style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n    />\n  )\n}\n\n// ── MarketplaceChat ───────────────────────────────────────────────────────────\n\nexport interface MarketplaceChatProps extends BaseProps {\n  /** Unique ID for this listing — each listing gets its own thread.\n   *  Omit for a general (non-item-specific) conversation. */\n  listingId?:     string\n  /** Shown at the top of the chat — e.g. \"2019 Toyota Camry SE\" */\n  listingTitle?:  string\n  /** One-line detail — e.g. \"45,000 km · Automatic\" */\n  listingMeta?:   string\n  /** Price shown as a tag — e.g. 12500 → \"$12,500\" */\n  listingPrice?:  number\n  /** Status badge — e.g. \"Available\", \"Sold\", \"Pending\" */\n  listingStatus?: string\n}\n\nconst DEFAULT_MARKETPLACE_REPLIES = [\n  'Is this still available?',\n  'Can I schedule a viewing?',\n  'What is your best price?',\n]\n\n/**\n * Marketplace chat widget. Two modes depending on whether `listingId` is provided:\n *\n * **With `listingId` (listing page)** — opens that listing's chat immediately.\n * No list screen. The buyer is already looking at the item so context is clear.\n * ```tsx\n * // On your listing detail page:\n * <MarketplaceChat\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   listingId={car.id}\n *   listingTitle={car.title}\n *   listingPrice={car.price}\n *   listingMeta={`${car.mileage.toLocaleString()} km · ${car.gearbox}`}\n *   listingStatus=\"Available\"\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n *   userEmail={session?.user.email}\n * />\n * ```\n *\n * **Without `listingId` (My Messages / inbox page)** — shows the WhatsApp-style\n * thread list as the home screen. No conversation is opened until the user taps one.\n * Use this on a dedicated `/messages` or `/inbox` page.\n * ```tsx\n * // On your /messages page:\n * <MarketplaceChat\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n * />\n * ```\n *\n * Only `url` and `profileId` are required. All other props are optional.\n */\nexport function MarketplaceChat({\n  url, apiUrl, profileId,\n  listingId, listingTitle, listingMeta, listingPrice, listingStatus,\n  userId, userName, userEmail, userAvatar,\n  accent, launcher, position, quickReplies, height = '100%',\n  i18n, translateLang,\n}: MarketplaceChatProps): JSX.Element {\n  const ref       = useRef<HTMLDivElement>(null)\n  const handleRef = useRef<WidgetHandle | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    // Close any previous instance on this element before mounting.\n    // Required because React StrictMode double-invokes effects, and because\n    // launcher=true moves the div out of the React tree — a re-render can\n    // cause React to insert a fresh div at the original position, which then\n    // gets mounted a second time if the effect fires again.\n    handleRef.current?.close()\n    handleRef.current = mount({\n      el: ref.current,\n      url,\n      ...(apiUrl ? { apiUrl } : {}),\n      profileId,\n      ...(listingId ? { subjectId: `listing_${listingId}` } : {}),\n      ...(userId    ? { token: userId } : {}),\n      ...(userId || userName || userEmail || userAvatar ? {\n        user: {\n          ...(userName   ? { name:   userName }   : {}),\n          ...(userEmail  ? { email:  userEmail }  : {}),\n          ...(userAvatar ? { avatar: userAvatar } : {}),\n          ...(listingId  ? { meta: { listingId } } : {}),\n        },\n      } : {}),\n      ...(listingTitle ? {\n        subject: {\n          title: listingTitle,\n          ...(listingMeta   ? { subtitle: listingMeta }                       : {}),\n          ...(listingPrice  ? { tags: [`$${listingPrice.toLocaleString()}`] } : {}),\n          ...(listingStatus ? { status:   listingStatus }                     : {}),\n        },\n      } : {}),\n      quickReplies:  quickReplies ?? DEFAULT_MARKETPLACE_REPLIES,\n      ...(accent        ? { accent }                                         : {}),\n      ...(translateLang ? { translateLang }                                  : {}),\n      ...(i18n          ? { i18n }                                           : {}),\n      ...(launcher      ? { launcher, position: position ?? 'bottom-right' } : {}),\n    })\n    return () => { handleRef.current?.close(); handleRef.current = null }\n  // Include all props that affect the mounted widget so stale closures\n  // never leave a phantom widget behind when the listing changes.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, apiUrl, profileId, listingId, userId, userName, userEmail, accent, launcher, position, translateLang])\n\n  // When launcher=true, still render the div — mount() moves it inside the\n  // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n  return (\n    <div\n      ref={ref}\n      style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n    />\n  )\n}\n\n// ── ChatList ──────────────────────────────────────────────────────────────────\n\nexport interface ChatAppProps {\n  /** Relay WebSocket URL — required */\n  url:        string\n  /** HTTP(S) base for REST calls. Defaults to the WS origin. */\n  apiUrl?:    string\n  /** Your Relay profile ID — required */\n  profileId:  string\n  /** Your logged-in user's stable ID. Omit for anonymous (uses localStorage UID) */\n  userId?:    string\n  /** Optional: shown to agents in the dashboard */\n  userName?:  string\n  /** Optional: shown to agents in the dashboard */\n  userEmail?: string\n  /** Brand colour hex — default '#4F63F5' */\n  accent?:    string\n  /** Container height. Default: '100%' */\n  height?:    string\n  /** i18n overrides */\n  i18n?: import('./chatlist.js').ChatListOptions['i18n']\n}\n\n/**\n * Full chat-app component: conversation list on the left (or full screen on\n * mobile), chat room on the right when a thread is selected.\n *\n * Works like a standalone messaging app — tapping a thread opens the chat\n * inline without navigating away from the page.\n *\n * @example\n * ```tsx\n * 'use client'\n * import { ChatList } from '@paramms/chat-widget/react'\n *\n * export default function MessagesPage({ session }) {\n *   return (\n *     <div style={{ height: '100vh' }}>\n *       <ChatList\n *         url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *         profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *         userId={session?.user.id}\n *         userName={session?.user.name}\n *         userEmail={session?.user.email}\n *       />\n *     </div>\n *   )\n * }\n * ```\n */\nexport function ChatApp({\n  url, apiUrl, profileId, userId, userName, userEmail, accent, height = '100%', i18n,\n}: ChatAppProps): JSX.Element {\n  type Entry = import('./chatlist.js').ChatListEntry\n  const [selected, setSelected] = useState<Entry | null>(null)\n  const listRef    = useRef<HTMLDivElement>(null)\n  const chatRef    = useRef<HTMLDivElement>(null)\n  const handleRef  = useRef<import('./chatlist.js').ChatListHandle | null>(null)\n  const chatHandle = useRef<WidgetHandle | null>(null)\n\n  // Build the chat list\n  useEffect(() => {\n    if (!listRef.current) return\n    let cancelled = false\n    import('./chatlist.js').then(({ mountChatList }) => {\n      // The dynamic import is async: if the effect was cleaned up (unmount,\n      // dep change, or StrictMode's double-invoke) before it resolved, or the\n      // ref is gone, don't mount a phantom list that never gets closed.\n      if (cancelled || !listRef.current) return\n      handleRef.current = mountChatList({\n        el:        listRef.current,\n        url,\n        ...(apiUrl ? { apiUrl } : {}),\n        profileId,\n        onSelect:  (entry) => setSelected(entry),\n        ...(userId ? { userId } : {}),\n        ...(accent ? { accent } : {}),\n        ...(i18n   ? { i18n }   : {}),\n      })\n    })\n    return () => { cancelled = true; handleRef.current?.close(); handleRef.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, profileId, userId])\n\n  // Open a ChatWidget when a thread is selected\n  useEffect(() => {\n    if (!chatRef.current || !selected) return\n    chatHandle.current?.close()\n    chatHandle.current = mount({\n      el:        chatRef.current,\n      url,\n      ...(apiUrl ? { apiUrl } : {}),\n      profileId,\n      ...(selected.subjectId ? { subjectId: selected.subjectId } : {}),\n      ...(userId ? { token: userId } : {}),\n      ...(userId || userName || userEmail ? {\n        user: {\n          ...(userName  ? { name:  userName }  : {}),\n          ...(userEmail ? { email: userEmail } : {}),\n        },\n      } : {}),\n      ...(selected.subjectTitle ? {\n        subject: {\n          title: selected.subjectTitle,\n          ...(selected.subjectMeta   ? { subtitle: selected.subjectMeta }   : {}),\n        },\n      } : {}),\n      ...(accent ? { accent } : {}),\n    })\n    return () => { chatHandle.current?.close(); chatHandle.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selected?.id])\n\n  const isMobile = typeof window !== 'undefined' && window.innerWidth < 768\n\n  return (\n    <div style={{ display: 'flex', width: '100%', height, minHeight: '400px', overflow: 'hidden' }}>\n      {/* List panel — hidden on mobile when a chat is open */}\n      <div style={{\n        width: isMobile ? '100%' : '360px',\n        flex: isMobile && selected ? 'none' : undefined,\n        display: isMobile && selected ? 'none' : 'flex',\n        flexDirection: 'column',\n        borderRight: isMobile ? 'none' : '1px solid #e8eaed',\n        minWidth: 0,\n      }}>\n        <div ref={listRef} style={{ width: '100%', height: '100%' }} />\n      </div>\n\n      {/* Chat panel — shows when a thread is selected */}\n      {selected ? (\n        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, position: 'relative' }}>\n          {/* Back button on mobile */}\n          {isMobile && (\n            <button\n              onClick={() => setSelected(null)}\n              style={{ position: 'absolute', top: 12, left: 12, zIndex: 10, background: 'none', border: 'none', fontSize: 22, cursor: 'pointer', color: '#1c1b1a' }}\n            >\n              ←\n            </button>\n          )}\n          <div ref={chatRef} style={{ width: '100%', height: '100%' }} />\n        </div>\n      ) : (\n        <div style={{ flex: 1, display: isMobile ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', color: '#9b9690', fontSize: 14 }}>\n          Select a conversation\n        </div>\n      )}\n    </div>\n  )\n}\n\n// ── ChatAppLauncher ───────────────────────────────────────────────────────────\n\nexport interface ChatAppLauncherProps {\n  /** Relay WebSocket URL — required */\n  url:        string\n  /** HTTP(S) base for REST calls. Defaults to the WS origin. */\n  apiUrl?:    string\n  /** Your Relay profile ID — required */\n  profileId:  string\n  /** Your logged-in user's stable ID */\n  userId?:    string\n  userName?:  string\n  userEmail?: string\n  /** Brand colour hex — default '#4F63F5' */\n  accent?:    string\n\n  /** true  → floating bubble fixed to the corner of the screen (like Intercom)\n   *  false → an inline \"Messages\" button that expands a panel below it\n   *  Default: true */\n  floating?:  boolean\n  /** Only used when floating=true. Default: 'bottom-right' */\n  position?:  'bottom-right' | 'bottom-left'\n  /** Label shown on the button. Default: '💬' for floating, 'Messages' for inline */\n  label?:     string\n  /** Width of the chat panel. Default: '420px' (floating) or '100%' (inline) */\n  panelWidth?: string\n  /** Height of the chat panel. Default: '600px' */\n  panelHeight?: string\n}\n\n/**\n * A button that opens the full ChatApp (list → chat) in a panel.\n *\n * floating=true  → fixed bubble in the corner of the screen, like WhatsApp Web's\n *                  chat button or Intercom.\n * floating=false → an inline button (e.g. in your nav bar) that expands a panel\n *                  below it.\n *\n * @example Floating bubble (bottom-right)\n * ```tsx\n * <ChatAppLauncher\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   floating\n *   position=\"bottom-right\"\n * />\n * ```\n *\n * @example Inline nav button\n * ```tsx\n * <ChatAppLauncher\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   floating={false}\n *   label=\"Messages\"\n * />\n * ```\n */\nexport function ChatAppLauncher({\n  url, apiUrl, profileId, userId, userName, userEmail,\n  accent = '#4F63F5',\n  floating = true,\n  position = 'bottom-right',\n  label,\n  panelWidth,\n  panelHeight = '600px',\n}: ChatAppLauncherProps): JSX.Element {\n  const [open, setOpen] = useState(false)\n  const btnRef          = useRef<HTMLButtonElement>(null)\n\n  const isRight = position === 'bottom-right'\n  const defaultLabel = floating ? '💬' : 'Messages'\n  const btnLabel = label ?? defaultLabel\n\n  // Close on Escape\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false) }\n    document.addEventListener('keydown', handler)\n    return () => document.removeEventListener('keydown', handler)\n  }, [])\n\n  // ── Floating mode ──────────────────────────────────────────────────────────\n  if (floating) {\n    const isMobile = typeof window !== 'undefined' && window.innerWidth < 480\n    const pWidth   = isMobile ? '100vw' : (panelWidth ?? '420px')\n    const pHeight  = isMobile ? '100dvh' : panelHeight\n\n    return (\n      <div style={{\n        position: 'fixed',\n        [isRight ? 'right' : 'left']: '20px',\n        bottom: '20px',\n        zIndex: 9999,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: isRight ? 'flex-end' : 'flex-start',\n        gap: '12px',\n      }}>\n        {/* Panel */}\n        <div style={{\n          width:         pWidth,\n          height:        pHeight,\n          borderRadius:  isMobile ? '0' : '16px',\n          overflow:      'hidden',\n          boxShadow:     '0 8px 40px rgba(0,0,0,.18)',\n          background:    '#fff',\n          display:       open ? 'flex' : 'none',\n          flexDirection: 'column',\n          transformOrigin: `bottom ${isRight ? 'right' : 'left'}`,\n          animation:     open ? 'ocl-pop-in .18s ease' : 'none',\n        }}>\n          <ChatApp\n            url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n            {...(userId    ? { userId }    : {})}\n            {...(userName  ? { userName }  : {})}\n            {...(userEmail ? { userEmail } : {})}\n            accent={accent} height=\"100%\"\n          />\n        </div>\n\n        {/* Bubble button */}\n        <button\n          ref={btnRef}\n          onClick={() => setOpen(o => !o)}\n          style={{\n            width: '56px', height: '56px', borderRadius: '50%',\n            background: accent, color: '#fff', border: 'none',\n            fontSize: '24px', cursor: 'pointer', flexShrink: 0,\n            boxShadow: '0 4px 16px rgba(0,0,0,.25)',\n            transition: 'transform .15s',\n          }}\n          onMouseEnter={e => { (e.target as HTMLElement).style.transform = 'scale(1.08)' }}\n          onMouseLeave={e => { (e.target as HTMLElement).style.transform = 'scale(1)' }}\n        >\n          {open ? '✕' : btnLabel}\n        </button>\n\n        <style>{`@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }`}</style>\n      </div>\n    )\n  }\n\n  // ── Inline mode ────────────────────────────────────────────────────────────\n  // The panel is rendered via a fixed overlay anchored to the button position.\n  // This prevents clipping from parent overflow:hidden containers (e.g. nav bars).\n  const pWidth = panelWidth ?? '420px'\n\n  // Track button position for panel anchor\n  const [btnRect, setBtnRect] = useState<DOMRect | null>(null)\n\n  const handleBtnClick = () => {\n    if (!open && btnRef.current) setBtnRect(btnRef.current.getBoundingClientRect())\n    setOpen(o => !o)\n  }\n\n  const panelTop  = btnRect ? btnRect.bottom + 8 : 0\n  const panelRight = btnRect ? window.innerWidth - btnRect.right : 0\n\n  return (\n    <>\n      {/* Trigger button */}\n      <button\n        ref={btnRef}\n        onClick={handleBtnClick}\n        style={{\n          display: 'inline-flex', alignItems: 'center', gap: '6px',\n          padding: '8px 16px', borderRadius: '8px',\n          background: open ? accent : 'transparent',\n          color: open ? '#fff' : accent,\n          border: `2px solid ${accent}`,\n          fontSize: '14px', fontWeight: 600, cursor: 'pointer',\n          transition: 'background .15s, color .15s',\n        }}\n      >\n        💬 {btnLabel}\n      </button>\n\n      {/* Fixed panel — rendered at document root level via CSS fixed positioning */}\n      {open && btnRect && (\n        <>\n          {/* Backdrop */}\n          <div\n            onClick={() => setOpen(false)}\n            style={{ position: 'fixed', inset: 0, zIndex: 9998 }}\n          />\n          <div style={{\n            position: 'fixed',\n            top:   panelTop,\n            right: panelRight,\n            width: pWidth,\n            height: panelHeight,\n            borderRadius: '16px',\n            overflow: 'hidden',\n            boxShadow: '0 8px 40px rgba(0,0,0,.2)',\n            background: '#fff',\n            zIndex: 9999,\n            animation: 'ocl-slide-in .18s ease',\n          }}>\n            <ChatApp\n              url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n              {...(userId    ? { userId }    : {})}\n              {...(userName  ? { userName }  : {})}\n              {...(userEmail ? { userEmail } : {})}\n              accent={accent} height=\"100%\"\n            />\n          </div>\n          <style>{`@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }`}</style>\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["ChatWidget","url","apiUrl","profileId","userId","userName","userEmail","userAvatar","contextTitle","contextSubtitle","contextStatus","subjectId","accent","launcher","position","quickReplies","height","i18n","translateLang","ref","useRef","handleRef","useEffect","_a","mount","jsx","DEFAULT_MARKETPLACE_REPLIES","MarketplaceChat","listingId","listingTitle","listingMeta","listingPrice","listingStatus","ChatApp","selected","setSelected","useState","listRef","chatRef","chatHandle","cancelled","mountChatList","entry","isMobile","jsxs","ChatAppLauncher","floating","label","panelWidth","panelHeight","open","setOpen","btnRef","isRight","btnLabel","handler","e","pWidth","pHeight","o","btnRect","setBtnRect","handleBtnClick","panelTop","panelRight","Fragment"],"mappings":";;;AAgGO,SAASA,EAAW;AAAA,EACzB,KAAAC;AAAA,EAAK,QAAAC;AAAA,EAAQ,WAAAC;AAAA,EACb,QAAAC;AAAA,EAAQ,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAC7B,cAAAC;AAAA,EAAc,iBAAAC;AAAA,EAAiB,eAAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,QAAAC;AAAA,EAAQ,UAAAC;AAAA,EAAU,UAAAC;AAAA,EAAU,cAAAC;AAAA,EAAc,QAAAC,IAAS;AAAA,EACnD,MAAAC;AAAA,EAAM,eAAAC;AACR,GAAiC;AAC/B,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAYD,EAA4B,IAAI;AAElD,SAAAE,EAAU,MAAM;;AACd,QAAKH,EAAI;AACT,cAAAI,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SACnBF,EAAU,UAAUG,EAAM;AAAA,QACxB,IAAIL,EAAI;AAAA,QACR,KAAAlB;AAAA,QACA,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,WAAAC;AAAA,QACA,GAAIQ,IAAY,EAAE,WAAAA,EAAA,IAAiB,CAAA;AAAA,QACnC,GAAIP,IAAY,EAAE,OAAOA,EAAA,IAAW,CAAA;AAAA,QACpC,GAAIA,KAAUC,KAAYC,KAAaC,IAAa;AAAA,UAClD,MAAM;AAAA,YACJ,GAAIF,IAAa,EAAE,MAAQA,EAAA,IAAe,CAAA;AAAA,YAC1C,GAAIC,IAAa,EAAE,OAAQA,EAAA,IAAe,CAAA;AAAA,YAC1C,GAAIC,IAAa,EAAE,QAAQA,MAAe,CAAA;AAAA,UAAC;AAAA,QAC7C,IACE,CAAA;AAAA,QACJ,GAAIC,IAAe;AAAA,UACjB,SAAS;AAAA,YACP,OAAOA;AAAA,YACP,GAAIC,IAAkB,EAAE,UAAUA,EAAA,IAAoB,CAAA;AAAA,YACtD,GAAIC,IAAkB,EAAE,QAAUA,MAAoB,CAAA;AAAA,UAAC;AAAA,QACzD,IACE,CAAA;AAAA,QACJ,GAAIK,IAAiB,EAAE,cAAAA,EAAA,IAAgD,CAAA;AAAA,QACvE,GAAIH,IAAiB,EAAE,QAAAA,EAAA,IAAgD,CAAA;AAAA,QACvE,GAAIM,IAAiB,EAAE,eAAAA,EAAA,IAAgD,CAAA;AAAA,QACvE,GAAID,IAAiB,EAAE,MAAAA,EAAA,IAAgD,CAAA;AAAA,QACvE,GAAIJ,IAAiB,EAAE,UAAAA,GAAU,UAAUC,KAAY,eAAA,IAAmB,CAAA;AAAA,MAAC,CAC5E,GACM,MAAM;;AAAE,SAAAS,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SAASF,EAAU,UAAU;AAAA,MAAK;AAAA,EAEtE,GAAG,CAACpB,GAAKC,GAAQC,GAAWQ,GAAWP,GAAQC,GAAUC,GAAWM,GAAQC,GAAUC,GAAUI,CAAa,CAAC,GAK5G,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,OAAON,IAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,SAAA,IAAa,EAAE,OAAO,QAAQ,QAAAG,GAAQ,WAAWA,MAAW,SAAS,UAAU,OAAA;AAAA,IAAU;AAAA,EAAA;AAGlJ;AAkBA,MAAMU,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;AAsCO,SAASC,EAAgB;AAAA,EAC9B,KAAA1B;AAAA,EAAK,QAAAC;AAAA,EAAQ,WAAAC;AAAA,EACb,WAAAyB;AAAA,EAAW,cAAAC;AAAA,EAAc,aAAAC;AAAA,EAAa,cAAAC;AAAA,EAAc,eAAAC;AAAA,EACpD,QAAA5B;AAAA,EAAQ,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAC7B,QAAAK;AAAA,EAAQ,UAAAC;AAAA,EAAU,UAAAC;AAAA,EAAU,cAAAC;AAAA,EAAc,QAAAC,IAAS;AAAA,EACnD,MAAAC;AAAA,EAAM,eAAAC;AACR,GAAsC;AACpC,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAYD,EAA4B,IAAI;AAElD,SAAAE,EAAU,MAAM;;AACd,QAAKH,EAAI;AAMT,cAAAI,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SACnBF,EAAU,UAAUG,EAAM;AAAA,QACxB,IAAIL,EAAI;AAAA,QACR,KAAAlB;AAAA,QACA,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,WAAAC;AAAA,QACA,GAAIyB,IAAY,EAAE,WAAW,WAAWA,CAAS,GAAA,IAAO,CAAA;AAAA,QACxD,GAAIxB,IAAY,EAAE,OAAOA,EAAA,IAAW,CAAA;AAAA,QACpC,GAAIA,KAAUC,KAAYC,KAAaC,IAAa;AAAA,UAClD,MAAM;AAAA,YACJ,GAAIF,IAAa,EAAE,MAAQA,EAAA,IAAe,CAAA;AAAA,YAC1C,GAAIC,IAAa,EAAE,OAAQA,EAAA,IAAe,CAAA;AAAA,YAC1C,GAAIC,IAAa,EAAE,QAAQA,EAAA,IAAe,CAAA;AAAA,YAC1C,GAAIqB,IAAa,EAAE,MAAM,EAAE,WAAAA,EAAA,EAAU,IAAM,CAAA;AAAA,UAAC;AAAA,QAC9C,IACE,CAAA;AAAA,QACJ,GAAIC,IAAe;AAAA,UACjB,SAAS;AAAA,YACP,OAAOA;AAAA,YACP,GAAIC,IAAgB,EAAE,UAAUA,EAAA,IAAsC,CAAA;AAAA,YACtE,GAAIC,IAAgB,EAAE,MAAM,CAAC,IAAIA,EAAa,eAAA,CAAgB,EAAE,EAAA,IAAM,CAAA;AAAA,YACtE,GAAIC,IAAgB,EAAE,QAAUA,MAAsC,CAAA;AAAA,UAAC;AAAA,QACzE,IACE,CAAA;AAAA,QACJ,cAAejB,KAAgBW;AAAA,QAC/B,GAAId,IAAgB,EAAE,QAAAA,EAAA,IAAmD,CAAA;AAAA,QACzE,GAAIM,IAAgB,EAAE,eAAAA,EAAA,IAAmD,CAAA;AAAA,QACzE,GAAID,IAAgB,EAAE,MAAAA,EAAA,IAAmD,CAAA;AAAA,QACzE,GAAIJ,IAAgB,EAAE,UAAAA,GAAU,UAAUC,KAAY,eAAA,IAAmB,CAAA;AAAA,MAAC,CAC3E,GACM,MAAM;;AAAE,SAAAS,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SAASF,EAAU,UAAU;AAAA,MAAK;AAAA,EAItE,GAAG,CAACpB,GAAKC,GAAQC,GAAWyB,GAAWxB,GAAQC,GAAUC,GAAWM,GAAQC,GAAUC,GAAUI,CAAa,CAAC,GAK5G,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,OAAON,IAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,SAAA,IAAa,EAAE,OAAO,QAAQ,QAAAG,GAAQ,WAAWA,MAAW,SAAS,UAAU,OAAA;AAAA,IAAU;AAAA,EAAA;AAGlJ;AAoDO,SAASiB,EAAQ;AAAA,EACtB,KAAAhC;AAAA,EAAK,QAAAC;AAAA,EAAQ,WAAAC;AAAA,EAAW,QAAAC;AAAA,EAAQ,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAAW,QAAAM;AAAA,EAAQ,QAAAI,IAAS;AAAA,EAAQ,MAAAC;AAChF,GAA8B;AAE5B,QAAM,CAACiB,GAAUC,CAAW,IAAIC,EAAuB,IAAI,GACrDC,IAAajB,EAAuB,IAAI,GACxCkB,IAAalB,EAAuB,IAAI,GACxCC,IAAaD,EAAsD,IAAI,GACvEmB,IAAanB,EAA4B,IAAI;AAGnD,EAAAE,EAAU,MAAM;AACd,QAAI,CAACe,EAAQ,QAAS;AACtB,QAAIG,IAAY;AAChB,kBAAO,eAAe,EAAE,KAAK,CAAC,EAAE,eAAAC,QAAoB;AAIlD,MAAID,KAAa,CAACH,EAAQ,YAC1BhB,EAAU,UAAUoB,EAAc;AAAA,QAChC,IAAWJ,EAAQ;AAAA,QACnB,KAAApC;AAAA,QACA,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,WAAAC;AAAA,QACA,UAAW,CAACuC,MAAUP,EAAYO,CAAK;AAAA,QACvC,GAAItC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,GAAIQ,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,GAAIK,IAAS,EAAE,MAAAA,MAAW,CAAA;AAAA,MAAC,CAC5B;AAAA,IACH,CAAC,GACM,MAAM;;AAAE,MAAAuB,IAAY,KAAMjB,IAAAF,EAAU,YAAV,QAAAE,EAAmB,SAASF,EAAU,UAAU;AAAA,IAAK;AAAA,EAExF,GAAG,CAACpB,GAAKE,GAAWC,CAAM,CAAC,GAG3BkB,EAAU,MAAM;;AACd,QAAI,GAACgB,EAAQ,WAAW,CAACJ;AACzB,cAAAX,IAAAgB,EAAW,YAAX,QAAAhB,EAAoB,SACpBgB,EAAW,UAAUf,EAAM;AAAA,QACzB,IAAWc,EAAQ;AAAA,QACnB,KAAArC;AAAA,QACA,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,QAC1B,WAAAC;AAAA,QACA,GAAI+B,EAAS,YAAY,EAAE,WAAWA,EAAS,UAAA,IAAc,CAAA;AAAA,QAC7D,GAAI9B,IAAS,EAAE,OAAOA,EAAA,IAAW,CAAA;AAAA,QACjC,GAAIA,KAAUC,KAAYC,IAAY;AAAA,UACpC,MAAM;AAAA,YACJ,GAAID,IAAY,EAAE,MAAOA,EAAA,IAAc,CAAA;AAAA,YACvC,GAAIC,IAAY,EAAE,OAAOA,MAAc,CAAA;AAAA,UAAC;AAAA,QAC1C,IACE,CAAA;AAAA,QACJ,GAAI4B,EAAS,eAAe;AAAA,UAC1B,SAAS;AAAA,YACP,OAAOA,EAAS;AAAA,YAChB,GAAIA,EAAS,cAAgB,EAAE,UAAUA,EAAS,YAAA,IAAkB,CAAA;AAAA,UAAC;AAAA,QACvE,IACE,CAAA;AAAA,QACJ,GAAItB,IAAS,EAAE,QAAAA,MAAW,CAAA;AAAA,MAAC,CAC5B,GACM,MAAM;;AAAE,SAAAW,IAAAgB,EAAW,YAAX,QAAAhB,EAAoB,SAASgB,EAAW,UAAU;AAAA,MAAK;AAAA,EAExE,GAAG,CAACL,KAAA,gBAAAA,EAAU,EAAE,CAAC;AAEjB,QAAMS,IAAW,OAAO,SAAW,OAAe,OAAO,aAAa;AAEtE,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,OAAO,QAAQ,QAAA5B,GAAQ,WAAW,SAAS,UAAU,YAElF,UAAA;AAAA,IAAA,gBAAAS,EAAC,SAAI,OAAO;AAAA,MACV,OAAOkB,IAAW,SAAS;AAAA,MAC3B,MAAMA,KAAYT,IAAW,SAAS;AAAA,MACtC,SAASS,KAAYT,IAAW,SAAS;AAAA,MACzC,eAAe;AAAA,MACf,aAAaS,IAAW,SAAS;AAAA,MACjC,UAAU;AAAA,IAAA,GAEV,UAAA,gBAAAlB,EAAC,OAAA,EAAI,KAAKY,GAAS,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,EAAO,CAAG,EAAA,CAC/D;AAAA,IAGCH,IACC,gBAAAU,EAAC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,SAAS,QAAQ,eAAe,UAAU,UAAU,GAAG,UAAU,cAErF,UAAA;AAAA,MAAAD,KACC,gBAAAlB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAMU,EAAY,IAAI;AAAA,UAC/B,OAAO,EAAE,UAAU,YAAY,KAAK,IAAI,MAAM,IAAI,QAAQ,IAAI,YAAY,QAAQ,QAAQ,QAAQ,UAAU,IAAI,QAAQ,WAAW,OAAO,UAAA;AAAA,UAC3I,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH,gBAAAV,EAAC,OAAA,EAAI,KAAKa,GAAS,OAAO,EAAE,OAAO,QAAQ,QAAQ,SAAO,CAAG;AAAA,IAAA,GAC/D,sBAEC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,SAASK,IAAW,SAAS,QAAQ,YAAY,UAAU,gBAAgB,UAAU,OAAO,WAAW,UAAU,GAAA,GAAM,UAAA,wBAAA,CAE9I;AAAA,EAAA,GAEJ;AAEJ;AA8DO,SAASE,EAAgB;AAAA,EAC9B,KAAA5C;AAAA,EAAK,QAAAC;AAAA,EAAQ,WAAAC;AAAA,EAAW,QAAAC;AAAA,EAAQ,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAC1C,QAAAM,IAAS;AAAA,EACT,UAAAkC,IAAW;AAAA,EACX,UAAAhC,IAAW;AAAA,EACX,OAAAiC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,GAAsC;AACpC,QAAM,CAACC,GAAMC,CAAO,IAAIf,EAAS,EAAK,GAChCgB,IAAkBhC,EAA0B,IAAI,GAEhDiC,IAAUvC,MAAa,gBAEvBwC,IAAWP,MADID,IAAW,OAAO;AAWvC,MAPAxB,EAAU,MAAM;AACd,UAAMiC,IAAU,CAACC,MAAqB;AAAE,MAAIA,EAAE,QAAQ,YAAUL,EAAQ,EAAK;AAAA,IAAE;AAC/E,oBAAS,iBAAiB,WAAWI,CAAO,GACrC,MAAM,SAAS,oBAAoB,WAAWA,CAAO;AAAA,EAC9D,GAAG,CAAA,CAAE,GAGDT,GAAU;AACZ,UAAMH,IAAW,OAAO,SAAW,OAAe,OAAO,aAAa,KAChEc,IAAWd,IAAW,UAAWK,KAAc,SAC/CU,IAAWf,IAAW,WAAWM;AAEvC,WACE,gBAAAL,EAAC,SAAI,OAAO;AAAA,MACV,UAAU;AAAA,MACV,CAACS,IAAU,UAAU,MAAM,GAAG;AAAA,MAC9B,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAYA,IAAU,aAAa;AAAA,MACnC,KAAK;AAAA,IAAA,GAGL,UAAA;AAAA,MAAA,gBAAA5B,EAAC,SAAI,OAAO;AAAA,QACV,OAAegC;AAAAA,QACf,QAAeC;AAAA,QACf,cAAef,IAAW,MAAM;AAAA,QAChC,UAAe;AAAA,QACf,WAAe;AAAA,QACf,YAAe;AAAA,QACf,SAAeO,IAAO,SAAS;AAAA,QAC/B,eAAe;AAAA,QACf,iBAAiB,UAAUG,IAAU,UAAU,MAAM;AAAA,QACrD,WAAeH,IAAO,yBAAyB;AAAA,MAAA,GAE/C,UAAA,gBAAAzB;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,KAAAhC;AAAA,UAAW,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,UAAK,WAAAC;AAAA,UACzC,GAAIC,IAAY,EAAE,QAAAA,EAAA,IAAc,CAAA;AAAA,UAChC,GAAIC,IAAY,EAAE,UAAAA,EAAA,IAAc,CAAA;AAAA,UAChC,GAAIC,IAAY,EAAE,WAAAA,EAAA,IAAc,CAAA;AAAA,UACjC,QAAAM;AAAA,UAAgB,QAAO;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MAGA,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK2B;AAAA,UACL,SAAS,MAAMD,EAAQ,CAAAQ,MAAK,CAACA,CAAC;AAAA,UAC9B,OAAO;AAAA,YACL,OAAO;AAAA,YAAQ,QAAQ;AAAA,YAAQ,cAAc;AAAA,YAC7C,YAAY/C;AAAA,YAAQ,OAAO;AAAA,YAAQ,QAAQ;AAAA,YAC3C,UAAU;AAAA,YAAQ,QAAQ;AAAA,YAAW,YAAY;AAAA,YACjD,WAAW;AAAA,YACX,YAAY;AAAA,UAAA;AAAA,UAEd,cAAc,CAAA4C,MAAK;AAAG,YAAAA,EAAE,OAAuB,MAAM,YAAY;AAAA,UAAc;AAAA,UAC/E,cAAc,CAAAA,MAAK;AAAG,YAAAA,EAAE,OAAuB,MAAM,YAAY;AAAA,UAAW;AAAA,UAE3E,cAAO,MAAMF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhB,gBAAA7B,EAAC,WAAO,UAAA,0GAAA,CAA0G;AAAA,IAAA,GACpH;AAAA,EAEJ;AAKA,QAAMgC,IAAST,KAAc,SAGvB,CAACY,GAASC,CAAU,IAAIzB,EAAyB,IAAI,GAErD0B,IAAiB,MAAM;AAC3B,IAAI,CAACZ,KAAQE,EAAO,aAAoBA,EAAO,QAAQ,uBAAuB,GAC9ED,EAAQ,CAAAQ,MAAK,CAACA,CAAC;AAAA,EACjB,GAEMI,IAAYH,IAAUA,EAAQ,SAAS,IAAI,GAC3CI,IAAaJ,IAAU,OAAO,aAAaA,EAAQ,QAAQ;AAEjE,SACE,gBAAAhB,EAAAqB,GAAA,EAEE,UAAA;AAAA,IAAA,gBAAArB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKQ;AAAA,QACL,SAASU;AAAA,QACT,OAAO;AAAA,UACL,SAAS;AAAA,UAAe,YAAY;AAAA,UAAU,KAAK;AAAA,UACnD,SAAS;AAAA,UAAY,cAAc;AAAA,UACnC,YAAYZ,IAAOtC,IAAS;AAAA,UAC5B,OAAOsC,IAAO,SAAStC;AAAA,UACvB,QAAQ,aAAaA,CAAM;AAAA,UAC3B,UAAU;AAAA,UAAQ,YAAY;AAAA,UAAK,QAAQ;AAAA,UAC3C,YAAY;AAAA,QAAA;AAAA,QAEf,UAAA;AAAA,UAAA;AAAA,UACK0C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAILJ,KAAQU,KACP,gBAAAhB,EAAAqB,GAAA,EAEE,UAAA;AAAA,MAAA,gBAAAxC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM0B,EAAQ,EAAK;AAAA,UAC5B,OAAO,EAAE,UAAU,SAAS,OAAO,GAAG,QAAQ,KAAA;AAAA,QAAK;AAAA,MAAA;AAAA,MAErD,gBAAA1B,EAAC,SAAI,OAAO;AAAA,QACV,UAAU;AAAA,QACV,KAAOsC;AAAA,QACP,OAAOC;AAAA,QACP,OAAOP;AAAA,QACP,QAAQR;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA,GAEX,UAAA,gBAAAxB;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,KAAAhC;AAAA,UAAW,GAAIC,IAAS,EAAE,QAAAA,EAAA,IAAW,CAAA;AAAA,UAAK,WAAAC;AAAA,UACzC,GAAIC,IAAY,EAAE,QAAAA,EAAA,IAAc,CAAA;AAAA,UAChC,GAAIC,IAAY,EAAE,UAAAA,EAAA,IAAc,CAAA;AAAA,UAChC,GAAIC,IAAY,EAAE,WAAAA,EAAA,IAAc,CAAA;AAAA,UACjC,QAAAM;AAAA,UAAgB,QAAO;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAa,EAAC,WAAO,UAAA,uHAAA,CAAuH;AAAA,IAAA,EAAA,CACjI;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"react.js","sources":["../src/react.tsx"],"sourcesContent":["// react.tsx — React wrapper around mount().\n//\n// Next.js App Router: add 'use client' to whichever file imports these.\n// The widget needs WebSocket + DOM — it cannot render on the server.\n//\n// Import path: '@paramms/chat-widget/react'\n//\n// Two components:\n//   ChatWidget        — general support chat (hotel, SaaS, helpdesk, etc.)\n//   MarketplaceChat   — one thread per listing (used cars, rentals, etc.)\n//\n// Both: only url + profileId are required. userId is always optional —\n// anonymous guests are handled automatically via localStorage.\n\nimport { useEffect, useRef, useState } from 'react'\nimport { mount, type MountOptions, type WidgetHandle } from './index.js'\n\n// ── Shared base props ─────────────────────────────────────────────────────────\n\ninterface BaseProps {\n  /** Relay URL — set as NEXT_PUBLIC_RELAY_URL in .env. Any scheme works:\n   *  `https://api.example.com` is fine. The WebSocket URL and REST base are\n   *  derived automatically — you do NOT need to pass `wss://` or `/ws`. */\n  url:       string\n  /** HTTP(S) base for REST calls — only when the REST API is on a different\n   *  origin than the socket. Normally omit. */\n  apiUrl?:   string\n  /** Your Relay profile ID — set as NEXT_PUBLIC_RELAY_PROFILE_ID in .env — required */\n  profileId: string\n\n  /** Your logged-in user's stable ID. When omitted the widget automatically\n   *  assigns a persistent anonymous ID from localStorage — no login required. */\n  userId?:     string\n  /** Shown to agents instead of the raw user ID */\n  userName?:   string\n  /** Shown to agents so they can follow up by email */\n  userEmail?:  string\n  /** Avatar URL shown in the widget header and dashboard */\n  userAvatar?: string\n\n  /** Brand colour hex, e.g. \"#1a56db\". Defaults to the profile theme colour. */\n  accent?:   string\n  /** Render as a floating launcher button instead of inline */\n  launcher?: boolean\n  /** Launcher position — default 'bottom-right' */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Pre-set reply chips shown above the input */\n  quickReplies?: string[]\n  /** Container height when rendered inline. Default: '100%' */\n  height?: string\n  /** i18n string overrides for non-English sites */\n  i18n?: MountOptions['i18n']\n  /** ISO language code for auto-translating incoming messages */\n  translateLang?: string\n}\n\n// ── ChatWidget ────────────────────────────────────────────────────────────────\n\nexport interface ChatWidgetProps extends BaseProps {\n  /** Optional context card shown at the top of the chat\n   *  (e.g. the support ticket, booking, or order being discussed) */\n  contextTitle?:    string\n  contextSubtitle?: string\n  contextStatus?:   string\n\n  /** Stable item ID — pins this conversation to a specific item/thread. */\n  subjectId?: string\n}\n\n/**\n * General-purpose support chat widget. Only `url` and `profileId` are required.\n * All other props are optional — anonymous guests work without any configuration.\n *\n * @example Basic support chat\n * ```tsx\n * <ChatWidget\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n *   userEmail={session?.user.email}\n * />\n * ```\n *\n * @example Multi-thread (tickets, bookings, orders)\n * ```tsx\n * <ChatWidget\n *   url={...} profileId={...}\n *   showChatList\n *   subjectId={`ticket_${ticket.id}`}\n *   contextTitle={ticket.title}\n *   contextStatus={ticket.status}\n *   userId={session?.user.id}\n * />\n * ```\n */\nexport function ChatWidget({\n  url, apiUrl, profileId,\n  userId, userName, userEmail, userAvatar,\n  contextTitle, contextSubtitle, contextStatus,\n  subjectId,\n  accent, launcher, position, quickReplies, height = '100%',\n  i18n, translateLang,\n}: ChatWidgetProps): JSX.Element {\n  const ref       = useRef<HTMLDivElement>(null)\n  const handleRef = useRef<WidgetHandle | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    handleRef.current?.close()\n    handleRef.current = mount({\n      el: ref.current,\n      url,\n      ...(apiUrl ? { apiUrl } : {}),\n      profileId,\n      ...(subjectId ? { subjectId }    : {}),\n      ...(userId    ? { userId } : {}),\n      ...(userId || userName || userEmail || userAvatar ? {\n        user: {\n          ...(userName   ? { name:   userName }   : {}),\n          ...(userEmail  ? { email:  userEmail }  : {}),\n          ...(userAvatar ? { avatar: userAvatar } : {}),\n        },\n      } : {}),\n      ...(contextTitle ? {\n        subject: {\n          title: contextTitle,\n          ...(contextSubtitle ? { subtitle: contextSubtitle } : {}),\n          ...(contextStatus   ? { status:   contextStatus }   : {}),\n        },\n      } : {}),\n      ...(quickReplies   ? { quickReplies }                                : {}),\n      ...(accent         ? { accent }                                      : {}),\n      ...(translateLang  ? { translateLang }                               : {}),\n      ...(i18n           ? { i18n }                                        : {}),\n      ...(launcher       ? { launcher, position: position ?? 'bottom-right' } : {}),\n    })\n    return () => { handleRef.current?.close(); handleRef.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, apiUrl, profileId, subjectId, userId, userName, userEmail, accent, launcher, position, translateLang])\n\n  // When launcher=true, still render the div — mount() moves it inside the\n  // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n  return (\n    <div\n      ref={ref}\n      style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n    />\n  )\n}\n\n// ── MarketplaceChat ───────────────────────────────────────────────────────────\n\nexport interface MarketplaceChatProps extends BaseProps {\n  /** Unique ID for this listing — each listing gets its own thread.\n   *  Omit for a general (non-item-specific) conversation. */\n  listingId?:     string\n  /** Shown at the top of the chat — e.g. \"2019 Toyota Camry SE\" */\n  listingTitle?:  string\n  /** One-line detail — e.g. \"45,000 km · Automatic\" */\n  listingMeta?:   string\n  /** Price shown as a tag — e.g. 12500 → \"$12,500\" */\n  listingPrice?:  number\n  /** Status badge — e.g. \"Available\", \"Sold\", \"Pending\" */\n  listingStatus?: string\n}\n\nconst DEFAULT_MARKETPLACE_REPLIES = [\n  'Is this still available?',\n  'Can I schedule a viewing?',\n  'What is your best price?',\n]\n\n/**\n * Marketplace chat widget. Two modes depending on whether `listingId` is provided:\n *\n * **With `listingId` (listing page)** — opens that listing's chat immediately.\n * No list screen. The buyer is already looking at the item so context is clear.\n * ```tsx\n * // On your listing detail page:\n * <MarketplaceChat\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   listingId={car.id}\n *   listingTitle={car.title}\n *   listingPrice={car.price}\n *   listingMeta={`${car.mileage.toLocaleString()} km · ${car.gearbox}`}\n *   listingStatus=\"Available\"\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n *   userEmail={session?.user.email}\n * />\n * ```\n *\n * **Without `listingId` (My Messages / inbox page)** — shows the WhatsApp-style\n * thread list as the home screen. No conversation is opened until the user taps one.\n * Use this on a dedicated `/messages` or `/inbox` page.\n * ```tsx\n * // On your /messages page:\n * <MarketplaceChat\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   userName={session?.user.name}\n * />\n * ```\n *\n * Only `url` and `profileId` are required. All other props are optional.\n */\nexport function MarketplaceChat({\n  url, apiUrl, profileId,\n  listingId, listingTitle, listingMeta, listingPrice, listingStatus,\n  userId, userName, userEmail, userAvatar,\n  accent, launcher, position, quickReplies, height = '100%',\n  i18n, translateLang,\n}: MarketplaceChatProps): JSX.Element {\n  const ref       = useRef<HTMLDivElement>(null)\n  const handleRef = useRef<WidgetHandle | null>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    // Coalesce rapid identity changes into a SINGLE mount. NextAuth's\n    // `session?.user.id` is undefined on first render and resolves a tick later,\n    // which would otherwise open an anonymous conversation and immediately\n    // orphan it when the real id arrives — surfacing as \"a new chat every time\".\n    // Deferring the mount lets a same-tick id change settle first. For a slower\n    // (network) session fetch, gate rendering on the session status host-side\n    // (e.g. NextAuth: don't render until `status !== 'loading'`).\n    let cancelled = false\n    const timer = setTimeout(() => {\n      if (cancelled || !ref.current) return\n      handleRef.current?.close()\n      handleRef.current = mount({\n        el: ref.current,\n        url,\n        ...(apiUrl ? { apiUrl } : {}),\n        profileId,\n        ...(listingId ? { subjectId: `listing_${listingId}` } : {}),\n        ...(userId    ? { userId } : {}),\n        ...(userId || userName || userEmail || userAvatar ? {\n          user: {\n            ...(userName   ? { name:   userName }   : {}),\n            ...(userEmail  ? { email:  userEmail }  : {}),\n            ...(userAvatar ? { avatar: userAvatar } : {}),\n            ...(listingId  ? { meta: { listingId } } : {}),\n          },\n        } : {}),\n        ...(listingTitle ? {\n          subject: {\n            title: listingTitle,\n            ...(listingMeta   ? { subtitle: listingMeta }                       : {}),\n            ...(listingPrice  ? { tags: [`$${listingPrice.toLocaleString()}`] } : {}),\n            ...(listingStatus ? { status:   listingStatus }                     : {}),\n          },\n        } : {}),\n        quickReplies:  quickReplies ?? DEFAULT_MARKETPLACE_REPLIES,\n        ...(accent        ? { accent }                                         : {}),\n        ...(translateLang ? { translateLang }                                  : {}),\n        ...(i18n          ? { i18n }                                           : {}),\n        ...(launcher      ? { launcher, position: position ?? 'bottom-right' } : {}),\n      })\n    }, 0)\n    return () => { cancelled = true; clearTimeout(timer); handleRef.current?.close(); handleRef.current = null }\n  // Only identity/target-affecting props trigger a remount — metadata like\n  // userName/userEmail is sent once at mount and must NOT churn the connection.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, apiUrl, profileId, listingId, userId, accent, launcher, position, translateLang])\n\n  // When launcher=true, still render the div — mount() moves it inside the\n  // fixed panel above the bubble. Zero size so it doesn't affect page layout.\n  return (\n    <div\n      ref={ref}\n      style={launcher ? { width: 0, height: 0, overflow: 'hidden' } : { width: '100%', height, minHeight: height === '100%' ? '480px' : undefined }}\n    />\n  )\n}\n\n// ── ChatList ──────────────────────────────────────────────────────────────────\n\nexport interface ChatAppProps {\n  /** Relay WebSocket URL — required */\n  url:        string\n  /** HTTP(S) base for REST calls. Defaults to the WS origin. */\n  apiUrl?:    string\n  /** Your Relay profile ID — required */\n  profileId:  string\n  /** Your logged-in user's stable ID. Omit for anonymous (uses localStorage UID) */\n  userId?:    string\n  /** Optional: shown to agents in the dashboard */\n  userName?:  string\n  /** Optional: shown to agents in the dashboard */\n  userEmail?: string\n  /** Brand colour hex — default '#4F63F5' */\n  accent?:    string\n  /** Container height. Default: '100%' */\n  height?:    string\n  /** i18n overrides */\n  i18n?: import('./chatlist.js').ChatListOptions['i18n']\n}\n\n/**\n * Full chat-app component: conversation list on the left (or full screen on\n * mobile), chat room on the right when a thread is selected.\n *\n * Works like a standalone messaging app — tapping a thread opens the chat\n * inline without navigating away from the page.\n *\n * @example\n * ```tsx\n * 'use client'\n * import { ChatList } from '@paramms/chat-widget/react'\n *\n * export default function MessagesPage({ session }) {\n *   return (\n *     <div style={{ height: '100vh' }}>\n *       <ChatList\n *         url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *         profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *         userId={session?.user.id}\n *         userName={session?.user.name}\n *         userEmail={session?.user.email}\n *       />\n *     </div>\n *   )\n * }\n * ```\n */\nexport function ChatApp({\n  url, apiUrl, profileId, userId, userName, userEmail, accent, height = '100%', i18n,\n}: ChatAppProps): JSX.Element {\n  type Entry = import('./chatlist.js').ChatListEntry\n  const [selected, setSelected] = useState<Entry | null>(null)\n  const listRef    = useRef<HTMLDivElement>(null)\n  const chatRef    = useRef<HTMLDivElement>(null)\n  const handleRef  = useRef<import('./chatlist.js').ChatListHandle | null>(null)\n  const chatHandle = useRef<WidgetHandle | null>(null)\n\n  // Build the chat list\n  useEffect(() => {\n    if (!listRef.current) return\n    let cancelled = false\n    import('./chatlist.js').then(({ mountChatList }) => {\n      // The dynamic import is async: if the effect was cleaned up (unmount,\n      // dep change, or StrictMode's double-invoke) before it resolved, or the\n      // ref is gone, don't mount a phantom list that never gets closed.\n      if (cancelled || !listRef.current) return\n      handleRef.current = mountChatList({\n        el:        listRef.current,\n        url,\n        ...(apiUrl ? { apiUrl } : {}),\n        profileId,\n        onSelect:  (entry) => setSelected(entry),\n        ...(userId ? { userId } : {}),\n        ...(accent ? { accent } : {}),\n        ...(i18n   ? { i18n }   : {}),\n      })\n    })\n    return () => { cancelled = true; handleRef.current?.close(); handleRef.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url, profileId, userId])\n\n  // Open a ChatWidget when a thread is selected\n  useEffect(() => {\n    if (!chatRef.current || !selected) return\n    chatHandle.current?.close()\n    chatHandle.current = mount({\n      el:        chatRef.current,\n      url,\n      ...(apiUrl ? { apiUrl } : {}),\n      profileId,\n      ...(selected.subjectId ? { subjectId: selected.subjectId } : {}),\n      ...(userId ? { token: userId } : {}),\n      ...(userId || userName || userEmail ? {\n        user: {\n          ...(userName  ? { name:  userName }  : {}),\n          ...(userEmail ? { email: userEmail } : {}),\n        },\n      } : {}),\n      ...(selected.subjectTitle ? {\n        subject: {\n          title: selected.subjectTitle,\n          ...(selected.subjectMeta   ? { subtitle: selected.subjectMeta }   : {}),\n        },\n      } : {}),\n      ...(accent ? { accent } : {}),\n    })\n    return () => { chatHandle.current?.close(); chatHandle.current = null }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selected?.id])\n\n  const isMobile = typeof window !== 'undefined' && window.innerWidth < 768\n\n  return (\n    <div style={{ display: 'flex', width: '100%', height, minHeight: '400px', overflow: 'hidden' }}>\n      {/* List panel — hidden on mobile when a chat is open */}\n      <div style={{\n        width: isMobile ? '100%' : '360px',\n        flex: isMobile && selected ? 'none' : undefined,\n        display: isMobile && selected ? 'none' : 'flex',\n        flexDirection: 'column',\n        borderRight: isMobile ? 'none' : '1px solid #e8eaed',\n        minWidth: 0,\n      }}>\n        <div ref={listRef} style={{ width: '100%', height: '100%' }} />\n      </div>\n\n      {/* Chat panel — shows when a thread is selected */}\n      {selected ? (\n        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minWidth: 0, position: 'relative' }}>\n          {/* Back button on mobile */}\n          {isMobile && (\n            <button\n              onClick={() => setSelected(null)}\n              style={{ position: 'absolute', top: 12, left: 12, zIndex: 10, background: 'none', border: 'none', fontSize: 22, cursor: 'pointer', color: '#1c1b1a' }}\n            >\n              ←\n            </button>\n          )}\n          <div ref={chatRef} style={{ width: '100%', height: '100%' }} />\n        </div>\n      ) : (\n        <div style={{ flex: 1, display: isMobile ? 'none' : 'flex', alignItems: 'center', justifyContent: 'center', color: '#9b9690', fontSize: 14 }}>\n          Select a conversation\n        </div>\n      )}\n    </div>\n  )\n}\n\n// ── ChatAppLauncher ───────────────────────────────────────────────────────────\n\nexport interface ChatAppLauncherProps {\n  /** Relay WebSocket URL — required */\n  url:        string\n  /** HTTP(S) base for REST calls. Defaults to the WS origin. */\n  apiUrl?:    string\n  /** Your Relay profile ID — required */\n  profileId:  string\n  /** Your logged-in user's stable ID */\n  userId?:    string\n  userName?:  string\n  userEmail?: string\n  /** Brand colour hex — default '#4F63F5' */\n  accent?:    string\n\n  /** true  → floating bubble fixed to the corner of the screen (like Intercom)\n   *  false → an inline \"Messages\" button that expands a panel below it\n   *  Default: true */\n  floating?:  boolean\n  /** Only used when floating=true. Default: 'bottom-right' */\n  position?:  'bottom-right' | 'bottom-left'\n  /** Label shown on the button. Default: '💬' for floating, 'Messages' for inline */\n  label?:     string\n  /** Width of the chat panel. Default: '420px' (floating) or '100%' (inline) */\n  panelWidth?: string\n  /** Height of the chat panel. Default: '600px' */\n  panelHeight?: string\n}\n\n/**\n * A button that opens the full ChatApp (list → chat) in a panel.\n *\n * floating=true  → fixed bubble in the corner of the screen, like WhatsApp Web's\n *                  chat button or Intercom.\n * floating=false → an inline button (e.g. in your nav bar) that expands a panel\n *                  below it.\n *\n * @example Floating bubble (bottom-right)\n * ```tsx\n * <ChatAppLauncher\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   floating\n *   position=\"bottom-right\"\n * />\n * ```\n *\n * @example Inline nav button\n * ```tsx\n * <ChatAppLauncher\n *   url={process.env.NEXT_PUBLIC_RELAY_WS_URL}\n *   profileId={process.env.NEXT_PUBLIC_RELAY_PROFILE_ID}\n *   userId={session?.user.id}\n *   floating={false}\n *   label=\"Messages\"\n * />\n * ```\n */\nexport function ChatAppLauncher({\n  url, apiUrl, profileId, userId, userName, userEmail,\n  accent = '#4F63F5',\n  floating = true,\n  position = 'bottom-right',\n  label,\n  panelWidth,\n  panelHeight = '600px',\n}: ChatAppLauncherProps): JSX.Element {\n  const [open, setOpen] = useState(false)\n  const btnRef          = useRef<HTMLButtonElement>(null)\n\n  const isRight = position === 'bottom-right'\n  const defaultLabel = floating ? '💬' : 'Messages'\n  const btnLabel = label ?? defaultLabel\n\n  // Close on Escape\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false) }\n    document.addEventListener('keydown', handler)\n    return () => document.removeEventListener('keydown', handler)\n  }, [])\n\n  // ── Floating mode ──────────────────────────────────────────────────────────\n  if (floating) {\n    const isMobile = typeof window !== 'undefined' && window.innerWidth < 480\n    const pWidth   = isMobile ? '100vw' : (panelWidth ?? '420px')\n    const pHeight  = isMobile ? '100dvh' : panelHeight\n\n    return (\n      <div style={{\n        position: 'fixed',\n        [isRight ? 'right' : 'left']: '20px',\n        bottom: '20px',\n        zIndex: 9999,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: isRight ? 'flex-end' : 'flex-start',\n        gap: '12px',\n      }}>\n        {/* Panel */}\n        <div style={{\n          width:         pWidth,\n          height:        pHeight,\n          borderRadius:  isMobile ? '0' : '16px',\n          overflow:      'hidden',\n          boxShadow:     '0 8px 40px rgba(0,0,0,.18)',\n          background:    '#fff',\n          display:       open ? 'flex' : 'none',\n          flexDirection: 'column',\n          transformOrigin: `bottom ${isRight ? 'right' : 'left'}`,\n          animation:     open ? 'ocl-pop-in .18s ease' : 'none',\n        }}>\n          <ChatApp\n            url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n            {...(userId    ? { userId }    : {})}\n            {...(userName  ? { userName }  : {})}\n            {...(userEmail ? { userEmail } : {})}\n            accent={accent} height=\"100%\"\n          />\n        </div>\n\n        {/* Bubble button */}\n        <button\n          ref={btnRef}\n          onClick={() => setOpen(o => !o)}\n          style={{\n            width: '56px', height: '56px', borderRadius: '50%',\n            background: accent, color: '#fff', border: 'none',\n            fontSize: '24px', cursor: 'pointer', flexShrink: 0,\n            boxShadow: '0 4px 16px rgba(0,0,0,.25)',\n            transition: 'transform .15s',\n          }}\n          onMouseEnter={e => { (e.target as HTMLElement).style.transform = 'scale(1.08)' }}\n          onMouseLeave={e => { (e.target as HTMLElement).style.transform = 'scale(1)' }}\n        >\n          {open ? '✕' : btnLabel}\n        </button>\n\n        <style>{`@keyframes ocl-pop-in { from { opacity:0; transform:scale(.95) } to { opacity:1; transform:scale(1) } }`}</style>\n      </div>\n    )\n  }\n\n  // ── Inline mode ────────────────────────────────────────────────────────────\n  // The panel is rendered via a fixed overlay anchored to the button position.\n  // This prevents clipping from parent overflow:hidden containers (e.g. nav bars).\n  const pWidth = panelWidth ?? '420px'\n\n  // Track button position for panel anchor\n  const [btnRect, setBtnRect] = useState<DOMRect | null>(null)\n\n  const handleBtnClick = () => {\n    if (!open && btnRef.current) setBtnRect(btnRef.current.getBoundingClientRect())\n    setOpen(o => !o)\n  }\n\n  const panelTop  = btnRect ? btnRect.bottom + 8 : 0\n  const panelRight = btnRect ? window.innerWidth - btnRect.right : 0\n\n  return (\n    <>\n      {/* Trigger button */}\n      <button\n        ref={btnRef}\n        onClick={handleBtnClick}\n        style={{\n          display: 'inline-flex', alignItems: 'center', gap: '6px',\n          padding: '8px 16px', borderRadius: '8px',\n          background: open ? accent : 'transparent',\n          color: open ? '#fff' : accent,\n          border: `2px solid ${accent}`,\n          fontSize: '14px', fontWeight: 600, cursor: 'pointer',\n          transition: 'background .15s, color .15s',\n        }}\n      >\n        💬 {btnLabel}\n      </button>\n\n      {/* Fixed panel — rendered at document root level via CSS fixed positioning */}\n      {open && btnRect && (\n        <>\n          {/* Backdrop */}\n          <div\n            onClick={() => setOpen(false)}\n            style={{ position: 'fixed', inset: 0, zIndex: 9998 }}\n          />\n          <div style={{\n            position: 'fixed',\n            top:   panelTop,\n            right: panelRight,\n            width: pWidth,\n            height: panelHeight,\n            borderRadius: '16px',\n            overflow: 'hidden',\n            boxShadow: '0 8px 40px rgba(0,0,0,.2)',\n            background: '#fff',\n            zIndex: 9999,\n            animation: 'ocl-slide-in .18s ease',\n          }}>\n            <ChatApp\n              url={url} {...(apiUrl ? { apiUrl } : {})} profileId={profileId}\n              {...(userId    ? { userId }    : {})}\n              {...(userName  ? { userName }  : {})}\n              {...(userEmail ? { userEmail } : {})}\n              accent={accent} height=\"100%\"\n            />\n          </div>\n          <style>{`@keyframes ocl-slide-in { from { opacity:0; transform:translateY(-8px) } to { opacity:1; transform:translateY(0) } }`}</style>\n        </>\n      )}\n    </>\n  )\n}\n"],"names":["ChatWidget","url","apiUrl","profileId","userId","userName","userEmail","userAvatar","contextTitle","contextSubtitle","contextStatus","subjectId","accent","launcher","position","quickReplies","height","i18n","translateLang","ref","useRef","handleRef","useEffect","_a","mount","jsx","DEFAULT_MARKETPLACE_REPLIES","MarketplaceChat","listingId","listingTitle","listingMeta","listingPrice","listingStatus","cancelled","timer","ChatApp","selected","setSelected","useState","listRef","chatRef","chatHandle","mountChatList","entry","isMobile","jsxs","ChatAppLauncher","floating","label","panelWidth","panelHeight","open","setOpen","btnRef","isRight","btnLabel","handler","e","pWidth","pHeight","o","btnRect","setBtnRect","handleBtnClick","panelTop","panelRight","Fragment"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paramms/chat-widget",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Embeddable real-time chat widget for the Relay platform",
   "license": "MIT",
   "repository": {