@foris/avocado-not-front 4.3.1 → 4.3.3

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

@@ -1,16 +1,16 @@
 import V from "axios";
 import { create as Qe } from "zustand";
-import Ye, { useMemo as $, useEffect as M, useState as T, Fragment as k, useCallback as R, useRef as Ze, cloneElement as Fe } from "react";
-import { Heading as Be, Text as Pe, ThemeStore as te, Breadcrumbs as et, Button as tt, CardAccordion as nt, CardNotification as me, Checkbox as st, PreviewerMarkdown as Ie, DataCard as at, Divider as rt, SkeletonBase as Ke, Link as ot, Modal as ct, Pill as he, RoundButton as it, SelectPagination as lt, Select as dt, Switch as _t, Table as ut, Pager as ht, Tabs as ft, TextField as mt, toast as W, Accordion as yt, Drawer as xt, Loading as gt, Toaster as pt } from "@foris/avocado-suite";
+import Ye, { useMemo as T, useEffect as z, useState as q, Fragment as k, useCallback as R, useRef as Ze, cloneElement as Fe } from "react";
+import { Heading as Ie, Text as Pe, ThemeStore as te, Breadcrumbs as et, Button as tt, CardAccordion as nt, CardNotification as me, Checkbox as st, PreviewerMarkdown as Be, DataCard as at, Divider as rt, SkeletonBase as Ke, Link as ot, Modal as ct, Pill as he, RoundButton as it, SelectPagination as lt, Select as dt, Switch as _t, Table as ut, Pager as ht, Tabs as ft, TextField as mt, toast as Q, Accordion as yt, Drawer as xt, Loading as gt, Toaster as pt } from "@foris/avocado-suite";
 import { ChatPanel as bt, SummaryCard as jt, PromptCodeEditor as wt } from "@foris/ai-agent";
 import Ct from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
 import { markdown as Nt } from "@codemirror/lang-markdown";
 import { sql as vt } from "@codemirror/lang-sql";
 import { yaml as St } from "@codemirror/lang-yaml";
-import K from "jsonpath";
-import { Legend as Et, Tooltip as kt, XAxis as $t, YAxis as qt, ResponsiveContainer as ne, AreaChart as Tt, CartesianGrid as ye, Area as At, BarChart as Ot, Bar as Rt, LineChart as Dt, Line as Lt, PieChart as Bt, Pie as It, Cell as Kt } from "recharts";
-import { Routes as zt, Route as Ce, Navigate as Mt } from "react-router-dom";
+import L from "jsonpath";
+import { Legend as Et, Tooltip as kt, XAxis as Tt, YAxis as At, ResponsiveContainer as ne, AreaChart as qt, CartesianGrid as ye, Area as $t, BarChart as Ot, Bar as Rt, LineChart as Dt, Line as Lt, PieChart as It, Pie as Bt, Cell as Kt } from "recharts";
+import { Routes as Mt, Route as Ce, Navigate as zt } from "react-router-dom";
 const v = Qe(() => ({})), ce = (e, t, a, s) => {
   const c = a == null ? void 0 : a.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
   v.setState((l) => {
@@ -35,7 +35,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
-}, ze = (e, t, a) => {
+}, Me = (e, t, a) => {
   const s = a && Object.keys(a).length > 0 ? { ...e, ...a } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(s).filter(
@@ -44,7 +44,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
   );
 }, Gt = (e, t, a, s, c) => {
   sessionStorage.setItem("sessionId", a), v.setState((i) => {
-    const l = i[e] ?? {}, n = l.entries ?? {}, d = ze(
+    const l = i[e] ?? {}, n = l.entries ?? {}, d = Me(
       n,
       s,
       c
@@ -69,7 +69,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
 }, Ut = (e, t, a, s) => {
   v.setState((c) => {
     var r;
-    const i = c[e] ?? {}, l = i.entries ?? {}, n = ze(
+    const i = c[e] ?? {}, l = i.entries ?? {}, n = Me(
       l,
       a,
       s
@@ -99,7 +99,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
 }, Jt = (e) => {
   var a;
   return ((a = v.getState()[e]) == null ? void 0 : a.overlay) ?? null;
-}, A = (e, t) => {
+}, $ = (e, t) => {
   const {
     content: a,
     sessionId: s,
@@ -236,7 +236,7 @@ Xt();
 function Wt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var le = { exports: {} }, Q = {};
+var le = { exports: {} }, Y = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -248,7 +248,7 @@ var le = { exports: {} }, Q = {};
  */
 var Ee;
 function Qt() {
-  if (Ee) return Q;
+  if (Ee) return Y;
   Ee = 1;
   var e = Ye, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(n, d, r) {
@@ -258,7 +258,7 @@ function Qt() {
     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: c.current };
   }
-  return Q.Fragment = a, Q.jsx = l, Q.jsxs = l, Q;
+  return Y.Fragment = a, Y.jsx = l, Y.jsxs = l, Y;
 }
 var ke;
 function Yt() {
@@ -272,7 +272,7 @@ const Zt = (e) => {
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ o.jsx(Be, { ...t });
+  return /* @__PURE__ */ o.jsx(Ie, { ...t });
 }, Ft = (e) => {
   if (!e) return null;
   const t = {
@@ -281,12 +281,12 @@ const Zt = (e) => {
   };
   return /* @__PURE__ */ o.jsx(Pe, { ...t });
 }, Pt = (e) => {
-  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = $(() => ({
+  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = T(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: a == null ? void 0 : a.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), c = e.locale ?? "en", i = $(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), c = e.locale ?? "en", i = T(() => {
     var n, d, r, u, f;
     const l = {
       title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
@@ -297,7 +297,7 @@ const Zt = (e) => {
     };
     return Object.fromEntries(Object.entries(l).filter(([, _]) => !!_));
   }, [e == null ? void 0 : e.translations]);
-  return M(() => {
+  return z(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: c,
@@ -325,12 +325,12 @@ const Zt = (e) => {
 }, en = "_summaryCard_jva4h_1", tn = {
   summaryCard: en
 }, nn = (e) => {
-  const t = e.dataSource, a = $(() => ({
+  const t = e.dataSource, a = T(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", c = $(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", c = T(() => {
     var l, n, d;
     const i = {
       title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
@@ -341,7 +341,7 @@ const Zt = (e) => {
       Object.entries(i).filter(([, r]) => !!r)
     );
   }, [e == null ? void 0 : e.translations]);
-  return M(() => {
+  return z(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: a,
       locale: s,
@@ -360,7 +360,7 @@ const Zt = (e) => {
     var c;
     return ((c = s[e]) == null ? void 0 : c.entries) || {};
   });
-  return $(() => {
+  return T(() => {
     const s = {
       disabled: !1
     };
@@ -385,31 +385,31 @@ const Zt = (e) => {
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = T(
+  } = e, f = te.useThemeStore((b) => b.theme.mode), [_, h] = q(
     s || ""
-  ), { disabled: b } = B(
+  ), { disabled: p } = B(
     t,
     l
-  ), m = i ?? b, x = c ?? "json", y = {
+  ), m = i ?? p, y = c ?? "json", x = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
     body: n == null ? void 0 : n.data
-  }, g = (p) => {
-    h(p);
-    const N = {
-      [a]: p
+  }, g = (b) => {
+    h(b);
+    const C = {
+      [a]: b
     };
-    O(t, N);
+    O(t, C);
   };
-  return M(() => {
+  return z(() => {
     s !== void 0 && s !== _ && h(s);
   }, [s]), /* @__PURE__ */ o.jsx("section", { className: an.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
     wt,
     {
       themeMode: f,
-      requestConfig: y,
-      language: x,
+      requestConfig: x,
+      language: y,
       disabled: m,
       inputLabel: d,
       inputPlaceholder: r,
@@ -418,10 +418,10 @@ const Zt = (e) => {
       onCodeChange: g
     }
   ) });
-}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", $e = {
+}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", Te = {
   body: on,
   body_content: cn
-}, ln = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: $e.body, children: /* @__PURE__ */ o.jsx("div", { className: $e.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), X = (e) => {
+}, ln = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Te.body, children: /* @__PURE__ */ o.jsx("div", { className: Te.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), W = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -436,7 +436,7 @@ const Zt = (e) => {
 }, F = () => new AbortController(), dn = (e, t = {}, a = {}, s = !1, c) => {
   const i = F();
   s && i.abort();
-  const l = X(t);
+  const l = W(t);
   return {
     call: V.get(e, {
       headers: {
@@ -451,7 +451,7 @@ const Zt = (e) => {
 }, fe = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
-  const n = X(t);
+  const n = W(t);
   return {
     call: V.post(e, a, {
       headers: {
@@ -466,7 +466,7 @@ const Zt = (e) => {
 }, _n = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
-  const n = X(t);
+  const n = W(t);
   return {
     call: V.put(e, a, {
       headers: {
@@ -481,7 +481,7 @@ const Zt = (e) => {
 }, un = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
-  const n = X(t);
+  const n = W(t);
   return {
     call: V.patch(e, a, {
       headers: {
@@ -496,7 +496,7 @@ const Zt = (e) => {
 }, hn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
-  const n = X(t);
+  const n = W(t);
   return {
     call: V.delete(e, {
       headers: {
@@ -509,7 +509,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, Me = () => {
+}, ze = () => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
@@ -525,9 +525,9 @@ const Zt = (e) => {
   } };
 }, Ge = async (e, t, a = "", s = {}, c = {}) => {
   try {
-    const { callEndpoint: i } = Me(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
+    const { callEndpoint: i } = ze(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
     a && r.append("hash_code", a), d && r.append("sessionId", d);
-    const u = `${l}/not-front/next-ui/?${r.toString()}`, f = X(n), _ = fe(
+    const u = `${l}/not-front/next-ui/?${r.toString()}`, f = W(n), _ = fe(
       u,
       f,
       s,
@@ -539,11 +539,11 @@ const Zt = (e) => {
   } catch (i) {
     return console.error(i), Promise.reject(i);
   }
-}, I = () => {
-  const e = v((n) => n), { callEndpoint: t } = Me(), a = async (n, d, r, u, f = !0) => {
+}, K = () => {
+  const e = v((n) => n), { callEndpoint: t } = ze(), a = async (n, d, r, u, f = !0) => {
     var _;
     try {
-      const h = (_ = e[n]) == null ? void 0 : _.apiConfig, b = {
+      const h = (_ = e[n]) == null ? void 0 : _.apiConfig, p = {
         state: { ...r },
         triggerKey: u
       };
@@ -551,7 +551,7 @@ const Zt = (e) => {
         h,
         n,
         d,
-        b
+        p
       );
     } catch (h) {
       throw f && H(n, !1), console.error("[getNextUI] Error fetching next UI:", h), h;
@@ -647,7 +647,7 @@ const Zt = (e) => {
   items: t,
   responseKey: a
 }) => {
-  const { getNextUI: s } = I(), c = R(
+  const { getNextUI: s } = K(), c = R(
     async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
       var r;
       try {
@@ -659,7 +659,7 @@ const Zt = (e) => {
               { ...(r = v.getState()[e]) == null ? void 0 : r.entries },
               a
             );
-            u != null && u.data && A(e, u == null ? void 0 : u.data);
+            u != null && u.data && $(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
@@ -673,7 +673,7 @@ const Zt = (e) => {
       }
     },
     []
-  ), i = $(() => t == null ? void 0 : t.map((l) => ({
+  ), i = T(() => t == null ? void 0 : t.map((l) => ({
     title: l == null ? void 0 : l.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(l) })
   })), []);
@@ -691,20 +691,20 @@ const Zt = (e) => {
     dependencies: r,
     onClick: u,
     ...f
-  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: b } = I(), { disabled: m } = B(
+  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: p } = K(), { disabled: m } = B(
     t,
     r
-  ), x = {
+  ), y = {
     ...f,
     children: l ?? i
-  }, y = (x == null ? void 0 : x.disabled) ?? m, g = R(async () => {
-    var p, N, j;
+  }, x = (y == null ? void 0 : y.disabled) ?? m, g = R(async () => {
+    var b, C, j;
     try {
-      const C = {
-        ...(p = v.getState()[t]) == null ? void 0 : p.entries,
+      const N = {
+        ...(b = v.getState()[t]) == null ? void 0 : b.entries,
         [s]: { status: 200 }
       };
-      switch (O(t, C), c) {
+      switch (O(t, N), c) {
         case "CLOSE_MODAL":
           ge(t, !1);
           break;
@@ -718,32 +718,32 @@ const Zt = (e) => {
           const w = await _(
             t,
             a,
-            C,
+            N,
             s
           );
-          w != null && w.data && A(t, w == null ? void 0 : w.data);
+          w != null && w.data && $(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const w = await b(
+          const w = await p(
             t,
             a,
-            C,
+            N,
             s,
             n
           );
-          w != null && w.data && A(t, w == null ? void 0 : w.data);
+          w != null && w.data && $(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
           const w = await _(
             t,
             a,
-            C,
+            N,
             s
-          ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
+          ), E = (C = w == null ? void 0 : w.data) == null ? void 0 : C.content;
           if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const D = E == null ? void 0 : E.dataSource, q = await h(
+          const D = E == null ? void 0 : E.dataSource, A = await h(
             D,
             t,
             // Avoid to handle loading state until all the requests are done
@@ -751,8 +751,8 @@ const Zt = (e) => {
           ), G = {
             ...(j = v.getState()[t]) == null ? void 0 : j.entries,
             [s]: {
-              status: q == null ? void 0 : q.status,
-              content: q == null ? void 0 : q.data
+              status: A == null ? void 0 : A.status,
+              content: A == null ? void 0 : A.data
             }
           };
           O(t, G);
@@ -762,7 +762,7 @@ const Zt = (e) => {
             G,
             s
           );
-          U != null && U.data && A(t, U == null ? void 0 : U.data);
+          U != null && U.data && $(t, U == null ? void 0 : U.data);
           break;
         }
         case "REDIRECT":
@@ -772,16 +772,16 @@ const Zt = (e) => {
           console.warn(`Unhandled actionType: ${c}`);
           break;
       }
-    } catch (C) {
-      alert(JSON.stringify(C));
+    } catch (N) {
+      alert(JSON.stringify(N));
     }
   }, [c, n, a, s, t]);
   return /* @__PURE__ */ o.jsx(
     tt,
     {
-      ...x,
-      disabled: y,
-      onClick: () => !y && (u ?? g)()
+      ...y,
+      disabled: x,
+      onClick: () => !x && (u ?? g)()
     }
   );
 }, S = (e, t, a, s) => {
@@ -794,34 +794,34 @@ const Zt = (e) => {
     breadcrumbs: (n) => /* @__PURE__ */ o.jsx(fn, { ...n, userFlow: e, pageId: t }),
     button: (n) => /* @__PURE__ */ o.jsx(mn, { ...n, userFlow: e, pageId: t }),
     cardAccordion: (n) => /* @__PURE__ */ o.jsx(xn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(bn, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(Gn, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(Tn, { ...n, userFlow: e, pageId: t }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(jn, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(En, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(Ms, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(gn, { ...n }),
+    chart: (n) => /* @__PURE__ */ o.jsx(zn, { ...n, userFlow: e }),
+    dataCard: (n) => /* @__PURE__ */ o.jsx(An, { ...n, userFlow: e, pageId: t }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(pn, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ o.jsx(Sn, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ o.jsx(On, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(Gs, { ...n, userFlow: e, pageId: t }),
     heading: (n) => Zt(n),
-    link: (n) => /* @__PURE__ */ o.jsx(Hn, { ...n, userFlow: e, pageId: t }),
-    pill: (n) => /* @__PURE__ */ o.jsx(Fn, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Pn, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(es, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ o.jsx(ss, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(ls, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(bs, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(ps, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(Ss, { ...n, userFlow: e, pageId: t }),
+    link: (n) => /* @__PURE__ */ o.jsx(Vn, { ...n, userFlow: e, pageId: t }),
+    pill: (n) => /* @__PURE__ */ o.jsx(Zn, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Fn, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(Wn, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(Pn, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ o.jsx(ns, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ o.jsx(ds, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(js, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(bs, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(Es, { ...n, userFlow: e, pageId: t }),
     tabs: (n) => /* @__PURE__ */ o.jsx(qs, { ...n, userFlow: e, pageId: t }),
     text: (n) => Ft(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(Os, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(Rs, { ...n, userFlow: e, pageId: t })
+    textField: (n) => /* @__PURE__ */ o.jsx(Rs, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(Ds, { ...n, userFlow: e, pageId: t })
   };
   return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
     const d = c[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
-}, yn = "_slotStack_12u4t_5", qe = {
+}, yn = "_slotStack_12u4t_5", Ae = {
   slotStack: yn
 }, xn = (e) => {
   const {
@@ -845,31 +845,23 @@ const Zt = (e) => {
     t,
     a,
     d && d.length > 0 ? d : null
-  ), h = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: qe.slotStack, children: f.map((x, y) => /* @__PURE__ */ o.jsx(k, { children: x }, `card-accordion-body-${c}-${y}`)) }) : void 0, b = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: qe.slotStack, children: _.map((x, y) => /* @__PURE__ */ o.jsx(k, { children: x }, `card-accordion-actions-${c}-${y}`)) }) : void 0, m = r.disabled || u;
+  ), h = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: f.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `card-accordion-body-${c}-${x}`)) }) : void 0, p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `card-accordion-actions-${c}-${x}`)) }) : void 0, m = r.disabled || u;
   return /* @__PURE__ */ o.jsx(
     nt,
     {
       ...r,
       disabled: m,
-      actionContent: b,
+      actionContent: p,
       children: h ?? null
     }
   );
-}, gn = "_cardNotificationNotFront_t7pln_1", pn = {
-  cardNotificationNotFront: gn
-}, bn = (e) => {
+}, gn = (e) => {
   const { content: t, description: a, ...s } = e, c = {
     ...s,
     children: t ?? a
   };
-  return /* @__PURE__ */ o.jsx(
-    me,
-    {
-      ...c,
-      className: pn.cardNotificationNotFront
-    }
-  );
-}, jn = (e) => {
+  return /* @__PURE__ */ o.jsx(me, { ...c });
+}, pn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -882,55 +874,56 @@ const Zt = (e) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
+  }, { getNextUI: f } = K(), [_, h] = q(l || !1), { disabled: p } = B(
     t,
     d
-  ), m = $(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
+  ), m = T(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
     var g;
     try {
-      const p = !_;
-      h(p);
-      const N = {
+      const b = !_;
+      h(b);
+      const C = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [s]: p
+        [s]: b
       };
-      switch (O(t, N), c) {
+      switch (O(t, C), c) {
         case "GO_TO_NEXT_UI":
           const j = await f(
             t,
             a,
-            N,
+            C,
             s
           );
-          j != null && j.data && A(t, j == null ? void 0 : j.data);
+          j != null && j.data && $(t, j == null ? void 0 : j.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${c}`);
           break;
       }
-    } catch (p) {
-      console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
+    } catch (b) {
+      console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, a, s, c, _]), y = (u == null ? void 0 : u.disabled) ?? b;
+  }, [t, a, s, c, _]), x = (u == null ? void 0 : u.disabled) ?? p;
   return /* @__PURE__ */ o.jsx(
     st,
     {
       ...u,
       labelRight: m,
       checked: _,
-      disabled: y,
+      disabled: x,
       onChange: () => {
-        !y && x();
+        !x && y();
       }
     }
   );
-}, wn = "_codeEditor_1coz7_1", Cn = "_codeEditor_label_1coz7_4", Nn = "_codeEditor_wrapper_1coz7_13", vn = "_input_1coz7_17", Sn = "_preview_1coz7_18", Y = {
-  codeEditor: wn,
-  codeEditor_label: Cn,
-  codeEditor_wrapper: Nn,
-  input: vn,
-  preview: Sn
-}, En = (e) => {
+}, bn = "_codeEditor_1wi2p_1", jn = "_codeEditor_label_1wi2p_4", wn = "_codeEditor_wrapper_1wi2p_13", Cn = "_input_1wi2p_17", Nn = "_preview_1wi2p_18", vn = "_preview_inner_1wi2p_33", X = {
+  codeEditor: bn,
+  codeEditor_label: jn,
+  codeEditor_wrapper: wn,
+  input: Cn,
+  preview: Nn,
+  preview_inner: vn
+}, Sn = (e) => {
   const {
     userFlow: t,
     responseKey: a,
@@ -941,39 +934,40 @@ const Zt = (e) => {
     required: n,
     dependencies: d,
     disabled: r,
-    showPreview: u
-  } = e, [f, _] = T(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: b } = B(
+    showPreview: u,
+    height: f = "400px"
+  } = e, [_, h] = q(l ?? ""), p = te.useThemeStore((C) => C.theme.mode), { disabled: m } = B(
     t,
     d
-  ), m = r ?? b, x = {
+  ), y = r ?? m, x = {
     json: we(),
     markdown: Nt(),
     sql: vt(),
     yaml: St()
-  }, y = $(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
-    _(p);
-    const N = {
-      [a]: p
+  }, g = T(() => n && s ? `${s} *` : s ?? "", [s, n]), b = (C) => {
+    h(C);
+    const j = {
+      [a]: C
     };
-    O(t, N);
+    O(t, j);
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor, children: [
-    y && y !== "" && /* @__PURE__ */ o.jsx("label", { className: Y.codeEditor_label, children: y }),
-    /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor_wrapper, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: X.codeEditor, children: [
+    g && g !== "" && /* @__PURE__ */ o.jsx("label", { className: X.codeEditor_label, children: g }),
+    /* @__PURE__ */ o.jsxs("div", { className: X.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
         Ct,
         {
-          className: Y.input,
-          value: f,
-          height: "400px",
+          className: X.input,
+          value: _,
+          height: f,
           placeholder: i,
           extensions: [x[c] ?? we()],
-          onChange: (p) => g(p),
-          theme: h,
-          editable: !m
+          onChange: (C) => b(C),
+          theme: p,
+          editable: !y
         }
       ),
-      c == "markdown" && u && /* @__PURE__ */ o.jsx(Ie, { className: Y.preview, children: f })
+      c === "markdown" && u && /* @__PURE__ */ o.jsx("div", { className: X.preview, style: { height: f }, children: /* @__PURE__ */ o.jsx(Be, { className: X.preview_inner, children: _ }) })
     ] })
   ] });
 };
@@ -983,9 +977,9 @@ var de = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Te;
-function kn() {
-  return Te || (Te = 1, (function(e) {
+var qe;
+function En() {
+  return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function a() {
@@ -1016,10 +1010,10 @@ function kn() {
     })();
   })(de)), de.exports;
 }
-var $n = kn();
-const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
-  slotStack: qn
-}, Tn = (e) => {
+var kn = En();
+const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
+  slotStack: Tn
+}, An = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1039,7 +1033,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     t,
     a,
     n && n.length > 0 ? n : null
-  ), b = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: _.map((x, y) => /* @__PURE__ */ o.jsx(k, { children: x }, `data-card-body-${c}-${y}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: h.map((x, y) => /* @__PURE__ */ o.jsx(k, { children: x }, `data-card-top-${c}-${y}`)) }) : void 0;
+  ), p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: $e.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `data-card-body-${c}-${x}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: $e.slotStack, children: h.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `data-card-top-${c}-${x}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
     at,
     {
@@ -1047,12 +1041,12 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       icon: d,
       headerStatusColor: f,
       topContent: m,
-      children: b
+      children: p
     }
   );
-}, An = "_dividerNotFront_tze3j_1", On = {
-  dividerNotFront: An
-}, Rn = (e) => /* @__PURE__ */ o.jsx(rt, { ...e, className: On.dividerNotFront }), Dn = (e, t, a) => {
+}, qn = "_dividerNotFront_tze3j_1", $n = {
+  dividerNotFront: qn
+}, On = (e) => /* @__PURE__ */ o.jsx(rt, { ...e, className: $n.dividerNotFront }), Rn = (e, t, a) => {
   const { url: s, paginationKeys: c, params: i } = e, l = [], n = (c == null ? void 0 : c.page) ?? "page";
   if (l.push(`${n}=${t}`), typeof a == "string") {
     const u = (c == null ? void 0 : c.text) ?? "text";
@@ -1070,7 +1064,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   const { type: s, url: c, method: i, headers: l } = e;
   return s === "rest" ? {
     type: "rest",
-    url: Dn(e, t, a),
+    url: Rn(e, t, a),
     method: i,
     headers: l,
     data: (e == null ? void 0 : e.data) || {}
@@ -1087,46 +1081,46 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     }
   };
 }, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Ue = (e, t, a, s) => {
-  const c = K.query(e, t), i = c == null ? void 0 : c.map((r) => {
+  const c = L.query(e, t), i = c == null ? void 0 : c.map((r) => {
     var u, f;
     if (a) {
       const _ = {};
-      for (const [h, b] of Object.entries(a))
-        if (typeof b == "object" && "path" in b) {
-          const m = b, x = (u = K.query(r, m.path)) == null ? void 0 : u[0];
-          m.translations && String(x) in m.translations ? _[h] = _e(
-            m.translations[String(x)]
-          ) : _[h] = _e(x);
+      for (const [h, p] of Object.entries(a))
+        if (typeof p == "object" && "path" in p) {
+          const m = p, y = (u = L.query(r, m.path)) == null ? void 0 : u[0];
+          m.translations && String(y) in m.translations ? _[h] = _e(
+            m.translations[String(y)]
+          ) : _[h] = _e(y);
         } else {
-          const m = b;
-          _[h] = _e((f = K.query(r, m)) == null ? void 0 : f[0]);
+          const m = p;
+          _[h] = _e((f = L.query(r, m)) == null ? void 0 : f[0]);
         }
       return _;
     } else
       return r;
-  }), l = K.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? c.length, n = K.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
+  }), l = L.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? c.length, n = L.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
     size: l,
     total: n,
-    totalPages: s != null && s.totalPages ? K.value(
+    totalPages: s != null && s.totalPages ? L.value(
       e,
       (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : l > 0 ? Math.ceil(n / l) : 0
   };
   return { items: i, pagination: d };
 }, se = ({ withPadding: e = !1 }) => {
-  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: L.labelColor }, children: a });
+  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: I.labelColor }, children: a });
   return /* @__PURE__ */ o.jsx(
     Et,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: L.fontSize,
-        fontFamily: L.fontFamily,
+        fontSize: I.fontSize,
+        fontFamily: I.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
   );
-}, Ln = ({
+}, Dn = ({
   active: e,
   payload: t,
   label: a,
@@ -1136,9 +1130,9 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   if (!e || !t || !t.length)
     return null;
   const c = {
-    backgroundColor: L.tooltipBg,
-    borderRadius: L.tooltipBorderRadius,
-    color: L.tooltipColor,
+    backgroundColor: I.tooltipBg,
+    borderRadius: I.tooltipBorderRadius,
+    color: I.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
@@ -1154,41 +1148,41 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
 }, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
   kt,
   {
-    content: /* @__PURE__ */ o.jsx(Ln, { tooltipKey: e })
+    content: /* @__PURE__ */ o.jsx(Dn, { tooltipKey: e })
   }
 ), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
-  $t,
+  Tt,
   {
     dataKey: e,
     hide: t,
     tick: {
-      fill: L.labelColor,
-      fontSize: L.fontSize
+      fill: I.labelColor,
+      fontSize: I.fontSize
     }
   }
 ), je = () => /* @__PURE__ */ o.jsx(
-  qt,
+  At,
   {
     tick: {
-      fill: L.labelColor,
-      fontSize: L.fontSize
+      fill: I.labelColor,
+      fontSize: I.fontSize
     }
   }
-), Bn = (e) => {
+), Ln = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e;
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Tt, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(qt, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(be, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, {}),
     s.map((i, l) => /* @__PURE__ */ o.jsx(
-      At,
+      $t,
       {
         type: "monotone",
         dataKey: i,
-        stroke: z[l % z.length],
-        fill: z[l % z.length]
+        stroke: M[l % M.length],
+        fill: M[l % M.length]
       },
       i
     ))
@@ -1205,12 +1199,12 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       Rt,
       {
         dataKey: i,
-        fill: z[l % z.length]
+        fill: M[l % M.length]
       },
       i
     ))
   ] }) });
-}, Kn = (e) => {
+}, Bn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e;
   return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Dt, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
@@ -1223,14 +1217,14 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       {
         type: "monotone",
         dataKey: i,
-        stroke: z[l % z.length],
+        stroke: M[l % M.length],
         strokeWidth: 2,
         dot: !1
       },
       i
     ))
   ] }) });
-}, zn = (e) => {
+}, Kn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e, i = ({
     cx: l,
     cy: n,
@@ -1239,25 +1233,25 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     outerRadius: u,
     value: f
   }) => {
-    const _ = Math.PI / 180, h = 25 + r + (u - r), b = l + h * Math.cos(-(d ?? 0) * _), m = n + h * Math.sin(-(d ?? 0) * _);
+    const _ = Math.PI / 180, h = 25 + r + (u - r), p = l + h * Math.cos(-(d ?? 0) * _), m = n + h * Math.sin(-(d ?? 0) * _);
     return /* @__PURE__ */ o.jsx(
       "text",
       {
-        x: b,
+        x: p,
         y: m,
-        fill: L.labelColor,
-        color: L.labelColor,
+        fill: I.labelColor,
+        color: I.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: f
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Bt, { children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(It, { children: [
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, {}),
     /* @__PURE__ */ o.jsx(
-      It,
+      Bt,
       {
         data: t,
         dataKey: s[0],
@@ -1267,7 +1261,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
         children: t.map((l, n) => /* @__PURE__ */ o.jsx(
           Kt,
           {
-            fill: z[n % z.length]
+            fill: M[n % M.length]
           },
           `cell-${n}`
         ))
@@ -1275,11 +1269,11 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     )
   ] }) });
 }, Mn = {
-  area: Bn,
+  area: Ln,
   bar: In,
-  line: Kn,
-  pie: zn
-}, z = [
+  line: Bn,
+  pie: Kn
+}, M = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1297,46 +1291,46 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], L = {
+], I = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Gn = (e) => {
+}, zn = (e) => {
   const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = Mn[l.type];
   if (!n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [r, u] = T(!1), [f, _] = T([]), h = async () => {
-    var m, x;
+  const { fetchDataSource: d } = K(), [r, u] = q(!1), [f, _] = q([]), h = async () => {
+    var m, y;
     try {
       u(!0);
-      const { jsonPathData: y, mapperData: g } = i, p = pe(
+      const { jsonPathData: x, mapperData: g } = i, b = pe(
         i,
         1
-      ), N = await d(
-        p,
+      ), C = await d(
+        b,
         a,
         !1
-      ), j = y ? (m = Ue(N == null ? void 0 : N.data, y, g)) == null ? void 0 : m.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
+      ), j = x ? (m = Ue(C == null ? void 0 : C.data, x, g)) == null ? void 0 : m.items : (y = C == null ? void 0 : C.data) == null ? void 0 : y.data;
       _(j), u(!1);
-    } catch (y) {
-      alert(JSON.stringify(y)), u(!1);
+    } catch (x) {
+      alert(JSON.stringify(x)), u(!1);
     }
   };
-  M(() => {
+  z(() => {
     i ? h() : _(l.data);
   }, []);
-  const b = {
+  const p = {
     ...l,
     data: f
   };
-  return r ? /* @__PURE__ */ o.jsx(Ke, { height: 400 }) : f.length > 0 ? n(b) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, Un = "_header_g1eri_1", Jn = "_header_content_g1eri_5", Oe = {
-  header: Un,
-  header_content: Jn
-}, Vn = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), Hn = (e) => {
+  return r ? /* @__PURE__ */ o.jsx(Ke, { height: 400 }) : f.length > 0 ? n(p) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
+}, Gn = "_header_g1eri_1", Un = "_header_content_g1eri_5", Oe = {
+  header: Gn,
+  header_content: Un
+}, Jn = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), Vn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1349,29 +1343,29 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     component: r,
     hash: u,
     ...f
-  } = e, { getNextUI: _ } = I(), { disabled: h } = B(
+  } = e, { getNextUI: _ } = K(), { disabled: h } = B(
     t,
     d
-  ), b = c && f ? (() => {
-    const { href: y, target: g, download: p, ...N } = f;
-    return N;
+  ), p = c && f ? (() => {
+    const { href: x, target: g, download: b, ...C } = f;
+    return C;
   })() : f, m = R(async () => {
-    var y;
+    var x;
     if (c)
       try {
         const g = {
-          ...(y = v.getState()[t]) == null ? void 0 : y.entries,
+          ...(x = v.getState()[t]) == null ? void 0 : x.entries,
           [s]: { status: 200 }
         };
         switch (O(t, g), c) {
           case "GO_TO_NEXT_UI": {
-            const p = await _(
+            const b = await _(
               t,
               a,
               g,
               s
             );
-            p != null && p.data && A(t, p == null ? void 0 : p.data);
+            b != null && b.data && $(t, b == null ? void 0 : b.data);
             break;
           }
           case "REDIRECT":
@@ -1388,19 +1382,19 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       } catch (g) {
         alert(JSON.stringify(g));
       }
-  }, [c, _, a, l, s, n, t]), x = b.disabled ?? h;
+  }, [c, _, a, l, s, n, t]), y = p.disabled ?? h;
   return /* @__PURE__ */ o.jsx(
     ot,
     {
-      ...b,
-      disabled: x,
+      ...p,
+      disabled: y,
       onClick: c ? m : void 0,
       children: i
     }
   );
-}, Xn = "_modalContent_p06ci_1", Wn = {
-  modalContent: Xn
-}, Qn = ({
+}, Hn = "_modalContent_p06ci_1", Xn = {
+  modalContent: Hn
+}, Wn = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1410,30 +1404,30 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   headerStatusColor: l,
   ...n
 }) => {
-  const d = v((y) => {
+  const d = v((x) => {
     var g;
-    return (g = y[e]) == null ? void 0 : g.isModalOpen;
-  }), r = v((y) => {
+    return (g = x[e]) == null ? void 0 : g.isModalOpen;
+  }), r = v((x) => {
     var g;
-    return (g = y[e]) == null ? void 0 : g.isLoading;
+    return (g = x[e]) == null ? void 0 : g.isLoading;
   }), u = d && !r, f = {
     ...n
   }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = R(() => {
     xe(e), ge(e, !1);
-  }, [e, a]), b = Array.isArray(s) ? S(e, t, s) : s, m = S(e, t, c), x = S(e, t, i);
+  }, [e, a]), p = Array.isArray(s) ? S(e, t, s) : s, m = S(e, t, c), y = S(e, t, i);
   return /* @__PURE__ */ o.jsx(
     ct,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof b == "string" ? b : /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((y, g) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: Wn.modalContent, children: m.map((y, g) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, g) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-footer-${g}`)) }),
+      header: typeof p == "string" ? p : /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Xn.modalContent, children: m.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
-}, Yn = ({ userFlow: e, pageId: t }) => {
+}, Qn = ({ userFlow: e, pageId: t }) => {
   var i, l;
   const a = Jt(e);
   if (!a)
@@ -1451,7 +1445,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     const r = `overlay-${d}-${a == null ? void 0 : a.hash}`;
     return /* @__PURE__ */ o.jsx(k, { children: n }, r);
   }) });
-}, Zn = {
+}, Yn = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1477,8 +1471,8 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Fn = (e) => {
-  const { content: t, variant: a = "neutral", ...s } = e, c = Zn[a], i = {
+}, Zn = (e) => {
+  const { content: t, variant: a = "neutral", ...s } = e, c = Yn[a], i = {
     ...s,
     children: t,
     color: (s == null ? void 0 : s.color) ?? c.color,
@@ -1486,10 +1480,10 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     iconColor: (s == null ? void 0 : s.iconColor) ?? c.iconColor
   };
   return /* @__PURE__ */ o.jsx(he, { ...i });
-}, Pn = (e) => {
+}, Fn = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ o.jsx(Ie, { children: t });
-}, es = (e) => {
+  return /* @__PURE__ */ o.jsx(Be, { children: t });
+}, Pn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1499,38 +1493,38 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     dependencies: l,
     onClick: n,
     ...d
-  } = e, { getNextUI: r, fetchAndGetNextUI: u } = I(), { disabled: f } = B(
+  } = e, { getNextUI: r, fetchAndGetNextUI: u } = K(), { disabled: f } = B(
     t,
     l
   ), _ = {
     ...d
-  }, h = (_ == null ? void 0 : _.disabled) ?? f, b = R(async () => {
+  }, h = (_ == null ? void 0 : _.disabled) ?? f, p = R(async () => {
     var m;
     try {
-      const x = {
+      const y = {
         ...(m = v.getState()[t]) == null ? void 0 : m.entries,
         [s]: { status: 200 }
       };
-      switch (O(t, x), c) {
+      switch (O(t, y), c) {
         case "GO_TO_NEXT_UI": {
-          const y = await r(
+          const x = await r(
             t,
             a,
-            x,
+            y,
             s
           );
-          y != null && y.data && A(t, y == null ? void 0 : y.data);
+          x != null && x.data && $(t, x == null ? void 0 : x.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const y = await u(
+          const x = await u(
             t,
             a,
-            x,
+            y,
             s,
             i
           );
-          y != null && y.data && A(t, y == null ? void 0 : y.data);
+          x != null && x.data && $(t, x == null ? void 0 : x.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1546,8 +1540,8 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
           console.warn(`Unhandled actionType: ${c}`);
           break;
       }
-    } catch (x) {
-      alert(JSON.stringify(x));
+    } catch (y) {
+      alert(JSON.stringify(y));
     }
   }, [c, i, a, s, t]);
   return /* @__PURE__ */ o.jsx(
@@ -1555,11 +1549,11 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     {
       ..._,
       disabled: h,
-      onClick: () => !h && (n ?? b)()
+      onClick: () => !h && (n ?? p)()
     }
   );
-}, ts = "_row_1bqj4_1", ns = "_row_column_1bqj4_65", J = {
-  row: ts,
+}, es = "_row_1bqj4_1", ts = "_row_column_1bqj4_65", J = {
+  row: es,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -1580,7 +1574,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: ns,
+  row_column: ts,
   "row_column__gap-none": "_row_column__gap-none_1bqj4_72",
   "row_column__gap-xxs": "_row_column__gap-xxs_1bqj4_75",
   "row_column__gap-xs": "_row_column__gap-xs_1bqj4_78",
@@ -1601,7 +1595,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, ss = (e) => {
+}, ns = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1670,17 +1664,16 @@ function Je({
   debounceMs: l
 }) {
   const n = Ze(null);
-  M(() => () => {
+  z(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
   const d = R(
     async (u) => {
       var h;
       const f = {
-        ...(h = v.getState()[e]) == null ? void 0 : h.entries,
-        [a]: u
+        ...(h = v.getState()[e]) == null ? void 0 : h.entries
       };
-      if (O(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (u ? f[a] = u : delete f[a], O(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const m = await c(
             e,
@@ -1689,9 +1682,9 @@ function Je({
             a,
             s === "GO_TO_NEXT_UI"
           );
-          m != null && m.data && A(e, m.data);
-        } catch (b) {
-          console.error("[useSelectChange] Failed to fetch next UI", b);
+          m != null && m.data && $(e, m.data);
+        } catch (p) {
+          console.error("[useSelectChange] Failed to fetch next UI", p);
         }
     },
     [e, t, a, s, c]
@@ -1713,18 +1706,25 @@ function Je({
     [i, l, d]
   );
 }
-const as = (e, t, a, s) => {
-  const c = K.query(e, t);
+const ss = /\{([^}]+)\}/g, as = (e, t) => {
+  var a;
+  return t.includes("{") ? t.replace(ss, (s, c) => {
+    var l;
+    const i = (l = L.query(e, c.trim())) == null ? void 0 : l[0];
+    return i != null ? String(i) : "";
+  }) : (a = L.query(e, t)) == null ? void 0 : a[0];
+}, rs = (e, t, a, s) => {
+  const c = L.query(e, t);
   return (c == null ? void 0 : c.map((i) => {
-    var d, r;
-    const l = (d = K.query(i, a)) == null ? void 0 : d[0], n = s ? (r = K.query(i, s)) == null ? void 0 : r[0] : i;
+    var d;
+    const l = as(i, a), n = s ? (d = L.query(i, s)) == null ? void 0 : d[0] : i;
     return { label: l, value: n };
   })) ?? [];
-}, rs = (e, t, a, s = 10) => {
+}, os = (e, t, a, s = 10) => {
   var n, d;
   let c, i;
   if (a) {
-    const r = K.value(e, a.size ?? "$.meta.size") ?? s, u = K.value(e, a.total ?? "$.meta.total") ?? 0;
+    const r = L.value(e, a.size ?? "$.meta.size") ?? s, u = L.value(e, a.total ?? "$.meta.total") ?? 0;
     c = r, i = u;
   } else {
     const r = e == null ? void 0 : e.meta;
@@ -1736,9 +1736,9 @@ const as = (e, t, a, s) => {
     total: i,
     hasMore: l
   };
-}, os = "_selectNotFront_1yw9q_1", Ve = {
-  selectNotFront: os
-}, cs = ({
+}, cs = "_selectNotFront_ch3v5_1", Ve = {
+  selectNotFront: cs
+}, is = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1751,15 +1751,16 @@ const as = (e, t, a, s) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = T((r == null ? void 0 : r.value) ?? ""), { disabled: b } = B(
+  }, { getNextUI: u, fetchDataSource: f } = K(), [_, h] = q((r == null ? void 0 : r.value) ?? ""), { disabled: p } = B(
     e,
     l
-  ), m = (r == null ? void 0 : r.disabled) ?? b, x = $(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), y = $(() => {
-    const j = r != null && r.isMulti ? _ : [_], C = {};
-    return typeof j == "object" && "length" in j && (j == null || j.forEach((w) => {
+  ), m = (r == null ? void 0 : r.disabled) ?? p, y = T(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), x = T(() => {
+    const j = r != null && r.isMulti ? _ : [_], N = {};
+    return Array.isArray(j) && j.forEach((w) => {
+      if (!w) return;
       const E = JSON.stringify(w.value), D = JSON.stringify(w.label);
-      C[E] = w, D in C || (C[D] = w);
-    })), C;
+      N[E] = w, D in N || (N[D] = w);
+    }), N;
   }, [_]), g = Je({
     userFlow: e,
     pageId: t,
@@ -1768,13 +1769,13 @@ const as = (e, t, a, s) => {
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
-  }), p = (j) => {
+  }), b = (j) => {
     h(j), g(j);
-  }, N = async (j, C, { page: w }) => {
+  }, C = async (j, N, { page: w }) => {
     const {
       jsonPathLabel: E,
       jsonPathOptions: D,
-      jsonPathValue: q,
+      jsonPathValue: A,
       jsonPathPagination: G
     } = c, U = pe(
       c,
@@ -1784,12 +1785,12 @@ const as = (e, t, a, s) => {
       U,
       e,
       !1
-    ), oe = re == null ? void 0 : re.data, Xe = oe ? as(
+    ), oe = re == null ? void 0 : re.data, Xe = oe ? rs(
       oe,
       D,
       E,
-      q
-    ) : [], { hasMore: We } = rs(
+      A
+    ) : [], { hasMore: We } = os(
       oe,
       w,
       G
@@ -1807,21 +1808,21 @@ const as = (e, t, a, s) => {
     {
       ...r,
       className: Ve.selectNotFront,
-      label: x,
+      label: y,
       value: _,
       disabled: m,
       noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
-      onChange: (j) => !m && p(j),
-      loadOptions: N,
+      onChange: (j) => !m && b(j),
+      loadOptions: C,
       additional: { page: 1 },
       isOptionDisabled: (j) => {
-        const C = JSON.stringify(j == null ? void 0 : j.value), w = JSON.stringify(j == null ? void 0 : j.label);
-        return !!(y != null && y[C]) || !!(y != null && y[w]);
+        const N = JSON.stringify(j == null ? void 0 : j.value), w = JSON.stringify(j == null ? void 0 : j.label);
+        return !!(x != null && x[N]) || !!(x != null && x[w]);
       },
       debounceTimeout: 350
     }
   );
-}, is = ({
+}, ls = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1834,10 +1835,10 @@ const as = (e, t, a, s) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = T(r.value || ""), { disabled: h } = B(
+  }, { getNextUI: u } = K(), [f, _] = q(r.value || ""), { disabled: h } = B(
     e,
     l
-  ), b = (r == null ? void 0 : r.disabled) ?? h, m = $(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), x = Je({
+  ), p = (r == null ? void 0 : r.disabled) ?? h, m = T(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), y = Je({
     userFlow: e,
     pageId: t,
     responseKey: a,
@@ -1845,8 +1846,8 @@ const as = (e, t, a, s) => {
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
-  }), y = (g) => {
-    _(g), x(g);
+  }), x = (g) => {
+    _(g), y(g);
   };
   return /* @__PURE__ */ o.jsx(
     dt,
@@ -1855,27 +1856,27 @@ const as = (e, t, a, s) => {
       className: Ve.selectNotFront,
       label: m,
       value: f,
-      disabled: b,
-      onChange: (g) => !b && y(g)
+      disabled: p,
+      onChange: (g) => !p && x(g)
     }
   );
-}, ls = (e) => {
+}, ds = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(cs, { ...e }) : /* @__PURE__ */ o.jsx(is, { ...e });
-}, ds = "_spacing_19hqa_1", _s = "_spacing__xxs_19hqa_1", us = "_spacing__xs_19hqa_4", hs = "_spacing__sm_19hqa_7", fs = "_spacing__md_19hqa_10", ms = "_spacing__lg_19hqa_13", ys = "_spacing__xl_19hqa_16", xs = "_spacing__xxl_19hqa_19", gs = "_spacing__xxxl_19hqa_22", Re = {
-  spacing: ds,
-  spacing__xxs: _s,
-  spacing__xs: us,
-  spacing__sm: hs,
-  spacing__md: fs,
-  spacing__lg: ms,
-  spacing__xl: ys,
-  spacing__xxl: xs,
-  spacing__xxxl: gs
-}, ps = (e) => {
+  return t ? /* @__PURE__ */ o.jsx(is, { ...e }) : /* @__PURE__ */ o.jsx(ls, { ...e });
+}, _s = "_spacing_19hqa_1", us = "_spacing__xxs_19hqa_1", hs = "_spacing__xs_19hqa_4", fs = "_spacing__sm_19hqa_7", ms = "_spacing__md_19hqa_10", ys = "_spacing__lg_19hqa_13", xs = "_spacing__xl_19hqa_16", gs = "_spacing__xxl_19hqa_19", ps = "_spacing__xxxl_19hqa_22", Re = {
+  spacing: _s,
+  spacing__xxs: us,
+  spacing__xs: hs,
+  spacing__sm: fs,
+  spacing__md: ms,
+  spacing__lg: ys,
+  spacing__xl: xs,
+  spacing__xxl: gs,
+  spacing__xxxl: ps
+}, bs = (e) => {
   const { size: t } = e, a = ee(Re.spacing, Re[`spacing__${t}`]);
   return /* @__PURE__ */ o.jsx("div", { className: a });
-}, bs = (e) => {
+}, js = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1888,50 +1889,50 @@ const as = (e, t, a, s) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
+  }, { getNextUI: f } = K(), [_, h] = q(l || !1), { disabled: p } = B(
     t,
     d
-  ), m = (u == null ? void 0 : u.disabled) ?? b, x = $(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
+  ), m = (u == null ? void 0 : u.disabled) ?? p, y = T(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
     var g;
     try {
-      const p = !_;
-      h(p);
-      const N = {
+      const b = !_;
+      h(b);
+      const C = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [s]: p
+        [s]: b
       };
-      switch (O(t, N), c) {
+      switch (O(t, C), c) {
         case "GO_TO_NEXT_UI":
           const j = await f(
             t,
             a,
-            N,
+            C,
             s
           );
-          j != null && j.data && A(t, j == null ? void 0 : j.data);
+          j != null && j.data && $(t, j == null ? void 0 : j.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${c}`);
           break;
       }
-    } catch (p) {
-      console.error("Error in switch action:", p), alert(JSON.stringify(p));
+    } catch (b) {
+      console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
   }, [t, a, s, c, _]);
   return /* @__PURE__ */ o.jsx(
     _t,
     {
       ...u,
-      label: x,
+      label: y,
       checked: _,
       disabled: m,
-      onChange: () => !m && y()
+      onChange: () => !m && x()
     }
   );
-}, js = "_tableSkeleton_3nr9n_1", ws = "_tableArrayPills_3nr9n_7", He = {
-  tableSkeleton: js,
-  tableArrayPills: ws
-}, Cs = ({ values: e }) => {
+}, ws = "_tableSkeleton_3nr9n_1", Cs = "_tableArrayPills_3nr9n_7", He = {
+  tableSkeleton: ws,
+  tableArrayPills: Cs
+}, Ns = ({ values: e }) => {
   const a = e == null ? void 0 : e.slice(0, 4), s = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ o.jsxs("div", { className: He.tableArrayPills, children: [
     a.map((c, i) => /* @__PURE__ */ o.jsx(he, { children: String(c) }, i)),
@@ -1940,14 +1941,14 @@ const as = (e, t, a, s) => {
       s
     ] })
   ] });
-}, Ns = ({
+}, vs = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: a,
   component: s,
   rowData: c
 }) => {
-  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = S(e, t, [
+  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = K(), d = S(e, t, [
     { ...s }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
@@ -1956,77 +1957,77 @@ const as = (e, t, a, s) => {
     responseKey: f,
     dataSource: _
   } = r.props, h = R(async () => {
-    var b, m, x;
+    var p, m, y;
     try {
-      const y = {
-        ...(b = v.getState()[e]) == null ? void 0 : b.entries,
+      const x = {
+        ...(p = v.getState()[e]) == null ? void 0 : p.entries,
         [f]: { status: 200 },
         [a]: [{ ...c }]
       };
-      switch (O(e, y), u) {
+      switch (O(e, x), u) {
         case "GO_TO_NEXT_UI": {
           const g = await i(
             e,
             t,
-            y,
+            x,
             f
           );
-          g != null && g.data && A(e, g == null ? void 0 : g.data);
+          g != null && g.data && $(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
           const g = await l(
             e,
             t,
-            y,
+            x,
             f,
             _
           );
-          g != null && g.data && A(e, g == null ? void 0 : g.data);
+          g != null && g.data && $(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
           const g = await i(
             e,
             t,
-            y,
+            x,
             f
-          ), p = (m = g == null ? void 0 : g.data) == null ? void 0 : m.content;
-          if ((p == null ? void 0 : p.type) !== "fetch") break;
-          const N = p == null ? void 0 : p.dataSource, j = await n(
-            N,
+          ), b = (m = g == null ? void 0 : g.data) == null ? void 0 : m.content;
+          if ((b == null ? void 0 : b.type) !== "fetch") break;
+          const C = b == null ? void 0 : b.dataSource, j = await n(
+            C,
             e,
             // Avoid to handle loading state until all the requests are done
             !1
-          ), C = {
-            ...(x = v.getState()[e]) == null ? void 0 : x.entries,
+          ), N = {
+            ...(y = v.getState()[e]) == null ? void 0 : y.entries,
             [f]: {
               status: j == null ? void 0 : j.status,
               content: j == null ? void 0 : j.data
             }
           };
-          O(e, C);
+          O(e, N);
           const w = await i(
             e,
             t,
-            C,
+            N,
             f
           );
-          w != null && w.data && A(e, w == null ? void 0 : w.data);
+          w != null && w.data && $(e, w == null ? void 0 : w.data);
           break;
         }
         default:
           console.warn(`Unhandled actionType: ${u}`);
           break;
       }
-    } catch (y) {
-      alert(JSON.stringify(y));
+    } catch (x) {
+      alert(JSON.stringify(x));
     }
   }, [u, _, t, f, e]);
   return Fe(r, {
     onClick: h
   });
-}, vs = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, Ss = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   Ke,
   {
     maxWidth: "100%",
@@ -2034,7 +2035,7 @@ const as = (e, t, a, s) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Ss = ({
+)) }), Es = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2043,30 +2044,30 @@ const as = (e, t, a, s) => {
   rightActions: i,
   ...l
 }) => {
-  var p, N, j;
-  const { fetchDataSource: n } = I(), [d, r] = T(!1), [u, f] = T(1), [_, h] = T(null), b = $(() => {
+  var b, C, j;
+  const { fetchDataSource: n } = K(), [d, r] = q(!1), [u, f] = q(1), [_, h] = q(null), p = T(() => {
     if (i != null && i.length)
-      return i.map((C, w) => ({
+      return i.map((N, w) => ({
         renderContent: (E) => /* @__PURE__ */ o.jsx(
-          Ns,
+          vs,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: a,
-            component: C,
+            component: N,
             rowData: E
           },
           `tableRowAction${w}`
         )
       }));
-  }, [i, e, t]), m = async (C = 1) => {
+  }, [i, e, t]), m = async (N = 1) => {
     try {
       r(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = c, q = pe(
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = c, A = pe(
         c,
-        C
+        N
       ), G = await n(
-        q,
+        A,
         e,
         !1
       );
@@ -2081,47 +2082,47 @@ const as = (e, t, a, s) => {
     } catch (w) {
       alert(JSON.stringify(w)), r(!1);
     }
-  }, x = (C) => {
-    f(C), m(C);
+  }, y = (N) => {
+    f(N), m(N);
   };
-  M(() => {
+  z(() => {
     m();
   }, []);
-  const y = $(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+  const x = T(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((N) => {
     var E;
     return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
-      (D) => Array.isArray(C != null && C.accessor ? D[C == null ? void 0 : C.accessor] : void 0)
+      (D) => Array.isArray(N != null && N.accessor ? D[N == null ? void 0 : N.accessor] : void 0)
     )) ? {
-      ...C,
+      ...N,
       renderCell: (D) => {
-        const q = C.accessor ? D[C.accessor] : void 0;
-        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(Cs, { values: q }) : q;
+        const A = N.accessor ? D[N.accessor] : void 0;
+        return Array.isArray(A) ? /* @__PURE__ */ o.jsx(Ns, { values: A }) : A;
       }
-    } : C;
+    } : N;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
     ...l,
     data: _ == null ? void 0 : _.items,
-    columns: y,
-    rightActions: b
+    columns: x,
+    rightActions: p
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(vs, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(Ss, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsx(ut, { ...g }),
-    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
+    (_ == null ? void 0 : _.pagination) && ((C = _ == null ? void 0 : _.pagination) == null ? void 0 : C.totalPages) > 1 && /* @__PURE__ */ o.jsx(
       ht,
       {
         classname: { global: "row__end" },
         page: u,
         size: _ == null ? void 0 : _.pagination.size,
         total: (j = _ == null ? void 0 : _.pagination) == null ? void 0 : j.total,
-        onChange: x
+        onChange: y
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Es = "_tabsPanel_kvslb_1", ks = {
-  tabsPanel: Es
-}, $s = ({ userFlow: e, pageId: t, components: a }) => {
+}, ks = "_tabsPanel_kvslb_1", Ts = {
+  tabsPanel: ks
+}, As = ({ userFlow: e, pageId: t, components: a }) => {
   const s = S(e, t, a);
-  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: ks.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${i}`)) }) : null;
+  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: Ts.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${i}`)) }) : null;
 }, qs = ({
   userFlow: e,
   pageId: t,
@@ -2135,7 +2136,7 @@ const as = (e, t, a, s) => {
     label: r.label,
     disabled: r.disabled,
     children: /* @__PURE__ */ o.jsx(
-      $s,
+      As,
       {
         userFlow: e,
         pageId: t,
@@ -2160,9 +2161,9 @@ const as = (e, t, a, s) => {
       onClick: d
     }
   );
-}, Ts = "_textFieldNotFront_cps4i_1", As = {
-  textFieldNotFront: Ts
-}, Os = (e) => {
+}, $s = "_textFieldNotFront_1n8fy_1", Os = {
+  textFieldNotFront: $s
+}, Rs = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -2174,33 +2175,33 @@ const as = (e, t, a, s) => {
     ...d
   } = e, r = {
     ...d
-  }, [u, f] = T((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
+  }, [u, f] = q((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
     t,
     n
-  ), h = (r == null ? void 0 : r.disabled) ?? _, b = $(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), m = (x) => {
-    var p;
-    const y = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
-    f(y);
+  ), h = (r == null ? void 0 : r.disabled) ?? _, p = T(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), m = (y) => {
+    var b;
+    const x = (b = y == null ? void 0 : y.target) == null ? void 0 : b.value;
+    f(x);
     const g = {
-      [i]: y
+      [i]: x
     };
     O(t, g);
   };
-  return M(() => {
+  return z(() => {
     f((r == null ? void 0 : r.value) ?? "");
   }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
     mt,
     {
       ...r,
-      className: As.textFieldNotFront,
+      className: Os.textFieldNotFront,
       allowClear: !1,
-      label: b,
+      label: p,
       value: u,
       disabled: h,
-      onChange: (x) => !h && m(x)
+      onChange: (y) => !h && m(y)
     }
   );
-}, Rs = ({
+}, Ds = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2224,21 +2225,21 @@ const as = (e, t, a, s) => {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
   }, [i, t, a, e, l]);
-  return M(() => {
+  return z(() => {
     ({
-      info: W.info,
-      error: W.error,
-      success: W.success,
-      warning: W.warning
-    }[s] || W.info)(c, {
+      info: Q.info,
+      error: Q.error,
+      success: Q.success,
+      warning: Q.warning
+    }[s] || Q.info)(c, {
       autoClose: i ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, Ds = "_accordion_1ri2t_1", Ls = "_accordionBody_1ri2t_8", De = {
-  accordion: Ds,
-  accordionBody: Ls
+}, Ls = "_accordion_1ri2t_1", Is = "_accordionBody_1ri2t_8", De = {
+  accordion: Ls,
+  accordionBody: Is
 }, Bs = (e) => {
   const {
     userFlow: t,
@@ -2249,51 +2250,51 @@ const as = (e, t, a, s) => {
     actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: r } = I(), [u, f] = T(
+  } = e, { getNextUI: r } = K(), [u, f] = q(
     d.checkboxChecked || !1
   ), { disabled: _ } = B(
     t,
     c
-  ), h = S(t, a, n), b = l ? S(t, a, l) : void 0, m = i ? S(t, a, i) : void 0, x = R(
-    async (p) => {
-      var N;
+  ), h = S(t, a, n), p = l ? S(t, a, l) : void 0, m = i ? S(t, a, i) : void 0, y = R(
+    async (b) => {
+      var C;
       try {
-        const j = p.target.checked;
+        const j = b.target.checked;
         f(j);
-        const C = {
-          ...(N = v.getState()[t]) == null ? void 0 : N.entries,
+        const N = {
+          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
           [s]: j
         };
-        if (O(t, C), d.actionType === "GO_TO_NEXT_UI") {
+        if (O(t, N), d.actionType === "GO_TO_NEXT_UI") {
           const w = await r(
             t,
             a,
-            C,
+            N,
             s
           );
-          w != null && w.data && A(t, w == null ? void 0 : w.data);
+          w != null && w.data && $(t, w == null ? void 0 : w.data);
         }
       } catch (j) {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
     [t, a, s, d.actionType, r]
-  ), y = d.disabled || _, g = {
+  ), x = d.disabled || _, g = {
     ...d,
     className: De.accordion,
-    disabled: y,
+    disabled: x,
     checkboxChecked: u,
-    onChanceCheckbox: d.hasCheckbox ? x : void 0,
-    actionContent: b ? /* @__PURE__ */ o.jsx(o.Fragment, { children: b.map((p, N) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((p, N) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ o.jsx("section", { className: De.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-child-${N}`)) }) : void 0
+    onChanceCheckbox: d.hasCheckbox ? y : void 0,
+    actionContent: p ? /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-action-${C}`)) }) : void 0,
+    customContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-custom-${C}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ o.jsx("section", { className: De.accordionBody, children: h.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-child-${C}`)) }) : void 0
   };
   return /* @__PURE__ */ o.jsx(yt, { ...g });
-}, Is = "_drawer_13pxo_1", Ks = "_drawerBody_13pxo_5", zs = "_drawerFooter_13pxo_11", ue = {
-  drawer: Is,
-  drawerBody: Ks,
+}, Ks = "_drawer_13pxo_1", Ms = "_drawerBody_13pxo_5", zs = "_drawerFooter_13pxo_11", ue = {
+  drawer: Ks,
+  drawerBody: Ms,
   drawerFooter: zs
-}, Ms = ({
+}, Gs = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2303,18 +2304,18 @@ const as = (e, t, a, s) => {
   ...l
 }) => {
   const n = v((m) => {
-    var x;
-    return (x = m[e]) == null ? void 0 : x.isDrawerOpen;
+    var y;
+    return (y = m[e]) == null ? void 0 : y.isDrawerOpen;
   }), d = v((m) => {
-    var x;
-    return (x = m[e]) == null ? void 0 : x.isLoading;
+    var y;
+    return (y = m[e]) == null ? void 0 : y.isLoading;
   }), r = n && !d, u = {
     ...l,
     isOpen: r,
     children: null
   }, f = R(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(s) ? S(e, t, s) : s ? /* @__PURE__ */ o.jsx(Be, { type: "h2", children: s }) : void 0, h = S(e, t, c), b = i ? S(e, t, i) : void 0;
+  }, [e]), _ = Array.isArray(s) ? S(e, t, s) : s ? /* @__PURE__ */ o.jsx(Ie, { type: "h2", children: s }) : void 0, h = S(e, t, c), p = i ? S(e, t, i) : void 0;
   return /* @__PURE__ */ o.jsx(
     xt,
     {
@@ -2323,19 +2324,19 @@ const as = (e, t, a, s) => {
       isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((m, x) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: ue.drawerBody, children: h.map((m, x) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-body-${x}`)) }),
-      footer: b ? /* @__PURE__ */ o.jsx("div", { className: ue.drawerFooter, children: b.map((m, x) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-footer-${x}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-header-${y}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: ue.drawerBody, children: h.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-body-${y}`)) }),
+      footer: p ? /* @__PURE__ */ o.jsx("div", { className: ue.drawerFooter, children: p.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
     }
   );
 };
-function na({
+function sa({
   routes: e,
   renderPage: t,
   renderFallback: a,
   redirectTo: s = "/"
 }) {
-  return /* @__PURE__ */ o.jsxs(zt, { children: [
+  return /* @__PURE__ */ o.jsxs(Mt, { children: [
     e.map((c) => /* @__PURE__ */ o.jsx(
       Ce,
       {
@@ -2344,16 +2345,16 @@ function na({
       },
       `${c.path}:${c.sessionName}`
     )),
-    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(Mt, { to: s, replace: !0 }) })
+    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(zt, { to: s, replace: !0 }) })
   ] });
 }
-function sa({
+function aa({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: a,
   children: s
 }) {
-  const c = Gs(
+  const c = Us(
     e,
     t,
     null,
@@ -2383,7 +2384,7 @@ const Le = (e, t, a, s, c) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        Vn,
+        Jn,
         {
           ...s,
           components: i || []
@@ -2393,9 +2394,15 @@ const Le = (e, t, a, s, c) => {
     default:
       return null;
   }
-}, Gs = (e, t, a, s) => {
-  var _, h, b;
-  const [c, i] = T(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? Le(
+}, Us = (e, t, a, s) => {
+  var _, h, p;
+  const [c, i] = q(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId;
+  z(() => {
+    if (typeof window > "u") return;
+    const m = new URL(window.location.href), y = m.searchParams.get("sessionId");
+    y && (sessionStorage.setItem("sessionId", y), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
+  }, []);
+  const d = n ? Le(
     e,
     n,
     "header",
@@ -2405,15 +2412,15 @@ const Le = (e, t, a, s, c) => {
     e,
     n,
     "body",
-    ((b = l[e].pages[n].page) == null ? void 0 : b.body) || null,
+    ((p = l[e].pages[n].page) == null ? void 0 : p.body) || null,
     s
-  ) : null, u = $(() => {
+  ) : null, u = T(() => {
     var m;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(gt, {}),
       d,
       r,
-      n && /* @__PURE__ */ o.jsx(Yn, { userFlow: e, pageId: n }),
+      n && /* @__PURE__ */ o.jsx(Qn, { userFlow: e, pageId: n }),
       l[e] && /* @__PURE__ */ o.jsx(pt, {})
     ] });
   }, [d, r, n, e]), f = async () => {
@@ -2421,33 +2428,33 @@ const Le = (e, t, a, s, c) => {
       const m = await Ge(
         t,
         e
-      ), x = m == null ? void 0 : m.data, y = x == null ? void 0 : x.content;
-      (m == null ? void 0 : m.status) === 200 ? ce(e, t, y, x == null ? void 0 : x.sessionState) : i(!0);
+      ), y = m == null ? void 0 : m.data, x = y == null ? void 0 : y.content;
+      (m == null ? void 0 : m.status) === 200 ? ce(e, t, x, y == null ? void 0 : y.sessionState) : i(!0);
     } catch (m) {
       console.error("[not-page]: API call failed", m), i(!0);
     }
   };
-  return M(() => {
+  return z(() => {
     t != null && t.api && !a && e ? f() : !(t != null && t.api) && a && e || t != null && t.api && a && e ? ce(e, t, a) : (!(t != null && t.api) && !a || !e) && (i(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const m = "avocado-theme-mode-changed", x = (y) => {
-      const g = y.detail;
+    const m = "avocado-theme-mode-changed", y = (x) => {
+      const g = x.detail;
       te.setThemeMode(g);
     };
-    return window.addEventListener(m, x), () => {
-      window.removeEventListener(m, x);
+    return window.addEventListener(m, y), () => {
+      window.removeEventListener(m, y);
     };
   }, []), c && console.error("[not-page]: No render page"), u;
 };
 export {
-  Gn as Chart,
-  na as NotFrontDynamicRouter,
-  sa as NotFrontPage,
-  ss as Row,
+  zn as Chart,
+  sa as NotFrontDynamicRouter,
+  aa as NotFrontPage,
+  ns as Row,
   Zt as heading,
   Ft as text,
-  Gs as usePage
+  Us as usePage
 };