@chatsystem/client 2.0.0 → 2.0.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as S, jsxs as ne, Fragment as Ct } from "react/jsx-runtime";
 import * as et from "react";
-import We, { useState as ae, useEffect as Ee, useMemo as Ft, createContext as Tn, useContext as Ge, useRef as de, useCallback as ot, forwardRef as Hu, useImperativeHandle as Kd, useLayoutEffect as Jd, useId as Zd } from "react";
+import We, { useState as ae, useEffect as Ee, useMemo as Ft, createContext as Tn, useContext as Ge, useRef as le, useCallback as ot, forwardRef as Hu, useImperativeHandle as Kd, useLayoutEffect as Jd, useId as Zd } from "react";
 import Sr, { createPortal as ef } from "react-dom";
 import tf from "lottie-react";
 import { DotLottieReact as nf } from "@lottiefiles/dotlottie-react";
@@ -203,13 +203,13 @@ function af() {
     function ue(j) {
       return D(j) === a;
     }
-    function le(j) {
+    function de(j) {
       return D(j) === i;
     }
     function Le(j) {
       return D(j) === f;
     }
-    Me.AsyncMode = x, Me.ConcurrentMode = p, Me.ContextConsumer = O, Me.ContextProvider = M, Me.Element = Y, Me.ForwardRef = v, Me.Fragment = H, Me.Lazy = $, Me.Memo = V, Me.Portal = z, Me.Profiler = J, Me.StrictMode = me, Me.Suspense = re, Me.isAsyncMode = Re, Me.isConcurrentMode = b, Me.isContextConsumer = G, Me.isContextProvider = ie, Me.isElement = _, Me.isForwardRef = Z, Me.isFragment = ee, Me.isLazy = Q, Me.isMemo = se, Me.isPortal = oe, Me.isProfiler = ue, Me.isStrictMode = le, Me.isSuspense = Le, Me.isValidElementType = k, Me.typeOf = D;
+    Me.AsyncMode = x, Me.ConcurrentMode = p, Me.ContextConsumer = O, Me.ContextProvider = M, Me.Element = Y, Me.ForwardRef = v, Me.Fragment = H, Me.Lazy = $, Me.Memo = V, Me.Portal = z, Me.Profiler = J, Me.StrictMode = me, Me.Suspense = re, Me.isAsyncMode = Re, Me.isConcurrentMode = b, Me.isContextConsumer = G, Me.isContextProvider = ie, Me.isElement = _, Me.isForwardRef = Z, Me.isFragment = ee, Me.isLazy = Q, Me.isMemo = se, Me.isPortal = oe, Me.isProfiler = ue, Me.isStrictMode = de, Me.isSuspense = Le, Me.isValidElementType = k, Me.typeOf = D;
   })()), Me;
 }
 var Bs;
@@ -3770,8 +3770,8 @@ const vh = {
   "chatbot.interactiveWidget.cancelled": "Cancelled",
   "chatbot.interactiveWidget.unavailable": "This interaction is no longer available.",
   "chatbot.interactiveWidget.preview.notice": "Demo mode — this form reproduces the real experience. Submitting it does not create a request or transmit your answers.",
-  "chatbot.interactiveWidget.preview.completed": "Simulation complete. In production, this request would be saved in ChatSystem and then sent to any configured destinations.",
-  "chatbot.interactiveWidget.preview.cancelled": "Simulation cancelled. No information was transmitted."
+  "chatbot.interactiveWidget.preview.completed": "You have tested this form. No request was sent and your answers were not transmitted.",
+  "chatbot.interactiveWidget.preview.cancelled": "You have closed the demo form. No information was transmitted."
 }, kh = {
   "generic.language.english": "Anglais",
   "generic.language.french": "Français",
@@ -3830,8 +3830,8 @@ const vh = {
   "chatbot.interactiveWidget.cancelled": "Annulé",
   "chatbot.interactiveWidget.unavailable": "Cette interaction n’est plus disponible.",
   "chatbot.interactiveWidget.preview.notice": "Mode démo — ce formulaire reproduit l’expérience réelle. Son envoi ne crée aucune demande et ne transmet pas vos réponses.",
-  "chatbot.interactiveWidget.preview.completed": "Simulation terminée. En production, cette demande serait enregistrée dans ChatSystem, puis transmise aux destinations configurées le cas échéant.",
-  "chatbot.interactiveWidget.preview.cancelled": "Simulation annulée. Aucune information n’a été transmise."
+  "chatbot.interactiveWidget.preview.completed": "Vous avez testé ce formulaire. Aucune demande n’a été envoyée et vos réponses n’ont pas été transmises.",
+  "chatbot.interactiveWidget.preview.cancelled": "Vous avez fermé le formulaire de démonstration. Aucune information n’a été transmise."
 };
 var Tt = /* @__PURE__ */ ((e) => (e.FRENCH = "fr-FR", e.ENGLISH = "en-US", e))(Tt || {});
 const ni = {
@@ -5729,11 +5729,11 @@ function dm({
     () => rm(m)
   ), [k, D] = ae(null), [x, p] = ae("idle"), [O, M] = ae(
     () => im(m)
-  ), Y = de(null), v = de(
+  ), Y = le(null), v = le(
     d
-  ), H = de(!1), $ = de(null), V = de(
+  ), H = le(!1), $ = le(null), V = le(
     sm(m)
-  ), z = de(ts(m)), J = de(!1), me = de(0), re = de(null), Oe = h !== "ai", Re = g?.discussionId === n.discussionId, b = Oe && g?.status === "closed", G = Z0({
+  ), z = le(ts(m)), J = le(!1), me = le(0), re = le(null), Oe = h !== "ai", Re = g?.discussionId === n.discussionId, b = Oe && g?.status === "closed", G = Z0({
     isCustomerSupportMode: Oe,
     isClosed: b,
     hasTransportFailed: I === "failed",
@@ -5762,7 +5762,7 @@ function dm({
     isWaitingForFirstProviderReply: ie,
     socketStatus: I,
     state: g
-  }), le = ue !== null;
+  }), de = ue !== null;
   Ee(() => {
     if (r !== "notLoading" || n.items.length === 0) return;
     const F = Re ? g : null;
@@ -6106,7 +6106,7 @@ function dm({
     isCustomerSupportMode: Oe,
     isCustomerSupportClosed: b,
     customerSupportStatusMessage: G,
-    isCustomerSupportInputDisabled: le,
+    isCustomerSupportInputDisabled: de,
     customerSupportInputDisabledReason: ue,
     enterCustomerSupportMode: Ye,
     flushPendingCustomerSupportHandoff: ht,
@@ -6218,7 +6218,7 @@ const mr = (e, t) => `chatsystem:interaction:v2:${e}:${t}`, mm = (e, t, n) => {
   }), d = Cc({
     appToken: t,
     agentId: n
-  }), f = de(null), m = de(s), h = de(/* @__PURE__ */ new Set()), T = de(null), g = de(null), A = de(/* @__PURE__ */ new Set()), I = de(/* @__PURE__ */ new Set()), w = de(null), k = de(null), D = de(null);
+  }), f = le(null), m = le(s), h = le(/* @__PURE__ */ new Set()), T = le(null), g = le(null), A = le(/* @__PURE__ */ new Set()), I = le(/* @__PURE__ */ new Set()), w = le(null), k = le(null), D = le(null);
   D.current || (D.current = new hm(r));
   const x = D.current, [p, O] = ae(0);
   (!f.current || m.current !== s) && (m.current = s, f.current = new _0(s)), Ee(() => {
@@ -6249,7 +6249,7 @@ const mr = (e, t) => `chatsystem:interaction:v2:${e}:${t}`, mm = (e, t, n) => {
     updateInteractiveWidget: ee,
     chatboxBootState: Q,
     resetConversationRequestId: se
-  } = ai(), [oe, ue] = ae("notLoading"), [le, Le] = ae(
+  } = ai(), [oe, ue] = ae("notLoading"), [de, Le] = ae(
     null
   ), [j, De] = ae(
     me
@@ -6290,7 +6290,7 @@ const mr = (e, t) => `chatsystem:interaction:v2:${e}:${t}`, mm = (e, t, n) => {
     addMessageToCurrentConversation: b,
     chatboxBootState: Q,
     resetConversationRequestId: se
-  }), it = de(
+  }), it = le(
     null
   );
   it.current || (it.current = new W0({
@@ -6321,7 +6321,7 @@ const mr = (e, t) => `chatsystem:interaction:v2:${e}:${t}`, mm = (e, t, n) => {
     re.discussionId,
     ht
   ]);
-  const Ls = de(
+  const Ls = le(
     se
   );
   Ee(() => {
@@ -6629,7 +6629,7 @@ const mr = (e, t) => `chatsystem:interaction:v2:${e}:${t}`, mm = (e, t, n) => {
     appToken: t,
     agentId: n,
     loadingStatus: oe,
-    numberOfSteps: le,
+    numberOfSteps: de,
     currentStepName: j,
     currentStepNumber: Qe,
     isAtMaxMessages: at,
@@ -7085,7 +7085,7 @@ const Rm = Hu(function({
   onEnd: O,
   onFrame: M
 }, Y) {
-  const v = hr(), H = de(null), $ = de(null), [V, z] = ae(null), [J, me] = ae(null), [re, Oe] = ae(null), [Re, b] = ae(!1), [G, ie] = ae(!!f), [_, Z] = ae(h), ee = de(1), [Q, se] = ae(null), oe = Math.max(
+  const v = hr(), H = le(null), $ = le(null), [V, z] = ae(null), [J, me] = ae(null), [re, Oe] = ae(null), [Re, b] = ae(!1), [G, ie] = ae(!!f), [_, Z] = ae(h), ee = le(1), [Q, se] = ae(null), oe = Math.max(
     1,
     Math.floor(typeof window < "u" && window.devicePixelRatio || 1)
   );
@@ -7124,30 +7124,30 @@ const Rm = Hu(function({
       Se = !0;
     };
   }, [V, c, n, r, i, a, v]);
-  const ue = Q?.frameWidth ?? n, le = Q?.frameHeight ?? r, Le = Q?.columns ?? i, j = Q?.rows ?? a, De = Q?.gutterX ?? s, Qe = Q?.gutterY ?? o, nt = Q?.originX ?? D ?? 0, at = Q?.originY ?? x ?? 0, rt = Ft(() => {
+  const ue = Q?.frameWidth ?? n, de = Q?.frameHeight ?? r, Le = Q?.columns ?? i, j = Q?.rows ?? a, De = Q?.gutterX ?? s, Qe = Q?.gutterY ?? o, nt = Q?.originX ?? D ?? 0, at = Q?.originY ?? x ?? 0, rt = Ft(() => {
     if (c && c.length > 0) return { cols: 0, rows: 0 };
-    if (!re || !ue || !le)
+    if (!re || !ue || !de)
       return { cols: 0, rows: 0 };
-    const Se = Le ?? Math.floor((re.w + De) / (ue + De)), Be = j ?? Math.floor((re.h + Qe) / (le + Qe));
+    const Se = Le ?? Math.floor((re.w + De) / (ue + De)), Be = j ?? Math.floor((re.h + Qe) / (de + Qe));
     return { cols: Math.max(0, Se), rows: Math.max(0, Be) };
   }, [
     c,
     re,
     ue,
-    le,
+    de,
     Le,
     j,
     De,
     Qe
   ]), Ye = Ft(() => {
     if (c?.length) return c;
-    if (!ue || !le) return [];
+    if (!ue || !de) return [];
     const { cols: Se, rows: Be } = rt;
     if (!Se || !Be) return [];
     const ke = Math.min(u ?? Se * Be, Se * Be), F = [];
     for (let N = 0; N < ke; N++) {
-      const P = N % Se, K = Math.floor(N / Se), ce = nt + P * (ue + De), xe = at + K * (le + Qe);
-      F.push({ x: ce, y: xe, w: ue, h: le });
+      const P = N % Se, K = Math.floor(N / Se), ce = nt + P * (ue + De), xe = at + K * (de + Qe);
+      F.push({ x: ce, y: xe, w: ue, h: de });
     }
     if (V && F.length) {
       const N = document.createElement("canvas");
@@ -7173,7 +7173,7 @@ const Rm = Hu(function({
     rt,
     u,
     ue,
-    le,
+    de,
     De,
     Qe,
     V,
@@ -7350,13 +7350,15 @@ const is = ({ facet: e }) => {
     )
   ] });
 }, Dm = ({
-  isWidgetOpen: e,
-  setIsWidgetOpen: t
+  launcherRef: e,
+  isWidgetOpen: t,
+  setIsWidgetOpen: n
 }) => {
-  const { companySettings: n } = Ge(Ht);
+  const { companySettings: r } = Ge(Ht);
   return /* @__PURE__ */ ne(
     "div",
     {
+      ref: e,
       className: `launcher
                   fixed 
                   z-[999999999] 
@@ -7369,15 +7371,15 @@ const is = ({ facet: e }) => {
                   justify-center 
                   items-center
                   `,
-      onClick: () => t(!e),
+      onClick: () => n(!t),
       children: [
-        !e && /* @__PURE__ */ S(
+        !t && /* @__PURE__ */ S(
           is,
           {
-            facet: n.agent.display[X.AgentDisplayFacetRoleType.LAUNCHER]
+            facet: r.agent.display[X.AgentDisplayFacetRoleType.LAUNCHER]
           }
         ),
-        e && /* @__PURE__ */ S(Fc, { className: "w-6 h-6", fill: "white" })
+        t && /* @__PURE__ */ S(Fc, { className: "w-6 h-6", fill: "white" })
       ]
     }
   );
@@ -11099,11 +11101,11 @@ function eb(e, t, n) {
       function G(Q) {
         return se;
         function se(oe) {
-          const ue = oe !== null && Q[oe], le = oe !== null && Q.null, Le = [
+          const ue = oe !== null && Q[oe], de = oe !== null && Q.null, Le = [
             // To do: add more extension tests.
             /* c8 ignore next 2 */
             ...Array.isArray(ue) ? ue : ue ? [ue] : [],
-            ...Array.isArray(le) ? le : le ? [le] : []
+            ...Array.isArray(de) ? de : de ? [de] : []
           ];
           return ie(Le)(oe);
         }
@@ -11370,10 +11372,10 @@ function yb(e) {
       blockQuote: a(ue),
       characterEscape: Y,
       characterReference: Y,
-      codeFenced: a(le),
+      codeFenced: a(de),
       codeFencedFenceInfo: s,
       codeFencedFenceMeta: s,
-      codeIndented: a(le, s),
+      codeIndented: a(de, s),
       codeText: a(Le, s),
       codeTextData: Y,
       data: Y,
@@ -11786,7 +11788,7 @@ function yb(e) {
       children: []
     };
   }
-  function le() {
+  function de() {
     return {
       type: "code",
       lang: null,
@@ -22309,7 +22311,7 @@ function lS(e, {
   threshold: i = 0,
   dedupeKey: a
 } = {}) {
-  const s = de(!1), o = de();
+  const s = le(!1), o = le();
   return ot(
     (c) => {
       if (o.current?.(), o.current = void 0, !c || s.current) return;
@@ -22607,10 +22609,10 @@ const Rd = ({
     defaultMessage: "Demo mode — this form reproduces the real experience. Submitting it does not create a request or transmit your answers."
   }), d = n.formatMessage({
     id: "chatbot.interactiveWidget.preview.completed",
-    defaultMessage: "Simulation complete. In production, this request would be saved in ChatSystem and then sent to any configured destinations."
+    defaultMessage: "You have tested this form. No request was sent and your answers were not transmitted."
   }), f = n.formatMessage({
     id: "chatbot.interactiveWidget.preview.cancelled",
-    defaultMessage: "Simulation cancelled. No information was transmitted."
+    defaultMessage: "You have closed the demo form. No information was transmitted."
   }), m = (T, g) => {
     T.kind === "open_url" && window.open(T.url, "_blank", "noopener,noreferrer"), t.submitInteractiveWidget({
       instanceId: e.instanceId,
@@ -22956,7 +22958,7 @@ const Rd = ({
   )
 ] });
 function yS(e, t, n) {
-  let [r, i] = ae(e || t), a = de(e !== void 0), s = e !== void 0;
+  let [r, i] = ae(e || t), a = le(e !== void 0), s = e !== void 0;
   Ee(() => {
     let c = a.current;
     c !== s && console.warn(`WARN: A component changed from ${c ? "controlled" : "uncontrolled"} to ${s ? "controlled" : "uncontrolled"}.`), a.current = s;
@@ -22987,7 +22989,7 @@ const jr = {
 }, Ld = /* @__PURE__ */ We.createContext(jr), _S = /* @__PURE__ */ We.createContext(!1);
 let SS = !!(typeof window < "u" && window.document && window.document.createElement), ta = /* @__PURE__ */ new WeakMap();
 function CS(e = !1) {
-  let t = Ge(Ld), n = de(null);
+  let t = Ge(Ld), n = le(null);
   if (n.current === null && !e) {
     var r, i;
     let a = (i = We.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || i === void 0 || (r = i.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
@@ -23042,7 +23044,7 @@ function RS() {
 const Cn = typeof document < "u" ? We.useLayoutEffect : () => {
 };
 function mn(e) {
-  const t = de(null);
+  const t = le(null);
   return Cn(() => {
     t.current = e;
   }, [
@@ -23053,7 +23055,7 @@ function mn(e) {
   }, []);
 }
 function OS(e) {
-  let [t, n] = ae(e), r = de(null), i = mn(() => {
+  let [t, n] = ae(e), r = le(null), i = mn(() => {
     if (!r.current) return;
     let s = r.current.next();
     if (s.done) {
@@ -23075,7 +23077,7 @@ function OS(e) {
 }
 let LS = !!(typeof window < "u" && window.document && window.document.createElement), qr = /* @__PURE__ */ new Map();
 function Xr(e) {
-  let [t, n] = ae(e), r = de(null), i = AS(t), a = ot((s) => {
+  let [t, n] = ae(e), r = le(null), i = AS(t), a = ot((s) => {
     r.current = s;
   }, []);
   return LS && qr.set(i, a), Cn(() => {
@@ -23267,7 +23269,7 @@ function KS(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : jS() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
 function JS(e, t, n) {
-  let r = de(t), i = mn(() => {
+  let r = le(t), i = mn(() => {
     n && n(r.current);
   });
   Ee(() => {
@@ -23306,7 +23308,7 @@ class eC {
   }
 }
 function tC(e) {
-  let t = de({
+  let t = le({
     isFocused: !1,
     observer: null
   });
@@ -23532,7 +23534,7 @@ function fC(e) {
   return r;
 }
 function hC(e, t) {
-  let { focusProps: n } = nC(e), { keyboardProps: r } = uC(e), i = Kr(n, r), a = fC(t), s = e.isDisabled ? {} : a, o = de(e.autoFocus);
+  let { focusProps: n } = nC(e), { keyboardProps: r } = uC(e), i = Kr(n, r), a = fC(t), s = e.isDisabled ? {} : a, o = le(e.autoFocus);
   return Ee(() => {
     o.current && t.current && cC(t.current), o.current = !1;
   }, [
@@ -23667,7 +23669,7 @@ function yC(e) {
   let A = Ft(() => vu(T ? [] : f), [
     T,
     f
-  ]), I = de(Xn), [w, k] = ae(Xn), D = de(Xn), x = () => {
+  ]), I = le(Xn), [w, k] = ae(Xn), D = le(Xn), x = () => {
     if (!p) return;
     O(!1);
     let v = c || a || I.current;
@@ -23848,7 +23850,7 @@ const xC = (e) => e.charCodeAt(e.length - 1) === 10, AC = (e) => {
     onPressMicButton: m,
     LoadingComponent: h,
     onPressLoadingButton: T
-  } = e, g = de(null), { labelProps: A, inputProps: I } = IC(
+  } = e, g = le(null), { labelProps: A, inputProps: I } = IC(
     {
       ...e,
       inputElementType: "textarea"
@@ -24125,7 +24127,7 @@ class LC {
   }
 }
 const DC = (e) => {
-  const t = de(null), n = de(null), r = de(new LC()), i = de(null), [a, s] = ae(!1), o = () => {
+  const t = le(null), n = le(null), r = le(new LC()), i = le(null), [a, s] = ae(!1), o = () => {
     const d = t.current;
     if (!d) return;
     const f = r.current.observeViewport({
@@ -24568,7 +24570,7 @@ const DC = (e) => {
   }
 ) });
 function zC() {
-  const [e, t] = ae("idle"), [n, r] = ae(null), [i, a] = ae(0), s = de(null), o = de(null), u = de([]), c = de(null), d = de(null), f = de(null), m = de(null), h = ot(() => {
+  const [e, t] = ae("idle"), [n, r] = ae(null), [i, a] = ae(0), s = le(null), o = le(null), u = le([]), c = le(null), d = le(null), f = le(null), m = le(null), h = ot(() => {
     m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
     try {
       f.current?.disconnect();
@@ -24804,7 +24806,7 @@ const YC = ({
 }) => e.length === 0 || n || r || i ? !1 : !t.some(
   (s) => s.userType === "user"
 ), Vd = ({ containerClassName: e }) => {
-  const t = de(null), n = Mc(), {
+  const t = le(null), n = Mc(), {
     appToken: r,
     loadingStatus: i,
     numberOfSteps: a,
@@ -24849,7 +24851,7 @@ const YC = ({
     resetConversation: Q,
     archivedConversation: se,
     setArchivedConversationAsMain: oe
-  } = ai(), { companySettings: ue } = Ge(Ht), { recentMessagesTranslation: le } = es(), {
+  } = ai(), { companySettings: ue } = Ge(Ht), { recentMessagesTranslation: de } = es(), {
     scrollToBottom: Le,
     showScrollButton: j,
     messagesContainerRef: De,
@@ -24929,7 +24931,7 @@ const YC = ({
         j && /* @__PURE__ */ S(
           FC,
           {
-            label: le,
+            label: de,
             onClick: () => Le({ smooth: !0, sticky: !0 })
           }
         ),
@@ -25220,8 +25222,8 @@ function XC() {
     function A(b) {
       if (process.env.NODE_ENV !== "production")
         var G = {}, ie = 0;
-      function _(ee, Q, se, oe, ue, le, Le) {
-        if (oe = oe || m, le = le || se, Le !== n) {
+      function _(ee, Q, se, oe, ue, de, Le) {
+        if (oe = oe || m, de = de || se, Le !== n) {
           if (u) {
             var j = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -25231,11 +25233,11 @@ function XC() {
             var De = oe + ":" + se;
             !G[De] && // Avoid spamming the console because they are often not actionable except for lib authors
             ie < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + le + "` prop on `" + oe + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + de + "` prop on `" + oe + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), G[De] = !0, ie++);
           }
         }
-        return Q[se] == null ? ee ? Q[se] === null ? new g("The " + ue + " `" + le + "` is marked as required " + ("in `" + oe + "`, but its value is `null`.")) : new g("The " + ue + " `" + le + "` is marked as required in " + ("`" + oe + "`, but its value is `undefined`.")) : null : b(Q, se, oe, ue, le);
+        return Q[se] == null ? ee ? Q[se] === null ? new g("The " + ue + " `" + de + "` is marked as required " + ("in `" + oe + "`, but its value is `null`.")) : new g("The " + ue + " `" + de + "` is marked as required in " + ("`" + oe + "`, but its value is `undefined`.")) : null : b(Q, se, oe, ue, de);
       }
       var Z = _.bind(null, !1);
       return Z.isRequired = _.bind(null, !0), Z;
@@ -25244,9 +25246,9 @@ function XC() {
       function G(ie, _, Z, ee, Q, se) {
         var oe = ie[_], ue = me(oe);
         if (ue !== b) {
-          var le = re(oe);
+          var de = re(oe);
           return new g(
-            "Invalid " + ee + " `" + Q + "` of type " + ("`" + le + "` supplied to `" + Z + "`, expected ") + ("`" + b + "`."),
+            "Invalid " + ee + " `" + Q + "` of type " + ("`" + de + "` supplied to `" + Z + "`, expected ") + ("`" + b + "`."),
             { expectedType: b }
           );
         }
@@ -25267,9 +25269,9 @@ function XC() {
           return new g("Invalid " + ee + " `" + Q + "` of type " + ("`" + oe + "` supplied to `" + Z + "`, expected an array."));
         }
         for (var ue = 0; ue < se.length; ue++) {
-          var le = b(se, ue, Z, ee, Q + "[" + ue + "]", n);
-          if (le instanceof Error)
-            return le;
+          var de = b(se, ue, Z, ee, Q + "[" + ue + "]", n);
+          if (de instanceof Error)
+            return de;
         }
         return null;
       }
@@ -25333,9 +25335,9 @@ function XC() {
           return new g("Invalid " + ee + " `" + Q + "` of type " + ("`" + oe + "` supplied to `" + Z + "`, expected an object."));
         for (var ue in se)
           if (r(se, ue)) {
-            var le = b(se, ue, Z, ee, Q + "." + ue, n);
-            if (le instanceof Error)
-              return le;
+            var de = b(se, ue, Z, ee, Q + "." + ue, n);
+            if (de instanceof Error)
+              return de;
           }
         return null;
       }
@@ -25352,8 +25354,8 @@ function XC() {
           ), s;
       }
       function _(Z, ee, Q, se, oe) {
-        for (var ue = [], le = 0; le < b.length; le++) {
-          var Le = b[le], j = Le(Z, ee, Q, se, oe, n);
+        for (var ue = [], de = 0; de < b.length; de++) {
+          var Le = b[de], j = Le(Z, ee, Q, se, oe, n);
           if (j == null)
             return null;
           j.data && r(j.data, "expectedType") && ue.push(j.data.expectedType);
@@ -25380,10 +25382,10 @@ function XC() {
         if (oe !== "object")
           return new g("Invalid " + ee + " `" + Q + "` of type `" + oe + "` " + ("supplied to `" + Z + "`, expected `object`."));
         for (var ue in b) {
-          var le = b[ue];
-          if (typeof le != "function")
-            return H(Z, ee, Q, ue, re(le));
-          var Le = le(se, ue, Z, ee, Q + "." + ue, n);
+          var de = b[ue];
+          if (typeof de != "function")
+            return H(Z, ee, Q, ue, re(de));
+          var Le = de(se, ue, Z, ee, Q + "." + ue, n);
           if (Le)
             return Le;
         }
@@ -25397,16 +25399,16 @@ function XC() {
         if (oe !== "object")
           return new g("Invalid " + ee + " `" + Q + "` of type `" + oe + "` " + ("supplied to `" + Z + "`, expected `object`."));
         var ue = t({}, ie[_], b);
-        for (var le in ue) {
-          var Le = b[le];
-          if (r(b, le) && typeof Le != "function")
-            return H(Z, ee, Q, le, re(Le));
+        for (var de in ue) {
+          var Le = b[de];
+          if (r(b, de) && typeof Le != "function")
+            return H(Z, ee, Q, de, re(Le));
           if (!Le)
             return new g(
-              "Invalid " + ee + " `" + Q + "` key `" + le + "` supplied to `" + Z + "`.\nBad object: " + JSON.stringify(ie[_], null, "  ") + `
+              "Invalid " + ee + " `" + Q + "` key `" + de + "` supplied to `" + Z + "`.\nBad object: " + JSON.stringify(ie[_], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
             );
-          var j = Le(se, le, Z, ee, Q + "." + le, n);
+          var j = Le(se, de, Z, ee, Q + "." + de, n);
           if (j)
             return j;
         }
@@ -26157,7 +26159,7 @@ const jd = () => {
   className: t = "",
   tone: n = "light"
 }) => {
-  const [r, i] = ae(!1), a = de(null), { openMenuTranslation: s, startNewDiscussionTranslation: o } = jd();
+  const [r, i] = ae(!1), a = le(null), { openMenuTranslation: s, startNewDiscussionTranslation: o } = jd();
   Ee(() => {
     if (!r) return;
     const c = (f) => {
@@ -26290,15 +26292,15 @@ const jd = () => {
       {
         ref: t,
         className: `
-          fixed z-[2147483647]
-          inset-0 w-screen h-[100svh] rounded-none
+          chatBox chatsystem-widget-window fixed z-[2147483647]
+          inset-0 w-screen h-[100svh] rounded-none bg-white md:rounded-xl
           md:inset-auto md:bottom-[calc(80px+1rem)] md:right-6
           md:w-[min(100vw-1rem,400px)]
           md:h-[clamp(420px,70dvh,640px)]
           flex flex-col
         `,
         children: [
-          /* @__PURE__ */ ne("div", { className: "chatBox h-full w-full rounded-none bg-white shadow-xl flex flex-col overflow-hidden md:rounded-xl", children: [
+          /* @__PURE__ */ ne("div", { className: "chatsystem-widget-surface h-full w-full min-h-0 shadow-xl flex flex-col overflow-hidden", children: [
             /* @__PURE__ */ ne(
               "div",
               {
@@ -26338,36 +26340,37 @@ const jd = () => {
     );
   }
 ), oI = ({
-  isWidgetOpen: e,
-  setIsWidgetOpen: t
+  launcherRef: e,
+  isWidgetOpen: t,
+  setIsWidgetOpen: n
 }) => {
-  const n = de(null);
+  const r = le(null);
   return Ee(() => {
-    if (!e) return;
-    const r = (i) => {
-      const a = n.current;
-      if (!a) return;
-      const s = typeof i.composedPath == "function" ? i.composedPath() : [];
-      if (s.length > 0) {
-        if (s.includes(a)) return;
+    if (!t) return;
+    const i = (a) => {
+      const s = r.current;
+      if (!s) return;
+      const o = e.current, u = typeof a.composedPath == "function" ? a.composedPath() : [];
+      if (u.length > 0) {
+        if (u.includes(s) || o && u.includes(o)) return;
       } else {
-        const o = i.target;
-        if (o && a.contains(o)) return;
+        const c = a.target;
+        if (c && (s.contains(c) || o?.contains(c))) return;
       }
-      t(!1);
+      n(!1);
     };
-    return document.addEventListener("pointerdown", r, !0), () => {
-      document.removeEventListener("pointerdown", r, !0);
+    return document.addEventListener("pointerdown", i, !0), () => {
+      document.removeEventListener("pointerdown", i, !0);
     };
-  }, [e, t]), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(
+  }, [t, n, e]), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(
     Os,
     {
-      nodeRef: n,
-      in: e,
+      nodeRef: r,
+      in: t,
       timeout: 200,
       classNames: "menuTransition",
       unmountOnExit: !0,
-      children: /* @__PURE__ */ S(sI, { ref: n, setIsWidgetOpen: t })
+      children: /* @__PURE__ */ S(sI, { ref: r, setIsWidgetOpen: n })
     }
   ) });
 }, uI = () => {
@@ -26382,12 +26385,13 @@ const jd = () => {
 };
 var Zt = /* @__PURE__ */ ((e) => (e.LAUNCHER = "launcher", e.CHATBOX = "chatbox", e))(Zt || {});
 const cI = ({ displayMode: e }) => {
-  const [t, n] = ae(!1);
+  const [t, n] = ae(!1), r = le(null);
   return /* @__PURE__ */ ne(Ct, { children: [
     e === Zt.LAUNCHER && /* @__PURE__ */ ne(Ct, { children: [
       /* @__PURE__ */ S(
         Dm,
         {
+          launcherRef: r,
           isWidgetOpen: t,
           setIsWidgetOpen: n
         }
@@ -26395,6 +26399,7 @@ const cI = ({ displayMode: e }) => {
       /* @__PURE__ */ S(
         oI,
         {
+          launcherRef: r,
           isWidgetOpen: t,
           setIsWidgetOpen: n
         }
@@ -26440,7 +26445,7 @@ const cI = ({ displayMode: e }) => {
   }
 });
 function mI(e, t = {}, n, r) {
-  const i = hr(), { id: a, nonce: s, target: o, disableConstructable: u } = t, c = o, d = de(null), f = de(null);
+  const i = hr(), { id: a, nonce: s, target: o, disableConstructable: u } = t, c = o, d = le(null), f = le(null);
   Ee(() => {
     if (!o) return;
     if (!e) {
@@ -28553,6 +28558,16 @@ video {
   word-break: break-word;
 }
 
+/* The legacy .chatBox selector owns window positioning and appearance. */
+.chatsystem-widget-window {
+  overflow: visible;
+}
+
+.chatsystem-widget-surface {
+  background: inherit;
+  border-radius: inherit;
+}
+
 /*
  * Tailwind Preflight removes native list markers. Restore editorial Markdown
  * semantics only inside the public chat surface so navigation and controls are
@@ -29027,7 +29042,7 @@ function _I({
   cssHref: e,
   displayMode: t = Zt.LAUNCHER
 }) {
-  const n = dI(t), r = n === Zt.LAUNCHER ? "body" : "inline", i = Zd().replace(/[^a-zA-Z0-9_-]/g, ""), a = de(null), [s, o] = ae(null), [u, c] = ae(null);
+  const n = dI(t), r = n === Zt.LAUNCHER ? "body" : "inline", i = Zd().replace(/[^a-zA-Z0-9_-]/g, ""), a = le(null), [s, o] = ae(null), [u, c] = ae(null);
   return Ee(() => {
     if (typeof document > "u") return;
     const d = r === "inline" ? a.current : document.body;