@opencx/widget 3.0.81 → 3.0.83

package/dist/designs.js

@@ -2,7 +2,7 @@ import { Fragment as Qa, jsx as b, jsxs as U } from "react/jsx-runtime";
 import * as Un from "@radix-ui/react-popover";
 import * as Te from "react";
 import an, { forwardRef as zr, useState as Fe, useImperativeHandle as Au, useRef as cn, useCallback as Cu, useMemo as Yr, useEffect as Ot, memo as ku, cloneElement as Nu, createElement as Ai } from "react";
-import { l as Ci, m as Iu, a as We, u as mt, d as dn, g as zn, i as Su, c as Xa, h as Lt, e as Yn, j as hn, b as Ou, _ as Lu, W as Ru, k as Du } from "./useWidgetTrigger-ims5I4zH.js";
+import { l as Ci, m as Iu, a as We, u as mt, d as dn, g as zn, i as Su, c as Xa, h as Lt, e as Yn, j as hn, b as Ou, _ as Lu, W as Ru, k as Du } from "./useWidgetTrigger-CiXxBOLI.js";
 import * as Ue from "@radix-ui/react-dialog";
 import { X as vu, PaperclipIcon as Pu, ImageIcon as Mu, CircleDashed as Bu, ArrowUpIcon as Fu, CircleCheckIcon as Hu, XIcon as jr, AlertCircle as Uu, Loader2 as zu, FileAudio2Icon as Yu, FileVideo2Icon as ju, FileIcon as Wu, ChevronRight as qu, Check as Vu, Circle as Gu, ChevronLeftIcon as Qu, EllipsisVerticalIcon as Xu, MessageCirclePlusIcon as Ku, LoaderIcon as $u, SendHorizontal as Ju, UserRoundIcon as Zu, ChevronRightIcon as el, ChevronDownIcon as tl } from "lucide-react";
 import { clsx as Ka } from "clsx";
@@ -18289,15 +18289,73 @@ const gi = () => {
   "this-was-helpful": "Isso foi útil",
   optional: "Opcional",
   "no-conversations-yet": "Nenhuma conversa ainda"
+}, $b = {
+  ok: "OK",
+  yes: "Sí",
+  no: "No",
+  agree: "De acuerdo",
+  cancel: "Cancelar",
+  "yes-exit": "Sí, salir",
+  "yes-reset": "Sí, restablecer",
+  "no-cancel": "No, cancelar",
+  "are-you-sure": "¿Estás seguro?",
+  recording: "Grabando...",
+  "thank-you": "Gracias",
+  "sorry-try-again": "Lo sentimos, intenta de nuevo",
+  "error-occurred": "Ocurrió un error",
+  "please-try-again": "Por favor, inténtalo de nuevo",
+  "write-a-message": "Escribe un mensaje...",
+  "send-message": "Enviar mensaje",
+  connected: "Conectado",
+  connecting: "Conectando",
+  reconnecting: "Reconectando",
+  reconnected: "Reconectado",
+  disconnecting: "Desconectando",
+  disconnected: "Desconectado",
+  error: "Error",
+  "persist-session": "Persistir sesión",
+  settings: "Configuración",
+  close: "Cerrar",
+  help: "Ayuda",
+  chat: "Chat",
+  send: "Enviar",
+  copy: "Copiar",
+  copied: "Copiado",
+  "sound-effects": "Efectos de sonido",
+  language: "Idioma",
+  select: "Seleccionar",
+  agent: "Agente",
+  user: "Usuario",
+  bot: "Bot",
+  "close-widget": "Cerrar widget",
+  "got-any-questions": "¿Tienes alguna pregunta? ¡Chatea con nosotros!",
+  "typical-response-time": "Normalmente respondemos en menos de 1 minuto",
+  "session-closed-lead": "¡Tu problema fue resuelto!",
+  "create-new-ticket": "Crear nuevo ticket",
+  exit: "Salir",
+  "reset-conversation": "Restablecer conversación",
+  "new-conversation": "Nueva conversación",
+  "welcome-title": "Bienvenido a nuestro chat de soporte",
+  "welcome-description": "¡Estamos aquí para ayudarte! Inicia una conversación y responderemos lo antes posible.",
+  "your-name": "Tu nombre",
+  "your-email": "Tu correo electrónico",
+  "start-chat": "Hablar con soporte",
+  "starting-chat": "Conectando...",
+  "hello-greeting": "¡Hola! ¿Cómo podemos ayudarte hoy?",
+  "i-need-more-help": "Necesito más ayuda",
+  "this-was-helpful": "Esto fue útil",
+  optional: "Opcional",
+  "no-conversations-yet": "Sin conversaciones aún"
 }, uu = {
   en: Gb,
   ar: qb,
   nl: Xb,
   fr: Qb,
   de: Vb,
-  pt: Kb
-}, $b = Object.keys(uu), Jb = (e) => $b.includes(e);
-function Zb(e, t) {
+  pt: Kb,
+  es: $b
+}, Jb = Object.keys(uu), Zb = (e) => Jb.includes(e);
+function eE(e, t) {
   const n = uu[t];
   return n && n[e] || "";
 }
@@ -18306,9 +18364,9 @@ function Ut() {
     widgetCtx: { config: e }
   } = mt();
   return Yr(() => {
-    const n = Jb(e.language) ? e.language : "en";
+    const n = Zb(e.language) ? e.language : "en";
     return {
-      get: (r) => Zb(r, n),
+      get: (r) => eE(r, n),
       lang: n
     };
   }, [e.language]);
@@ -18334,7 +18392,7 @@ function bi({
     }
   );
 }
-function eE() {
+function tE() {
   const e = Ut(), t = [
     e.get("i-need-more-help"),
     e.get("this-was-helpful")
@@ -18355,7 +18413,7 @@ function eE() {
     }
   );
 }
-function tE({
+function nE({
   file: { status: e, file: t, error: n },
   onCancel: r
 }) {
@@ -18426,7 +18484,7 @@ function tE({
     }
   );
 }
-function nE() {
+function rE() {
   var j;
   const { isSmallScreen: e } = Ht(), t = cn(null), { sendMessage: n } = dn(), { sessionState: r } = zn(), i = Ut(), a = gi(), [s, u] = Fe(""), {
     allFiles: l,
@@ -18512,7 +18570,7 @@ function nE() {
                         ...ne("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
                         children: /* @__PURE__ */ b(Ne, { mode: "popLayout", children: l.map((z) => /* @__PURE__ */ b(ie, { snapExit: !0, children: /* @__PURE__ */ b(
-                          tE,
+                          nE,
                           {
                             onCancel: () => d(z.id),
                             file: z
@@ -18591,7 +18649,7 @@ function nE() {
     }
   );
 }
-function rE() {
+function iE() {
   const { widgetCtx: e } = mt(), t = Ut();
   return /* @__PURE__ */ b("div", { className: "p-2", children: /* @__PURE__ */ U("div", { className: "p-2 bg-muted rounded-3xl space-y-2", children: [
     /* @__PURE__ */ U("div", { className: "pl-2 flex items-center gap-1", children: [
@@ -18601,7 +18659,7 @@ function rE() {
     /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(Ie, { onClick: e.resetChat, className: "rounded-2xl w-full", children: t.get("new-conversation") }) })
   ] }) });
 }
-function iE() {
+function aE() {
   var a;
   const { initialQuestions: e, initialQuestionsPosition: t } = We(), { sessionState: n } = zn(), { messagesState: r } = dn(), i = r.messages.length === 0;
   return /* @__PURE__ */ b("footer", { children: /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(Ne, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ b(
@@ -18613,7 +18671,7 @@ function iE() {
         animate: { height: "auto" },
         exit: { height: 0 }
       },
-      children: /* @__PURE__ */ b(rE, {})
+      children: /* @__PURE__ */ b(iE, {})
     },
     "session-closed"
   ) : /* @__PURE__ */ U(
@@ -18626,7 +18684,7 @@ function iE() {
         exit: { height: 0 }
       },
       children: [
-        r.lastAIResMightSolveUserIssue && /* @__PURE__ */ b(eE, {}),
+        r.lastAIResMightSolveUserIssue && /* @__PURE__ */ b(tE, {}),
         i && e && t !== "below-initial-messages" && /* @__PURE__ */ b("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((s, u) => /* @__PURE__ */ b(
           bi,
           {
@@ -18634,13 +18692,13 @@ function iE() {
           },
           `${s}-${u}`
         )) }),
-        /* @__PURE__ */ b(nE, {})
+        /* @__PURE__ */ b(rE, {})
       ]
     },
     "chat-input"
   ) }) }) });
 }
-const aE = fe.Root, sE = fe.Trigger, oE = fe.Group, uE = Te.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @__PURE__ */ U(
+const sE = fe.Root, oE = fe.Trigger, uE = fe.Group, lE = Te.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @__PURE__ */ U(
   fe.SubTrigger,
   {
     ref: i,
@@ -18656,8 +18714,8 @@ const aE = fe.Root, sE = fe.Trigger, oE = fe.Group, uE = Te.forwardRef(({ classN
     ]
   }
 ));
-uE.displayName = fe.SubTrigger.displayName;
-const lE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
+lE.displayName = fe.SubTrigger.displayName;
+const cE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
   fe.SubContent,
   {
     ref: n,
@@ -18668,7 +18726,7 @@ const lE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
     ...t
   }
 ));
-lE.displayName = fe.SubContent.displayName;
+cE.displayName = fe.SubContent.displayName;
 const lu = Te.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ b(
   fe.Content,
   {
@@ -18696,7 +18754,7 @@ const cu = Te.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ *
   }
 ) }));
 cu.displayName = fe.Item.displayName;
-const cE = Te.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ U(
+const dE = Te.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ U(
   fe.CheckboxItem,
   {
     ref: i,
@@ -18712,8 +18770,8 @@ const cE = Te.forwardRef(({ className: e, children: t, checked: n, ...r }, i) =>
     ]
   }
 ));
-cE.displayName = fe.CheckboxItem.displayName;
-const dE = Te.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ U(
+dE.displayName = fe.CheckboxItem.displayName;
+const hE = Te.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ U(
   fe.RadioItem,
   {
     ref: r,
@@ -18728,8 +18786,8 @@ const dE = Te.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
     ]
   }
 ));
-dE.displayName = fe.RadioItem.displayName;
-const hE = Te.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ b(
+hE.displayName = fe.RadioItem.displayName;
+const fE = Te.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ b(
   fe.Label,
   {
     ref: r,
@@ -18741,8 +18799,8 @@ const hE = Te.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ *
     ...n
   }
 ));
-hE.displayName = fe.Label.displayName;
-const fE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
+fE.displayName = fe.Label.displayName;
+const pE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
   fe.Separator,
   {
     ref: n,
@@ -18750,7 +18808,7 @@ const fE = Te.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b(
     ...t
   }
 ));
-fE.displayName = fe.Separator.displayName;
+pE.displayName = fe.Separator.displayName;
 function du({
   className: e,
   ...t
@@ -18763,11 +18821,11 @@ function du({
     }
   );
 }
-function pE() {
+function mE() {
   const e = Ut(), [t, n] = Fe(!1), { toChatScreen: r } = Lt();
-  return /* @__PURE__ */ U(aE, { open: t, onOpenChange: n, children: [
-    /* @__PURE__ */ b(sE, { asChild: !0, children: /* @__PURE__ */ b(Ie, { variant: "ghost", size: "fit", className: "rounded-full", children: /* @__PURE__ */ b(Xu, { className: "size-4" }) }) }),
-    /* @__PURE__ */ b(lu, { align: "end", className: "min-w-56", children: /* @__PURE__ */ b(oE, { children: /* @__PURE__ */ U(
+  return /* @__PURE__ */ U(sE, { open: t, onOpenChange: n, children: [
+    /* @__PURE__ */ b(oE, { asChild: !0, children: /* @__PURE__ */ b(Ie, { variant: "ghost", size: "fit", className: "rounded-full", children: /* @__PURE__ */ b(Xu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ b(lu, { align: "end", className: "min-w-56", children: /* @__PURE__ */ b(uE, { children: /* @__PURE__ */ U(
       cu,
       {
         onSelect: () => {
@@ -18788,7 +18846,7 @@ function pE() {
     ) }) })
   ] });
 }
-function mE() {
+function gE() {
   const { setIsOpen: e } = hn(), { isSmallScreen: t } = Ht();
   return t ? /* @__PURE__ */ b(
     Ie,
@@ -18801,7 +18859,7 @@ function mE() {
     }
   ) : null;
 }
-function gE() {
+function bE() {
   var i;
   const { data: e } = Yn(), {
     routerState: { screen: t }
@@ -18835,7 +18893,7 @@ function hu() {
       default:
         return;
     }
-  })(), a = gE();
+  })(), a = bE();
   return /* @__PURE__ */ b("header", { ...i, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ U(
     "div",
     {
@@ -18853,13 +18911,13 @@ function hu() {
           }
         ),
         /* @__PURE__ */ b("div", { className: W("flex-1", e === "sessions" && "pl-2"), children: /* @__PURE__ */ b(Ne, { mode: "wait", children: n ? /* @__PURE__ */ b(ie, { snapExit: !0, children: /* @__PURE__ */ b(du, { className: "h-5 w-1/2" }) }, "skeleton") : /* @__PURE__ */ b(ie, { children: /* @__PURE__ */ b("h2", { className: "font-semibold", children: a }) }, "organization-name") }) }),
-        /* @__PURE__ */ b(pE, {}),
-        /* @__PURE__ */ b(mE, {})
+        /* @__PURE__ */ b(mE, {}),
+        /* @__PURE__ */ b(gE, {})
       ]
     }
   ) });
 }
-function bE({
+function EE({
   isFirstInGroup: e,
   isLastInGroup: t,
   isAloneInGroup: n,
@@ -18939,7 +18997,7 @@ function Ga({
                     ...ne("chat/agent_msg_group/avatar_and_msgs/msgs"),
                     className: W("flex-1 flex flex-col gap-1"),
                     children: e.map((r, i, a) => /* @__PURE__ */ b(
-                      bE,
+                      EE,
                       {
                         isFirstInGroup: i === 0,
                         isLastInGroup: i === a.length - 1,
@@ -18972,7 +19030,7 @@ function Ga({
     }
   );
 }
-function EE({
+function TE({
   message: e,
   isFirstInGroup: t,
   isLastInGroup: n,
@@ -19012,7 +19070,7 @@ function EE({
     }
   );
 }
-function TE({
+function wE({
   messages: e
 }) {
   return /* @__PURE__ */ b(
@@ -19021,7 +19079,7 @@ function TE({
       ...ne("chat/user_msg_group/root"),
       className: W("group", "flex flex-col gap-1 justify-end items-end"),
       children: e.map((t, n, r) => /* @__PURE__ */ b(
-        EE,
+        TE,
         {
           message: t,
           isFirstInGroup: n === 0,
@@ -19033,7 +19091,7 @@ function TE({
     }
   );
 }
-function wE(e) {
+function xE(e) {
   const t = [];
   let n = null;
   return e.forEach((r) => {
@@ -19041,23 +19099,23 @@ function wE(e) {
     (!n || ((i = n[0]) == null ? void 0 : i.type) !== r.type) && (n = [], t.push(n)), ((a = n[0]) == null ? void 0 : a.type) === "FROM_AGENT" && r.type === "FROM_AGENT" && ((s = r.agent) == null ? void 0 : s.id) !== ((u = n[0].agent) == null ? void 0 : u.id) && (n = [], t.push(n)), n.push(r);
   }), t;
 }
-function xE(e) {
+function yE(e) {
   var t;
   return ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.type) === "FROM_USER";
 }
-function yE(e) {
+function _E(e) {
   var t;
   return ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.type) === "FROM_BOT";
 }
-function _E(e) {
+function AE(e) {
   var t;
   return ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.type) === "FROM_AGENT";
 }
-function AE() {
+function CE() {
   const {
     messagesState: { messages: e }
   } = dn(), { isAwaitingBotReply: t } = Xa(), { componentStore: n } = mt(), r = We(), { initialQuestions: i, initialQuestionsPosition: a } = r, s = Yr(
-    () => wE(e),
+    () => xE(e),
     [e]
   ), u = r.persistentInitialMessages || [], l = !r.initialMessages || r.initialMessages.length === 0 ? ["Hello, how can I help you?"] : r.initialMessages, c = n.getComponent(
     "loading"
@@ -19121,9 +19179,9 @@ function AE() {
           var y, k, _;
           const f = (y = m == null ? void 0 : m[0]) == null ? void 0 : y.type, E = (k = m[0]) == null ? void 0 : k.id;
           if (!f || !E) return null;
-          if (xE(m))
-            return /* @__PURE__ */ b(TE, { messages: m }, E);
-          if (yE(m) || _E(m)) {
+          if (yE(m))
+            return /* @__PURE__ */ b(wE, { messages: m }, E);
+          if (_E(m) || AE(m)) {
             const S = (_ = m[0]) == null ? void 0 : _.agent;
             return /* @__PURE__ */ b(
               Ga,
@@ -19160,7 +19218,7 @@ function Ei({
     ));
   }, [n, t, e, r]);
 }
-function CE() {
+function kE() {
   const {
     messagesState: { isInitialFetchLoading: e }
   } = dn(), {
@@ -19201,8 +19259,8 @@ function CE() {
             className: "flex flex-col w-full flex-1 overflow-auto",
             snapExit: !0,
             children: [
-              /* @__PURE__ */ b(AE, {}),
-              /* @__PURE__ */ b(iE, {})
+              /* @__PURE__ */ b(CE, {}),
+              /* @__PURE__ */ b(aE, {})
             ]
           },
           r
@@ -19234,7 +19292,7 @@ const Ln = Te.forwardRef(
   }
 );
 Ln.displayName = "Input";
-function kE({ className: e }) {
+function NE({ className: e }) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -19278,7 +19336,7 @@ function pu({ className: e }) {
             /* @__PURE__ */ b("span", { children: "Powered by" }),
             /* @__PURE__ */ b("span", { children: " " }),
             /* @__PURE__ */ U("span", { className: "flex items-center gap-[1px]", children: [
-              /* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(kE, { className: "size-3 inline-block" }) }),
+              /* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(NE, { className: "size-3 inline-block" }) }),
               /* @__PURE__ */ b("span", { className: "font-semibold", children: "open" })
             ] })
           ]
@@ -19287,7 +19345,7 @@ function pu({ className: e }) {
     }
   );
 }
-function NE() {
+function IE() {
   const { contentIframeRef: e } = mt(), t = cn(null);
   return Ot(() => {
     const n = e == null ? void 0 : e.current;
@@ -19309,13 +19367,13 @@ function NE() {
     }
   }, [e]), { observedElementRef: t };
 }
-const IE = nr.object({
+const SE = nr.object({
   name: nr.string().min(2),
   email: nr.string().email()
 });
-function SE() {
+function OE() {
   var _, S, L, M, F, I, j, z, Y;
-  const { setIsOpen: e } = hn(), { createUnverifiedContact: t } = Ou(), { isSmallScreen: n } = Ht(), r = We(), { theme: i } = wn(), a = Ut(), { data: s } = Yn(), { observedElementRef: u } = NE();
+  const { setIsOpen: e } = hn(), { createUnverifiedContact: t } = Ou(), { isSmallScreen: n } = Ht(), r = We(), { theme: i } = wn(), a = Ut(), { data: s } = Yn(), { observedElementRef: u } = IE();
   Ei({
     height: void 0,
     width: i.screens.welcome.width
@@ -19325,7 +19383,7 @@ function SE() {
   ), [f, E] = Fe({}), [y, k] = Lu(
     async (C) => {
       C.preventDefault();
-      const H = IE.safeParse({ name: l, email: d });
+      const H = SE.safeParse({ name: l, email: d });
       H.success && await t(
         {
           email: H.data.email,
@@ -19462,7 +19520,7 @@ function SE() {
     }
   );
 }
-function OE({ session: e }) {
+function LE({ session: e }) {
   const { bot: t } = We(), { toChatScreen: n } = Lt(), r = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ U(
     Ie,
@@ -19495,7 +19553,7 @@ function OE({ session: e }) {
     }
   );
 }
-function LE() {
+function RE() {
   const e = Ut(), { toChatScreen: t } = Lt(), {
     sessionsState: { data: n, isInitialFetchLoading: r }
   } = zn();
@@ -19511,7 +19569,7 @@ function LE() {
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: n.length ? /* @__PURE__ */ U(Qa, { children: [
-        /* @__PURE__ */ b(Ne, { children: n.map((i, a) => /* @__PURE__ */ b(ie, { snapExit: !0, children: /* @__PURE__ */ b(OE, { session: i }) }, `${i.id}-${a}`)) }),
+        /* @__PURE__ */ b(Ne, { children: n.map((i, a) => /* @__PURE__ */ b(ie, { snapExit: !0, children: /* @__PURE__ */ b(LE, { session: i }) }, `${i.id}-${a}`)) }),
         /* @__PURE__ */ b("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ Ai(
           Ie,
           {
@@ -19541,7 +19599,7 @@ function LE() {
     "sessions"
   ) }) });
 }
-function RE() {
+function DE() {
   const { theme: e } = wn();
   return Ei({
     width: e.screens.sessions.width,
@@ -19564,14 +19622,14 @@ function RE() {
       children: [
         /* @__PURE__ */ U("div", { className: "size-full flex flex-col", children: [
           /* @__PURE__ */ b(hu, {}),
-          /* @__PURE__ */ b(LE, {})
+          /* @__PURE__ */ b(RE, {})
         ] }),
         /* @__PURE__ */ b(pu, {})
       ]
     }
   );
 }
-function DE() {
+function vE() {
   Yn();
   const {
     routerState: { screen: e }
@@ -19587,7 +19645,7 @@ function DE() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(SE, {})
+              children: /* @__PURE__ */ b(OE, {})
             },
             e
           );
@@ -19598,7 +19656,7 @@ function DE() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(RE, {})
+              children: /* @__PURE__ */ b(DE, {})
             },
             e
           );
@@ -19609,7 +19667,7 @@ function DE() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(CE, {})
+              children: /* @__PURE__ */ b(kE, {})
             },
             e
           );
@@ -19619,7 +19677,7 @@ function DE() {
     })() })
   ] });
 }
-const vE = `<!DOCTYPE html>
+const PE = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -19637,7 +19695,7 @@ html, body {
 <body>
 </body>
 </html>`;
-function PE() {
+function ME() {
   const { isOpen: e } = hn(), { version: t, contentIframeRef: n } = mt(), { cssOverrides: r } = We(), { theme: i, cssVars: a, computed: s } = wn();
   return /* @__PURE__ */ b(
     Un.Content,
@@ -19676,7 +19734,7 @@ function PE() {
             hi,
             {
               ref: n,
-              initialContent: vE,
+              initialContent: PE,
               allowFullScreen: !0,
               title: "OpenCX Live Chat",
               style: {
@@ -19727,7 +19785,7 @@ function PE() {
                             className: W(
                               "antialiased font-sans size-full overflow-hidden isolate relative text-secondary-foreground"
                             ),
-                            children: /* @__PURE__ */ b(DE, {})
+                            children: /* @__PURE__ */ b(vE, {})
                           }
                         )
                       }
@@ -19742,7 +19800,7 @@ function PE() {
     }
   );
 }
-function ME({
+function BE({
   className: e,
   style: t
 }) {
@@ -19777,7 +19835,7 @@ function ME({
     }
   );
 }
-const BE = `<!DOCTYPE html>
+const FE = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -19794,13 +19852,13 @@ html, body {
 <body>
 </body>
 </html>`;
-function FE() {
+function HE() {
   var a, s;
   const { isOpen: e } = hn(), { cssOverrides: t, assets: n } = We(), { theme: r, cssVars: i } = wn();
   return /* @__PURE__ */ U(
     hi,
     {
-      initialContent: BE,
+      initialContent: FE,
       style: {
         height: `calc(${r.widgetTrigger.size.button}px + ${St.x * 2}px)`,
         width: `calc(${r.widgetTrigger.size.button}px + ${St.y * 2}px)`,
@@ -19897,7 +19955,7 @@ function FE() {
                             }
                           }
                         ) : /* @__PURE__ */ b(
-                          ME,
+                          BE,
                           {
                             style: {
                               width: r.widgetTrigger.size.icon,
@@ -19919,7 +19977,7 @@ function FE() {
     }
   );
 }
-function HE() {
+function UE() {
   return /* @__PURE__ */ b(
     Un.Anchor,
     {
@@ -19927,15 +19985,15 @@ function HE() {
     }
   );
 }
-function UE() {
+function zE() {
   const { isOpen: e, setIsOpen: t } = hn();
   return /* @__PURE__ */ U(Un.Root, { open: e, onOpenChange: t, children: [
+    /* @__PURE__ */ b(UE, {}),
     /* @__PURE__ */ b(HE, {}),
-    /* @__PURE__ */ b(FE, {}),
-    /* @__PURE__ */ b(PE, {})
+    /* @__PURE__ */ b(ME, {})
   ] });
 }
-const zE = [
+const YE = [
   {
     key: "loading",
     component: Hb
@@ -19952,7 +20010,7 @@ const zE = [
     key: "agent_message",
     component: Hn
   }
-], YE = {
+], jE = {
   get: async (e) => localStorage.getItem(e),
   set: async (e, t) => {
     localStorage.setItem(e, t);
@@ -19961,7 +20019,7 @@ const zE = [
     localStorage.removeItem(e);
   }
 };
-function e2({
+function t2({
   options: e,
   components: t = [],
   loadingComponent: n
@@ -19969,15 +20027,15 @@ function e2({
   return /* @__PURE__ */ b(
     Ru,
     {
-      components: [...zE, ...t],
+      components: [...YE, ...t],
       options: e,
-      storage: YE,
+      storage: jE,
       loadingComponent: n,
-      children: /* @__PURE__ */ b(Du, { children: /* @__PURE__ */ b(UE, {}) })
+      children: /* @__PURE__ */ b(Du, { children: /* @__PURE__ */ b(zE, {}) })
     }
   );
 }
 export {
-  e2 as Widget
+  t2 as Widget
 };
 //# sourceMappingURL=designs.js.map