@foris/avocado-not-front 2.0.0 → 2.0.2

package/dist/avocado-not-front.es.js

@@ -1,59 +1,63 @@
 import V from "axios";
 import { create as Ue } from "zustand";
-import Ve, { useEffect as J, useMemo as R, useState as S, Fragment as T, useCallback as D, useRef as Je, cloneElement as He } from "react";
+import Ve, { useEffect as J, useMemo as O, useState as q, Fragment as $, useCallback as D, useRef as Je, cloneElement as He } from "react";
 import { Heading as Ae, Text as Xe, ThemeStore as ue, Breadcrumbs as We, Button as Qe, CardNotification as he, Checkbox as Ye, PreviewerMarkdown as Ze, Divider as Fe, SkeletonBase as Oe, Modal as Pe, Pill as de, RoundButton as et, SelectPagination as tt, Select as nt, Switch as rt, Table as st, Pager as at, TextField as ot, toast as W, Accordion as ct, Drawer as it, Loading as lt, Toaster as dt } from "@foris/avocado-suite";
 import { SummaryCard as _t, PromptCodeEditor as ut } from "@foris/ai-agent";
 import ht from "@uiw/react-codemirror";
 import { json as be } from "@codemirror/lang-json";
 import { markdown as ft } from "@codemirror/lang-markdown";
 import { sql as yt } from "@codemirror/lang-sql";
-import { yaml as xt } from "@codemirror/lang-yaml";
+import { yaml as mt } from "@codemirror/lang-yaml";
 import B from "jsonpath";
-import { Legend as mt, Tooltip as gt, XAxis as pt, YAxis as bt, ResponsiveContainer as te, AreaChart as jt, CartesianGrid as fe, Area as wt, BarChart as Ct, Bar as Nt, LineChart as vt, Line as Et, PieChart as kt, Pie as St, Cell as qt } from "recharts";
-const v = Ue(() => ({})), oe = (e, t, s) => {
-  const r = s == null ? void 0 : s.hash;
+import { Legend as xt, Tooltip as gt, XAxis as pt, YAxis as bt, ResponsiveContainer as te, AreaChart as jt, CartesianGrid as fe, Area as wt, BarChart as Ct, Bar as Nt, LineChart as vt, Line as Et, PieChart as kt, Pie as qt, Cell as St } from "recharts";
+const v = Ue(() => ({})), oe = (e, t, s, r) => {
+  const l = s == null ? void 0 : s.hash, o = r && Object.keys(r).length > 0 ? { ...r } : {};
   v.setState((i) => {
-    var o;
+    var n;
     return {
       ...i,
       [e]: {
         ...i[e],
         apiConfig: t,
-        currentPageId: r,
+        currentPageId: l,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: {},
+        entries: o,
         overlay: null,
         pages: {
-          ...(o = i[e]) == null ? void 0 : o.pages,
-          [r]: {
+          ...(n = i[e]) == null ? void 0 : n.pages,
+          [l]: {
             page: s
           }
         }
       }
     };
   });
-}, Te = (e, t) => t.length === 0 ? e : Object.fromEntries(
-  Object.entries(e).filter(
-    ([s]) => !t.includes(s)
-  )
-), At = (e, t, s, r) => {
-  sessionStorage.setItem("sessionId", s), v.setState((i) => {
-    const o = i[e] ?? {}, l = o.entries ?? {}, n = Te(
-      l,
-      r
+}, Te = (e, t, s) => {
+  const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
+  return t.length === 0 ? e : Object.fromEntries(
+    Object.entries(r).filter(
+      ([l]) => !t.includes(l)
+    )
+  );
+}, At = (e, t, s, r, l) => {
+  sessionStorage.setItem("sessionId", s), v.setState((o) => {
+    const i = o[e] ?? {}, n = i.entries ?? {}, d = Te(
+      n,
+      r,
+      l
     );
     return {
-      ...i,
+      ...o,
       [e]: {
-        ...o,
+        ...i,
         currentPageId: t.hash,
-        entries: n,
+        entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...o.pages,
+          ...i.pages,
           [t.hash]: {
             page: { ...t }
           }
@@ -61,24 +65,25 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
       }
     };
   });
-}, Ot = (e, t, s) => {
-  v.setState((r) => {
-    var d;
-    const i = r[e] ?? {}, o = i.entries ?? {}, l = Te(
-      o,
-      s
-    ), n = (d = t.components) == null ? void 0 : d.some(
-      (a) => a.component === "drawer"
+}, Ot = (e, t, s, r) => {
+  v.setState((l) => {
+    var a;
+    const o = l[e] ?? {}, i = o.entries ?? {}, n = Te(
+      i,
+      s,
+      r
+    ), d = (a = t.components) == null ? void 0 : a.some(
+      (u) => u.component === "drawer"
     );
     return {
-      ...r,
+      ...l,
       [e]: {
-        ...i,
-        entries: l,
+        ...o,
+        entries: n,
         overlay: t,
         isLoading: !1,
-        isModalOpen: !n,
-        isDrawerOpen: !!n
+        isModalOpen: !d,
+        isDrawerOpen: !!d
       }
     };
   });
@@ -93,17 +98,24 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
 }, Tt = (e) => {
   var s;
   return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
-}, q = (e, t) => {
-  const { content: s, sessionId: r, deprecatedStateKeys: i = [] } = t;
+}, S = (e, t) => {
+  const {
+    content: s,
+    sessionId: r,
+    deprecatedStateKeys: l = [],
+    sessionState: o
+  } = t;
   s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? At(
     e,
     s,
     r,
-    i
+    l,
+    o
   ) : Ot(
     e,
     s,
-    i
+    l,
+    o
   ));
 }, L = (e, t) => {
   v.setState((s) => {
@@ -128,7 +140,7 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
       isLoading: t
     }
   }));
-}, xe = (e, t) => {
+}, me = (e, t) => {
   v.setState((s) => ({
     ...s,
     [e]: {
@@ -165,12 +177,12 @@ const $t = (e) => e._userFlow || null, Ce = (e) => {
     e ? s(e) : t(void 0);
   }), P = [];
 }, Rt = async (e) => {
-  var r, i;
+  var r, l;
   const t = e == null ? void 0 : e.config;
   if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
     const o = $t(t);
     if (o) {
-      const n = (i = v.getState()[o]) == null ? void 0 : i.apiConfig;
+      const n = (l = v.getState()[o]) == null ? void 0 : l.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
@@ -238,8 +250,8 @@ function Bt() {
   if (Ne)
     return Q;
   Ne = 1;
-  var e = Ve, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(n, d, a) {
+  var e = Ve, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(n, d, a) {
     var u, f = {}, _ = null, h = null;
     a !== void 0 && (_ = "" + a), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
     for (u in d)
@@ -247,9 +259,9 @@ function Bt() {
     if (n && n.defaultProps)
       for (u in d = n.defaultProps, d)
         f[u] === void 0 && (f[u] = d[u]);
-    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: i.current };
+    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: l.current };
   }
-  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
+  return Q.Fragment = s, Q.jsx = i, Q.jsxs = i, Q;
 }
 $e.exports = Bt();
 var c = $e.exports;
@@ -275,28 +287,42 @@ const It = (e) => {
 }, [e == null ? void 0 : e.chatPanelCallback]), null), Kt = "_summaryCard_jva4h_1", Gt = {
   summaryCard: Kt
 }, Ut = (e) => {
-  var t, s, r;
+  const t = e.dataSource, s = {
+    url: e.dataSource.url,
+    method: e.dataSource.method,
+    headers: e.dataSource.headers,
+    body: t == null ? void 0 : t.data
+  }, r = e.locale ?? "en", l = O(() => {
+    var i, n, d;
+    const o = {
+      title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.title,
+      loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
+      noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
+    };
+    return Object.fromEntries(
+      Object.entries(o).filter(([, a]) => !!a)
+    );
+  }, [e == null ? void 0 : e.translations]);
   return /* @__PURE__ */ c.jsx("section", { className: Gt.summaryCard, children: /* @__PURE__ */ c.jsx(
     _t,
     {
-      api: (t = e == null ? void 0 : e.dataSource) == null ? void 0 : t.url,
-      body: (s = e == null ? void 0 : e.dataSource) == null ? void 0 : s.data,
-      headers: (r = e == null ? void 0 : e.dataSource) == null ? void 0 : r.headers,
-      ...e
+      dataSource: s,
+      locale: r,
+      translations: l
     }
   ) });
 }, M = (e, t) => {
   const s = v((r) => {
-    var i;
-    return ((i = r[e]) == null ? void 0 : i.entries) || {};
+    var l;
+    return ((l = r[e]) == null ? void 0 : l.entries) || {};
   });
-  return R(() => {
+  return O(() => {
     const r = {
       disabled: !1
     };
-    return !t || t.length === 0 || t.forEach((i) => {
-      const o = s[i.key], l = o == null || o === "" || Array.isArray(o) && o.length === 0;
-      i.when === "empty" && l && i.actions.forEach((d) => {
+    return !t || t.length === 0 || t.forEach((l) => {
+      const o = s[l.key], i = o == null || o === "" || Array.isArray(o) && o.length === 0;
+      l.when === "empty" && i && l.actions.forEach((d) => {
         r[d] = !0;
       });
     }), r;
@@ -308,19 +334,19 @@ const It = (e) => {
     userFlow: t,
     responseKey: s,
     codeBlockValue: r,
-    language: i,
+    language: l,
     disabled: o,
-    dependencies: l,
+    dependencies: i,
     dataSource: n,
     inputLabel: d,
     inputPlaceholder: a,
     codeBlockLabel: u
-  } = e, f = ue.useThemeStore((b) => b.theme.mode), [_, h] = S(
+  } = e, f = ue.useThemeStore((b) => b.theme.mode), [_, h] = q(
     r || ""
   ), { disabled: j } = M(
     t,
-    l
-  ), y = o ?? j, m = i ?? "json", x = {
+    i
+  ), y = o ?? j, x = l ?? "json", m = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
@@ -338,8 +364,8 @@ const It = (e) => {
     ut,
     {
       themeMode: f,
-      requestConfig: x,
-      language: m,
+      requestConfig: m,
+      language: x,
       disabled: y,
       inputLabel: d,
       inputPlaceholder: a,
@@ -351,7 +377,7 @@ const It = (e) => {
 }, Xt = "_body_14tsv_1", Wt = "_body_content_14tsv_5", ve = {
   body: Xt,
   body_content: Wt
-}, Qt = ({ inputs: e }) => /* @__PURE__ */ c.jsx("section", { className: ve.body, children: /* @__PURE__ */ c.jsx("div", { className: ve.body_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx(T, { children: t }, s)) }) }), X = (e) => {
+}, Qt = ({ inputs: e }) => /* @__PURE__ */ c.jsx("section", { className: ve.body, children: /* @__PURE__ */ c.jsx("div", { className: ve.body_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), X = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -363,24 +389,24 @@ const It = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), Yt = (e, t = {}, s = {}, r = !1, i) => {
+}, F = () => new AbortController(), Yt = (e, t = {}, s = {}, r = !1, l) => {
   const o = F();
   r && o.abort();
-  const l = X(t);
+  const i = X(t);
   return {
     call: V.get(e, {
       headers: {
-        ...l
+        ...i
       },
       params: s,
       signal: o.signal,
-      _userFlow: i
+      _userFlow: l
     }),
     controller: o
   };
-}, _e = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, _e = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.post(e, s, {
@@ -388,14 +414,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Zt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Zt = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.put(e, s, {
@@ -403,14 +429,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Ft = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Ft = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.patch(e, s, {
@@ -418,14 +444,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Pt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Pt = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.delete(e, {
@@ -434,34 +460,34 @@ const It = (e) => {
       },
       data: s,
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
 }, Re = () => {
   let e;
   return { callEndpoint: async (r) => {
     r.controller && (e = r.controller);
-    let i = {};
+    let l = {};
     try {
-      i = await r.call;
+      l = await r.call;
     } catch (o) {
       throw o;
     }
-    return i;
+    return l;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, De = async (e, t, s = "", r = {}, i = {}) => {
+}, De = async (e, t, s = "", r = {}, l = {}) => {
   try {
-    const { callEndpoint: o } = Re(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
+    const { callEndpoint: o } = Re(), { api: i, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
     s && a.append("hash_code", s), d && a.append("sessionId", d);
-    const u = `${l}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = _e(
+    const u = `${i}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = _e(
       u,
       f,
       r,
-      i,
+      l,
       !1,
       t
     );
@@ -501,7 +527,7 @@ const It = (e) => {
       default:
         return Yt(u, f, h, !1, d);
     }
-  }, i = (n, d) => {
+  }, l = (n, d) => {
     const { url: a, headers: u } = n, f = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
@@ -531,7 +557,7 @@ const It = (e) => {
           _ = r(n, d);
           break;
         case "graphql":
-          _ = i(n, d);
+          _ = l(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -577,11 +603,11 @@ const It = (e) => {
   items: t,
   responseKey: s
 }) => {
-  const { getNextUI: r } = I(), i = D(
-    async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
+  const { getNextUI: r } = I(), l = D(
+    async ({ actionType: i, hashCode: n, redirectUrl: d }) => {
       var a;
       try {
-        switch (l) {
+        switch (i) {
           case "GO_TO_NEXT_UI":
             const u = await r(
               e,
@@ -589,13 +615,13 @@ const It = (e) => {
               { ...(a = v.getState()[e]) == null ? void 0 : a.entries },
               s
             );
-            u != null && u.data && q(e, u == null ? void 0 : u.data);
+            u != null && u.data && S(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${l}`);
+            console.warn(`Unhandled actionType: ${i}`);
             break;
         }
       } catch (u) {
@@ -603,9 +629,9 @@ const It = (e) => {
       }
     },
     []
-  ), o = R(() => t == null ? void 0 : t.map((l) => ({
-    title: l == null ? void 0 : l.title,
-    component: /* @__PURE__ */ c.jsx("div", { onClick: () => i(l) })
+  ), o = O(() => t == null ? void 0 : t.map((i) => ({
+    title: i == null ? void 0 : i.title,
+    component: /* @__PURE__ */ c.jsx("div", { onClick: () => l(i) })
   })), []);
   return /* @__PURE__ */ c.jsx(We, { items: o });
 }, tn = (e) => {
@@ -613,9 +639,9 @@ const It = (e) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    content: l,
+    content: i,
     dataSource: n,
     redirectUrl: d,
     dependencies: a,
@@ -624,19 +650,19 @@ const It = (e) => {
   } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: j } = I(), { disabled: y } = M(
     t,
     a
-  ), m = {
+  ), x = {
     ...f,
-    children: l ?? o
-  }, x = (m == null ? void 0 : m.disabled) ?? y, g = D(async () => {
+    children: i ?? o
+  }, m = (x == null ? void 0 : x.disabled) ?? y, g = D(async () => {
     var b, N, p;
     try {
       const C = {
         ...(b = v.getState()[t]) == null ? void 0 : b.entries,
         [r]: { status: 200 }
       };
-      switch (L(t, C), i) {
+      switch (L(t, C), l) {
         case "CLOSE_MODAL":
-          xe(t, !1);
+          me(t, !1);
           break;
         case "CLOSE_DRAWER":
           Z(t, !1);
@@ -651,7 +677,7 @@ const It = (e) => {
             C,
             r
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -662,7 +688,7 @@ const It = (e) => {
             r,
             n
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -674,8 +700,8 @@ const It = (e) => {
           ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
           if ((E == null ? void 0 : E.type) !== "fetch")
             break;
-          const O = E == null ? void 0 : E.dataSource, k = await h(
-            O,
+          const T = E == null ? void 0 : E.dataSource, k = await h(
+            T,
             t,
             // Avoid to handle loading state until all the requests are done
             !1
@@ -693,39 +719,39 @@ const It = (e) => {
             K,
             r
           );
-          G != null && G.data && q(t, G == null ? void 0 : G.data);
+          G != null && G.data && S(t, G == null ? void 0 : G.data);
           break;
         }
         case "REDIRECT":
           d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (C) {
       alert(JSON.stringify(C));
     }
-  }, [i, n, s, r, t]);
+  }, [l, n, s, r, t]);
   return /* @__PURE__ */ c.jsx(
     Qe,
     {
-      ...m,
-      disabled: x,
-      onClick: () => !x && (u ?? g)()
+      ...x,
+      disabled: m,
+      onClick: () => !m && (u ?? g)()
     }
   );
 }, nn = "_cardNotificationNotFront_t7pln_1", rn = {
   cardNotificationNotFront: nn
 }, sn = (e) => {
-  const { content: t, description: s, ...r } = e, i = {
+  const { content: t, description: s, ...r } = e, l = {
     ...r,
     children: t ?? s
   };
   return /* @__PURE__ */ c.jsx(
     he,
     {
-      ...i,
+      ...l,
       className: rn.cardNotificationNotFront
     }
   );
@@ -734,18 +760,18 @@ const It = (e) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
     t,
     d
-  ), y = R(() => n && o ? `${o} *` : o ?? "", [o, n]), m = D(async () => {
+  ), y = O(() => n && o ? `${o} *` : o ?? "", [o, n]), x = D(async () => {
     var g;
     try {
       const b = !_;
@@ -754,7 +780,7 @@ const It = (e) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [r]: b
       };
-      switch (L(t, N), i) {
+      switch (L(t, N), l) {
         case "GO_TO_NEXT_UI":
           const p = await f(
             t,
@@ -762,25 +788,25 @@ const It = (e) => {
             N,
             r
           );
-          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          p != null && p.data && S(t, p == null ? void 0 : p.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (b) {
       console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]), x = (u == null ? void 0 : u.disabled) ?? j;
+  }, [t, s, r, l, _]), m = (u == null ? void 0 : u.disabled) ?? j;
   return /* @__PURE__ */ c.jsx(
     Ye,
     {
       ...u,
       labelRight: y,
       checked: _,
-      disabled: x,
+      disabled: m,
       onChange: () => {
-        !x && m();
+        !m && x();
       }
     }
   );
@@ -795,22 +821,22 @@ const It = (e) => {
     userFlow: t,
     responseKey: s,
     label: r,
-    language: i,
+    language: l,
     placeholder: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     disabled: a,
     showPreview: u
-  } = e, [f, _] = S(l ?? ""), h = ue.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
+  } = e, [f, _] = q(i ?? ""), h = ue.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
     t,
     d
-  ), y = a ?? j, m = {
+  ), y = a ?? j, x = {
     json: be(),
     markdown: ft(),
     sql: yt(),
-    yaml: xt()
-  }, x = R(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (b) => {
+    yaml: mt()
+  }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (b) => {
     _(b);
     const N = {
       [s]: b
@@ -818,7 +844,7 @@ const It = (e) => {
     L(t, N);
   };
   return /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor, children: [
-    x && x !== "" && /* @__PURE__ */ c.jsx("label", { className: Y.codeEditor_label, children: x }),
+    m && m !== "" && /* @__PURE__ */ c.jsx("label", { className: Y.codeEditor_label, children: m }),
     /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor_wrapper, children: [
       /* @__PURE__ */ c.jsx(
         ht,
@@ -827,13 +853,13 @@ const It = (e) => {
           value: f,
           height: "400px",
           placeholder: o,
-          extensions: [m[i] ?? be()],
+          extensions: [x[l] ?? be()],
           onChange: (b) => g(b),
           theme: h,
           editable: !y
         }
       ),
-      i == "markdown" && u && /* @__PURE__ */ c.jsx(Ze, { className: Y.preview, children: f })
+      l == "markdown" && u && /* @__PURE__ */ c.jsx(Ze, { className: Y.preview, children: f })
     ] })
   ] });
 };
@@ -847,18 +873,18 @@ var Le = { exports: {} };
   (function() {
     var t = {}.hasOwnProperty;
     function s() {
-      for (var r = [], i = 0; i < arguments.length; i++) {
-        var o = arguments[i];
+      for (var r = [], l = 0; l < arguments.length; l++) {
+        var o = arguments[l];
         if (o) {
-          var l = typeof o;
-          if (l === "string" || l === "number")
+          var i = typeof o;
+          if (i === "string" || i === "number")
             r.push(o);
           else if (Array.isArray(o)) {
             if (o.length) {
               var n = s.apply(null, o);
               n && r.push(n);
             }
-          } else if (l === "object") {
+          } else if (i === "object") {
             if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
               r.push(o.toString());
               continue;
@@ -877,33 +903,33 @@ var hn = Le.exports;
 const ee = /* @__PURE__ */ Lt(hn);
 const fn = "_dividerNotFront_tze3j_1", yn = {
   dividerNotFront: fn
-}, xn = (e) => /* @__PURE__ */ c.jsx(Fe, { ...e, className: yn.dividerNotFront }), mn = (e, t, s) => {
-  const { url: r, paginationKeys: i, params: o } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
-  if (l.push(`${n}=${t}`), typeof s == "string") {
-    const u = (i == null ? void 0 : i.text) ?? "text";
-    l.push(`${u}=${encodeURIComponent(s || "")}`);
+}, mn = (e) => /* @__PURE__ */ c.jsx(Fe, { ...e, className: yn.dividerNotFront }), xn = (e, t, s) => {
+  const { url: r, paginationKeys: l, params: o } = e, i = [], n = (l == null ? void 0 : l.page) ?? "page";
+  if (i.push(`${n}=${t}`), typeof s == "string") {
+    const u = (l == null ? void 0 : l.text) ?? "text";
+    i.push(`${u}=${encodeURIComponent(s || "")}`);
   }
   if (o && typeof o == "object") {
     const u = Object.entries(o).map(
       ([f, _]) => `${encodeURIComponent(f)}=${encodeURIComponent(_)}`
     );
-    l.push(...u);
+    i.push(...u);
   }
-  const d = l.join("&");
+  const d = i.join("&");
   return d ? `${r}?${d}` : r;
-}, me = (e, t, s) => {
-  const { type: r, url: i, method: o, headers: l } = e;
+}, xe = (e, t, s) => {
+  const { type: r, url: l, method: o, headers: i } = e;
   return r === "rest" ? {
     type: "rest",
-    url: mn(e, t, s),
+    url: xn(e, t, s),
     method: o,
-    headers: l,
+    headers: i,
     data: (e == null ? void 0 : e.data) || {}
   } : {
     type: "graphql",
-    url: i,
+    url: l,
     method: "post",
-    headers: l,
+    headers: i,
     query: e == null ? void 0 : e.query,
     variables: {
       ...(e == null ? void 0 : e.variables) || {},
@@ -912,16 +938,16 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     }
   };
 }, ie = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Be = (e, t, s, r) => {
-  const i = B.query(e, t), o = i == null ? void 0 : i.map((a) => {
+  const l = B.query(e, t), o = l == null ? void 0 : l.map((a) => {
     var u, f;
     if (s) {
       const _ = {};
       for (const [h, j] of Object.entries(s))
         if (typeof j == "object" && "path" in j) {
-          const y = j, m = (u = B.query(a, y.path)) == null ? void 0 : u[0];
-          y.translations && String(m) in y.translations ? _[h] = ie(
-            y.translations[String(m)]
-          ) : _[h] = ie(m);
+          const y = j, x = (u = B.query(a, y.path)) == null ? void 0 : u[0];
+          y.translations && String(x) in y.translations ? _[h] = ie(
+            y.translations[String(x)]
+          ) : _[h] = ie(x);
         } else {
           const y = j;
           _[h] = ie((f = B.query(a, y)) == null ? void 0 : f[0]);
@@ -929,24 +955,24 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
       return _;
     } else
       return a;
-  }), l = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
-    size: l,
+  }), i = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? l.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
+    size: i,
     total: n,
     totalPages: r != null && r.totalPages ? B.value(
       e,
       (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
-    ) : l > 0 ? Math.ceil(n / l) : 0
+    ) : i > 0 ? Math.ceil(n / i) : 0
   };
   return { items: o, pagination: d };
 }, ne = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ c.jsx("span", { style: { color: $.labelColor }, children: s });
+  const t = (s) => /* @__PURE__ */ c.jsx("span", { style: { color: R.labelColor }, children: s });
   return /* @__PURE__ */ c.jsx(
-    mt,
+    xt,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: $.fontSize,
-        fontFamily: $.fontFamily,
+        fontSize: R.fontSize,
+        fontFamily: R.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
@@ -960,21 +986,21 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   var o;
   if (!e || !t || !t.length)
     return null;
-  const i = {
-    backgroundColor: $.tooltipBg,
-    borderRadius: $.tooltipBorderRadius,
-    color: $.tooltipColor,
+  const l = {
+    backgroundColor: R.tooltipBg,
+    borderRadius: R.tooltipBorderRadius,
+    color: R.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
   if (r) {
-    const l = (o = t[0]) == null ? void 0 : o.payload;
-    if (l && l[r] !== void 0 && l[r] !== null)
-      return /* @__PURE__ */ c.jsx("div", { style: i, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: l[r] }) });
+    const i = (o = t[0]) == null ? void 0 : o.payload;
+    if (i && i[r] !== void 0 && i[r] !== null)
+      return /* @__PURE__ */ c.jsx("div", { style: l, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: i[r] }) });
   }
-  return /* @__PURE__ */ c.jsxs("div", { style: i, children: [
+  return /* @__PURE__ */ c.jsxs("div", { style: l, children: [
     /* @__PURE__ */ c.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
-    t.map((l, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
+    t.map((i, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: i.color }, children: `${i.name}: ${i.value}` }, n))
   ] });
 }, re = ({ tooltipKey: e } = {}) => /* @__PURE__ */ c.jsx(
   gt,
@@ -987,68 +1013,68 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     dataKey: e,
     hide: t,
     tick: {
-      fill: $.labelColor,
-      fontSize: $.fontSize
+      fill: R.labelColor,
+      fontSize: R.fontSize
     }
   }
 ), pe = () => /* @__PURE__ */ c.jsx(
   bt,
   {
     tick: {
-      fill: $.labelColor,
-      fontSize: $.fontSize
+      fill: R.labelColor,
+      fontSize: R.fontSize
     }
   }
 ), pn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(jt, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, l) => /* @__PURE__ */ c.jsx(
+    r.map((o, i) => /* @__PURE__ */ c.jsx(
       wt,
       {
         type: "monotone",
         dataKey: o,
-        stroke: z[l % z.length],
-        fill: z[l % z.length]
+        stroke: z[i % z.length],
+        fill: z[i % z.length]
       },
       o
     ))
   ] }) });
 }, bn = (e) => {
-  const { data: t, yKeys: s, xKey: r, tooltipKey: i } = e;
+  const { data: t, yKeys: s, xKey: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(Ct, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { hide: !0, dataKey: r }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, { withPadding: !0 }),
-    s.map((o, l) => /* @__PURE__ */ c.jsx(
+    s.map((o, i) => /* @__PURE__ */ c.jsx(
       Nt,
       {
         dataKey: o,
-        fill: z[l % z.length]
+        fill: z[i % z.length]
       },
       o
     ))
   ] }) });
 }, jn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(vt, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, l) => /* @__PURE__ */ c.jsx(
+    r.map((o, i) => /* @__PURE__ */ c.jsx(
       Et,
       {
         type: "monotone",
         dataKey: o,
-        stroke: z[l % z.length],
+        stroke: z[i % z.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1056,22 +1082,22 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     ))
   ] }) });
 }, wn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e, o = ({
-    cx: l,
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e, o = ({
+    cx: i,
     cy: n,
     midAngle: d,
     innerRadius: a,
     outerRadius: u,
     value: f
   }) => {
-    const _ = Math.PI / 180, h = 25 + a + (u - a), j = l + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
+    const _ = Math.PI / 180, h = 25 + a + (u - a), j = i + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
     return /* @__PURE__ */ c.jsx(
       "text",
       {
         x: j,
         y,
-        fill: $.labelColor,
-        color: $.labelColor,
+        fill: R.labelColor,
+        color: R.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: f
@@ -1079,18 +1105,18 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     );
   };
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(kt, { children: [
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
     /* @__PURE__ */ c.jsx(
-      St,
+      qt,
       {
         data: t,
         dataKey: r[0],
         nameKey: s,
         label: o,
         outerRadius: 120,
-        children: t.map((l, n) => /* @__PURE__ */ c.jsx(
-          qt,
+        children: t.map((i, n) => /* @__PURE__ */ c.jsx(
+          St,
           {
             fill: z[n % z.length]
           },
@@ -1122,7 +1148,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], $ = {
+], R = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1130,40 +1156,40 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
 }, Nn = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: o, ...l } = e, n = Cn[l.type];
+  const { component: t, userFlow: s, hash: r, responseKey: l, dataSource: o, ...i } = e, n = Cn[i.type];
   if (!n)
     return /* @__PURE__ */ c.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [a, u] = S(!1), [f, _] = S([]), h = async () => {
-    var y, m;
+  const { fetchDataSource: d } = I(), [a, u] = q(!1), [f, _] = q([]), h = async () => {
+    var y, x;
     try {
       u(!0);
-      const { jsonPathData: x, mapperData: g } = o, b = me(
+      const { jsonPathData: m, mapperData: g } = o, b = xe(
         o,
         1
       ), N = await d(
         b,
         s,
         !1
-      ), p = x ? (y = Be(N == null ? void 0 : N.data, x, g)) == null ? void 0 : y.items : (m = N == null ? void 0 : N.data) == null ? void 0 : m.data;
+      ), p = m ? (y = Be(N == null ? void 0 : N.data, m, g)) == null ? void 0 : y.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
       _(p), u(!1);
-    } catch (x) {
-      alert(JSON.stringify(x)), u(!1);
+    } catch (m) {
+      alert(JSON.stringify(m)), u(!1);
     }
   };
   J(() => {
-    o ? h() : _(l.data);
+    o ? h() : _(i.data);
   }, []);
   const j = {
-    ...l,
+    ...i,
     data: f
   };
   return a ? /* @__PURE__ */ c.jsx(Oe, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ c.jsx(he, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
 }, vn = "_header_g1eri_1", En = "_header_content_g1eri_5", Ee = {
   header: vn,
   header_content: En
-}, kn = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: ee(Ee.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ee.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx(T, { children: t }, s)) }) }), A = (e, t, s, r) => {
-  var l;
-  const i = {
+}, kn = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: ee(Ee.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ee.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), A = (e, t, s, r) => {
+  var i;
+  const l = {
     accordion: (n) => /* @__PURE__ */ c.jsx(hr, { ...n, userFlow: e, pageId: t }),
     aiChatPanel: (n) => /* @__PURE__ */ c.jsx(Mt, { ...n, userFlow: e, pageId: t, chatPanelCallback: r }),
     aiSummaryCard: (n) => /* @__PURE__ */ c.jsx(Ut, { ...n, userFlow: e, pageId: t }),
@@ -1174,8 +1200,8 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     chart: (n) => /* @__PURE__ */ c.jsx(Nn, { ...n, userFlow: e }),
     checkbox: (n) => /* @__PURE__ */ c.jsx(an, { ...n, userFlow: e, pageId: t }),
     code: (n) => /* @__PURE__ */ c.jsx(un, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ c.jsx(xn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ c.jsx(mr, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ c.jsx(mn, { ...n }),
+    drawer: (n) => /* @__PURE__ */ c.jsx(xr, { ...n, userFlow: e, pageId: t }),
     heading: (n) => It(n),
     pill: (n) => /* @__PURE__ */ c.jsx($n, { ...n }),
     modal: (n) => /* @__PURE__ */ c.jsx(An, { ...n, userFlow: e, pageId: t }),
@@ -1189,62 +1215,62 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     textField: (n) => /* @__PURE__ */ c.jsx(lr, { ...n, userFlow: e, pageId: t }),
     toast: (n) => /* @__PURE__ */ c.jsx(dr, { ...n, userFlow: e, pageId: t })
   };
-  return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
-    const d = i[n.component];
+  return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
+    const d = l[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
-}, Sn = "_modalContent_p06ci_1", qn = {
-  modalContent: Sn
+}, qn = "_modalContent_p06ci_1", Sn = {
+  modalContent: qn
 }, An = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
+  body: l,
   footer: o,
-  headerStatusColor: l,
+  headerStatusColor: i,
   ...n
 }) => {
-  const d = v((x) => {
+  const d = v((m) => {
     var g;
-    return (g = x[e]) == null ? void 0 : g.isModalOpen;
-  }), a = v((x) => {
+    return (g = m[e]) == null ? void 0 : g.isModalOpen;
+  }), a = v((m) => {
     var g;
-    return (g = x[e]) == null ? void 0 : g.isLoading;
+    return (g = m[e]) == null ? void 0 : g.isLoading;
   }), u = d && !a, f = {
     ...n
-  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
-    ye(e), xe(e, !1);
-  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, i), m = A(e, t, o);
+  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? i, h = D(() => {
+    ye(e), me(e, !1);
+  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, l), x = A(e, t, o);
   return /* @__PURE__ */ c.jsx(
     Pe,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof j == "string" ? j : /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((x, g) => /* @__PURE__ */ c.jsx(T, { children: x }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ c.jsx("section", { className: qn.modalContent, children: y.map((x, g) => /* @__PURE__ */ c.jsx(T, { children: x }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: m.map((x, g) => /* @__PURE__ */ c.jsx(T, { children: x }, `modal-footer-${g}`)) }),
+      header: typeof j == "string" ? j : /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ c.jsx("section", { className: Sn.modalContent, children: y.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: x.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
 }, On = ({ userFlow: e, pageId: t }) => {
-  var o, l;
+  var o, i;
   const s = Tt(e);
   if (!s)
     return null;
   const r = [
     ...(s == null ? void 0 : s.components) || [],
     ...((o = s == null ? void 0 : s.header) == null ? void 0 : o.components) || [],
-    ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
-  ], i = A(
+    ...((i = s == null ? void 0 : s.body) == null ? void 0 : i.components) || []
+  ], l = A(
     e,
     t,
     r
   );
-  return /* @__PURE__ */ c.jsx(c.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: l == null ? void 0 : l.map((n, d) => {
     const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ c.jsx(T, { children: n }, a);
+    return /* @__PURE__ */ c.jsx($, { children: n }, a);
   }) });
 }, Tn = {
   success: {
@@ -1273,12 +1299,12 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     iconColor: "neutral-70"
   }
 }, $n = (e) => {
-  const { content: t, variant: s = "neutral", ...r } = e, i = Tn[s], o = {
+  const { content: t, variant: s = "neutral", ...r } = e, l = Tn[s], o = {
     ...r,
     children: t,
-    color: (r == null ? void 0 : r.color) ?? i.color,
-    textColor: (r == null ? void 0 : r.textColor) ?? i.textColor,
-    iconColor: (r == null ? void 0 : r.iconColor) ?? i.iconColor
+    color: (r == null ? void 0 : r.color) ?? l.color,
+    textColor: (r == null ? void 0 : r.textColor) ?? l.textColor,
+    iconColor: (r == null ? void 0 : r.iconColor) ?? l.iconColor
   };
   return /* @__PURE__ */ c.jsx(de, { ...o });
 }, Rn = (e) => {
@@ -1286,47 +1312,47 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     dataSource: o,
-    dependencies: l,
+    dependencies: i,
     onClick: n,
     ...d
   } = e, { getNextUI: a, fetchAndGetNextUI: u } = I(), { disabled: f } = M(
     t,
-    l
+    i
   ), _ = {
     ...d
   }, h = (_ == null ? void 0 : _.disabled) ?? f, j = D(async () => {
     var y;
     try {
-      const m = {
+      const x = {
         ...(y = v.getState()[t]) == null ? void 0 : y.entries,
         [r]: { status: 200 }
       };
-      switch (L(t, m), i) {
+      switch (L(t, x), l) {
         case "GO_TO_NEXT_UI": {
-          const x = await a(
+          const m = await a(
             t,
             s,
-            m,
+            x,
             r
           );
-          x != null && x.data && q(t, x == null ? void 0 : x.data);
+          m != null && m.data && S(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const x = await u(
+          const m = await u(
             t,
             s,
-            m,
+            x,
             r,
             o
           );
-          x != null && x.data && q(t, x == null ? void 0 : x.data);
+          m != null && m.data && S(t, m == null ? void 0 : m.data);
           break;
         }
         case "CLOSE_MODAL":
-          xe(t, !1);
+          me(t, !1);
           break;
         case "CLOSE_DRAWER":
           Z(t, !1);
@@ -1335,13 +1361,13 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
           Z(t, !0);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
-    } catch (m) {
-      alert(JSON.stringify(m));
+    } catch (x) {
+      alert(JSON.stringify(x));
     }
-  }, [i, o, s, r, t]);
+  }, [l, o, s, r, t]);
   return /* @__PURE__ */ c.jsx(
     et,
     {
@@ -1398,11 +1424,11 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     userFlow: t,
     pageId: s,
     columnWidth: r,
-    columns: i,
+    columns: l,
     gap: o = "md",
-    justifyContent: l = "start",
+    justifyContent: i = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(i) ? i.map((a, u) => {
+  } = e, d = Array.isArray(l) ? l.map((a, u) => {
     const f = `col_${u}`, _ = `col_${u}`;
     if (Array.isArray(a))
       return {
@@ -1429,7 +1455,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
       className: ee(
         U.row,
         U[`row__gap-${o}`],
-        U[`row__justify-${l}`],
+        U[`row__justify-${i}`],
         U[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((a, u) => {
@@ -1457,9 +1483,9 @@ function Ie({
   pageId: t,
   responseKey: s,
   actionType: r,
-  getNextUI: i,
+  getNextUI: l,
   isMulti: o = !1,
-  debounceMs: l
+  debounceMs: i
 }) {
   const n = Je(null);
   J(() => () => {
@@ -1474,19 +1500,19 @@ function Ie({
       };
       if (L(e, f), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await i(
+          const y = await l(
             e,
             t,
             f,
             s,
             r === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && q(e, y.data);
+          y != null && y.data && S(e, y.data);
         } catch (j) {
           console.error("[useSelectChange] Failed to fetch next UI", j);
         }
     },
-    [e, t, s, r, i]
+    [e, t, s, r, l]
   );
   return D(
     (u) => {
@@ -1494,39 +1520,39 @@ function Ie({
         d(u);
         return;
       }
-      if (l == null) {
+      if (i == null) {
         d(u);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
         d(u), n.current = null;
-      }, l);
+      }, i);
     },
-    [o, l, d]
+    [o, i, d]
   );
 }
 const In = (e, t, s, r) => {
-  const i = B.query(e, t);
-  return (i == null ? void 0 : i.map((o) => {
+  const l = B.query(e, t);
+  return (l == null ? void 0 : l.map((o) => {
     var d, a;
-    const l = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
-    return { label: l, value: n };
+    const i = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
+    return { label: i, value: n };
   })) ?? [];
 }, zn = (e, t, s, r = 10) => {
   var n, d;
-  let i, o;
+  let l, o;
   if (s) {
     const a = B.value(e, s.size ?? "$.meta.size") ?? r, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
-    i = a, o = u;
+    l = a, o = u;
   } else {
     const a = e == null ? void 0 : e.meta;
-    i = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
+    l = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
   }
-  const l = o > 0 ? Math.ceil(o / i) > t : !1;
+  const i = o > 0 ? Math.ceil(o / l) > t : !1;
   return {
-    pageSize: i,
+    pageSize: l,
     total: o,
-    hasMore: l
+    hasMore: i
   };
 }, Mn = "_selectNotFront_1yw9q_1", ze = {
   selectNotFront: Mn
@@ -1535,22 +1561,22 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   required: r,
-  dataSource: i,
+  dataSource: l,
   actionType: o,
-  dependencies: l,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
   const a = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = S((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = q((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
     e,
-    l
-  ), y = (a == null ? void 0 : a.disabled) ?? j, m = R(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), x = R(() => {
+    i
+  ), y = (a == null ? void 0 : a.disabled) ?? j, x = O(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), m = O(() => {
     const p = a != null && a.isMulti ? _ : [_], C = {};
     return typeof p == "object" && "length" in p && (p == null || p.forEach((w) => {
-      const E = JSON.stringify(w.value), O = JSON.stringify(w.label);
-      C[E] = w, O in C || (C[O] = w);
+      const E = JSON.stringify(w.value), T = JSON.stringify(w.label);
+      C[E] = w, T in C || (C[T] = w);
     })), C;
   }, [_]), g = Ie({
     userFlow: e,
@@ -1565,11 +1591,11 @@ const In = (e, t, s, r) => {
   }, N = async (p, C, { page: w }) => {
     const {
       jsonPathLabel: E,
-      jsonPathOptions: O,
+      jsonPathOptions: T,
       jsonPathValue: k,
       jsonPathPagination: K
-    } = i, G = me(
-      i,
+    } = l, G = xe(
+      l,
       w,
       p
     ), se = await f(
@@ -1578,7 +1604,7 @@ const In = (e, t, s, r) => {
       !1
     ), ae = se == null ? void 0 : se.data, Ke = ae ? In(
       ae,
-      O,
+      T,
       E,
       k
     ) : [], { hasMore: Ge } = zn(
@@ -1599,7 +1625,7 @@ const In = (e, t, s, r) => {
     {
       ...a,
       className: ze.selectNotFront,
-      label: m,
+      label: x,
       value: _,
       disabled: y,
       noOptionsMessage: () => /* @__PURE__ */ c.jsx(c.Fragment, { children: "Sin opciones" }),
@@ -1608,7 +1634,7 @@ const In = (e, t, s, r) => {
       additional: { page: 1 },
       isOptionDisabled: (p) => {
         const C = JSON.stringify(p == null ? void 0 : p.value), w = JSON.stringify(p == null ? void 0 : p.label);
-        return !!(x != null && x[C]) || !!(x != null && x[w]);
+        return !!(m != null && m[C]) || !!(m != null && m[w]);
       },
       debounceTimeout: 350
     }
@@ -1618,18 +1644,18 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   dataSource: r,
-  required: i,
+  required: l,
   actionType: o,
-  dependencies: l,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
   const a = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = S(a.value || ""), { disabled: h } = M(
+  }, { getNextUI: u } = I(), [f, _] = q(a.value || ""), { disabled: h } = M(
     e,
-    l
-  ), j = (a == null ? void 0 : a.disabled) ?? h, y = R(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), m = Ie({
+    i
+  ), j = (a == null ? void 0 : a.disabled) ?? h, y = O(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), x = Ie({
     userFlow: e,
     pageId: t,
     responseKey: s,
@@ -1637,8 +1663,8 @@ const In = (e, t, s, r) => {
     getNextUI: u,
     isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
-  }), x = (g) => {
-    _(g), m(g);
+  }), m = (g) => {
+    _(g), x(g);
   };
   return /* @__PURE__ */ c.jsx(
     nt,
@@ -1648,7 +1674,7 @@ const In = (e, t, s, r) => {
       label: y,
       value: f,
       disabled: j,
-      onChange: (g) => !j && x(g)
+      onChange: (g) => !j && m(g)
     }
   );
 }, Un = (e) => {
@@ -1672,18 +1698,18 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
     t,
     d
-  ), y = (u == null ? void 0 : u.disabled) ?? j, m = R(() => n && o ? `${o} *` : o ?? "", [o, n]), x = D(async () => {
+  ), y = (u == null ? void 0 : u.disabled) ?? j, x = O(() => n && o ? `${o} *` : o ?? "", [o, n]), m = D(async () => {
     var g;
     try {
       const b = !_;
@@ -1692,7 +1718,7 @@ const In = (e, t, s, r) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [r]: b
       };
-      switch (L(t, N), i) {
+      switch (L(t, N), l) {
         case "GO_TO_NEXT_UI":
           const p = await f(
             t,
@@ -1700,24 +1726,24 @@ const In = (e, t, s, r) => {
             N,
             r
           );
-          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          p != null && p.data && S(t, p == null ? void 0 : p.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (b) {
       console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]);
+  }, [t, s, r, l, _]);
   return /* @__PURE__ */ c.jsx(
     rt,
     {
       ...u,
-      label: m,
+      label: x,
       checked: _,
       disabled: y,
-      onChange: () => !y && x()
+      onChange: () => !y && m()
     }
   );
 }, tr = "_tableSkeleton_3nr9n_1", nr = "_tableArrayPills_3nr9n_7", Me = {
@@ -1726,7 +1752,7 @@ const In = (e, t, s, r) => {
 }, rr = ({ values: e }) => {
   const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ c.jsxs("div", { className: Me.tableArrayPills, children: [
-    s.map((i, o) => /* @__PURE__ */ c.jsx(de, { children: String(i) }, o)),
+    s.map((l, o) => /* @__PURE__ */ c.jsx(de, { children: String(l) }, o)),
     r > 0 && /* @__PURE__ */ c.jsxs(de, { outlined: !0, children: [
       "+",
       r
@@ -1737,9 +1763,9 @@ const In = (e, t, s, r) => {
   pageId: t,
   tableResponseKey: s,
   component: r,
-  rowData: i
+  rowData: l
 }) => {
-  const { getNextUI: o, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = A(e, t, [
+  const { getNextUI: o, fetchAndGetNextUI: i, fetchDataSource: n } = I(), d = A(e, t, [
     { ...r }
   ]), a = (d == null ? void 0 : d[0]) || null;
   if (!a)
@@ -1749,40 +1775,40 @@ const In = (e, t, s, r) => {
     responseKey: f,
     dataSource: _
   } = a.props, h = D(async () => {
-    var j, y, m;
+    var j, y, x;
     try {
-      const x = {
+      const m = {
         ...(j = v.getState()[e]) == null ? void 0 : j.entries,
         [f]: { status: 200 },
-        [s]: [{ ...i }]
+        [s]: [{ ...l }]
       };
-      switch (L(e, x), u) {
+      switch (L(e, m), u) {
         case "GO_TO_NEXT_UI": {
           const g = await o(
             e,
             t,
-            x,
+            m,
             f
           );
-          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          g != null && g.data && S(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const g = await l(
+          const g = await i(
             e,
             t,
-            x,
+            m,
             f,
             _
           );
-          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          g != null && g.data && S(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
           const g = await o(
             e,
             t,
-            x,
+            m,
             f
           ), b = (y = g == null ? void 0 : g.data) == null ? void 0 : y.content;
           if ((b == null ? void 0 : b.type) !== "fetch")
@@ -1793,7 +1819,7 @@ const In = (e, t, s, r) => {
             // Avoid to handle loading state until all the requests are done
             !1
           ), C = {
-            ...(m = v.getState()[e]) == null ? void 0 : m.entries,
+            ...(x = v.getState()[e]) == null ? void 0 : x.entries,
             [f]: {
               status: p == null ? void 0 : p.status,
               content: p == null ? void 0 : p.data
@@ -1806,15 +1832,15 @@ const In = (e, t, s, r) => {
             C,
             f
           );
-          w != null && w.data && q(e, w == null ? void 0 : w.data);
+          w != null && w.data && S(e, w == null ? void 0 : w.data);
           break;
         }
         default:
           console.warn(`Unhandled actionType: ${u}`);
           break;
       }
-    } catch (x) {
-      alert(JSON.stringify(x));
+    } catch (m) {
+      alert(JSON.stringify(m));
     }
   }, [u, _, t, f, e]);
   return He(a, {
@@ -1833,12 +1859,12 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   component: r,
-  dataSource: i,
+  dataSource: l,
   rightActions: o,
-  ...l
+  ...i
 }) => {
   var b, N, p;
-  const { fetchDataSource: n } = I(), [d, a] = S(!1), [u, f] = S(1), [_, h] = S(null), j = R(() => {
+  const { fetchDataSource: n } = I(), [d, a] = q(!1), [u, f] = q(1), [_, h] = q(null), j = O(() => {
     if (o != null && o.length)
       return o.map((C, w) => ({
         renderContent: (E) => /* @__PURE__ */ c.jsx(
@@ -1856,8 +1882,8 @@ const In = (e, t, s, r) => {
   }, [o, e, t]), y = async (C = 1) => {
     try {
       a(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: O } = i, k = me(
-        i,
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = l, k = xe(
+        l,
         C
       ), K = await n(
         k,
@@ -1869,33 +1895,33 @@ const In = (e, t, s, r) => {
           K == null ? void 0 : K.data,
           w,
           E,
-          O
+          T
         )
       ), a(!1);
     } catch (w) {
       alert(JSON.stringify(w)), a(!1);
     }
-  }, m = (C) => {
+  }, x = (C) => {
     f(C), y(C);
   };
   J(() => {
     y();
   }, []);
-  const x = R(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+  const m = O(() => !(_ != null && _.items) || !(i != null && i.columns) ? i == null ? void 0 : i.columns : i.columns.map((C) => {
     var E;
     return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
-      (O) => Array.isArray(C != null && C.accessor ? O[C == null ? void 0 : C.accessor] : void 0)
+      (T) => Array.isArray(C != null && C.accessor ? T[C == null ? void 0 : C.accessor] : void 0)
     )) ? {
       ...C,
-      renderCell: (O) => {
-        const k = C.accessor ? O[C.accessor] : void 0;
+      renderCell: (T) => {
+        const k = C.accessor ? T[C.accessor] : void 0;
         return Array.isArray(k) ? /* @__PURE__ */ c.jsx(rr, { values: k }) : k;
       }
     } : C;
-  }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
-    ...l,
+  }), [_ == null ? void 0 : _.items, i == null ? void 0 : i.columns]), g = {
+    ...i,
     data: _ == null ? void 0 : _.items,
-    columns: x,
+    columns: m,
     rightActions: j
   };
   return /* @__PURE__ */ c.jsx(c.Fragment, { children: d ? /* @__PURE__ */ c.jsx(ar, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -1907,7 +1933,7 @@ const In = (e, t, s, r) => {
         page: u,
         size: _ == null ? void 0 : _.pagination.size,
         total: (p = _ == null ? void 0 : _.pagination) == null ? void 0 : p.total,
-        onChange: m
+        onChange: x
       }
     )
   ] }) : /* @__PURE__ */ c.jsx(he, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
@@ -1918,22 +1944,22 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
+    hash: l,
     responseKey: o,
-    required: l,
+    required: i,
     dependencies: n,
     ...d
   } = e, a = {
     ...d
-  }, [u, f] = S((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
+  }, [u, f] = q((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
     t,
     n
-  ), h = (a == null ? void 0 : a.disabled) ?? _, j = R(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), y = (m) => {
+  ), h = (a == null ? void 0 : a.disabled) ?? _, j = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), y = (x) => {
     var b;
-    const x = (b = m == null ? void 0 : m.target) == null ? void 0 : b.value;
-    f(x);
+    const m = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
+    f(m);
     const g = {
-      [o]: x
+      [o]: m
     };
     L(t, g);
   };
@@ -1948,7 +1974,7 @@ const In = (e, t, s, r) => {
       label: j,
       value: u,
       disabled: h,
-      onChange: (m) => !h && y(m)
+      onChange: (x) => !h && y(x)
     }
   );
 }, dr = ({
@@ -1956,16 +1982,16 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   variant: r,
-  content: i,
+  content: l,
   actionType: o,
-  redirectUrl: l
+  redirectUrl: i
 }) => {
   const n = D(async () => {
     ye(e);
     try {
       switch (o) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = l;
+          window.location.href = i;
           break;
         default:
           console.warn(`Unhandled actionType: ${o}`);
@@ -1974,20 +2000,20 @@ const In = (e, t, s, r) => {
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [o, t, s, e, l]);
+  }, [o, t, s, e, i]);
   return J(() => {
     ({
       info: W.info,
       error: W.error,
       success: W.success,
       warning: W.warning
-    }[r] || W.info)(i, {
+    }[r] || W.info)(l, {
       autoClose: o ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, _r = "_accordion_1ri2t_1", ur = "_accordionBody_1ri2t_8", Se = {
+}, _r = "_accordion_1ri2t_1", ur = "_accordionBody_1ri2t_8", qe = {
   accordion: _r,
   accordionBody: ur
 }, hr = (e) => {
@@ -1995,17 +2021,17 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    dependencies: i,
+    dependencies: l,
     customContent: o,
-    actionContent: l,
+    actionContent: i,
     components: n,
     ...d
-  } = e, { getNextUI: a } = I(), [u, f] = S(
+  } = e, { getNextUI: a } = I(), [u, f] = q(
     d.checkboxChecked || !1
   ), { disabled: _ } = M(
     t,
-    i
-  ), h = A(t, s, n), j = l ? A(t, s, l) : void 0, y = o ? A(t, s, o) : void 0, m = D(
+    l
+  ), h = A(t, s, n), j = i ? A(t, s, i) : void 0, y = o ? A(t, s, o) : void 0, x = D(
     async (b) => {
       var N;
       try {
@@ -2022,50 +2048,50 @@ const In = (e, t, s, r) => {
             C,
             r
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
         }
       } catch (p) {
         console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
       }
     },
     [t, s, r, d.actionType, a]
-  ), x = d.disabled || _, g = {
+  ), m = d.disabled || _, g = {
     ...d,
-    className: Se.accordion,
-    disabled: x,
+    className: qe.accordion,
+    disabled: m,
     checkboxChecked: u,
-    onChanceCheckbox: d.hasCheckbox ? m : void 0,
-    actionContent: j ? /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((b, N) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-action-${N}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ c.jsx(c.Fragment, { children: y.map((b, N) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ c.jsx("section", { className: Se.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-child-${N}`)) }) : void 0
+    onChanceCheckbox: d.hasCheckbox ? x : void 0,
+    actionContent: j ? /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-action-${N}`)) }) : void 0,
+    customContent: y ? /* @__PURE__ */ c.jsx(c.Fragment, { children: y.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-custom-${N}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ c.jsx("section", { className: qe.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-child-${N}`)) }) : void 0
   };
   return /* @__PURE__ */ c.jsx(ct, { ...g });
-}, fr = "_drawer_13pxo_1", yr = "_drawerBody_13pxo_5", xr = "_drawerFooter_13pxo_11", le = {
+}, fr = "_drawer_13pxo_1", yr = "_drawerBody_13pxo_5", mr = "_drawerFooter_13pxo_11", le = {
   drawer: fr,
   drawerBody: yr,
-  drawerFooter: xr
-}, mr = ({
+  drawerFooter: mr
+}, xr = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
+  body: l,
   footer: o,
-  ...l
+  ...i
 }) => {
   const n = v((y) => {
-    var m;
-    return (m = y[e]) == null ? void 0 : m.isDrawerOpen;
+    var x;
+    return (x = y[e]) == null ? void 0 : x.isDrawerOpen;
   }), d = v((y) => {
-    var m;
-    return (m = y[e]) == null ? void 0 : m.isLoading;
+    var x;
+    return (x = y[e]) == null ? void 0 : x.isLoading;
   }), a = n && !d, u = {
-    ...l,
+    ...i,
     isOpen: a,
     children: null
   }, f = D(() => {
     ye(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Ae, { type: "h2", children: r }) : void 0, h = A(e, t, i), j = o ? A(e, t, o) : void 0;
+  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Ae, { type: "h2", children: r }) : void 0, h = A(e, t, l), j = o ? A(e, t, o) : void 0;
   return /* @__PURE__ */ c.jsx(
     it,
     {
@@ -2074,17 +2100,17 @@ const In = (e, t, s, r) => {
       isOpen: a,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ c.jsx(c.Fragment, { children: Array.isArray(_) ? _.map((y, m) => /* @__PURE__ */ c.jsx(T, { children: y }, `drawer-header-${m}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ c.jsx("section", { className: le.drawerBody, children: h.map((y, m) => /* @__PURE__ */ c.jsx(T, { children: y }, `drawer-body-${m}`)) }),
-      footer: j ? /* @__PURE__ */ c.jsx("div", { className: le.drawerFooter, children: j.map((y, m) => /* @__PURE__ */ c.jsx(T, { children: y }, `drawer-footer-${m}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ c.jsx(c.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ c.jsx("section", { className: le.drawerBody, children: h.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-body-${x}`)) }),
+      footer: j ? /* @__PURE__ */ c.jsx("div", { className: le.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, qe = (e, t, s, r, i) => {
+}, Se = (e, t, s, r, l) => {
   const o = A(
     e,
     t,
     (r == null ? void 0 : r.components) || null,
-    i
+    l
   );
   switch (s) {
     case "body":
@@ -2110,37 +2136,36 @@ const In = (e, t, s, r) => {
   }
 }, Ar = (e, t, s, r) => {
   var _, h, j;
-  const [i, o] = S(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? qe(
+  const [l, o] = q(!1), i = v((y) => y), n = (_ = i[e]) == null ? void 0 : _.currentPageId, d = n ? Se(
     e,
     n,
     "header",
-    ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
+    ((h = i[e].pages[n].page) == null ? void 0 : h.header) || null,
     r
-  ) : null, a = n ? qe(
+  ) : null, a = n ? Se(
     e,
     n,
     "body",
-    ((j = l[e].pages[n].page) == null ? void 0 : j.body) || null,
+    ((j = i[e].pages[n].page) == null ? void 0 : j.body) || null,
     r
-  ) : null, u = R(() => {
+  ) : null, u = O(() => {
     var y;
     return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(lt, {}),
+      ((y = i[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(lt, {}),
       d,
       a,
       n && /* @__PURE__ */ c.jsx(On, { userFlow: e, pageId: n }),
-      l[e] && /* @__PURE__ */ c.jsx(dt, {})
+      i[e] && /* @__PURE__ */ c.jsx(dt, {})
     ] });
   }, [d, a, n, e]), f = async () => {
-    var y;
     try {
-      const m = await De(
+      const y = await De(
         t,
         e
-      ), x = (y = m == null ? void 0 : m.data) == null ? void 0 : y.content;
-      (m == null ? void 0 : m.status) === 200 ? oe(e, t, x) : o(!0);
-    } catch (m) {
-      console.error("[not-page]: API call failed", m), o(!0);
+      ), x = y == null ? void 0 : y.data, m = x == null ? void 0 : x.content;
+      (y == null ? void 0 : y.status) === 200 ? oe(e, t, m, x == null ? void 0 : x.sessionState) : o(!0);
+    } catch (y) {
+      console.error("[not-page]: API call failed", y), o(!0);
     }
   };
   return J(() => {
@@ -2149,14 +2174,14 @@ const In = (e, t, s, r) => {
       "not api config",
       "not userFlow"
     ));
-    const y = "avocado-theme-mode-changed", m = (x) => {
-      const g = x.detail;
+    const y = "avocado-theme-mode-changed", x = (m) => {
+      const g = m.detail;
       ue.setThemeMode(g);
     };
-    return window.addEventListener(y, m), () => {
-      window.removeEventListener(y, m);
+    return window.addEventListener(y, x), () => {
+      window.removeEventListener(y, x);
     };
-  }, []), i && console.error("[not-page]: No render page"), u;
+  }, []), l && console.error("[not-page]: No render page"), u;
 };
 export {
   Nn as Chart,