@opencx/widget-react 4.0.57 → 4.0.58

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as d, Fragment as J } from "react/jsx-runtime";
 import * as me from "@radix-ui/react-popover";
 import * as ee from "react";
-import L, { memo as rr, forwardRef as yt, useState as R, cloneElement as kt, createContext as or, useEffect as se, useContext as nr, useRef as B, useCallback as G, useMemo as Ct, createElement as ct } from "react";
-import { useWidget as O, useConfig as N, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ke, useWidgetTrigger as Z, useModes as zt, useCsat as Nt, useUploadFiles as sr, useIsAwaitingBotReply as St, useContact as _t, WidgetProvider as ar, WidgetTriggerProvider as ir } from "@opencx/widget-react-headless";
+import L, { memo as rr, forwardRef as yt, useState as P, cloneElement as kt, createContext as or, useEffect as se, useContext as nr, useRef as B, useCallback as G, useMemo as Ct, createElement as ct } from "react";
+import { useWidget as O, useConfig as z, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ke, useWidgetTrigger as Z, useModes as zt, useCsat as Nt, useUploadFiles as sr, useIsAwaitingBotReply as St, useContact as _t, WidgetProvider as ar, WidgetTriggerProvider as ir } from "@opencx/widget-react-headless";
 import { X as lr, ZoomOut as cr, ZoomIn as dr, RotateCcw as pr, FileText as It, FileSpreadsheet as Tt, CircleDashedIcon as mr, XIcon as Ce, SquareXIcon as hr, SquareCheckBigIcon as gr, SquareCheckIcon as ur, ShrinkIcon as wr, Minimize2Icon as fr, MinimizeIcon as xr, Maximize2Icon as vr, MaximizeIcon as br, ExpandIcon as yr, CircleXIcon as kr, CircleCheckBigIcon as Cr, CircleCheckIcon as Mt, CheckCheckIcon as zr, CheckIcon as Nr, ChevronLeftIcon as Sr, LoaderIcon as _r, ArrowUpIcon as Dt, PaperclipIcon as dt, CircleDashed as Ir, AlertCircle as Tr, Loader2 as Mr, FileAudio2Icon as Dr, FileVideo2Icon as Er, FileIcon as Rr, UserRoundIcon as Pr, ChevronRightIcon as jr, SendHorizontal as Or, ChevronDownIcon as Ar } from "lucide-react";
 import { clsx as Fr } from "clsx";
 import { twMerge as Hr } from "tailwind-merge";
-import { motion as re, AnimatePresence as M } from "framer-motion";
+import { motion as re, AnimatePresence as D } from "framer-motion";
 import { Slot as Wr } from "@radix-ui/react-slot";
 import { cva as Lr } from "class-variance-authority";
 import Et from "remark-gfm";
@@ -61,26 +61,26 @@ const Q = {
 }, Y = rr(
   yt(
     ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
-      const [i, a] = R(!1), [l, c] = R({ x: 0, y: 0 });
+      const [i, a] = P(!1), [l, c] = P({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
       const v = (x) => {
-        var E, g;
-        const { clientX: z, clientY: I } = x, y = x.currentTarget.getBoundingClientRect(), k = z - (y.left + y.width / 2), D = I - (y.top + y.height / 2), j = Math.max(
+        var R, g;
+        const { clientX: C, clientY: T } = x, y = x.currentTarget.getBoundingClientRect(), N = C - (y.left + y.width / 2), _ = T - (y.top + y.height / 2), E = Math.max(
           -1,
-          Math.min(1, k / (y.width / 2))
+          Math.min(1, N / (y.width / 2))
         ), w = Math.max(
           -1,
-          Math.min(1, D / (y.height / 2))
-        ), T = j * Q.x, P = w * Q.y;
-        c({ x: T, y: P }), (g = (E = e.props).onMouseMove) == null || g.call(E, x);
+          Math.min(1, _ / (y.height / 2))
+        ), M = E * Q.x, j = w * Q.y;
+        c({ x: M, y: j }), (g = (R = e.props).onMouseMove) == null || g.call(R, x);
       }, b = () => {
-        var x, z;
-        a(!0), (z = (x = e.props).onMouseEnter) == null || z.call(x);
+        var x, C;
+        a(!0), (C = (x = e.props).onMouseEnter) == null || C.call(x);
       }, u = () => {
-        var x, z;
-        a(!1), c({ x: 0, y: 0 }), (z = (x = e.props).onMouseLeave) == null || z.call(x);
+        var x, C;
+        a(!1), c({ x: 0, y: 0 }), (C = (x = e.props).onMouseLeave) == null || C.call(x);
       }, h = {
         "--wobble-x": i ? `${l.x}px` : "0px",
         "--wobble-y": i ? `${l.y}px` : "0px",
@@ -129,7 +129,7 @@ const qr = 10, Vr = (e, o, t) => ({
   left: Gr,
   up: Zr,
   down: Kr
-}, C = yt(
+}, k = yt(
   ({
     fadeIn: e = "down",
     distance: o = qr,
@@ -143,7 +143,7 @@ const qr = 10, Vr = (e, o, t) => ({
     return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(re.div, { ref: l, ...a, ...c, children: t });
   }
 );
-C.displayName = "MotionDiv";
+k.displayName = "MotionDiv";
 const Jr = Lr(
   m(
     "inline-flex shrink-0 items-center justify-center gap-2",
@@ -197,7 +197,7 @@ const Jr = Lr(
 S.displayName = "Button";
 const Ot = or(null);
 function eo({ children: e }) {
-  const [o, t] = R(!1), [n, s] = R(null), i = (l) => {
+  const [o, t] = P(!1), [n, s] = P(null), i = (l) => {
     s(l), t(!0);
   }, a = () => {
     t(!1), setTimeout(() => {
@@ -243,8 +243,8 @@ function to() {
         s
       );
     };
-  }, []), /* @__PURE__ */ r(M, { mode: "wait", children: o && t && /* @__PURE__ */ r(
-    C,
+  }, []), /* @__PURE__ */ r(D, { mode: "wait", children: o && t && /* @__PURE__ */ r(
+    k,
     {
       overrides: {
         initial: { y: 0 },
@@ -366,22 +366,22 @@ function $t({
   src: e,
   alt: o
 }) {
-  const [t, n] = R(1), [s, i] = R({ x: 0, y: 0 }), [a, l] = R(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), v = B(null), b = B(null), u = B(!1), h = (w) => Math.min(gt, Math.max(ht, w)), x = G(() => {
+  const [t, n] = P(1), [s, i] = P({ x: 0, y: 0 }), [a, l] = P(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), v = B(null), b = B(null), u = B(!1), h = (w) => Math.min(gt, Math.max(ht, w)), x = G(() => {
     n(1), i({ x: 0, y: 0 });
-  }, []), z = G(() => {
+  }, []), C = G(() => {
     n((w) => h(w + le));
-  }, []), I = G(() => {
+  }, []), T = G(() => {
     n((w) => {
-      const T = h(w - le);
-      return T <= 1 && i({ x: 0, y: 0 }), T;
+      const M = h(w - le);
+      return M <= 1 && i({ x: 0, y: 0 }), M;
     });
   }, []);
   G((w) => {
     w.preventDefault(), w.stopPropagation();
-    const T = w.deltaY > 0 ? -le : le;
-    n((P) => {
-      const E = h(P + T);
-      return E <= 1 && i({ x: 0, y: 0 }), E;
+    const M = w.deltaY > 0 ? -le : le;
+    n((j) => {
+      const R = h(j + M);
+      return R <= 1 && i({ x: 0, y: 0 }), R;
     });
   }, []);
   const y = G(
@@ -389,24 +389,24 @@ function $t({
       w.preventDefault(), u.current = !1, l(!0), c.current = { x: w.clientX, y: w.clientY }, p.current = { ...s }, w.target.setPointerCapture(w.pointerId);
     },
     [s]
-  ), k = G(
+  ), N = G(
     (w) => {
       if (!a) return;
-      const T = w.clientX - c.current.x, P = w.clientY - c.current.y;
-      if ((Math.abs(T) > 3 || Math.abs(P) > 3) && (u.current = !0), t <= 1) return;
-      const E = {
-        x: p.current.x + T / t,
-        y: p.current.y + P / t
+      const M = w.clientX - c.current.x, j = w.clientY - c.current.y;
+      if ((Math.abs(M) > 3 || Math.abs(j) > 3) && (u.current = !0), t <= 1) return;
+      const R = {
+        x: p.current.x + M / t,
+        y: p.current.y + j / t
       };
       i(
-        oo(E, t, v.current, b.current)
+        oo(R, t, v.current, b.current)
       );
     },
     [a, t]
-  ), D = G(() => {
+  ), _ = G(() => {
     const w = u.current;
-    l(!1), !w && n((T) => T > 1 ? (i({ x: 0, y: 0 }), 1) : ro);
-  }, []), j = t > 1;
+    l(!1), !w && n((M) => M > 1 ? (i({ x: 0, y: 0 }), 1) : ro);
+  }, []), E = t > 1;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -419,14 +419,14 @@ function $t({
             ref: v,
             className: m(
               "overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
-              j && "size-full"
+              E && "size-full"
             ),
             onPointerDown: y,
-            onPointerMove: k,
-            onPointerUp: D,
-            onPointerCancel: D,
+            onPointerMove: N,
+            onPointerUp: _,
+            onPointerCancel: _,
             style: {
-              cursor: a ? "grabbing" : j ? "grab" : "zoom-in",
+              cursor: a ? "grabbing" : E ? "grab" : "zoom-in",
               touchAction: "none"
             },
             children: /* @__PURE__ */ r(
@@ -448,13 +448,13 @@ function $t({
           }
         ),
         /* @__PURE__ */ d("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100", children: [
-          /* @__PURE__ */ r(we, { onClick: I, label: "Zoom out", disabled: t <= ht, children: /* @__PURE__ */ r(cr, { className: "size-3.5" }) }),
+          /* @__PURE__ */ r(we, { onClick: T, label: "Zoom out", disabled: t <= ht, children: /* @__PURE__ */ r(cr, { className: "size-3.5" }) }),
           /* @__PURE__ */ d("span", { className: "text-white text-xs font-medium min-w-[3ch] text-center tabular-nums", children: [
             Math.round(t * 100),
             "%"
           ] }),
-          /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= gt, children: /* @__PURE__ */ r(dr, { className: "size-3.5" }) }),
-          j && /* @__PURE__ */ d(J, { children: [
+          /* @__PURE__ */ r(we, { onClick: C, label: "Zoom in", disabled: t >= gt, children: /* @__PURE__ */ r(dr, { className: "size-3.5" }) }),
+          E && /* @__PURE__ */ d(J, { children: [
             /* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
             /* @__PURE__ */ r(we, { onClick: x, label: "Reset zoom", children: /* @__PURE__ */ r(pr, { className: "size-3.5" }) })
           ] })
@@ -610,7 +610,7 @@ function Se({
   messageType: o,
   messageId: t
 }) {
-  const { anchorTarget: n } = N();
+  const { anchorTarget: n } = z();
   return /* @__PURE__ */ r(
     Yt,
     {
@@ -652,7 +652,7 @@ function X() {
     widgetCtx: { org: e }
   } = O(), {
     sessionState: { session: o }
-  } = U(), t = N(), {
+  } = U(), t = z(), {
     messagesState: { messages: n }
   } = A(), {
     routerState: { screen: s }
@@ -778,8 +778,8 @@ function ve({
   ] });
 }
 function ao({ agent: e }) {
-  return /* @__PURE__ */ r(M, { children: /* @__PURE__ */ d(
-    C,
+  return /* @__PURE__ */ r(D, { children: /* @__PURE__ */ d(
+    k,
     {
       ...f("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
@@ -823,7 +823,7 @@ function oe({
   side: t,
   align: n
 }) {
-  const { disableTooltips: s } = N();
+  const { disableTooltips: s } = z();
   return !o || s ? e : /* @__PURE__ */ d(lo, { children: [
     /* @__PURE__ */ r(co, { asChild: !0, children: e }),
     /* @__PURE__ */ r(
@@ -855,17 +855,17 @@ const ce = {
   transitionDuration: "1000ms"
 };
 function K() {
-  var b, u, h, x, z, I, y, k, D, j, w, T, P, E, g, _, ie, Re, Pe, je, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it, lt;
-  const { dir: e } = ke(), { isSmallScreen: o } = $(), { theme: t, inline: n } = N(), s = (q) => n ? "100%" : q, i = (q, ge) => o ? `100dv${q}` : ge, a = (q, ge) => s(i(q, ge)), l = {
+  var b, u, h, x, C, T, y, N, _, E, w, M, j, R, g, I, ie, Re, Pe, je, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it, lt;
+  const { dir: e } = ke(), { isSmallScreen: o } = $(), { theme: t, inline: n } = z(), s = (q) => n ? "100%" : q, i = (q, ge) => o ? `100dv${q}` : ge, a = (q, ge) => s(i(q, ge)), l = {
     zIndex: ((b = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : b.zIndex) ?? 1e7,
     offset: {
       bottom: ((h = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : h.bottom) ?? 20,
-      right: ((z = (x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
-      left: ((y = (I = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : I.offset) == null ? void 0 : y.left) ?? (e === "rtl" ? 20 : "initial")
+      right: ((C = (x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.offset) == null ? void 0 : C.right) ?? (e === "ltr" ? 20 : "initial"),
+      left: ((y = (T = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : T.offset) == null ? void 0 : y.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
-      button: ((D = (k = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : k.size) == null ? void 0 : D.button) ?? 48,
-      icon: ((w = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : w.icon) ?? 24
+      button: ((_ = (N = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : N.size) == null ? void 0 : _.button) ?? 48,
+      icon: ((w = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : w.icon) ?? 24
     }
   }, c = (() => {
     const q = e === "ltr" ? l.offset.right : l.offset.left;
@@ -875,12 +875,12 @@ function K() {
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: l,
     widgetContentContainer: {
-      borderRadius: o ? "0px" : ((T = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : T.borderRadius) ?? "32px",
-      zIndex: ((P = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : P.zIndex) ?? l.zIndex + 1,
-      outline: ((E = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : E.outline) ?? "none",
+      borderRadius: o ? "0px" : ((M = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : M.borderRadius) ?? "32px",
+      zIndex: ((j = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : j.zIndex) ?? l.zIndex + 1,
+      outline: ((R = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : R.outline) ?? "none",
       // was: '1px solid'
       outlineColor: ((g = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : g.outlineColor) ?? "hsl(0 0% 50% / .5)",
-      boxShadow: ((_ = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
+      boxShadow: ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
       transitionProperty: ((ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ie.transitionProperty) ?? "all",
       transitionTimingFunction: ((Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.transitionTimingFunction) ?? ce.transitionTimingFunction,
       transitionDuration: ((Pe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Pe.transitionDuration) ?? ce.transitionDuration,
@@ -1053,7 +1053,7 @@ function qt(e) {
   }
 }
 function Vt() {
-  const { contentIframeRef: e } = O(), { inline: o } = N();
+  const { contentIframeRef: e } = O(), { inline: o } = z();
   return {
     setWidth: (t) => {
       var n;
@@ -1140,7 +1140,7 @@ function De() {
     widgetCtx: { org: e }
   } = O(), {
     routerState: { screen: o }
-  } = H(), { textContent: t } = N();
+  } = H(), { textContent: t } = z();
   return (() => {
     var s, i;
     switch (o) {
@@ -1170,7 +1170,7 @@ function go(e) {
   }
 }
 function uo() {
-  const { router: e } = N(), {
+  const { router: e } = z(), {
     routerState: { screen: o },
     toSessionsScreen: t
   } = H();
@@ -1206,7 +1206,7 @@ function wo({
 function be({
   button: e
 }) {
-  const [o, t] = R(!1), {
+  const [o, t] = P(!1), {
     routerState: { screen: n }
   } = H(), { isSmallScreen: s } = $(), { theme: i } = K(), { setWidth: a, setHeight: l } = Vt(), c = X();
   if (n !== "chat" && n !== "sessions") return null;
@@ -1254,13 +1254,14 @@ function be({
 function Gt({
   button: e
 }) {
-  var I, y;
-  const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = Z(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = X(), c = !i.session, p = ((I = i.session) == null ? void 0 : I.isOpened) === !1, v = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", u = e.behaviorIfSessionIsResolved || "disabled", h = !!(i.isResolvingSession || c && b === "disabled" || p && u === "disabled"), x = async () => {
-    const { success: k, error: D } = await s();
-    if (o(), !k) return console.error(D);
+  var T, y;
+  const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = Z(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = X(), c = !i.session, p = ((T = i.session) == null ? void 0 : T.isOpened) === !1, v = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", u = e.behaviorIfSessionIsResolved || "disabled", h = !!(i.isResolvingSession || c && b === "disabled" || p && u === "disabled"), x = async () => {
+    const { success: N, error: _ } = await s();
+    if (o(), !N)
+      return console.error(_), !1;
     switch (v) {
       case "stay-in-chat":
-        return;
+        break;
       case "close-widget":
         n(!1);
         break;
@@ -1274,7 +1275,8 @@ function Gt({
         F(v, Gt.name);
         break;
     }
-  }, z = () => {
+    return !0;
+  }, C = () => {
     if (c)
       switch (b) {
         case "disabled":
@@ -1285,7 +1287,7 @@ function Gt({
         default:
           F(
             b,
-            z.name
+            C.name
           );
       }
     if (p)
@@ -1306,7 +1308,7 @@ function Gt({
         default:
           F(
             u,
-            z.name
+            C.name
           );
       }
   };
@@ -1321,8 +1323,8 @@ function Gt({
           className: "rounded-full",
           disabled: h,
           onClick: () => {
-            var k;
-            return (k = e.onClicked) == null ? void 0 : k.call(e, l);
+            var N;
+            return (N = e.onClicked) == null ? void 0 : N.call(e, l);
           },
           children: /* @__PURE__ */ r(ne, { name: e.icon })
         }
@@ -1344,9 +1346,9 @@ function Gt({
             S,
             {
               variant: "destructive",
-              onClick: () => {
-                var k, D;
-                x(), (D = (k = e.confirmation) == null ? void 0 : k.onConfirmed) == null || D.call(k, l);
+              onClick: async () => {
+                var _, E;
+                await x() && ((E = (_ = e.confirmation) == null ? void 0 : _.onResolved) == null || E.call(_, l));
               },
               disabled: i.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
@@ -1362,8 +1364,8 @@ function Gt({
       size: "fit",
       className: "rounded-full",
       onClick: () => {
-        var k;
-        p || c ? z() : x(), (k = e.onClicked) == null || k.call(e, l);
+        var N;
+        p || c ? C() : x(), (N = e.onClicked) == null || N.call(e, l);
       },
       disabled: h,
       children: /* @__PURE__ */ r(ne, { name: e.icon })
@@ -1390,7 +1392,7 @@ const fo = {
 function xo() {
   const {
     routerState: { screen: e }
-  } = H(), { headerButtons: o } = N(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
+  } = H(), { headerButtons: o } = z(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
   return !t || t.length === 0 ? /* @__PURE__ */ r(ye, { button: fo }) : /* @__PURE__ */ r(J, { children: t.map((n) => /* @__PURE__ */ r(
     ye,
     {
@@ -1438,7 +1440,7 @@ function vo() {
   };
 }
 function bo() {
-  const e = X(), { activeMode: o, Component: t } = zt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = R(!1), l = async (c) => {
+  const e = X(), { activeMode: o, Component: t } = zt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = P(!1), l = async (c) => {
     try {
       a(!0), await n(c);
     } catch (p) {
@@ -1459,7 +1461,7 @@ function bo() {
   );
 }
 function V() {
-  const { dir: e } = ke(), o = N();
+  const { dir: e } = ke(), o = z();
   return Ct(() => {
     const t = Br(o.language) ? o.language : "en";
     return {
@@ -1474,7 +1476,7 @@ const W = L.forwardRef(
   (e, o) => {
     var t, n, s;
     return /* @__PURE__ */ r(
-      C,
+      k,
       {
         ...e,
         ref: o,
@@ -1523,7 +1525,7 @@ function ko() {
     isCsatSubmitted: s,
     submittedScore: i,
     submittedFeedback: a
-  } = Nt(), [l, c] = R(null), [p, v] = R(null), b = (h) => {
+  } = Nt(), [l, c] = P(null), [p, v] = P(null), b = (h) => {
     c((x) => x === h ? null : h);
   }, u = () => {
     l && t({
@@ -1532,7 +1534,7 @@ function ko() {
     });
   };
   return !n && !s ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ r(M, { mode: "wait", children: n && !l ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: o("csat_title") }) }, "csat-requested-title") : s ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: o("csat_submitted_title") }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(D, { mode: "wait", children: n && !l ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: o("csat_title") }) }, "csat-requested-title") : s ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: o("csat_submitted_title") }) }, "csat-submitted-title") : null }),
     /* @__PURE__ */ r(
       "div",
       {
@@ -1564,7 +1566,7 @@ function ko() {
         ))
       }
     ),
-    /* @__PURE__ */ r(M, { mode: "wait", children: (l || i) && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+    /* @__PURE__ */ r(D, { mode: "wait", children: (l || i) && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
       /* @__PURE__ */ r(
         "textarea",
         {
@@ -1648,14 +1650,14 @@ function Co() {
   );
 }
 function xt() {
-  const { sessionState: e } = U(), { chatFooterItems: o } = N(), t = !!e.session && !e.session.isOpened, n = !t;
-  return /* @__PURE__ */ r(M, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Se, { children: s.message }) }) }, `${s.message}-${i}`)) });
+  const { sessionState: e } = U(), { chatFooterItems: o } = z(), t = !!e.session && !e.session.isOpened, n = !t;
+  return /* @__PURE__ */ r(D, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Se, { children: s.message }) }) }, `${s.message}-${i}`)) });
 }
 function zo({
   file: { status: e, file: o, error: t },
   onCancel: n
 }) {
-  const [s, i] = R(
+  const [s, i] = P(
     null
   );
   se(() => {
@@ -1723,38 +1725,38 @@ function zo({
   );
 }
 function No() {
-  var E;
-  const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = N(), { t: i } = V(), [a, l] = R(""), {
+  var R;
+  const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = z(), { t: i } = V(), [a, l] = P(""), {
     allFiles: c,
     emptyTheFiles: p,
     handleCancelUpload: v,
     appendFiles: b,
     isUploading: u,
     successFiles: h
-  } = sr(), x = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: z } = St(), I = s !== !1 && z, y = (g) => {
+  } = sr(), x = !!((R = n.session) != null && R.isHandedOff), { isAwaitingBotReply: C } = St(), T = s !== !1 && C, y = (g) => {
     b(g);
-  }, k = !a.trim() && h.length === 0, D = async () => {
-    if (I || k) return;
+  }, N = !a.trim() && h.length === 0, _ = async () => {
+    if (T || N) return;
     u && console.info("please wait for the file(s) to upload");
     const g = a.trim();
     t({
       content: g,
       attachments: h.flatMap(
-        (_) => _.fileUrl ? [
+        (I) => I.fileUrl ? [
           {
-            url: _.fileUrl,
-            type: _.file.type,
-            name: _.file.name,
-            id: _.id,
-            size: _.file.size
+            url: I.fileUrl,
+            type: I.file.type,
+            name: I.file.name,
+            id: I.id,
+            size: I.file.size
           }
         ] : []
       )
     }), l(""), p();
   }, {
-    getRootProps: j,
+    getRootProps: E,
     getInputProps: w,
-    open: T
+    open: M
   } = Ur({
     onDrop: y,
     noClick: !0,
@@ -1775,16 +1777,16 @@ function No() {
       "application/pdf": [".pdf"],
       ...mt
     }
-  }), P = (g) => {
-    const _ = g.clipboardData;
-    _ && _.files.length > 0 && y(Array.from(_.files));
+  }), j = (g) => {
+    const I = g.clipboardData;
+    I && I.files.length > 0 && y(Array.from(I.files));
   };
   return /* @__PURE__ */ d(
     "div",
     {
       ...f("chat/input_box/root"),
       className: "p-2 relative space-y-1",
-      ...j(),
+      ...E(),
       children: [
         /* @__PURE__ */ r("input", { ...w() }),
         /* @__PURE__ */ d(
@@ -1810,7 +1812,7 @@ function No() {
                       {
                         ...f("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
-                        children: /* @__PURE__ */ r(M, { mode: "popLayout", children: c.map((g) => /* @__PURE__ */ r(C, { snapExit: !0, children: /* @__PURE__ */ r(
+                        children: /* @__PURE__ */ r(D, { mode: "popLayout", children: c.map((g) => /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
                           zo,
                           {
                             onCancel: () => v(g.id),
@@ -1823,7 +1825,7 @@ function No() {
                       "textarea",
                       {
                         ...f("chat/input_box/textarea"),
-                        onPaste: P,
+                        onPaste: j,
                         ref: o,
                         id: "chat-input",
                         value: a,
@@ -1841,7 +1843,7 @@ function No() {
                         ),
                         onChange: (g) => l(g.target.value),
                         onKeyDown: async (g) => {
-                          g.key === "Enter" && !g.shiftKey && (g.preventDefault(), D());
+                          g.key === "Enter" && !g.shiftKey && (g.preventDefault(), _());
                         },
                         placeholder: i("write_a_message_placeholder")
                       }
@@ -1859,13 +1861,13 @@ function No() {
                     children: /* @__PURE__ */ r(
                       S,
                       {
-                        onClick: T,
+                        onClick: M,
                         size: "fit",
                         variant: "ghost",
                         className: m(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ r(M, { mode: "wait", children: I ? /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(dt, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(dt, { className: "size-4" }) }, "paper-clip") })
+                        children: /* @__PURE__ */ r(D, { mode: "wait", children: T ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4" }) }, "paper-clip") })
                       }
                     )
                   }
@@ -1874,10 +1876,10 @@ function No() {
                   S,
                   {
                     size: "fit",
-                    onClick: D,
-                    disabled: I || u || k,
+                    onClick: _,
+                    disabled: T || u || N,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ r(M, { mode: "wait", children: I || u ? /* @__PURE__ */ r(C, { snapExit: !0, children: /* @__PURE__ */ r(Ir, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(C, { snapExit: !0, children: /* @__PURE__ */ r(Dt, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(D, { mode: "wait", children: T || u ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Ir, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Dt, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1889,14 +1891,14 @@ function No() {
   );
 }
 function vt() {
-  const { widgetCtx: e } = O(), { router: o } = N(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = V();
+  const { widgetCtx: e } = O(), { router: o } = z(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = V();
   return /* @__PURE__ */ r(J, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(S, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(S, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
 }
 function So() {
   const { t: e } = V(), { isCsatRequested: o, isCsatSubmitted: t } = Nt();
-  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(M, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
+  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(D, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(ko, {}),
-    /* @__PURE__ */ r(M, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(vt, {}) }, "new-conv-or-back-to-convs-button") })
+    /* @__PURE__ */ r(D, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(vt, {}) }, "new-conv-or-back-to-convs-button") })
   ] }, "csat") : /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
       /* @__PURE__ */ r(Mt, { className: "size-4 text-emerald-600" }),
@@ -1907,8 +1909,8 @@ function So() {
 }
 function _o() {
   var a;
-  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = U(), { messagesState: s } = A(), i = s.messages.length === 0;
-  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(M, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(W, { children: [
+  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = z(), { sessionState: n } = U(), { messagesState: s } = A(), i = s.messages.length === 0;
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(D, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(So, {}),
     /* @__PURE__ */ r(xt, {})
   ] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
@@ -1972,7 +1974,7 @@ function Qt({
   containerClassName: t
 }) {
   var a, l;
-  const { timestamps: n } = N();
+  const { timestamps: n } = z();
   if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
     return null;
   const s = (l = e[e.length - 1]) == null ? void 0 : l.timestamp;
@@ -2166,7 +2168,7 @@ function Oo() {
     initialQuestionsPosition: t,
     initialQuestions: n,
     bot: s
-  } = N();
+  } = z();
   return /* @__PURE__ */ r(J, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
     pe,
     {
@@ -2187,7 +2189,7 @@ function Oo() {
 function Ao() {
   const {
     messagesState: { messages: e }
-  } = A(), { chatBannerItems: o } = N();
+  } = A(), { chatBannerItems: o } = z();
   return !(o != null && o.length) || e.length > 0 && o.every((t) => !t.persistent) ? null : /* @__PURE__ */ r("div", { className: "w-full text-center text-xs", children: o.map(
     ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Se, { children: t }) }, `${t}-${s}`)
   ) });
@@ -2195,7 +2197,7 @@ function Ao() {
 function Fo() {
   const {
     messagesState: { messages: e }
-  } = A(), o = N(), {
+  } = A(), o = z(), {
     advancedInitialMessages: t = [],
     initialQuestions: n,
     initialQuestionsPosition: s
@@ -2228,7 +2230,7 @@ function Ho() {
 function Wo() {
   const {
     messagesState: { messages: e }
-  } = A(), { isAwaitingBotReply: o } = St(), { componentStore: t } = O(), { bot: n, humanAgent: s } = N(), i = Ct(
+  } = A(), { isAwaitingBotReply: o } = St(), { componentStore: t } = O(), { bot: n, humanAgent: s } = z(), i = Ct(
     () => Eo(e),
     [e]
   ), a = t.getComponent(
@@ -2253,14 +2255,14 @@ function Wo() {
         /* @__PURE__ */ r(Oo, {}),
         /* @__PURE__ */ r(Fo, {}),
         i.map((p, v) => {
-          var h, x, z, I;
+          var h, x, C, T;
           const b = (h = p == null ? void 0 : p[0]) == null ? void 0 : h.type, u = (x = p[0]) == null ? void 0 : x.id;
           if (!b || !u) return null;
           if (Ro(p))
             return /* @__PURE__ */ r(Do, { messages: p }, u);
           if (Po(p)) {
             const y = v === i.length - 1;
-            return o && y ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
+            return o && y ? null : ((C = p[0]) == null || C.agent, /* @__PURE__ */ r(
               pe,
               {
                 messages: p,
@@ -2270,7 +2272,7 @@ function Wo() {
             ));
           }
           if (jo(p)) {
-            const y = (I = p[0]) == null ? void 0 : I.agent;
+            const y = (T = p[0]) == null ? void 0 : T.agent;
             return /* @__PURE__ */ r(
               pe,
               {
@@ -2326,15 +2328,15 @@ function Lo() {
       },
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
         /* @__PURE__ */ r(Zt, {}),
-        /* @__PURE__ */ r(M, { mode: "wait", children: e ? /* @__PURE__ */ r(
-          C,
+        /* @__PURE__ */ r(D, { mode: "wait", children: e ? /* @__PURE__ */ r(
+          k,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
             children: /* @__PURE__ */ r(Kt, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
-          C,
+          k,
           {
             className: "flex items-start h-full flex-1 overflow-auto",
             snapExit: !0,
@@ -2413,7 +2415,7 @@ function Bo({ className: e }) {
   );
 }
 function Jt({ className: e }) {
-  const { token: o } = N();
+  const { token: o } = z();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2452,7 +2454,7 @@ function bt({
   session: e,
   className: o
 }) {
-  const { bot: t, humanAgent: n } = N(), { toChatScreen: s } = H(), i = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
+  const { bot: t, humanAgent: n } = z(), { toChatScreen: s } = H(), i = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ d(
     S,
     {
@@ -2465,13 +2467,13 @@ function bt({
       onClick: () => s(e.id),
       children: [
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ r(M, { mode: "wait", children: /* @__PURE__ */ r(C, { snapExit: !0, children: /* @__PURE__ */ d(_e, { className: "size-10", children: [
+          /* @__PURE__ */ r(D, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(_e, { className: "size-10", children: [
             /* @__PURE__ */ r(Ie, { src: a, alt: "Agent Icon" }),
             /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(Pr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(M, { mode: "wait", children: /* @__PURE__ */ r(C, { snapExit: !0, children: i }, i) }),
-            /* @__PURE__ */ r(M, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(C, { snapExit: !0, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(D, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: i }, i) }),
+            /* @__PURE__ */ r(D, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
               Yt,
               {
                 remarkPlugins: [Et],
@@ -2479,7 +2481,7 @@ function bt({
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(C, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r($o, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r($o, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
         /* @__PURE__ */ r(jr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
@@ -2494,21 +2496,21 @@ function Uo() {
     closedSessions: i,
     canCreateNewSession: a
   } = U();
-  return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(M, { mode: "wait", children: n ? /* @__PURE__ */ r(
-    C,
+  return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(D, { mode: "wait", children: n ? /* @__PURE__ */ r(
+    k,
     {
       className: "flex-1 flex items-center justify-center",
       children: /* @__PURE__ */ r(Kt, {})
     },
     "loading"
   ) : /* @__PURE__ */ r(
-    C,
+    k,
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: t.length ? /* @__PURE__ */ d(J, { children: [
-        /* @__PURE__ */ d(M, { children: [
+        /* @__PURE__ */ d(D, { children: [
           s.length > 0 && /* @__PURE__ */ r(
-            C,
+            k,
             {
               fadeIn: "up",
               delay: 0.2,
@@ -2519,7 +2521,7 @@ function Uo() {
             "open-sessions"
           ),
           i.length > 0 && /* @__PURE__ */ d(
-            C,
+            k,
             {
               className: "space-y-2",
               delay: 0.2,
@@ -2619,7 +2621,7 @@ const de = ee.forwardRef(
 );
 de.displayName = "Input";
 function qo() {
-  const { contentIframeRef: e } = O(), { inline: o } = N(), t = B(null);
+  const { contentIframeRef: e } = O(), { inline: o } = z(), t = B(null);
   return se(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
@@ -2645,24 +2647,24 @@ const Vo = ue.object({
   email: ue.string().email()
 });
 function Go() {
-  var y, k, D, j, w, T, P, E;
+  var y, N, _, E, w, M, j, R;
   const {
     widgetCtx: { org: e }
-  } = O(), { setIsOpen: o } = Z(), { createUnverifiedContact: t } = _t(), { isSmallScreen: n } = $(), s = N(), { theme: i } = K(), { t: a } = V(), { observedElementRef: l } = qo();
+  } = O(), { setIsOpen: o } = Z(), { createUnverifiedContact: t } = _t(), { isSmallScreen: n } = $(), s = z(), { theme: i } = K(), { t: a } = V(), { observedElementRef: l } = qo();
   Me({
     height: void 0,
     width: i.screens.welcome.width
   });
-  const [c, p] = R(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [v, b] = R(((k = s.prefillUserData) == null ? void 0 : k.email) || ""), u = (s.extraDataCollectionFields || []).filter(
+  const [c, p] = P(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [v, b] = P(((N = s.prefillUserData) == null ? void 0 : N.email) || ""), u = (s.extraDataCollectionFields || []).filter(
     (g) => g !== "name" && g !== "email" && !!g
-  ), [h, x] = R({}), [z, I] = Xr(
+  ), [h, x] = P({}), [C, T] = Xr(
     async (g) => {
       g.preventDefault();
-      const _ = Vo.safeParse({ name: c, email: v });
-      _.success && await t(
+      const I = Vo.safeParse({ name: c, email: v });
+      I.success && await t(
         {
-          email: _.data.email,
-          non_verified_name: _.data.name
+          email: I.data.email,
+          non_verified_name: I.data.name
         },
         // Only pass extra data if there is any
         Object.values(h).filter(Boolean).length ? h : void 0
@@ -2703,18 +2705,18 @@ function Go() {
                   "text-primary-foreground"
                 ),
                 children: [
-                  n && /* @__PURE__ */ r(C, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(S, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(Ce, { className: "size-4" }) }) }),
-                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (D = s.assets) != null && D.organizationLogo ? /* @__PURE__ */ r(
+                  n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(S, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(Ce, { className: "size-4" }) }) }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (_ = s.assets) != null && _.organizationLogo ? /* @__PURE__ */ r(
                     "img",
                     {
-                      src: (j = s.assets) == null ? void 0 : j.organizationLogo,
+                      src: (E = s.assets) == null ? void 0 : E.organizationLogo,
                       alt: "Company Logo",
                       className: "h-8 w-auto object-contain"
                     }
                   ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
                   /* @__PURE__ */ d("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((T = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : T.title) || a("welcome_screen_title") }),
-                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((E = (P = s.textContent) == null ? void 0 : P.welcomeScreen) == null ? void 0 : E.description) || a("welcome_screen_description") })
+                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((M = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : M.title) || a("welcome_screen_title") }),
+                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((R = (j = s.textContent) == null ? void 0 : j.welcomeScreen) == null ? void 0 : R.description) || a("welcome_screen_description") })
                   ] })
                 ]
               }
@@ -2729,7 +2731,7 @@ function Go() {
                   "rounded-3xl"
                 ),
                 children: [
-                  /* @__PURE__ */ d("form", { onSubmit: I, className: "space-y-2", children: [
+                  /* @__PURE__ */ d("form", { onSubmit: T, className: "space-y-2", children: [
                     /* @__PURE__ */ r(
                       de,
                       {
@@ -2755,9 +2757,9 @@ function Go() {
                       de,
                       {
                         value: h[g],
-                        onChange: (_) => x((ie) => ({
+                        onChange: (I) => x((ie) => ({
                           ...ie,
-                          [g]: _.target.value
+                          [g]: I.target.value
                         })),
                         placeholder: `${g} (${a("optional")})`
                       },
@@ -2766,11 +2768,11 @@ function Go() {
                     /* @__PURE__ */ d(
                       S,
                       {
-                        disabled: z.loading,
+                        disabled: C.loading,
                         className: "w-full",
                         size: "lg",
                         children: [
-                          z.loading ? a("start_chat_button_loading") : a("start_chat_button"),
+                          C.loading ? a("start_chat_button_loading") : a("start_chat_button"),
                           /* @__PURE__ */ r(Or, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
@@ -2790,11 +2792,11 @@ function er() {
   const {
     routerState: { screen: e }
   } = H();
-  return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(M, { mode: "wait", children: (() => {
+  return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(D, { mode: "wait", children: (() => {
     switch (e) {
       case "welcome":
         return /* @__PURE__ */ r(
-          C,
+          k,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2805,7 +2807,7 @@ function er() {
         );
       case "sessions":
         return /* @__PURE__ */ r(
-          C,
+          k,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2816,7 +2818,7 @@ function er() {
         );
       case "chat":
         return /* @__PURE__ */ r(
-          C,
+          k,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2830,7 +2832,7 @@ function er() {
     }
   })() }) });
 }
-const Zo = "4.0.57", Ko = `<!DOCTYPE html>
+const Zo = "4.0.58", Ko = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2849,7 +2851,7 @@ html, body {
 </body>
 </html>`;
 function tr() {
-  const { isOpen: e } = Z(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: i, computed: a } = K(), { dir: l } = V();
+  const { isOpen: e } = Z(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = z(), { theme: s, cssVars: i, computed: a } = K(), { dir: l } = V();
   return /* @__PURE__ */ r(
     re.div,
     {
@@ -3007,7 +3009,7 @@ html, body {
 </html>`;
 function tn() {
   var p, v, b;
-  const { isOpen: e, setIsOpen: o } = Z(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = N(), { theme: a, cssVars: l } = K(), c = ((p = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : p.label) ?? "Chat with us";
+  const { isOpen: e, setIsOpen: o } = Z(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = z(), { theme: a, cssVars: l } = K(), c = ((p = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : p.label) ?? "Chat with us";
   return s != null && s.widgetTrigger ? s.widgetTrigger({
     react: L,
     isOpen: e,
@@ -3069,8 +3071,8 @@ function tn() {
                       "bg-primary",
                       "text-primary-foreground"
                     ),
-                    children: /* @__PURE__ */ r(M, { mode: "wait", children: e ? /* @__PURE__ */ r(
-                      C,
+                    children: /* @__PURE__ */ r(D, { mode: "wait", children: e ? /* @__PURE__ */ r(
+                      k,
                       {
                         snapExit: !0,
                         fadeIn: "up",
@@ -3100,7 +3102,7 @@ function tn() {
                       },
                       "x-icon"
                     ) : /* @__PURE__ */ r(
-                      C,
+                      k,
                       {
                         snapExit: !0,
                         overrides: {