@opencx/widget-react 4.0.49 → 4.0.50

package/dist/index.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as d, Fragment as Q } from "react/jsx-runtime";
-import * as me from "@radix-ui/react-popover";
+import * as he from "@radix-ui/react-popover";
 import * as J from "react";
-import W, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as $, useCallback as q, useMemo as bt, createElement as lt } from "react";
-import { useWidget as E, useConfig as N, useSessions as Y, useMessages as O, useWidgetRouter as F, useDocumentDir as ye, useWidgetTrigger as V, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
-import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as mr, MinimizeIcon as hr, Maximize2Icon as ur, MaximizeIcon as gr, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
+import L, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as B, useCallback as q, useMemo as bt, createElement as lt } from "react";
+import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ye, useWidgetTrigger as V, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
+import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as hr, MinimizeIcon as mr, Maximize2Icon as ur, MaximizeIcon as gr, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
 import { clsx as jr } from "clsx";
 import { twMerge as Pr } from "tailwind-merge";
 import { motion as re, AnimatePresence as T } from "framer-motion";
@@ -12,7 +12,7 @@ import { cva as Or } from "class-variance-authority";
 import It from "remark-gfm";
 import Ar from "react-markdown";
 import Tt from "rehype-raw";
-import { isExhaustive as A, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
+import { isExhaustive as F, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
 import * as ee from "@radix-ui/react-avatar";
 import Mt from "@uiw/react-iframe";
 import * as ae from "@radix-ui/react-tooltip";
@@ -20,53 +20,53 @@ import dt from "tinycolor2";
 import { useDropzone as Wr } from "react-dropzone";
 import Lr from "react-use/lib/useAsyncFn";
 import { z as ge } from "zod";
-function g(e) {
+function w(e) {
   return { "data-component": e };
 }
-function m(...e) {
+function h(...e) {
   return Pr(jr(e));
 }
 const K = {
   x: 2,
   y: 2
-}, B = Kt(
+}, Y = Kt(
   xt(
     ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
       const [a, i] = D(!1), [l, c] = D({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
-      const b = (f) => {
-        var y, I;
-        const { clientX: C, clientY: M } = f, v = f.currentTarget.getBoundingClientRect(), R = C - (v.left + v.width / 2), P = M - (v.top + v.height / 2), j = Math.max(
+      const x = (v) => {
+        var M, u;
+        const { clientX: z, clientY: _ } = v, f = v.currentTarget.getBoundingClientRect(), R = z - (f.left + f.width / 2), P = _ - (f.top + f.height / 2), E = Math.max(
           -1,
-          Math.min(1, R / (v.width / 2))
-        ), u = Math.max(
+          Math.min(1, R / (f.width / 2))
+        ), g = Math.max(
           -1,
-          Math.min(1, P / (v.height / 2))
-        ), _ = j * K.x, w = u * K.y;
-        c({ x: _, y: w }), (I = (y = e.props).onMouseMove) == null || I.call(y, f);
-      }, x = () => {
-        var f, C;
-        i(!0), (C = (f = e.props).onMouseEnter) == null || C.call(f);
-      }, h = () => {
-        var f, C;
-        i(!1), c({ x: 0, y: 0 }), (C = (f = e.props).onMouseLeave) == null || C.call(f);
-      }, z = {
+          Math.min(1, P / (f.height / 2))
+        ), I = E * K.x, j = g * K.y;
+        c({ x: I, y: j }), (u = (M = e.props).onMouseMove) == null || u.call(M, v);
+      }, y = () => {
+        var v, z;
+        i(!0), (z = (v = e.props).onMouseEnter) == null || z.call(v);
+      }, m = () => {
+        var v, z;
+        i(!1), c({ x: 0, y: 0 }), (z = (v = e.props).onMouseLeave) == null || z.call(v);
+      }, k = {
         "--wobble-x": a ? `${l.x}px` : "0px",
         "--wobble-y": a ? `${l.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
       return vt(e, {
         ref: s,
-        onMouseMove: b,
-        onMouseEnter: x,
-        onMouseLeave: h,
+        onMouseMove: x,
+        onMouseEnter: y,
+        onMouseLeave: m,
         style: {
-          ...z,
+          ...k,
           ...e.props.style
         },
-        className: m(
+        className: h(
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
@@ -78,7 +78,7 @@ const K = {
     }
   )
 );
-B.displayName = "Wobble";
+Y.displayName = "Wobble";
 const $r = 10, Br = (e, o, t) => ({
   initial: { opacity: 0, x: -e, ...o.initial },
   animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
@@ -100,7 +100,7 @@ const $r = 10, Br = (e, o, t) => ({
   left: Yr,
   up: Ur,
   down: Xr
-}, k = xt(
+}, b = xt(
   ({
     fadeIn: e = "down",
     distance: o = $r,
@@ -114,9 +114,9 @@ const $r = 10, Br = (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, ...i, ...c, children: t });
   }
 );
-k.displayName = "MotionDiv";
+b.displayName = "MotionDiv";
 const Vr = Or(
-  m(
+  h(
     "inline-flex shrink-0 items-center justify-center gap-2",
     "text-sm font-medium whitespace-nowrap",
     "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
@@ -154,18 +154,18 @@ const Vr = Or(
       size: "default"
     }
   }
-), S = J.forwardRef(
-  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(B, { ref: a, children: /* @__PURE__ */ r(
+), N = J.forwardRef(
+  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(Y, { ref: a, children: /* @__PURE__ */ r(
     n ? Er : "button",
     {
-      ...g("ui_lib/btn"),
+      ...w("ui_lib/btn"),
       "data-variant": o,
-      className: m(Vr({ variant: o, size: t, className: e })),
+      className: h(Vr({ variant: o, size: t, className: e })),
       ...s
     }
   ) })
 );
-S.displayName = "Button";
+N.displayName = "Button";
 const Dt = Qt(null);
 function Gr({ children: e }) {
   const [o, t] = D(!1), [n, s] = D(null), a = (l) => {
@@ -186,7 +186,7 @@ function Gr({ children: e }) {
     }
   );
 }
-function he() {
+function me() {
   const e = Jt(Dt);
   return e || (console.error("useDialoger must be used within a DialogerProvider"), {
     open: () => {
@@ -198,7 +198,7 @@ function he() {
   });
 }
 function Zr() {
-  const { contentIframeRef: e } = E(), { isOpen: o, content: t, close: n } = he();
+  const { contentIframeRef: e } = O(), { isOpen: o, content: t, close: n } = me();
   return se(() => {
     var a, i;
     const s = (l) => {
@@ -215,7 +215,7 @@ function Zr() {
       );
     };
   }, []), /* @__PURE__ */ r(T, { mode: "wait", children: o && t && /* @__PURE__ */ r(
-    k,
+    b,
     {
       overrides: {
         initial: { y: 0 },
@@ -234,11 +234,11 @@ function Ce({
   className: o,
   withClose: t = !1
 }) {
-  const { close: n } = he();
+  const { close: n } = me();
   return /* @__PURE__ */ d(
     "div",
     {
-      className: m(
+      className: h(
         "fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",
         o
       ),
@@ -246,7 +246,7 @@ function Ce({
       children: [
         e,
         t && /* @__PURE__ */ d(
-          S,
+          N,
           {
             size: "fit",
             className: "rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",
@@ -267,7 +267,7 @@ const Rt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: m("flex flex-col gap-2 text-center pt-2", e),
+    className: h("flex flex-col gap-2 text-center pt-2", e),
     ...o
   }
 );
@@ -278,7 +278,7 @@ const jt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: m("flex flex-col gap-2 text-center", e),
+    className: h("flex flex-col gap-2 text-center", e),
     ...o
   }
 );
@@ -286,13 +286,13 @@ jt.displayName = "DialogerBody";
 const Pt = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r("div", { className: m("flex flex-col gap-2", e), ...o });
+}) => /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2", e), ...o });
 Pt.displayName = "DialogerFooter";
-const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const Et = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: m(
+    className: h(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -300,11 +300,11 @@ const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   }
 ));
 Et.displayName = "DialogerTitle";
-const Ot = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const Ot = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: m("text-sm text-muted-foreground", e),
+    className: h("text-sm text-muted-foreground", e),
     ...o
   }
 ));
@@ -313,12 +313,12 @@ function ze({
   children: e,
   trigger: o
 }) {
-  const { open: t } = he();
+  const { open: t } = me();
   return vt(o, {
     onClick: () => t(e)
   });
 }
-const pt = 1, mt = 5, le = 0.5, Kr = 2.5;
+const pt = 1, ht = 5, le = 0.5, Kr = 2.5;
 function Qr(e, o, t, n) {
   if (!t || !n || o <= 1) return { x: 0, y: 0 };
   const s = t.getBoundingClientRect(), a = n.offsetWidth, i = n.offsetHeight, l = Math.max(0, (a * o - s.width) / (2 * o)), c = Math.max(
@@ -334,73 +334,73 @@ function At({
   src: e,
   alt: o
 }) {
-  const [t, n] = D(1), [s, a] = D({ x: 0, y: 0 }), [i, l] = D(!1), c = $({ x: 0, y: 0 }), p = $({ x: 0, y: 0 }), b = $(null), x = $(null), h = $(!1), z = (u) => Math.min(mt, Math.max(pt, u)), f = q(() => {
+  const [t, n] = D(1), [s, a] = D({ x: 0, y: 0 }), [i, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), x = B(null), y = B(null), m = B(!1), k = (g) => Math.min(ht, Math.max(pt, g)), v = q(() => {
     n(1), a({ x: 0, y: 0 });
-  }, []), C = q(() => {
-    n((u) => z(u + le));
-  }, []), M = q(() => {
-    n((u) => {
-      const _ = z(u - le);
-      return _ <= 1 && a({ x: 0, y: 0 }), _;
+  }, []), z = q(() => {
+    n((g) => k(g + le));
+  }, []), _ = q(() => {
+    n((g) => {
+      const I = k(g - le);
+      return I <= 1 && a({ x: 0, y: 0 }), I;
     });
   }, []);
-  q((u) => {
-    u.preventDefault(), u.stopPropagation();
-    const _ = u.deltaY > 0 ? -le : le;
-    n((w) => {
-      const y = z(w + _);
-      return y <= 1 && a({ x: 0, y: 0 }), y;
+  q((g) => {
+    g.preventDefault(), g.stopPropagation();
+    const I = g.deltaY > 0 ? -le : le;
+    n((j) => {
+      const M = k(j + I);
+      return M <= 1 && a({ x: 0, y: 0 }), M;
     });
   }, []);
-  const v = q(
-    (u) => {
-      u.preventDefault(), h.current = !1, l(!0), c.current = { x: u.clientX, y: u.clientY }, p.current = { ...s }, u.target.setPointerCapture(u.pointerId);
+  const f = q(
+    (g) => {
+      g.preventDefault(), m.current = !1, l(!0), c.current = { x: g.clientX, y: g.clientY }, p.current = { ...s }, g.target.setPointerCapture(g.pointerId);
     },
     [s]
   ), R = q(
-    (u) => {
+    (g) => {
       if (!i) return;
-      const _ = u.clientX - c.current.x, w = u.clientY - c.current.y;
-      if ((Math.abs(_) > 3 || Math.abs(w) > 3) && (h.current = !0), t <= 1) return;
-      const y = {
-        x: p.current.x + _ / t,
-        y: p.current.y + w / t
+      const I = g.clientX - c.current.x, j = g.clientY - c.current.y;
+      if ((Math.abs(I) > 3 || Math.abs(j) > 3) && (m.current = !0), t <= 1) return;
+      const M = {
+        x: p.current.x + I / t,
+        y: p.current.y + j / t
       };
       a(
-        Qr(y, t, b.current, x.current)
+        Qr(M, t, x.current, y.current)
       );
     },
     [i, t]
   ), P = q(() => {
-    const u = h.current;
-    l(!1), !u && n((_) => _ > 1 ? (a({ x: 0, y: 0 }), 1) : Kr);
-  }, []), j = t > 1;
+    const g = m.current;
+    l(!1), !g && n((I) => I > 1 ? (a({ x: 0, y: 0 }), 1) : Kr);
+  }, []), E = t > 1;
   return /* @__PURE__ */ d(
     "div",
     {
       className: "relative size-full flex items-center justify-center select-none",
-      onClick: (u) => u.stopPropagation(),
+      onClick: (g) => g.stopPropagation(),
       children: [
         /* @__PURE__ */ r(
           "div",
           {
-            ref: b,
-            className: m(
+            ref: x,
+            className: h(
               "overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
-              j && "size-full"
+              E && "size-full"
             ),
-            onPointerDown: v,
+            onPointerDown: f,
             onPointerMove: R,
             onPointerUp: P,
             onPointerCancel: P,
             style: {
-              cursor: i ? "grabbing" : j ? "grab" : "zoom-in",
+              cursor: i ? "grabbing" : E ? "grab" : "zoom-in",
               touchAction: "none"
             },
             children: /* @__PURE__ */ r(
               "img",
               {
-                ref: x,
+                ref: y,
                 src: e,
                 alt: o,
                 className: "block max-w-full object-contain pointer-events-none",
@@ -416,15 +416,15 @@ function At({
           }
         ),
         /* @__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: M, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { className: "size-3.5" }) }),
+          /* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { 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: C, label: "Zoom in", disabled: t >= mt, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
-          j && /* @__PURE__ */ d(Q, { children: [
+          /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= ht, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
+          E && /* @__PURE__ */ d(Q, { children: [
             /* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
-            /* @__PURE__ */ r(we, { onClick: f, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
+            /* @__PURE__ */ r(we, { onClick: v, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
           ] })
         ] })
       ]
@@ -450,16 +450,16 @@ function we({
 }
 function Ft({ attachment: e }) {
   const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
-  return l ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
+  return l ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the audio tag."
-  ] }) }) }) : i ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
+  ] }) }) }) : i ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the video tag."
   ] }) }) }) : a ? /* @__PURE__ */ r(
     ze,
     {
-      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
+      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
       children: /* @__PURE__ */ r(
         Ce,
         {
@@ -469,13 +469,13 @@ function Ft({ attachment: e }) {
         }
       )
     }
-  ) : c ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+  ) : c ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
     "a",
     {
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: m(
+      className: h(
         "block size-fit max-w-[min(100%,16rem)] shrink-0 rounded-2xl border",
         "bg-background/80 transition-colors hover:bg-accent/60",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
@@ -484,7 +484,7 @@ function Ft({ attachment: e }) {
         /* @__PURE__ */ r(
           "div",
           {
-            className: m(
+            className: h(
               "flex size-10 shrink-0 items-center justify-center rounded-xl",
               "bg-secondary text-muted-foreground"
             ),
@@ -496,7 +496,7 @@ function Ft({ attachment: e }) {
           /* @__PURE__ */ r(
             "span",
             {
-              className: m(
+              className: h(
                 "text-xs font-medium text-foreground line-clamp-1",
                 "break-words [word-break:break-word]"
                 // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
@@ -511,14 +511,14 @@ function Ft({ attachment: e }) {
         ] })
       ] })
     }
-  ) }) : /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
+  ) }) : /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
     /* @__PURE__ */ r(
       "a",
       {
         href: s,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: m(
+        className: h(
           "text-xs text-blue-500 line-clamp-2 underline hover:text-blue-600",
           "break-words [word-break:break-word]"
           // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
@@ -532,7 +532,7 @@ function Ft({ attachment: e }) {
     ] })
   ] }) }) });
 }
-const Ht = W.memo(
+const Ht = L.memo(
   Ar,
   (e, o) => e.children === o.children && e.className === o.className
 );
@@ -541,7 +541,7 @@ function Ne({
   messageType: o,
   messageId: t
 }) {
-  const { anchorTarget: n } = N();
+  const { anchorTarget: n } = C();
   return /* @__PURE__ */ r(
     Ht,
     {
@@ -581,15 +581,15 @@ function Ne({
 function te() {
   const {
     widgetCtx: { org: e }
-  } = E(), {
+  } = O(), {
     sessionState: { session: o }
-  } = Y(), t = N(), {
+  } = U(), t = C(), {
     messagesState: { messages: n }
-  } = O(), {
+  } = A(), {
     routerState: { screen: s }
-  } = F();
+  } = H();
   return {
-    react: W,
+    react: L,
     org: e,
     session: o,
     config: t,
@@ -617,27 +617,27 @@ function fe(e) {
     classNames: p
   } = e;
   if (n !== "AI" && n !== "AGENT") return null;
-  const { message: b, variant: x = "default" } = o;
+  const { message: x, variant: y = "default" } = o;
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
-      className: m(
+      ...w((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
+      className: h(
         "w-5/6 flex flex-col items-start gap-1",
         p == null ? void 0 : p.messageContainer
       ),
       children: [
-        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((h) => /* @__PURE__ */ r(Ft, { attachment: h }, h.id)) }),
-        b.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
+        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ r(Ft, { attachment: m }, m.id)) }),
+        x.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
           /* @__PURE__ */ r(
             "div",
             {
-              ...g((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
+              ...w((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
               "data-first": a,
               "data-last": i,
               "data-alone": l,
-              "data-variant": x,
-              className: m(
+              "data-variant": y,
+              className: h(
                 "transition-all",
                 "w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground",
                 "leading-snug text-sm prose prose-sm prose-a:decoration-primary prose-a:underline",
@@ -645,14 +645,14 @@ function fe(e) {
                 // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
                 // No need to add "whitespace-pre-wrap" in the agent or bot message because it is markup and content appear on separate lines as expected
                 // Adding "whitespace-pre-wrap" will result in unnecessarily huge line breaks
-                x === "error" && "bg-destructive/15 text-destructive",
+                y === "error" && "bg-destructive/15 text-destructive",
                 // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
                 a && !l && "rounded-bl-md",
                 i && !l && "rounded-tl-md",
                 !a && !i && !l && "rounded-l-md",
                 p == null ? void 0 : p.message
               ),
-              children: /* @__PURE__ */ r(Ne, { messageType: n, messageId: t, children: b })
+              children: /* @__PURE__ */ r(Ne, { messageType: n, messageId: t, children: x })
             }
           ),
           /* @__PURE__ */ r(Jr, { currentMessage: e })
@@ -668,7 +668,7 @@ const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Root,
   {
     ref: t,
-    className: m(
+    className: h(
       "relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",
       // 'border',
       e
@@ -681,7 +681,7 @@ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Image,
   {
     ref: t,
-    className: m("aspect-square h-full w-full", e),
+    className: h("aspect-square h-full w-full", e),
     ...o
   }
 ));
@@ -690,7 +690,7 @@ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Fallback,
   {
     ref: t,
-    className: m(
+    className: h(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
@@ -710,17 +710,17 @@ function xe({
 }
 function to({ agent: e }) {
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(
-    k,
+    b,
     {
-      ...g("chat/bot_loading/root"),
+      ...w("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
       children: [
         /* @__PURE__ */ r(xe, { agent: e }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...g("chat/bot_loading/bouncing_dots_container"),
-            className: m(
+            ...w("chat/bot_loading/bouncing_dots_container"),
+            className: h(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
@@ -740,7 +740,7 @@ const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;-
   {
     ref: n,
     sideOffset: o,
-    className: m(
+    className: h(
       "z-50 overflow-hidden max-w-xs rounded-xl bg-primary border text-primary-foreground p-2 text-center align-middle text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -754,7 +754,7 @@ function oe({
   side: t,
   align: n
 }) {
-  const { disableTooltips: s } = N();
+  const { disableTooltips: s } = C();
   return !o || s ? e : /* @__PURE__ */ d(oo, { children: [
     /* @__PURE__ */ r(no, { asChild: !0, children: e }),
     /* @__PURE__ */ r(
@@ -769,12 +769,12 @@ function oe({
     )
   ] });
 }
-const ht = 450;
-function L() {
-  const [e, o] = W.useState(() => (window.top || window).innerWidth < ht);
-  return W.useEffect(() => {
+const mt = 450;
+function $() {
+  const [e, o] = L.useState(() => (window.top || window).innerWidth < mt);
+  return L.useEffect(() => {
     const t = window.top || window, n = () => {
-      o(t.innerWidth < ht);
+      o(t.innerWidth < mt);
     };
     return n(), t.addEventListener("resize", n), () => {
       t.removeEventListener("resize", n);
@@ -786,17 +786,17 @@ const ce = {
   transitionDuration: "1000ms"
 };
 function G() {
-  var x, h, z, f, C, M, v, R, P, j, u, _, w, y, I, U, ie, Re, je, Pe, Ee, 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;
-  const { dir: e } = ye(), { isSmallScreen: o } = L(), { theme: t, inline: n } = N(), s = (X) => n ? "100%" : X, a = (X, ue) => o ? `100dv${X}` : ue, i = (X, ue) => s(a(X, ue)), l = {
-    zIndex: ((x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.zIndex) ?? 1e7,
+  var y, m, k, v, z, _, f, R, P, E, g, I, j, M, u, S, ie, Re, je, Pe, Ee, 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;
+  const { dir: e } = ye(), { isSmallScreen: o } = $(), { theme: t, inline: n } = C(), s = (X) => n ? "100%" : X, a = (X, ue) => o ? `100dv${X}` : ue, i = (X, ue) => s(a(X, ue)), l = {
+    zIndex: ((y = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : y.zIndex) ?? 1e7,
     offset: {
-      bottom: ((z = (h = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : h.offset) == null ? void 0 : z.bottom) ?? 20,
-      right: ((C = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : C.right) ?? (e === "ltr" ? 20 : "initial"),
-      left: ((v = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.offset) == null ? void 0 : v.left) ?? (e === "rtl" ? 20 : "initial")
+      bottom: ((k = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : k.bottom) ?? 20,
+      right: ((z = (v = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : v.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
+      left: ((f = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : f.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
       button: ((P = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : P.button) ?? 48,
-      icon: ((u = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : u.icon) ?? 24
+      icon: ((g = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : g.icon) ?? 24
     }
   }, c = (() => {
     const X = e === "ltr" ? l.offset.right : l.offset.left;
@@ -806,12 +806,12 @@ function G() {
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: l,
     widgetContentContainer: {
-      borderRadius: o ? "0px" : ((_ = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _.borderRadius) ?? "32px",
-      zIndex: ((w = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : w.zIndex) ?? l.zIndex + 1,
-      outline: ((y = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : y.outline) ?? "none",
+      borderRadius: o ? "0px" : ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.borderRadius) ?? "32px",
+      zIndex: ((j = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : j.zIndex) ?? l.zIndex + 1,
+      outline: ((M = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : M.outline) ?? "none",
       // was: '1px solid'
-      outlineColor: ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.outlineColor) ?? "hsl(0 0% 50% / .5)",
-      boxShadow: ((U = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : U.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
+      outlineColor: ((u = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : u.outlineColor) ?? "hsl(0 0% 50% / .5)",
+      boxShadow: ((S = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : S.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: ((je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.transitionDuration) ?? ce.transitionDuration,
@@ -850,7 +850,7 @@ function G() {
         }
       }
     }
-  }, b = {
+  }, x = {
     // Subtract the offset.bottom twice so that it adds a bit of padding to the top
     // Subtract the distance between the trigger and the widget content container
     // Subtract the invisible padding of the trigger (for the wobble effect)
@@ -890,7 +890,7 @@ function G() {
   };
   return {
     theme: p,
-    computed: b,
+    computed: x,
     cssVars: so({
       palette: p.palette,
       primary: p.primaryColor
@@ -980,11 +980,11 @@ function $t(e) {
     case "slate":
       return s;
     default:
-      return A(e, $t.name), o;
+      return F(e, $t.name), o;
   }
 }
 function Bt() {
-  const { contentIframeRef: e } = E(), { inline: o } = N();
+  const { contentIframeRef: e } = O(), { inline: o } = C();
   return {
     setWidth: (t) => {
       var n;
@@ -1006,7 +1006,7 @@ function Te({
   width: e,
   height: o
 }) {
-  const { isSmallScreen: t } = L(), { setWidth: n, setHeight: s } = Bt();
+  const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } = Bt();
   se(() => {
     e && n(e), o && s(o);
   }, [t, o, e, n, s]);
@@ -1035,9 +1035,9 @@ function ne({
       case "Maximize2":
         return ur;
       case "Minimize":
-        return hr;
-      case "Minimize2":
         return mr;
+      case "Minimize2":
+        return hr;
       case "Shrink":
         return pr;
       case "SquareCheck":
@@ -1051,10 +1051,10 @@ function ne({
       case void 0:
         return ut;
       default:
-        return A(e, ne.name), ut;
+        return F(e, ne.name), ut;
     }
   })();
-  return /* @__PURE__ */ r(t, { className: m("size-4", o) });
+  return /* @__PURE__ */ r(t, { className: h("size-4", o) });
 }
 function ao() {
   var t;
@@ -1069,9 +1069,9 @@ function io({ fallback: e }) {
 function Me() {
   const {
     widgetCtx: { org: e }
-  } = E(), {
+  } = O(), {
     routerState: { screen: o }
-  } = F(), { textContent: t } = N();
+  } = H(), { textContent: t } = C();
   return (() => {
     var s, a;
     switch (o) {
@@ -1082,7 +1082,7 @@ function Me() {
       case "welcome":
         return;
       default:
-        A(o, Me.name);
+        F(o, Me.name);
         return;
     }
   })() ?? e.name ?? "Chat";
@@ -1090,23 +1090,23 @@ function Me() {
 function lo(e) {
   switch (e) {
     case "chat":
-      return g("chat/header");
+      return w("chat/header");
     case "sessions":
-      return g("sessions/header");
+      return w("sessions/header");
     case "welcome":
       return;
     default:
-      A(e, Me.name);
+      F(e, Me.name);
       return;
   }
 }
 function co() {
-  const { router: e } = N(), {
+  const { router: e } = C(), {
     routerState: { screen: o },
     toSessionsScreen: t
-  } = F();
+  } = H();
   return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
@@ -1119,9 +1119,9 @@ function co() {
 function po({
   button: e
 }) {
-  const { setIsOpen: o } = V(), { isSmallScreen: t } = L();
+  const { setIsOpen: o } = V(), { isSmallScreen: t } = $();
   return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
@@ -1139,7 +1139,7 @@ function ve({
 }) {
   const [o, t] = D(!1), {
     routerState: { screen: n }
-  } = F(), { isSmallScreen: s } = L(), { theme: a } = G(), { setWidth: i, setHeight: l } = Bt();
+  } = H(), { isSmallScreen: s } = $(), { theme: a } = G(), { setWidth: i, setHeight: l } = Bt();
   if (n !== "chat" && n !== "sessions") return null;
   const c = (() => {
     switch (n) {
@@ -1148,7 +1148,7 @@ function ve({
       case "sessions":
         return a.screens.sessions.height;
       default:
-        return A(n, ve.name), a.screens.chat.height;
+        return F(n, ve.name), a.screens.chat.height;
     }
   })(), p = (() => {
     switch (n) {
@@ -1157,21 +1157,21 @@ function ve({
       case "sessions":
         return a.screens.sessions.width;
       default:
-        return A(n, ve.name), a.screens.chat.width;
+        return F(n, ve.name), a.screens.chat.width;
     }
-  })(), b = () => {
-    t((x) => {
-      const h = !x;
-      return l(h ? "100vh" : c), i(h ? `max(40vw, ${p})` : p), h;
+  })(), x = () => {
+    t((y) => {
+      const m = !y;
+      return l(m ? "100vh" : c), i(m ? `max(40vw, ${p})` : p), m;
     });
   };
   return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: b,
+      onClick: x,
       children: /* @__PURE__ */ r(
         ne,
         {
@@ -1184,10 +1184,10 @@ function ve({
 function Yt({
   button: e
 }) {
-  var C, M;
-  const { close: o } = he(), { widgetCtx: t } = E(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: a } = Y(), { isSmallScreen: i } = L(), l = !a.session, c = ((C = a.session) == null ? void 0 : C.isOpened) === !1, p = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", h = !!(a.isResolvingSession || l && b === "disabled" || c && x === "disabled"), z = async () => {
-    const { success: v, error: R } = await s();
-    if (o(), !v) return console.error(R);
+  var z, _;
+  const { close: o } = me(), { widgetCtx: t } = O(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: a } = U(), { isSmallScreen: i } = $(), l = !a.session, c = ((z = a.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", y = e.behaviorIfSessionIsResolved || "disabled", m = !!(a.isResolvingSession || l && x === "disabled" || c && y === "disabled"), k = async () => {
+    const { success: f, error: R } = await s();
+    if (o(), !f) return console.error(R);
     switch (p) {
       case "stay-in-chat":
         return;
@@ -1201,25 +1201,25 @@ function Yt({
         n(!1), t.resetChat();
         break;
       default:
-        A(p, Yt.name);
+        F(p, Yt.name);
         break;
     }
-  }, f = () => {
+  }, v = () => {
     if (l)
-      switch (b) {
+      switch (x) {
         case "disabled":
           return;
         case "close-widget":
           n(!1);
           break;
         default:
-          A(
-            b,
-            f.name
+          F(
+            x,
+            v.name
           );
       }
     if (c)
-      switch (x) {
+      switch (y) {
         case "disabled":
           return;
         case "close-widget":
@@ -1234,22 +1234,22 @@ function Yt({
           }, 200);
           break;
         default:
-          A(
-            x,
-            f.name
+          F(
+            y,
+            v.name
           );
       }
   };
-  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((M = e.confirmation) == null ? void 0 : M.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
+  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((_ = e.confirmation) == null ? void 0 : _.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
     ze,
     {
       trigger: /* @__PURE__ */ r(
-        S,
+        N,
         {
           variant: "ghost",
           size: "fit",
           className: "rounded-full",
-          disabled: h,
+          disabled: m,
           children: /* @__PURE__ */ r(ne, { name: e.icon })
         }
       ),
@@ -1258,7 +1258,7 @@ function Yt({
         /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(Ot, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
         /* @__PURE__ */ d(Pt, { children: [
           /* @__PURE__ */ r(
-            S,
+            N,
             {
               variant: "secondary",
               onClick: o,
@@ -1267,10 +1267,10 @@ function Yt({
             }
           ),
           /* @__PURE__ */ r(
-            S,
+            N,
             {
               variant: "destructive",
-              onClick: z,
+              onClick: k,
               disabled: a.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
             }
@@ -1279,13 +1279,13 @@ function Yt({
       ] })
     }
   ) : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: c || l ? f : z,
-      disabled: h,
+      onClick: c || l ? v : k,
+      disabled: m,
       children: /* @__PURE__ */ r(ne, { name: e.icon })
     }
   );
@@ -1299,19 +1299,19 @@ function be({ button: e }) {
     case "resolve-session":
       return /* @__PURE__ */ r(Yt, { button: e });
     default:
-      return A(e, be.name), null;
+      return F(e, be.name), null;
   }
 }
-const mo = {
+const ho = {
   functionality: "close-widget",
   hideOnLargeScreen: !0,
   icon: "X"
 };
-function ho() {
+function mo() {
   const {
     routerState: { screen: e }
-  } = F(), { headerButtons: o } = N(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
-  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: mo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
+  } = H(), { headerButtons: o } = C(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
+  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: ho }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
     be,
     {
       button: n
@@ -1322,14 +1322,14 @@ function ho() {
 function Ut() {
   const {
     routerState: { screen: e }
-  } = F(), o = lo(e), t = Me();
+  } = H(), o = lo(e), t = Me();
   return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(co, {}),
       /* @__PURE__ */ r(
         "div",
         {
-          className: m(
+          className: h(
             "flex-1 h-8 flex items-center",
             e === "sessions" && "ps-2"
           ),
@@ -1341,24 +1341,24 @@ function Ut() {
           )
         }
       ),
-      /* @__PURE__ */ r(ho, {})
+      /* @__PURE__ */ r(mo, {})
     ] }),
     /* @__PURE__ */ r(ao, {})
   ] });
 }
 function Xt({ className: e }) {
-  return /* @__PURE__ */ r(kr, { className: m("size-4 animate-spin", e) });
+  return /* @__PURE__ */ r(kr, { className: h("size-4 animate-spin", e) });
 }
 function uo() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = O(), { isSmallScreen: o } = L(), { activeMode: t, Component: n } = yt();
+  } = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } = yt();
   return {
     isCanvasOpen: !e && !o && !!t && !!n
   };
 }
 function go() {
-  const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = O(), { createStateCheckpoint: s } = Y(), [a, i] = D(!1), l = async (c) => {
+  const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [a, i] = D(!1), l = async (c) => {
     try {
       i(!0), await n(c);
     } catch (p) {
@@ -1378,15 +1378,15 @@ function go() {
     }
   );
 }
-const H = W.forwardRef(
+const W = L.forwardRef(
   (e, o) => {
     var t, n, s;
     return /* @__PURE__ */ r(
-      k,
+      b,
       {
         ...e,
         ref: o,
-        className: m("overflow-hidden", e.className),
+        className: h("overflow-hidden", e.className),
         overrides: {
           initial: { height: 0, opacity: 0, ...(t = e.overrides) == null ? void 0 : t.initial },
           animate: { height: "auto", opacity: 1, ...(n = e.overrides) == null ? void 0 : n.animate },
@@ -1396,7 +1396,7 @@ const H = W.forwardRef(
     );
   }
 );
-H.displayName = "MotionDiv__VerticalReveal";
+W.displayName = "MotionDiv__VerticalReveal";
 const wo = [
   {
     label: "Terrible",
@@ -1425,58 +1425,58 @@ const wo = [
   }
 ];
 function fo() {
-  const { isSmallScreen: e } = L(), {
+  const { isSmallScreen: e } = $(), {
     submitCsat: o,
     isCsatRequested: t,
     isCsatSubmitted: n,
     submittedScore: s,
     submittedFeedback: a
-  } = kt(), [i, l] = D(null), [c, p] = D(null), b = (h) => {
-    l((z) => z === h ? null : h);
-  }, x = () => {
+  } = kt(), [i, l] = D(null), [c, p] = D(null), x = (m) => {
+    l((k) => k === m ? null : m);
+  }, y = () => {
     i && o({
       score: i,
       feedback: c || void 0
     });
   };
   return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
     /* @__PURE__ */ r(
       "div",
       {
-        className: m(
+        className: h(
           "flex gap-4 justify-between pt-2 px-2 pb-2",
           "transition-all",
           n && "gap-0 justify-center"
         ),
-        children: wo.map((h) => /* @__PURE__ */ r(
-          S,
+        children: wo.map((m) => /* @__PURE__ */ r(
+          N,
           {
-            variant: h.value === i ? "secondary" : "ghost",
+            variant: m.value === i ? "secondary" : "ghost",
             size: "selfless",
-            className: m(
+            className: h(
               "transition-all overflow-hidden",
               "text-2xl size-8 rounded-full",
               "opacity-35",
               "hover:opacity-100",
               !i && "opacity-100",
-              h.value === i && "opacity-100",
-              n && h.value !== s && "opacity-0 size-0",
-              n && h.value === s && "opacity-100 size-fit text-4xl"
+              m.value === i && "opacity-100",
+              n && m.value !== s && "opacity-0 size-0",
+              n && m.value === s && "opacity-100 size-fit text-4xl"
             ),
-            onClick: t ? () => b(h.value) : void 0,
-            children: h.emoji
+            onClick: t ? () => x(m.value) : void 0,
+            children: m.emoji
           },
-          h.value
+          m.value
         ))
       }
     ),
-    /* @__PURE__ */ r(T, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
       /* @__PURE__ */ r(
         "textarea",
         {
           rows: 3,
-          className: m(
+          className: h(
             "transition-all",
             "max-h-40 [field-sizing:content]",
             "w-full resize-none",
@@ -1487,18 +1487,18 @@ function fo() {
             n && "text-center"
           ),
           value: n ? a || "" : c || "",
-          onChange: t ? (h) => p(h.target.value) : void 0,
+          onChange: t ? (m) => p(m.target.value) : void 0,
           readOnly: n,
           placeholder: t ? "Tell us more... (optional)" : void 0
         }
       ),
       /* @__PURE__ */ r(
-        S,
+        N,
         {
           size: "fit",
-          onClick: x,
+          onClick: y,
           disabled: !i,
-          className: m(
+          className: h(
             "transition-all overflow-hidden",
             "rounded-full size-8 flex items-center justify-center p-0",
             n && "opacity-0 size-0"
@@ -1507,11 +1507,11 @@ function fo() {
         }
       )
     ] }) }, "feedback-box") }),
-    /* @__PURE__ */ r("div", { className: m("h-0 transition-[height]", n && "h-4") })
+    /* @__PURE__ */ r("div", { className: h("h-0 transition-[height]", n && "h-4") })
   ] });
 }
 function Z() {
-  const { dir: e } = ye(), o = N();
+  const { dir: e } = ye(), o = C();
   return bt(() => {
     const t = Fr(o.language) ? o.language : "en";
     return {
@@ -1527,16 +1527,16 @@ function De({
   className: o,
   ...t
 }) {
-  const { sendMessage: n } = O(), s = () => {
+  const { sendMessage: n } = A(), s = () => {
     const a = e.trim();
     a && n({ content: a });
   };
   return /* @__PURE__ */ r(
-    S,
+    N,
     {
-      ...g("chat/suggested_reply_btn"),
+      ...w("chat/suggested_reply_btn"),
       size: "sm",
-      className: m("rounded-xl w-fit", o),
+      className: h("rounded-xl w-fit", o),
       ...t,
       onClick: s,
       children: e
@@ -1548,7 +1548,7 @@ function xo() {
   return /* @__PURE__ */ r(
     "div",
     {
-      ...g("chat/might_solve_user_issue_suggested_replies_container"),
+      ...w("chat/might_solve_user_issue_suggested_replies_container"),
       className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
       children: o.map((t) => /* @__PURE__ */ r(
         De,
@@ -1562,8 +1562,8 @@ function xo() {
   );
 }
 function gt() {
-  const { sessionState: e } = Y(), { chatFooterItems: o } = N(), t = !!e.session && !e.session.isOpened, n = !t;
-  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${a}`)) });
+  const { sessionState: e } = U(), { chatFooterItems: o } = C(), t = !!e.session && !e.session.isOpened, n = !t;
+  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => 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(Ne, { children: s.message }) }) }, `${s.message}-${a}`)) });
 }
 function vo({
   file: { status: e, file: o, error: t },
@@ -1608,7 +1608,7 @@ function vo({
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: m(
+          className: h(
             e === "uploading" && "opacity-50",
             "group",
             "size-12 border rounded-2xl overflow-hidden relative",
@@ -1620,7 +1620,7 @@ function vo({
               "button",
               {
                 type: "button",
-                className: m(
+                className: h(
                   "absolute bg-black/50 inset-0 size-full z-10 opacity-0",
                   "flex items-center justify-center",
                   "opacity-0 group-hover:opacity-100 transition"
@@ -1637,46 +1637,46 @@ function vo({
   );
 }
 function bo() {
-  var _;
-  const { isSmallScreen: e } = L(), o = $(null), { sendMessage: t } = O(), { sessionState: n } = Y(), { t: s } = Z(), [a, i] = D(""), {
-    allFiles: l,
-    emptyTheFiles: c,
-    handleCancelUpload: p,
-    appendFiles: b,
-    isUploading: x,
-    successFiles: h
-  } = er(), z = !!((_ = n.session) != null && _.isHandedOff), { isAwaitingBotReply: f } = Ct(), C = (w) => {
-    b(w);
-  }, M = !a.trim() && h.length === 0, v = async () => {
-    if (f || M) return;
-    x && console.info("please wait for the file(s) to upload");
-    const w = a.trim();
+  var M;
+  const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = C(), { t: a } = Z(), [i, l] = D(""), {
+    allFiles: c,
+    emptyTheFiles: p,
+    handleCancelUpload: x,
+    appendFiles: y,
+    isUploading: m,
+    successFiles: k
+  } = er(), v = !!((M = n.session) != null && M.isHandedOff), { isAwaitingBotReply: z } = Ct(), _ = s !== !1 && z, f = (u) => {
+    y(u);
+  }, R = !i.trim() && k.length === 0, P = async () => {
+    if (_ || R) return;
+    m && console.info("please wait for the file(s) to upload");
+    const u = i.trim();
     t({
-      content: w,
-      attachments: h.flatMap(
-        (y) => y.fileUrl ? [
+      content: u,
+      attachments: k.flatMap(
+        (S) => S.fileUrl ? [
           {
-            url: y.fileUrl,
-            type: y.file.type,
-            name: y.file.name,
-            id: y.id,
-            size: y.file.size
+            url: S.fileUrl,
+            type: S.file.type,
+            name: S.file.name,
+            id: S.id,
+            size: S.file.size
           }
         ] : []
       )
-    }), i(""), c();
+    }), l(""), p();
   }, {
-    getRootProps: R,
-    getInputProps: P,
-    open: j
+    getRootProps: E,
+    getInputProps: g,
+    open: I
   } = Wr({
-    onDrop: C,
+    onDrop: f,
     noClick: !0,
     onDropRejected() {
       console.error("unsupported file type, or the file is too large");
     },
     maxSize: 5 * 1024 * 1024,
-    accept: z ? {
+    accept: v ? {
       "text/*": [".txt"],
       "image/*": [".png", ".jpg", ".jpeg", ".gif"],
       "application/pdf": [".pdf"]
@@ -1687,23 +1687,23 @@ function bo() {
       "image/webp": [".webp"],
       "application/pdf": [".pdf"]
     }
-  }), u = (w) => {
-    const y = w.clipboardData;
-    y && y.files.length > 0 && C(Array.from(y.files));
+  }), j = (u) => {
+    const S = u.clipboardData;
+    S && S.files.length > 0 && f(Array.from(S.files));
   };
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/input_box/root"),
+      ...w("chat/input_box/root"),
       className: "p-2 relative space-y-1",
-      ...R(),
+      ...E(),
       children: [
-        /* @__PURE__ */ r("input", { ...P() }),
+        /* @__PURE__ */ r("input", { ...g() }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...g("chat/input_box/inner_root"),
-            className: m(
+            ...w("chat/input_box/inner_root"),
+            className: h(
               "transition-all",
               "bg-white",
               // 'border',
@@ -1714,48 +1714,48 @@ function bo() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...g("chat/input_box/textarea_and_attachments_container"),
+                  ...w("chat/input_box/textarea_and_attachments_container"),
                   className: "flex flex-col gap-2",
                   children: [
-                    l.length > 0 && /* @__PURE__ */ r(
+                    c.length > 0 && /* @__PURE__ */ r(
                       "div",
                       {
-                        ...g("chat/input_box/attachments_container"),
+                        ...w("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
-                        children: /* @__PURE__ */ r(T, { mode: "popLayout", children: l.map((w) => /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
+                        children: /* @__PURE__ */ r(T, { mode: "popLayout", children: c.map((u) => /* @__PURE__ */ r(b, { snapExit: !0, children: /* @__PURE__ */ r(
                           vo,
                           {
-                            onCancel: () => p(w.id),
-                            file: w
+                            onCancel: () => x(u.id),
+                            file: u
                           }
-                        ) }, w.id)) })
+                        ) }, u.id)) })
                       }
                     ),
                     /* @__PURE__ */ r(
                       "textarea",
                       {
-                        ...g("chat/input_box/textarea"),
-                        onPaste: u,
+                        ...w("chat/input_box/textarea"),
+                        onPaste: j,
                         ref: o,
                         id: "chat-input",
-                        value: a,
+                        value: i,
                         rows: 3,
-                        className: m(
+                        className: h(
                           /** Match the border radius of the container */
                           // INPUT_CONTAINER_B_RADIUS,
                           "max-h-16 [field-sizing:content]",
                           "w-full resize-none px-2",
-                          l.length === 0 && "pt-1",
+                          c.length === 0 && "pt-1",
                           "bg-transparent outline-none",
                           "placeholder:text-muted-foreground",
                           // 16px on mobiles prevents auto-zoom on the input when focused
                           e ? "text-[16px]" : "text-sm"
                         ),
-                        onChange: (w) => i(w.target.value),
-                        onKeyDown: async (w) => {
-                          w.key === "Enter" && !w.shiftKey && (w.preventDefault(), v());
+                        onChange: (u) => l(u.target.value),
+                        onKeyDown: async (u) => {
+                          u.key === "Enter" && !u.shiftKey && (u.preventDefault(), P());
                         },
-                        placeholder: s("write_a_message_placeholder")
+                        placeholder: a("write_a_message_placeholder")
                       }
                     )
                   ]
@@ -1769,27 +1769,27 @@ function bo() {
                     align: "start",
                     content: "attach images or PDF (maximum size 5mb)",
                     children: /* @__PURE__ */ r(
-                      S,
+                      N,
                       {
-                        onClick: j,
+                        onClick: I,
                         size: "fit",
                         variant: "ghost",
-                        className: m(
+                        className: h(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ r(T, { mode: "wait", children: f ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
+                        children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ r(oe, { content: "send message", side: "top", align: "end", children: /* @__PURE__ */ r(
-                  S,
+                  N,
                   {
                     size: "fit",
-                    onClick: v,
-                    disabled: f || x || M,
+                    onClick: P,
+                    disabled: _ || m || R,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ r(T, { mode: "wait", children: f || x ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(T, { mode: "wait", children: _ || m ? /* @__PURE__ */ r(b, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(b, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1801,15 +1801,15 @@ function bo() {
   );
 }
 function wt() {
-  const { widgetCtx: e } = E(), { router: o } = N(), { canCreateNewSession: t } = Y(), { toSessionsScreen: n } = F(), { t: s } = Z();
-  return /* @__PURE__ */ r(Q, { 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") }) });
+  const { widgetCtx: e } = O(), { router: o } = C(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = Z();
+  return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(N, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(N, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
 }
 function yo() {
   const { t: e } = Z(), { isCsatRequested: o, isCsatSubmitted: t } = kt();
-  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(H, { children: [
+  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(fo, {}),
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(wt, {}) }, "new-conv-or-back-to-convs-button") })
-  ] }, "csat") : /* @__PURE__ */ d(H, { children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(wt, {}) }, "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(St, { className: "size-4 text-emerald-600" }),
       /* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
@@ -1819,11 +1819,11 @@ function yo() {
 }
 function ko() {
   var i;
-  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = Y(), { messagesState: s } = O(), a = s.messages.length === 0;
-  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(H, { children: [
+  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = C(), { sessionState: n } = U(), { messagesState: s } = A(), a = s.messages.length === 0;
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(yo, {}),
     /* @__PURE__ */ r(gt, {})
-  ] }, "session-closed") : /* @__PURE__ */ d(H, { children: [
+  ] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
     s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(xo, {}),
     a && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
       De,
@@ -1842,7 +1842,7 @@ function Co({
   isAloneInGroup: t,
   ...n
 }) {
-  const { componentStore: s } = E();
+  const { componentStore: s } = O();
   if (n.type !== "AGENT" && n.type !== "AI") return null;
   if (n.data.action) {
     const i = s.getComponent(n.data.action.name);
@@ -1884,7 +1884,7 @@ function qt({
   containerClassName: t
 }) {
   var i, l;
-  const { timestamps: n } = N();
+  const { timestamps: n } = C();
   if (!((i = n == null ? void 0 : n.perMessageGroup) != null && i.enabled))
     return null;
   const s = (l = e[e.length - 1]) == null ? void 0 : l.timestamp;
@@ -1900,7 +1900,7 @@ function qt({
       return console.error(c), null;
     }
   })();
-  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: m("text-xs text-muted-foreground", o), children: a }) }) : null;
+  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: h("text-xs text-muted-foreground", o), children: a }) }) : null;
 }
 function pe({
   messages: e,
@@ -1910,36 +1910,36 @@ function pe({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/agent_msg_group/root"),
-      className: m("flex items-end gap-2"),
+      ...w("chat/agent_msg_group/root"),
+      className: h("flex items-end gap-2"),
       children: [
         /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
           xe,
           {
-            ...g("chat/agent_msg_group/root/avatar"),
+            ...w("chat/agent_msg_group/root/avatar"),
             agent: o,
             className: "hidden"
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: m("flex-1 flex flex-col gap-1"), children: [
+        /* @__PURE__ */ d("div", { className: h("flex-1 flex flex-col gap-1"), children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...g("chat/agent_msg_group/avatar_and_msgs/root"),
-              className: m("flex items-end gap-2"),
+              ...w("chat/agent_msg_group/avatar_and_msgs/root"),
+              className: h("flex items-end gap-2"),
               children: [
                 /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
                   xe,
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
+                    ...w("chat/agent_msg_group/avatar_and_msgs/avatar"),
                     agent: o
                   }
                 ) }),
                 /* @__PURE__ */ d(
                   "div",
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
-                    className: m("flex-1 flex flex-col gap-1"),
+                    ...w("chat/agent_msg_group/avatar_and_msgs/msgs"),
+                    className: h("flex-1 flex flex-col gap-1"),
                     children: [
                       e.map((n, s, a) => /* @__PURE__ */ r(
                         Co,
@@ -1961,8 +1961,8 @@ function pe({
           t && t.length > 0 && /* @__PURE__ */ r(
             "div",
             {
-              ...g("chat/agent_msg_group/suggestions"),
-              className: m("flex flex-col gap-1 ps-8"),
+              ...w("chat/agent_msg_group/suggestions"),
+              className: h("flex flex-col gap-1 ps-8"),
               children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
                 De,
                 {
@@ -1994,18 +1994,18 @@ function No({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/user_msg/root"),
+      ...w("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
         e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(Ft, { attachment: a }, a.id)) }),
         e.content.length > 0 && /* @__PURE__ */ r(
           "div",
           {
-            ...g("chat/user_msg/msg"),
+            ...w("chat/user_msg/msg"),
             "data-first": o,
             "data-last": t,
             "data-alone": n,
-            className: m(
+            className: h(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl text-sm",
               "bg-primary text-primary-foreground",
@@ -2030,8 +2030,8 @@ function So({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/user_msg_group/root"),
-      className: m("group", "flex flex-col gap-1 justify-end items-end"),
+      ...w("chat/user_msg_group/root"),
+      className: h("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
         e.map((o, t, n) => /* @__PURE__ */ r(
           No,
@@ -2073,12 +2073,12 @@ function Mo(e) {
 function Do() {
   const {
     messagesState: { messages: e }
-  } = O(), {
+  } = A(), {
     advancedInitialMessages: o = [],
     initialQuestionsPosition: t,
     initialQuestions: n,
     bot: s
-  } = N();
+  } = C();
   return /* @__PURE__ */ r(Q, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
     pe,
     {
@@ -2099,7 +2099,7 @@ function Do() {
 function Ro() {
   const {
     messagesState: { messages: e }
-  } = O(), { chatBannerItems: o } = N();
+  } = A(), { chatBannerItems: o } = C();
   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(Ne, { children: t }) }, `${t}-${s}`)
   ) });
@@ -2107,7 +2107,7 @@ function Ro() {
 function jo() {
   const {
     messagesState: { messages: e }
-  } = O(), o = N(), {
+  } = A(), o = C(), {
     advancedInitialMessages: t = [],
     initialQuestions: n,
     initialQuestionsPosition: s
@@ -2140,12 +2140,12 @@ function Po() {
 function Eo() {
   const {
     messagesState: { messages: e }
-  } = O(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = E(), { bot: n, humanAgent: s } = N(), a = bt(
+  } = A(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = O(), { bot: n, humanAgent: s } = C(), a = bt(
     () => _o(e),
     [e]
   ), i = t.getComponent(
     "loading"
-  ), l = $(null);
+  ), l = B(null);
   function c() {
     setTimeout(() => {
       const p = l.current;
@@ -2157,40 +2157,40 @@ function Eo() {
   }, [e]), /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/msgs/root"),
+      ...w("chat/msgs/root"),
       ref: l,
       className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
       children: [
         /* @__PURE__ */ r(Ro, {}),
         /* @__PURE__ */ r(Do, {}),
         /* @__PURE__ */ r(jo, {}),
-        a.map((p, b) => {
-          var z, f, C, M;
-          const x = (z = p == null ? void 0 : p[0]) == null ? void 0 : z.type, h = (f = p[0]) == null ? void 0 : f.id;
-          if (!x || !h) return null;
+        a.map((p, x) => {
+          var k, v, z, _;
+          const y = (k = p == null ? void 0 : p[0]) == null ? void 0 : k.type, m = (v = p[0]) == null ? void 0 : v.id;
+          if (!y || !m) return null;
           if (Io(p))
-            return /* @__PURE__ */ r(So, { messages: p }, h);
+            return /* @__PURE__ */ r(So, { messages: p }, m);
           if (To(p)) {
-            const v = b === a.length - 1;
-            return o && v ? null : ((C = p[0]) == null || C.agent, /* @__PURE__ */ r(
+            const f = x === a.length - 1;
+            return o && f ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
               pe,
               {
                 messages: p,
                 agent: n ? { ...n, isAi: !0, id: null } : void 0
               },
-              h
+              m
             ));
           }
           if (Mo(p)) {
-            const v = (M = p[0]) == null ? void 0 : M.agent;
+            const f = (_ = p[0]) == null ? void 0 : _.agent;
             return /* @__PURE__ */ r(
               pe,
               {
                 messages: p,
-                agent: v ? {
-                  ...v,
-                  name: (s == null ? void 0 : s.name) || v.name || "",
-                  avatarUrl: (s == null ? void 0 : s.avatarUrl) || v.avatarUrl || null
+                agent: f ? {
+                  ...f,
+                  name: (s == null ? void 0 : s.name) || f.name || "",
+                  avatarUrl: (s == null ? void 0 : s.avatarUrl) || f.avatarUrl || null
                 } : s ? {
                   isAi: !1,
                   id: null,
@@ -2198,7 +2198,7 @@ function Eo() {
                   avatarUrl: s.avatarUrl || null
                 } : void 0
               },
-              h
+              m
             );
           }
           return null;
@@ -2213,19 +2213,19 @@ function Eo() {
 function Oo() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = O(), {
+  } = A(), {
     sessionState: { session: o }
-  } = Y(), { isCanvasOpen: t } = uo(), { theme: n } = G();
+  } = U(), { isCanvasOpen: t } = uo(), { theme: n } = G();
   Te({
     width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
     height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
   });
-  const s = $((o == null ? void 0 : o.id) || "chat").current;
+  const s = B((o == null ? void 0 : o.id) || "chat").current;
   return /* @__PURE__ */ r(
     "div",
     {
-      ...g("chat/root"),
-      className: m("flex flex-col overflow-hidden"),
+      ...w("chat/root"),
+      className: h("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2239,14 +2239,14 @@ function Oo() {
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
         /* @__PURE__ */ r(Ut, {}),
         /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
-          k,
+          b,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
             children: /* @__PURE__ */ r(Xt, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
-          k,
+          b,
           {
             className: "flex items-start h-full flex-1 overflow-auto",
             snapExit: !0,
@@ -2254,8 +2254,8 @@ function Oo() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...g("chat/main/root"),
-                  className: m(
+                  ...w("chat/main/root"),
+                  className: h(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
                   ),
@@ -2272,8 +2272,8 @@ function Oo() {
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ...g("chat/canvas/root"),
-                  className: m(
+                  ...w("chat/canvas/root"),
+                  className: h(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
                   ),
@@ -2299,7 +2299,7 @@ function Ao({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: m("animate-pulse rounded-md bg-secondary", e),
+      className: h("animate-pulse rounded-md bg-secondary", e),
       ...o
     }
   );
@@ -2313,7 +2313,7 @@ function Fo({ className: e }) {
       viewBox: "0 0 26 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: m("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       children: /* @__PURE__ */ r(
         "path",
         {
@@ -2325,21 +2325,21 @@ function Fo({ className: e }) {
   );
 }
 function Vt({ className: e }) {
-  const { token: o } = N();
+  const { token: o } = C();
   return /* @__PURE__ */ r(
     "div",
     {
-      className: m(
+      className: h(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
-      children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ d(
         "a",
         {
           href: `https://open.cx/?ref=${o}`,
           target: "_blank",
           rel: "noreferrer",
-          className: m(
+          className: h(
             "text-[10px] flex items-center",
             "text-muted-foreground/70 [&_svg]:text-muted-foreground/70",
             "hover:text-primary [&_svg]:hover:text-primary"
@@ -2364,26 +2364,26 @@ function ft({
   session: e,
   className: o
 }) {
-  const { bot: t, humanAgent: n } = N(), { toChatScreen: s } = F(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = 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 } = C(), { toChatScreen: s } = H(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = 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,
+    N,
     {
       variant: "ghost",
       size: "lg",
-      className: m(
+      className: h(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
         o
       ),
       onClick: () => s(e.id),
       children: [
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
+          /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(b, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
             /* @__PURE__ */ r(_e, { src: i, alt: "Agent Icon" }),
             /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(Tr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: a }, a) }),
-            /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(b, { snapExit: !0, children: a }, a) }),
+            /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(b, { snapExit: !0, children: /* @__PURE__ */ r(
               Ht,
               {
                 remarkPlugins: [It],
@@ -2391,7 +2391,7 @@ function ft({
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(b, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
         /* @__PURE__ */ r(Mr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
@@ -2400,27 +2400,27 @@ function ft({
   );
 }
 function Wo() {
-  const { t: e } = Z(), { toChatScreen: o } = F(), {
+  const { t: e } = Z(), { toChatScreen: o } = H(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
     closedSessions: a,
     canCreateNewSession: i
-  } = Y();
+  } = U();
   return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(T, { mode: "wait", children: n ? /* @__PURE__ */ r(
-    k,
+    b,
     {
       className: "flex-1 flex items-center justify-center",
       children: /* @__PURE__ */ r(Xt, {})
     },
     "loading"
   ) : /* @__PURE__ */ r(
-    k,
+    b,
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: t.length ? /* @__PURE__ */ d(Q, { children: [
         /* @__PURE__ */ d(T, { children: [
           s.length > 0 && /* @__PURE__ */ r(
-            k,
+            b,
             {
               fadeIn: "up",
               delay: 0.2,
@@ -2431,7 +2431,7 @@ function Wo() {
             "open-sessions"
           ),
           a.length > 0 && /* @__PURE__ */ d(
-            k,
+            b,
             {
               className: "space-y-2",
               delay: 0.2,
@@ -2452,9 +2452,9 @@ function Wo() {
           )
         ] }),
         i && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ lt(
-          S,
+          N,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...w("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2465,9 +2465,9 @@ function Wo() {
       ] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
         /* @__PURE__ */ lt(
-          S,
+          N,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...w("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2488,8 +2488,8 @@ function Lo() {
   }), /* @__PURE__ */ r(
     "div",
     {
-      ...g("sessions/root"),
-      className: m("flex flex-col overflow-hidden bg-background"),
+      ...w("sessions/root"),
+      className: h("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2510,13 +2510,13 @@ function Lo() {
 }
 const de = J.forwardRef(
   ({ className: e, type: o, ...t }, n) => {
-    const { isSmallScreen: s } = L();
+    const { isSmallScreen: s } = $();
     return /* @__PURE__ */ r(
       "input",
       {
         ref: n,
         type: o,
-        className: m(
+        className: h(
           // 16px on mobiles prevents auto-zoom on the input when focused
           s ? "text-[16px]" : "text-sm",
           "flex w-full rounded-xl p-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary-foreground placeholder:text-muted-foreground/75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition",
@@ -2531,7 +2531,7 @@ const de = J.forwardRef(
 );
 de.displayName = "Input";
 function $o() {
-  const { contentIframeRef: e } = E(), { inline: o } = N(), t = $(null);
+  const { contentIframeRef: e } = O(), { inline: o } = C(), t = B(null);
   return se(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
@@ -2557,30 +2557,30 @@ const Bo = ge.object({
   email: ge.string().email()
 });
 function Yo() {
-  var v, R, P, j, u, _, w, y;
+  var f, R, P, E, g, I, j, M;
   const {
     widgetCtx: { org: e }
-  } = E(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = L(), s = N(), { theme: a } = G(), { t: i } = Z(), { observedElementRef: l } = $o();
+  } = O(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = $(), s = C(), { theme: a } = G(), { t: i } = Z(), { observedElementRef: l } = $o();
   Te({
     height: void 0,
     width: a.screens.welcome.width
   });
-  const [c, p] = D(((v = s.prefillUserData) == null ? void 0 : v.name) || ""), [b, x] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), h = (s.extraDataCollectionFields || []).filter(
-    (I) => I !== "name" && I !== "email" && !!I
-  ), [z, f] = D({}), [C, M] = Lr(
-    async (I) => {
-      I.preventDefault();
-      const U = Bo.safeParse({ name: c, email: b });
-      U.success && await t(
+  const [c, p] = D(((f = s.prefillUserData) == null ? void 0 : f.name) || ""), [x, y] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), m = (s.extraDataCollectionFields || []).filter(
+    (u) => u !== "name" && u !== "email" && !!u
+  ), [k, v] = D({}), [z, _] = Lr(
+    async (u) => {
+      u.preventDefault();
+      const S = Bo.safeParse({ name: c, email: x });
+      S.success && await t(
         {
-          email: U.data.email,
-          non_verified_name: U.data.name
+          email: S.data.email,
+          non_verified_name: S.data.name
         },
         // Only pass extra data if there is any
-        Object.values(z).filter(Boolean).length ? z : void 0
+        Object.values(k).filter(Boolean).length ? k : void 0
       );
     },
-    [c, b, z]
+    [c, x, k]
   );
   return /* @__PURE__ */ r(
     "div",
@@ -2601,7 +2601,7 @@ function Yo() {
         "div",
         {
           ref: l,
-          className: m(
+          className: h(
             "flex flex-col",
             n && "h-full",
             "bg-[radial-gradient(ellipse_at_top_left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse_at_top_right,hsl(var(--opencx-primary)),transparent)]"
@@ -2610,23 +2610,23 @@ function Yo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: m(
+                className: h(
                   "flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10",
                   "text-primary-foreground"
                 ),
                 children: [
-                  n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(S, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
+                  n && /* @__PURE__ */ r(b, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
                   /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (P = s.assets) != null && P.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: ((_ = (u = s.textContent) == null ? void 0 : u.welcomeScreen) == null ? void 0 : _.title) || i("welcome_screen_title") }),
-                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((y = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : y.description) || i("welcome_screen_description") })
+                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((I = (g = s.textContent) == null ? void 0 : g.welcomeScreen) == null ? void 0 : I.title) || i("welcome_screen_title") }),
+                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (j = s.textContent) == null ? void 0 : j.welcomeScreen) == null ? void 0 : M.description) || i("welcome_screen_description") })
                   ] })
                 ]
               }
@@ -2634,19 +2634,19 @@ function Yo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: m(
+                className: h(
                   "z-10 m-2 px-2 pt-2 bp-0 space-y-2",
                   "bg-[white]",
                   "border shadow",
                   "rounded-3xl"
                 ),
                 children: [
-                  /* @__PURE__ */ d("form", { onSubmit: M, className: "space-y-2", children: [
+                  /* @__PURE__ */ d("form", { onSubmit: _, className: "space-y-2", children: [
                     /* @__PURE__ */ r(
                       de,
                       {
                         value: c,
-                        onChange: (I) => p(I.target.value),
+                        onChange: (u) => p(u.target.value),
                         required: !0,
                         placeholder: i("your_name_placeholder"),
                         name: "name"
@@ -2656,33 +2656,33 @@ function Yo() {
                       de,
                       {
                         required: !0,
-                        value: b,
-                        onChange: (I) => x(I.target.value),
+                        value: x,
+                        onChange: (u) => y(u.target.value),
                         type: "email",
                         placeholder: i("your_email_placeholder"),
                         name: "email"
                       }
                     ),
-                    h.map((I) => /* @__PURE__ */ r(
+                    m.map((u) => /* @__PURE__ */ r(
                       de,
                       {
-                        value: z[I],
-                        onChange: (U) => f((ie) => ({
+                        value: k[u],
+                        onChange: (S) => v((ie) => ({
                           ...ie,
-                          [I]: U.target.value
+                          [u]: S.target.value
                         })),
-                        placeholder: `${I} (${i("optional")})`
+                        placeholder: `${u} (${i("optional")})`
                       },
-                      I
+                      u
                     )),
                     /* @__PURE__ */ d(
-                      S,
+                      N,
                       {
-                        disabled: C.loading,
+                        disabled: z.loading,
                         className: "w-full",
                         size: "lg",
                         children: [
-                          C.loading ? i("start_chat_button_loading") : i("start_chat_button"),
+                          z.loading ? i("start_chat_button_loading") : i("start_chat_button"),
                           /* @__PURE__ */ r(Dr, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
@@ -2701,12 +2701,12 @@ function Yo() {
 function Gt() {
   const {
     routerState: { screen: e }
-  } = F();
+  } = H();
   return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(T, { mode: "wait", children: (() => {
     switch (e) {
       case "welcome":
         return /* @__PURE__ */ r(
-          k,
+          b,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2717,7 +2717,7 @@ function Gt() {
         );
       case "sessions":
         return /* @__PURE__ */ r(
-          k,
+          b,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2728,7 +2728,7 @@ function Gt() {
         );
       case "chat":
         return /* @__PURE__ */ r(
-          k,
+          b,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2738,11 +2738,11 @@ function Gt() {
           e
         );
       default:
-        return A(e, Gt.name), null;
+        return F(e, Gt.name), null;
     }
   })() }) });
 }
-const Uo = "4.0.49", Xo = `<!DOCTYPE html>
+const Uo = "4.0.50", Xo = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2761,7 +2761,7 @@ html, body {
 </body>
 </html>`;
 function Zt() {
-  const { isOpen: e } = V(), { contentIframeRef: o } = E(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = G(), { dir: l } = Z();
+  const { isOpen: e } = V(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = C(), { theme: s, cssVars: a, computed: i } = G(), { dir: l } = Z();
   return /* @__PURE__ */ r(
     re.div,
     {
@@ -2823,7 +2823,7 @@ function Zt() {
                   zIndex: s.widgetContentContainer.zIndex
                 },
                 "data-version": Uo,
-                className: m(
+                className: h(
                   "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
                 ),
                 dir: l,
@@ -2846,7 +2846,7 @@ function Zt() {
 function qo() {
   const { theme: e } = G();
   return /* @__PURE__ */ r(
-    me.Content,
+    he.Content,
     {
       onInteractOutside: (o) => o.preventDefault(),
       forceMount: !0,
@@ -2877,7 +2877,7 @@ function Vo({
       viewBox: "0 0 32 30",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: m("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       style: o,
       children: [
         /* @__PURE__ */ r(
@@ -2919,9 +2919,9 @@ html, body {
 </html>`;
 function Zo() {
   var l, c;
-  const { isOpen: e, setIsOpen: o } = V(), { cssOverrides: t, assets: n, customComponents: s } = N(), { theme: a, cssVars: i } = G();
+  const { isOpen: e, setIsOpen: o } = V(), { cssOverrides: t, assets: n, customComponents: s } = C(), { theme: a, cssVars: i } = G();
   return s != null && s.widgetTrigger ? s.widgetTrigger({
-    react: W,
+    react: L,
     isOpen: e,
     setIsOpen: (p) => o(p)
   }) : /* @__PURE__ */ d(
@@ -2958,20 +2958,20 @@ function Zo() {
               justifyContent: "center"
             },
             children: /* @__PURE__ */ r(
-              me.PopoverTrigger,
+              he.PopoverTrigger,
               {
-                className: m(
+                className: h(
                   "font-sans flex items-center justify-center rounded-full"
                 ),
                 style: {
                   height: a.widgetTrigger.size.button,
                   width: a.widgetTrigger.size.button
                 },
-                children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
                   "div",
                   {
-                    ...g("trigger/btn"),
-                    className: m(
+                    ...w("trigger/btn"),
+                    className: h(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
                       "overflow-hidden",
@@ -2980,7 +2980,7 @@ function Zo() {
                       "text-primary-foreground"
                     ),
                     children: /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
-                      k,
+                      b,
                       {
                         snapExit: !0,
                         fadeIn: "up",
@@ -3010,7 +3010,7 @@ function Zo() {
                       },
                       "x-icon"
                     ) : /* @__PURE__ */ r(
-                      k,
+                      b,
                       {
                         snapExit: !0,
                         overrides: {
@@ -3053,7 +3053,7 @@ function Zo() {
 function Ko() {
   const { dir: e } = ye();
   return /* @__PURE__ */ r(
-    me.Anchor,
+    he.Anchor,
     {
       style: {
         position: "fixed",
@@ -3067,11 +3067,11 @@ function Ko() {
 function Qo({
   widgetRef: e
 }) {
-  const { widgetCtx: o } = E(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = V(), {
+  const { widgetCtx: o } = O(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = V(), {
     toChatScreen: a,
     routerState: { screen: i }
-  } = F(), { sendMessage: l } = O();
-  return W.useImperativeHandle(
+  } = H(), { sendMessage: l } = A();
+  return L.useImperativeHandle(
     e,
     () => ({
       newChat: async (c) => {
@@ -3096,7 +3096,7 @@ function Qo({
 }
 function Jo() {
   const { isOpen: e, setIsOpen: o } = V();
-  return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
+  return /* @__PURE__ */ d(he.Root, { open: e, onOpenChange: o, children: [
     /* @__PURE__ */ r(Ko, {}),
     /* @__PURE__ */ r(Zo, {}),
     /* @__PURE__ */ r(qo, {})
@@ -3127,7 +3127,7 @@ const en = [
   remove: async (e) => {
     localStorage.removeItem(e);
   }
-}, rn = W.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
+}, rn = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
   return /* @__PURE__ */ r(
     tr,
     {