@foris/avocado-not-front 4.2.0 → 4.3.0

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

@@ -1,18 +1,18 @@
 import V from "axios";
-import { create as We } from "zustand";
-import Qe, { useMemo as k, useEffect as K, useState as O, Fragment as q, useCallback as $, useRef as Ye, cloneElement as Ze } from "react";
-import { Heading as Le, Text as Fe, ThemeStore as te, Breadcrumbs as Pe, Button as et, CardNotification as me, Checkbox as tt, PreviewerMarkdown as Be, DataCard as nt, Divider as st, SkeletonBase as Ie, Link as at, Modal as rt, Pill as he, RoundButton as ot, SelectPagination as ct, Select as it, Switch as lt, Table as dt, Pager as _t, Tabs as ut, TextField as ht, toast as W, Accordion as ft, Drawer as mt, Loading as yt, Toaster as xt } from "@foris/avocado-suite";
-import { ChatPanel as gt, SummaryCard as pt, PromptCodeEditor as bt } from "@foris/ai-agent";
-import jt from "@uiw/react-codemirror";
+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 { 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 wt } from "@codemirror/lang-markdown";
-import { sql as Ct } from "@codemirror/lang-sql";
-import { yaml as Nt } from "@codemirror/lang-yaml";
-import I from "jsonpath";
-import { Legend as vt, Tooltip as Et, XAxis as St, YAxis as kt, ResponsiveContainer as ne, AreaChart as qt, CartesianGrid as ye, Area as Tt, BarChart as Ot, Bar as At, LineChart as $t, Line as Rt, PieChart as Dt, Pie as Lt, Cell as Bt } from "recharts";
-import { Routes as It, Route as Ce, Navigate as zt } from "react-router-dom";
-const v = We(() => ({})), ce = (e, t, a, s) => {
-  const o = a == null ? void 0 : a.hash, c = s && Object.keys(s).length > 0 ? { ...s } : {};
+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";
+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) => {
     var n;
     return {
@@ -20,15 +20,15 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
       [e]: {
         ...l[e],
         apiConfig: t,
-        currentPageId: o,
+        currentPageId: c,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: c,
+        entries: i,
         overlay: null,
         pages: {
           ...(n = l[e]) == null ? void 0 : n.pages,
-          [o]: {
+          [c]: {
             page: a
           }
         }
@@ -39,18 +39,18 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
   const s = a && Object.keys(a).length > 0 ? { ...e, ...a } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(s).filter(
-      ([o]) => !t.includes(o)
+      ([c]) => !t.includes(c)
     )
   );
-}, Mt = (e, t, a, s, o) => {
-  sessionStorage.setItem("sessionId", a), v.setState((c) => {
-    const l = c[e] ?? {}, n = l.entries ?? {}, d = ze(
+}, Gt = (e, t, a, s, c) => {
+  sessionStorage.setItem("sessionId", a), v.setState((i) => {
+    const l = i[e] ?? {}, n = l.entries ?? {}, d = ze(
       n,
       s,
-      o
+      c
     );
     return {
-      ...c,
+      ...i,
       [e]: {
         ...l,
         currentPageId: t.hash,
@@ -66,10 +66,10 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
-}, Kt = (e, t, a, s) => {
-  v.setState((o) => {
+}, Ut = (e, t, a, s) => {
+  v.setState((c) => {
     var r;
-    const c = o[e] ?? {}, l = c.entries ?? {}, n = ze(
+    const i = c[e] ?? {}, l = i.entries ?? {}, n = ze(
       l,
       a,
       s
@@ -77,9 +77,9 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
       (u) => u.component === "drawer"
     );
     return {
-      ...o,
+      ...c,
       [e]: {
-        ...c,
+        ...i,
         entries: n,
         overlay: t,
         isLoading: !1,
@@ -96,29 +96,29 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
       overlay: null
     }
   }));
-}, Gt = (e) => {
+}, Jt = (e) => {
   var a;
   return ((a = v.getState()[e]) == null ? void 0 : a.overlay) ?? null;
 }, A = (e, t) => {
   const {
     content: a,
     sessionId: s,
-    deprecatedStateKeys: o = [],
-    sessionState: c
+    deprecatedStateKeys: c = [],
+    sessionState: i
   } = t;
-  a.type !== "page" && a.type !== "overlay" || (a.type === "page" ? Mt(
+  a.type !== "page" && a.type !== "overlay" || (a.type === "page" ? Gt(
     e,
     a,
     s,
-    o,
-    c
-  ) : Kt(
+    c,
+    i
+  ) : Ut(
     e,
     a,
-    o,
-    c
+    c,
+    i
   ));
-}, R = (e, t) => {
+}, O = (e, t) => {
   v.setState((a) => {
     var s;
     return {
@@ -173,17 +173,17 @@ const v = We(() => ({})), ce = (e, t, a, s) => {
   });
 };
 let ie = !1, P = [], ve = !1;
-const Ut = (e) => e._userFlow || null, Ee = (e) => {
+const Vt = (e) => e._userFlow || null, Se = (e) => {
   P.forEach(({ resolve: t, reject: a }) => {
     e ? a(e) : t(void 0);
   }), P = [];
-}, Jt = async (e) => {
-  var s, o;
+}, Ht = async (e) => {
+  var s, c;
   const t = e == null ? void 0 : e.config;
   if (((s = e == null ? void 0 : e.response) == null ? void 0 : s.status) === 401 && !t._retry) {
-    const c = Ut(t);
-    if (c) {
-      const n = (o = v.getState()[c]) == null ? void 0 : o.apiConfig;
+    const i = Vt(t);
+    if (i) {
+      const n = (c = v.getState()[i]) == null ? void 0 : c.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
@@ -200,7 +200,7 @@ const Ut = (e) => e._userFlow || null, Ee = (e) => {
             r = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(c, JSON.stringify(r)) : Ne(c, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Ee(null), V(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(i, JSON.stringify(r)) : Ne(i, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Se(null), V(t);
         } catch (r) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -208,7 +208,7 @@ const Ut = (e) => e._userFlow || null, Ee = (e) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             P.length
-          ), Ee(r), Promise.reject(r);
+          ), Se(r), Promise.reject(r);
         } finally {
           ie = !1;
         }
@@ -223,17 +223,17 @@ const Ut = (e) => e._userFlow || null, Ee = (e) => {
       );
   }
   return Promise.reject(e);
-}, Vt = () => {
+}, Xt = () => {
   if (ve) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Jt), console.debug("[axiosInterceptors] Response error interceptor registered"), ve = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Ht), console.debug("[axiosInterceptors] Response error interceptor registered"), ve = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-Vt();
-function Ht(e) {
+Xt();
+function Wt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var le = { exports: {} }, Q = {};
@@ -246,47 +246,47 @@ var le = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Se;
-function Xt() {
-  if (Se) return Q;
-  Se = 1;
-  var e = Qe, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Ee;
+function Qt() {
+  if (Ee) return Q;
+  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) {
     var u, f = {}, _ = null, h = null;
     r !== void 0 && (_ = "" + r), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
-    for (u in d) s.call(d, u) && !c.hasOwnProperty(u) && (f[u] = d[u]);
+    for (u in d) s.call(d, u) && !i.hasOwnProperty(u) && (f[u] = d[u]);
     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: o.current };
+    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: c.current };
   }
   return Q.Fragment = a, Q.jsx = l, Q.jsxs = l, Q;
 }
 var ke;
-function Wt() {
-  return ke || (ke = 1, le.exports = Xt()), le.exports;
+function Yt() {
+  return ke || (ke = 1, le.exports = Qt()), le.exports;
 }
-var i = Wt();
-const Qt = (e) => {
+var o = Yt();
+const Zt = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ i.jsx(Le, { ...t });
-}, Yt = (e) => {
+  return /* @__PURE__ */ o.jsx(Be, { ...t });
+}, Ft = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ i.jsx(Fe, { ...t });
-}, Zt = (e) => {
-  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = k(() => ({
+  return /* @__PURE__ */ o.jsx(Pe, { ...t });
+}, Pt = (e) => {
+  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = $(() => ({
     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]), o = e.locale ?? "en", c = k(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), c = e.locale ?? "en", i = $(() => {
     var n, d, r, u, f;
     const l = {
       title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
@@ -297,100 +297,100 @@ const Qt = (e) => {
     };
     return Object.fromEntries(Object.entries(l).filter(([, _]) => !!_));
   }, [e == null ? void 0 : e.translations]);
-  return K(() => {
+  return M(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
-      locale: o,
-      translations: c,
+      locale: c,
+      translations: i,
       initialSuggestions: e.initialSuggestions,
       theme: t
     });
   }, [
     e.onResolveProps,
     s,
-    o,
     c,
+    i,
     e.initialSuggestions,
     t
-  ]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx(
-    gt,
+  ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
+    bt,
     {
       dataSource: s,
-      locale: o,
-      translations: c,
+      locale: c,
+      translations: i,
       initialSuggestions: e.initialSuggestions,
       theme: t
     }
   );
-}, Ft = "_summaryCard_jva4h_1", Pt = {
-  summaryCard: Ft
-}, en = (e) => {
-  const t = e.dataSource, a = k(() => ({
+}, en = "_summaryCard_jva4h_1", tn = {
+  summaryCard: en
+}, nn = (e) => {
+  const t = e.dataSource, a = $(() => ({
     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", o = k(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", c = $(() => {
     var l, n, d;
-    const c = {
+    const i = {
       title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.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(c).filter(([, r]) => !!r)
+      Object.entries(i).filter(([, r]) => !!r)
     );
   }, [e == null ? void 0 : e.translations]);
-  return K(() => {
+  return M(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: a,
       locale: s,
-      translations: o
+      translations: c
     });
-  }, [e.onResolveProps, a, s, o]), e.onResolveProps ? null : /* @__PURE__ */ i.jsx("section", { className: Pt.summaryCard, children: /* @__PURE__ */ i.jsx(
-    pt,
+  }, [e.onResolveProps, a, s, c]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: tn.summaryCard, children: /* @__PURE__ */ o.jsx(
+    jt,
     {
       dataSource: a,
       locale: s,
-      translations: o
+      translations: c
     }
   ) });
-}, z = (e, t) => {
+}, B = (e, t) => {
   const a = v((s) => {
-    var o;
-    return ((o = s[e]) == null ? void 0 : o.entries) || {};
+    var c;
+    return ((c = s[e]) == null ? void 0 : c.entries) || {};
   });
-  return k(() => {
+  return $(() => {
     const s = {
       disabled: !1
     };
-    return !t || t.length === 0 || t.forEach((o) => {
-      const c = a[o.key], l = c == null || c === "" || Array.isArray(c) && c.length === 0;
-      o.when === "empty" && l && o.actions.forEach((d) => {
+    return !t || t.length === 0 || t.forEach((c) => {
+      const i = a[c.key], l = i == null || i === "" || Array.isArray(i) && i.length === 0;
+      c.when === "empty" && l && c.actions.forEach((d) => {
         s[d] = !0;
       });
     }), s;
   }, [t, a]);
-}, tn = "_promptCodeEditor_1d57s_1", nn = {
-  promptCodeEditor: tn
-}, sn = (e) => {
+}, sn = "_promptCodeEditor_1d57s_1", an = {
+  promptCodeEditor: sn
+}, rn = (e) => {
   const {
     userFlow: t,
     responseKey: a,
     codeBlockValue: s,
-    language: o,
-    disabled: c,
+    language: c,
+    disabled: i,
     dependencies: l,
     dataSource: n,
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = O(
+  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = T(
     s || ""
-  ), { disabled: b } = z(
+  ), { disabled: b } = B(
     t,
     l
-  ), m = c ?? b, x = o ?? "json", y = {
+  ), m = i ?? b, x = c ?? "json", y = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
@@ -400,12 +400,12 @@ const Qt = (e) => {
     const N = {
       [a]: p
     };
-    R(t, N);
+    O(t, N);
   };
-  return K(() => {
+  return M(() => {
     s !== void 0 && s !== _ && h(s);
-  }, [s]), /* @__PURE__ */ i.jsx("section", { className: nn.promptCodeEditor, children: /* @__PURE__ */ i.jsx(
-    bt,
+  }, [s]), /* @__PURE__ */ o.jsx("section", { className: an.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    wt,
     {
       themeMode: f,
       requestConfig: y,
@@ -418,10 +418,10 @@ const Qt = (e) => {
       onCodeChange: g
     }
   ) });
-}, an = "_body_14tsv_1", rn = "_body_content_14tsv_5", qe = {
-  body: an,
-  body_content: rn
-}, on = ({ inputs: e }) => /* @__PURE__ */ i.jsx("section", { className: qe.body, children: /* @__PURE__ */ i.jsx("div", { className: qe.body_content, children: e.map((t, a) => /* @__PURE__ */ i.jsx(q, { children: t }, a)) }) }), X = (e) => {
+}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", $e = {
+  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) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -433,9 +433,9 @@ const Qt = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), cn = (e, t = {}, a = {}, s = !1, o) => {
-  const c = F();
-  s && c.abort();
+}, F = () => new AbortController(), dn = (e, t = {}, a = {}, s = !1, c) => {
+  const i = F();
+  s && i.abort();
   const l = X(t);
   return {
     call: V.get(e, {
@@ -443,14 +443,14 @@ const Qt = (e) => {
         ...l
       },
       params: a,
-      signal: c.signal,
-      _userFlow: o
+      signal: i.signal,
+      _userFlow: c
     }),
-    controller: c
+    controller: i
   };
-}, fe = (e, t = {}, a = {}, s = {}, o = !1, c) => {
+}, fe = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
-  o && l.abort();
+  c && l.abort();
   const n = X(t);
   return {
     call: V.post(e, a, {
@@ -459,13 +459,13 @@ const Qt = (e) => {
       },
       params: s,
       signal: l.signal,
-      _userFlow: c
+      _userFlow: i
     }),
     controller: l
   };
-}, ln = (e, t = {}, a = {}, s = {}, o = !1, c) => {
+}, _n = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
-  o && l.abort();
+  c && l.abort();
   const n = X(t);
   return {
     call: V.put(e, a, {
@@ -474,13 +474,13 @@ const Qt = (e) => {
       },
       params: s,
       signal: l.signal,
-      _userFlow: c
+      _userFlow: i
     }),
     controller: l
   };
-}, dn = (e, t = {}, a = {}, s = {}, o = !1, c) => {
+}, un = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
-  o && l.abort();
+  c && l.abort();
   const n = X(t);
   return {
     call: V.patch(e, a, {
@@ -489,13 +489,13 @@ const Qt = (e) => {
       },
       params: s,
       signal: l.signal,
-      _userFlow: c
+      _userFlow: i
     }),
     controller: l
   };
-}, _n = (e, t = {}, a = {}, s = {}, o = !1, c) => {
+}, hn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
-  o && l.abort();
+  c && l.abort();
   const n = X(t);
   return {
     call: V.delete(e, {
@@ -505,7 +505,7 @@ const Qt = (e) => {
       data: a,
       params: s,
       signal: l.signal,
-      _userFlow: c
+      _userFlow: i
     }),
     controller: l
   };
@@ -513,33 +513,33 @@ const Qt = (e) => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
-    let o = {};
+    let c = {};
     try {
-      o = await s.call;
-    } catch (c) {
-      throw c;
+      c = await s.call;
+    } catch (i) {
+      throw i;
     }
-    return o;
+    return c;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, Ke = async (e, t, a = "", s = {}, o = {}) => {
+}, Ge = async (e, t, a = "", s = {}, c = {}) => {
   try {
-    const { callEndpoint: c } = Me(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
+    const { callEndpoint: i } = Me(), { 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(
       u,
       f,
       s,
-      o,
+      c,
       !1,
       t
     );
-    return await c(_);
-  } catch (c) {
-    return console.error(c), Promise.reject(c);
+    return await i(_);
+  } catch (i) {
+    return console.error(i), Promise.reject(i);
   }
-}, B = () => {
+}, I = () => {
   const e = v((n) => n), { callEndpoint: t } = Me(), a = async (n, d, r, u, f = !0) => {
     var _;
     try {
@@ -547,7 +547,7 @@ const Qt = (e) => {
         state: { ...r },
         triggerKey: u
       };
-      return f && H(n, !0), await Ke(
+      return f && H(n, !0), await Ge(
         h,
         n,
         d,
@@ -562,16 +562,16 @@ const Qt = (e) => {
       case "post":
         return fe(u, f, _, {}, !1, d);
       case "put":
-        return ln(u, f, _, {}, !1, d);
+        return _n(u, f, _, {}, !1, d);
       case "patch":
-        return dn(u, f, _, {}, !1, d);
+        return un(u, f, _, {}, !1, d);
       case "delete":
-        return _n(u, f, _, h, !1, d);
+        return hn(u, f, _, h, !1, d);
       case "get":
       default:
-        return cn(u, f, h, !1, d);
+        return dn(u, f, h, !1, d);
     }
-  }, o = (n, d) => {
+  }, c = (n, d) => {
     const { url: r, headers: u } = n, f = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
@@ -587,7 +587,7 @@ const Qt = (e) => {
       !1,
       d
     );
-  }, c = async (n, d, r = !0) => {
+  }, i = async (n, d, r = !0) => {
     var u, f;
     if (!n) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
@@ -601,7 +601,7 @@ const Qt = (e) => {
           _ = s(n, d);
           break;
         case "graphql":
-          _ = o(n, d);
+          _ = c(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -623,11 +623,11 @@ const Qt = (e) => {
   };
   return {
     getNextUI: a,
-    fetchDataSource: c,
+    fetchDataSource: i,
     fetchAndGetNextUI: async (n, d, r, u, f) => {
       try {
         H(n, !0);
-        const _ = await c(f, n, !1);
+        const _ = await i(f, n, !1);
         return _ && await a(
           n,
           d,
@@ -642,12 +642,12 @@ const Qt = (e) => {
       }
     }
   };
-}, un = ({
+}, fn = ({
   userFlow: e,
   items: t,
   responseKey: a
 }) => {
-  const { getNextUI: s } = B(), o = $(
+  const { getNextUI: s } = I(), c = R(
     async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
       var r;
       try {
@@ -673,38 +673,38 @@ const Qt = (e) => {
       }
     },
     []
-  ), c = k(() => t == null ? void 0 : t.map((l) => ({
+  ), i = $(() => t == null ? void 0 : t.map((l) => ({
     title: l == null ? void 0 : l.title,
-    component: /* @__PURE__ */ i.jsx("div", { onClick: () => o(l) })
+    component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(l) })
   })), []);
-  return /* @__PURE__ */ i.jsx(Pe, { items: c });
-}, hn = (e) => {
+  return /* @__PURE__ */ o.jsx(et, { items: i });
+}, mn = (e) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    actionType: o,
-    label: c,
+    actionType: c,
+    label: i,
     content: l,
     dataSource: n,
     redirectUrl: d,
     dependencies: r,
     onClick: u,
     ...f
-  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: b } = B(), { disabled: m } = z(
+  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: b } = I(), { disabled: m } = B(
     t,
     r
   ), x = {
     ...f,
-    children: l ?? c
-  }, y = (x == null ? void 0 : x.disabled) ?? m, g = $(async () => {
+    children: l ?? i
+  }, y = (x == null ? void 0 : x.disabled) ?? m, g = R(async () => {
     var p, N, j;
     try {
       const C = {
         ...(p = v.getState()[t]) == null ? void 0 : p.entries,
         [s]: { status: 200 }
       };
-      switch (R(t, C), o) {
+      switch (O(t, C), c) {
         case "CLOSE_MODAL":
           ge(t, !1);
           break;
@@ -743,7 +743,7 @@ const Qt = (e) => {
             s
           ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
           if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const D = E == null ? void 0 : E.dataSource, T = await h(
+          const D = E == null ? void 0 : E.dataSource, q = await h(
             D,
             t,
             // Avoid to handle loading state until all the requests are done
@@ -751,11 +751,11 @@ const Qt = (e) => {
           ), G = {
             ...(j = v.getState()[t]) == null ? void 0 : j.entries,
             [s]: {
-              status: T == null ? void 0 : T.status,
-              content: T == null ? void 0 : T.data
+              status: q == null ? void 0 : q.status,
+              content: q == null ? void 0 : q.data
             }
           };
-          R(t, G);
+          O(t, G);
           const U = await _(
             t,
             a,
@@ -769,52 +769,123 @@ const Qt = (e) => {
           d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
           break;
         default:
-          console.warn(`Unhandled actionType: ${o}`);
+          console.warn(`Unhandled actionType: ${c}`);
           break;
       }
     } catch (C) {
       alert(JSON.stringify(C));
     }
-  }, [o, n, a, s, t]);
-  return /* @__PURE__ */ i.jsx(
-    et,
+  }, [c, n, a, s, t]);
+  return /* @__PURE__ */ o.jsx(
+    tt,
     {
       ...x,
       disabled: y,
       onClick: () => !y && (u ?? g)()
     }
   );
-}, fn = "_cardNotificationNotFront_t7pln_1", mn = {
-  cardNotificationNotFront: fn
-}, yn = (e) => {
-  const { content: t, description: a, ...s } = e, o = {
+}, S = (e, t, a, s) => {
+  var l;
+  const c = {
+    accordion: (n) => /* @__PURE__ */ o.jsx(Bs, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Pt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
+    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(nn, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
+    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 }),
+    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 }),
+    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 })
+  };
+  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 = {
+  slotStack: yn
+}, xn = (e) => {
+  const {
+    userFlow: t,
+    pageId: a,
+    component: s,
+    hash: c,
+    responseKey: i,
+    dependencies: l,
+    content: n,
+    actionContent: d,
+    ...r
+  } = e, { disabled: u } = B(
+    t,
+    l
+  ), f = S(
+    t,
+    a,
+    n && n.length > 0 ? n : null
+  ), _ = S(
+    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;
+  return /* @__PURE__ */ o.jsx(
+    nt,
+    {
+      ...r,
+      disabled: m,
+      actionContent: b,
+      children: h ?? null
+    }
+  );
+}, gn = "_cardNotificationNotFront_t7pln_1", pn = {
+  cardNotificationNotFront: gn
+}, bn = (e) => {
+  const { content: t, description: a, ...s } = e, c = {
     ...s,
     children: t ?? a
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o.jsx(
     me,
     {
-      ...o,
-      className: mn.cardNotificationNotFront
+      ...c,
+      className: pn.cardNotificationNotFront
     }
   );
-}, xn = (e) => {
+}, jn = (e) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    actionType: o,
-    label: c,
+    actionType: c,
+    label: i,
     value: l,
     required: n,
     dependencies: d,
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = B(), [_, h] = O(l || !1), { disabled: b } = z(
+  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
     t,
     d
-  ), m = k(() => n && c ? `${c} *` : c ?? "", [c, n]), x = $(async () => {
+  ), m = $(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
     var g;
     try {
       const p = !_;
@@ -823,7 +894,7 @@ const Qt = (e) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [s]: p
       };
-      switch (R(t, N), o) {
+      switch (O(t, N), c) {
         case "GO_TO_NEXT_UI":
           const j = await f(
             t,
@@ -834,15 +905,15 @@ const Qt = (e) => {
           j != null && j.data && A(t, j == null ? void 0 : j.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${o}`);
+          console.warn(`Unhandled actionType: ${c}`);
           break;
       }
     } catch (p) {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, a, s, o, _]), y = (u == null ? void 0 : u.disabled) ?? b;
-  return /* @__PURE__ */ i.jsx(
-    tt,
+  }, [t, a, s, c, _]), y = (u == null ? void 0 : u.disabled) ?? b;
+  return /* @__PURE__ */ o.jsx(
+    st,
     {
       ...u,
       labelRight: m,
@@ -853,56 +924,56 @@ const Qt = (e) => {
       }
     }
   );
-}, gn = "_codeEditor_1coz7_1", pn = "_codeEditor_label_1coz7_4", bn = "_codeEditor_wrapper_1coz7_13", jn = "_input_1coz7_17", wn = "_preview_1coz7_18", Y = {
-  codeEditor: gn,
-  codeEditor_label: pn,
-  codeEditor_wrapper: bn,
-  input: jn,
-  preview: wn
-}, Cn = (e) => {
+}, 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) => {
   const {
     userFlow: t,
     responseKey: a,
     label: s,
-    language: o,
-    placeholder: c,
+    language: c,
+    placeholder: i,
     value: l,
     required: n,
     dependencies: d,
     disabled: r,
     showPreview: u
-  } = e, [f, _] = O(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: b } = z(
+  } = e, [f, _] = T(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: b } = B(
     t,
     d
   ), m = r ?? b, x = {
     json: we(),
-    markdown: wt(),
-    sql: Ct(),
-    yaml: Nt()
-  }, y = k(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
+    markdown: Nt(),
+    sql: vt(),
+    yaml: St()
+  }, y = $(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
     _(p);
     const N = {
       [a]: p
     };
-    R(t, N);
+    O(t, N);
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: Y.codeEditor, children: [
-    y && y !== "" && /* @__PURE__ */ i.jsx("label", { className: Y.codeEditor_label, children: y }),
-    /* @__PURE__ */ i.jsxs("div", { className: Y.codeEditor_wrapper, children: [
-      /* @__PURE__ */ i.jsx(
-        jt,
+  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: [
+      /* @__PURE__ */ o.jsx(
+        Ct,
         {
           className: Y.input,
           value: f,
           height: "400px",
-          placeholder: c,
-          extensions: [x[o] ?? we()],
+          placeholder: i,
+          extensions: [x[c] ?? we()],
           onChange: (p) => g(p),
           theme: h,
           editable: !m
         }
       ),
-      o == "markdown" && u && /* @__PURE__ */ i.jsx(Be, { className: Y.preview, children: f })
+      c == "markdown" && u && /* @__PURE__ */ o.jsx(Ie, { className: Y.preview, children: f })
     ] })
   ] });
 };
@@ -913,29 +984,29 @@ var de = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Te;
-function Nn() {
+function kn() {
   return Te || (Te = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function a() {
-        for (var s = [], o = 0; o < arguments.length; o++) {
-          var c = arguments[o];
-          if (c) {
-            var l = typeof c;
+        for (var s = [], c = 0; c < arguments.length; c++) {
+          var i = arguments[c];
+          if (i) {
+            var l = typeof i;
             if (l === "string" || l === "number")
-              s.push(c);
-            else if (Array.isArray(c)) {
-              if (c.length) {
-                var n = a.apply(null, c);
+              s.push(i);
+            else if (Array.isArray(i)) {
+              if (i.length) {
+                var n = a.apply(null, i);
                 n && s.push(n);
               }
             } else if (l === "object") {
-              if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
-                s.push(c.toString());
+              if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
+                s.push(i.toString());
                 continue;
               }
-              for (var d in c)
-                t.call(c, d) && c[d] && s.push(d);
+              for (var d in i)
+                t.call(i, d) && i[d] && s.push(d);
             }
           }
         }
@@ -945,52 +1016,16 @@ function Nn() {
     })();
   })(de)), de.exports;
 }
-var vn = Nn();
-const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
-  var l;
-  const o = {
-    accordion: (n) => /* @__PURE__ */ i.jsx($s, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ i.jsx(Zt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
-    aiSummaryCard: (n) => /* @__PURE__ */ i.jsx(en, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ i.jsx(sn, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ i.jsx(un, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ i.jsx(hn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ i.jsx(yn, { ...n }),
-    chart: (n) => /* @__PURE__ */ i.jsx(In, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ i.jsx(Sn, { ...n, userFlow: e, pageId: t }),
-    checkbox: (n) => /* @__PURE__ */ i.jsx(xn, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ i.jsx(Cn, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ i.jsx(Tn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ i.jsx(Bs, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => Qt(n),
-    link: (n) => /* @__PURE__ */ i.jsx(Gn, { ...n, userFlow: e, pageId: t }),
-    pill: (n) => /* @__PURE__ */ i.jsx(Wn, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ i.jsx(Qn, { ...n }),
-    modal: (n) => /* @__PURE__ */ i.jsx(Vn, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ i.jsx(Yn, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ i.jsx(Pn, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ i.jsx(rs, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ i.jsx(ys, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ i.jsx(ms, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ i.jsx(ws, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ i.jsx(Es, { ...n, userFlow: e, pageId: t }),
-    text: (n) => Yt(n),
-    textField: (n) => /* @__PURE__ */ i.jsx(qs, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ i.jsx(Ts, { ...n, userFlow: e, pageId: t })
-  };
-  return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
-    const d = o[n.component];
-    return d ? d({ ...n, userFlow: e, pageId: t }) : null;
-  });
-}, En = "_slotStack_6n2wy_5", Oe = {
-  slotStack: En
-}, Sn = (e) => {
+var $n = kn();
+const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
+  slotStack: qn
+}, Tn = (e) => {
   const {
     userFlow: t,
     pageId: a,
     component: s,
-    hash: o,
-    responseKey: c,
+    hash: c,
+    responseKey: i,
     content: l,
     topContent: n,
     icon: d,
@@ -1004,9 +1039,9 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     t,
     a,
     n && n.length > 0 ? n : null
-  ), b = _ && _.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Oe.slotStack, children: _.map((x, y) => /* @__PURE__ */ i.jsx(q, { children: x }, `data-card-body-${o}-${y}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: Oe.slotStack, children: h.map((x, y) => /* @__PURE__ */ i.jsx(q, { children: x }, `data-card-top-${o}-${y}`)) }) : void 0;
-  return /* @__PURE__ */ i.jsx(
-    nt,
+  ), 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;
+  return /* @__PURE__ */ o.jsx(
+    at,
     {
       ...u,
       icon: d,
@@ -1015,16 +1050,16 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       children: b
     }
   );
-}, kn = "_dividerNotFront_tze3j_1", qn = {
-  dividerNotFront: kn
-}, Tn = (e) => /* @__PURE__ */ i.jsx(st, { ...e, className: qn.dividerNotFront }), On = (e, t, a) => {
-  const { url: s, paginationKeys: o, params: c } = e, l = [], n = (o == null ? void 0 : o.page) ?? "page";
+}, An = "_dividerNotFront_tze3j_1", On = {
+  dividerNotFront: An
+}, Rn = (e) => /* @__PURE__ */ o.jsx(rt, { ...e, className: On.dividerNotFront }), Dn = (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 = (o == null ? void 0 : o.text) ?? "text";
+    const u = (c == null ? void 0 : c.text) ?? "text";
     l.push(`${u}=${encodeURIComponent(a || "")}`);
   }
-  if (c && typeof c == "object") {
-    const u = Object.entries(c).map(
+  if (i && typeof i == "object") {
+    const u = Object.entries(i).map(
       ([f, _]) => `${encodeURIComponent(f)}=${encodeURIComponent(_)}`
     );
     l.push(...u);
@@ -1032,16 +1067,16 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
   const d = l.join("&");
   return d ? `${s}?${d}` : s;
 }, pe = (e, t, a) => {
-  const { type: s, url: o, method: c, headers: l } = e;
+  const { type: s, url: c, method: i, headers: l } = e;
   return s === "rest" ? {
     type: "rest",
-    url: On(e, t, a),
-    method: c,
+    url: Dn(e, t, a),
+    method: i,
     headers: l,
     data: (e == null ? void 0 : e.data) || {}
   } : {
     type: "graphql",
-    url: o,
+    url: c,
     method: "post",
     headers: l,
     query: e == null ? void 0 : e.query,
@@ -1051,37 +1086,37 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       page: t
     }
   };
-}, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Ge = (e, t, a, s) => {
-  const o = I.query(e, t), c = o == null ? void 0 : o.map((r) => {
+}, _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) => {
     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 = I.query(r, m.path)) == null ? void 0 : u[0];
+          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);
         } else {
           const m = b;
-          _[h] = _e((f = I.query(r, m)) == null ? void 0 : f[0]);
+          _[h] = _e((f = K.query(r, m)) == null ? void 0 : f[0]);
         }
       return _;
     } else
       return r;
-  }), l = I.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? o.length, n = I.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
+  }), 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 = {
     size: l,
     total: n,
-    totalPages: s != null && s.totalPages ? I.value(
+    totalPages: s != null && s.totalPages ? K.value(
       e,
       (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : l > 0 ? Math.ceil(n / l) : 0
   };
-  return { items: c, pagination: d };
+  return { items: i, pagination: d };
 }, se = ({ withPadding: e = !1 }) => {
-  const t = (a) => /* @__PURE__ */ i.jsx("span", { style: { color: L.labelColor }, children: a });
-  return /* @__PURE__ */ i.jsx(
-    vt,
+  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: L.labelColor }, children: a });
+  return /* @__PURE__ */ o.jsx(
+    Et,
     {
       formatter: t,
       wrapperStyle: {
@@ -1091,16 +1126,16 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       }
     }
   );
-}, An = ({
+}, Ln = ({
   active: e,
   payload: t,
   label: a,
   tooltipKey: s
 }) => {
-  var c;
+  var i;
   if (!e || !t || !t.length)
     return null;
-  const o = {
+  const c = {
     backgroundColor: L.tooltipBg,
     borderRadius: L.tooltipBorderRadius,
     color: L.tooltipColor,
@@ -1108,21 +1143,21 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     border: "1px solid #e5e7eb"
   };
   if (s) {
-    const l = (c = t[0]) == null ? void 0 : c.payload;
+    const l = (i = t[0]) == null ? void 0 : i.payload;
     if (l && l[s] !== void 0 && l[s] !== null)
-      return /* @__PURE__ */ i.jsx("div", { style: o, children: /* @__PURE__ */ i.jsx("p", { style: { margin: 0 }, children: l[s] }) });
+      return /* @__PURE__ */ o.jsx("div", { style: c, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: l[s] }) });
   }
-  return /* @__PURE__ */ i.jsxs("div", { style: o, children: [
-    /* @__PURE__ */ i.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: a }),
-    t.map((l, n) => /* @__PURE__ */ i.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
+  return /* @__PURE__ */ o.jsxs("div", { style: c, children: [
+    /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: a }),
+    t.map((l, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
   ] });
-}, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ i.jsx(
-  Et,
+}, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
+  kt,
   {
-    content: /* @__PURE__ */ i.jsx(An, { tooltipKey: e })
+    content: /* @__PURE__ */ o.jsx(Ln, { tooltipKey: e })
   }
-), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ i.jsx(
-  St,
+), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
+  $t,
   {
     dataKey: e,
     hide: t,
@@ -1131,72 +1166,72 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       fontSize: L.fontSize
     }
   }
-), je = () => /* @__PURE__ */ i.jsx(
-  kt,
+), je = () => /* @__PURE__ */ o.jsx(
+  qt,
   {
     tick: {
       fill: L.labelColor,
       fontSize: L.fontSize
     }
   }
-), $n = (e) => {
-  const { data: t, xKey: a, yKeys: s, tooltipKey: o } = e;
-  return /* @__PURE__ */ i.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ i.jsxs(qt, { data: t, children: [
-    /* @__PURE__ */ i.jsx(ye, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(be, { dataKey: a }),
-    /* @__PURE__ */ i.jsx(je, {}),
-    /* @__PURE__ */ i.jsx(ae, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(se, {}),
-    s.map((c, l) => /* @__PURE__ */ i.jsx(
-      Tt,
+), 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(Tt, { 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,
       {
         type: "monotone",
-        dataKey: c,
-        stroke: M[l % M.length],
-        fill: M[l % M.length]
+        dataKey: i,
+        stroke: z[l % z.length],
+        fill: z[l % z.length]
       },
-      c
+      i
     ))
   ] }) });
-}, Rn = (e) => {
-  const { data: t, yKeys: a, xKey: s, tooltipKey: o } = e;
-  return /* @__PURE__ */ i.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ i.jsxs(Ot, { data: t, children: [
-    /* @__PURE__ */ i.jsx(ye, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(be, { hide: !0, dataKey: s }),
-    /* @__PURE__ */ i.jsx(je, {}),
-    /* @__PURE__ */ i.jsx(ae, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(se, { withPadding: !0 }),
-    a.map((c, l) => /* @__PURE__ */ i.jsx(
-      At,
+}, In = (e) => {
+  const { data: t, yKeys: a, xKey: s, tooltipKey: c } = e;
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ot, { data: t, children: [
+    /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(be, { hide: !0, dataKey: s }),
+    /* @__PURE__ */ o.jsx(je, {}),
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
+    /* @__PURE__ */ o.jsx(se, { withPadding: !0 }),
+    a.map((i, l) => /* @__PURE__ */ o.jsx(
+      Rt,
       {
-        dataKey: c,
-        fill: M[l % M.length]
+        dataKey: i,
+        fill: z[l % z.length]
       },
-      c
+      i
     ))
   ] }) });
-}, Dn = (e) => {
-  const { data: t, xKey: a, yKeys: s, tooltipKey: o } = e;
-  return /* @__PURE__ */ i.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ i.jsxs($t, { data: t, children: [
-    /* @__PURE__ */ i.jsx(ye, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ i.jsx(be, { dataKey: a }),
-    /* @__PURE__ */ i.jsx(je, {}),
-    /* @__PURE__ */ i.jsx(ae, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(se, {}),
-    s.map((c, l) => /* @__PURE__ */ i.jsx(
-      Rt,
+}, Kn = (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" }),
+    /* @__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(
+      Lt,
       {
         type: "monotone",
-        dataKey: c,
-        stroke: M[l % M.length],
+        dataKey: i,
+        stroke: z[l % z.length],
         strokeWidth: 2,
         dot: !1
       },
-      c
+      i
     ))
   ] }) });
-}, Ln = (e) => {
-  const { data: t, xKey: a, yKeys: s, tooltipKey: o } = e, c = ({
+}, zn = (e) => {
+  const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e, i = ({
     cx: l,
     cy: n,
     midAngle: d,
@@ -1205,7 +1240,7 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     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) * _);
-    return /* @__PURE__ */ i.jsx(
+    return /* @__PURE__ */ o.jsx(
       "text",
       {
         x: b,
@@ -1218,33 +1253,33 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       }
     );
   };
-  return /* @__PURE__ */ i.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ i.jsxs(Dt, { children: [
-    /* @__PURE__ */ i.jsx(ae, { tooltipKey: o }),
-    /* @__PURE__ */ i.jsx(se, {}),
-    /* @__PURE__ */ i.jsx(
-      Lt,
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Bt, { children: [
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
+    /* @__PURE__ */ o.jsx(se, {}),
+    /* @__PURE__ */ o.jsx(
+      It,
       {
         data: t,
         dataKey: s[0],
         nameKey: a,
-        label: c,
+        label: i,
         outerRadius: 120,
-        children: t.map((l, n) => /* @__PURE__ */ i.jsx(
-          Bt,
+        children: t.map((l, n) => /* @__PURE__ */ o.jsx(
+          Kt,
           {
-            fill: M[n % M.length]
+            fill: z[n % z.length]
           },
           `cell-${n}`
         ))
       }
     )
   ] }) });
-}, Bn = {
-  area: $n,
-  bar: Rn,
-  line: Dn,
-  pie: Ln
-}, M = [
+}, Mn = {
+  area: Bn,
+  bar: In,
+  line: Kn,
+  pie: zn
+}, z = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1269,66 +1304,66 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, In = (e) => {
-  const { component: t, userFlow: a, hash: s, responseKey: o, dataSource: c, ...l } = e, n = Bn[l.type];
+}, Gn = (e) => {
+  const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = Mn[l.type];
   if (!n)
-    return /* @__PURE__ */ i.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = B(), [r, u] = O(!1), [f, _] = O([]), h = async () => {
+    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;
     try {
       u(!0);
-      const { jsonPathData: y, mapperData: g } = c, p = pe(
-        c,
+      const { jsonPathData: y, mapperData: g } = i, p = pe(
+        i,
         1
       ), N = await d(
         p,
         a,
         !1
-      ), j = y ? (m = Ge(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 = 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), u(!1);
     } catch (y) {
       alert(JSON.stringify(y)), u(!1);
     }
   };
-  K(() => {
-    c ? h() : _(l.data);
+  M(() => {
+    i ? h() : _(l.data);
   }, []);
   const b = {
     ...l,
     data: f
   };
-  return r ? /* @__PURE__ */ i.jsx(Ie, { height: 400 }) : f.length > 0 ? n(b) : /* @__PURE__ */ i.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, zn = "_header_g1eri_1", Mn = "_header_content_g1eri_5", Ae = {
-  header: zn,
-  header_content: Mn
-}, Kn = ({ components: e = [] }) => /* @__PURE__ */ i.jsx("section", { className: ee(Ae.header, "avocado-dark-theme"), children: /* @__PURE__ */ i.jsx("div", { className: Ae.header_content, children: e.map((t, a) => /* @__PURE__ */ i.jsx(q, { children: t }, a)) }) }), Gn = (e) => {
+  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) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    actionType: o,
-    content: c,
+    actionType: c,
+    content: i,
     redirectUrl: l,
     target: n,
     dependencies: d,
     component: r,
     hash: u,
     ...f
-  } = e, { getNextUI: _ } = B(), { disabled: h } = z(
+  } = e, { getNextUI: _ } = I(), { disabled: h } = B(
     t,
     d
-  ), b = o && f ? (() => {
+  ), b = c && f ? (() => {
     const { href: y, target: g, download: p, ...N } = f;
     return N;
-  })() : f, m = $(async () => {
+  })() : f, m = R(async () => {
     var y;
-    if (o)
+    if (c)
       try {
         const g = {
           ...(y = v.getState()[t]) == null ? void 0 : y.entries,
           [s]: { status: 200 }
         };
-        switch (R(t, g), o) {
+        switch (O(t, g), c) {
           case "GO_TO_NEXT_UI": {
             const p = await _(
               t,
@@ -1347,31 +1382,31 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
             n === "_blank" ? window.open(l, "_blank", "noopener,noreferrer") : window.location.assign(l);
             break;
           default:
-            console.warn(`Unhandled actionType for link: ${o}`);
+            console.warn(`Unhandled actionType for link: ${c}`);
             break;
         }
       } catch (g) {
         alert(JSON.stringify(g));
       }
-  }, [o, _, a, l, s, n, t]), x = b.disabled ?? h;
-  return /* @__PURE__ */ i.jsx(
-    at,
+  }, [c, _, a, l, s, n, t]), x = b.disabled ?? h;
+  return /* @__PURE__ */ o.jsx(
+    ot,
     {
       ...b,
       disabled: x,
-      onClick: o ? m : void 0,
-      children: c
+      onClick: c ? m : void 0,
+      children: i
     }
   );
-}, Un = "_modalContent_p06ci_1", Jn = {
-  modalContent: Un
-}, Vn = ({
+}, Xn = "_modalContent_p06ci_1", Wn = {
+  modalContent: Xn
+}, Qn = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   header: s,
-  body: o,
-  footer: c,
+  body: c,
+  footer: i,
   headerStatusColor: l,
   ...n
 }) => {
@@ -1383,40 +1418,40 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     return (g = y[e]) == null ? void 0 : g.isLoading;
   }), u = d && !r, f = {
     ...n
-  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = $(() => {
+  }, _ = (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, o), x = S(e, t, c);
-  return /* @__PURE__ */ i.jsx(
-    rt,
+  }, [e, a]), b = Array.isArray(s) ? S(e, t, s) : s, m = S(e, t, c), x = S(e, t, i);
+  return /* @__PURE__ */ o.jsx(
+    ct,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof b == "string" ? b : /* @__PURE__ */ i.jsx(i.Fragment, { children: b.map((y, g) => /* @__PURE__ */ i.jsx(q, { children: y }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ i.jsx("section", { className: Jn.modalContent, children: m.map((y, g) => /* @__PURE__ */ i.jsx(q, { children: y }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ i.jsx(i.Fragment, { children: x.map((y, g) => /* @__PURE__ */ i.jsx(q, { children: y }, `modal-footer-${g}`)) }),
+      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}`)) }),
       open: u,
       onClose: h
     }
   );
-}, Hn = ({ userFlow: e, pageId: t }) => {
-  var c, l;
-  const a = Gt(e);
+}, Yn = ({ userFlow: e, pageId: t }) => {
+  var i, l;
+  const a = Jt(e);
   if (!a)
     return null;
   const s = [
     ...(a == null ? void 0 : a.components) || [],
-    ...((c = a == null ? void 0 : a.header) == null ? void 0 : c.components) || [],
+    ...((i = a == null ? void 0 : a.header) == null ? void 0 : i.components) || [],
     ...((l = a == null ? void 0 : a.body) == null ? void 0 : l.components) || []
-  ], o = S(
+  ], c = S(
     e,
     t,
     s
   );
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: o == null ? void 0 : o.map((n, d) => {
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: c == null ? void 0 : c.map((n, d) => {
     const r = `overlay-${d}-${a == null ? void 0 : a.hash}`;
-    return /* @__PURE__ */ i.jsx(q, { children: n }, r);
+    return /* @__PURE__ */ o.jsx(k, { children: n }, r);
   }) });
-}, Xn = {
+}, Zn = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1442,41 +1477,41 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Wn = (e) => {
-  const { content: t, variant: a = "neutral", ...s } = e, o = Xn[a], c = {
+}, Fn = (e) => {
+  const { content: t, variant: a = "neutral", ...s } = e, c = Zn[a], i = {
     ...s,
     children: t,
-    color: (s == null ? void 0 : s.color) ?? o.color,
-    textColor: (s == null ? void 0 : s.textColor) ?? o.textColor,
-    iconColor: (s == null ? void 0 : s.iconColor) ?? o.iconColor
+    color: (s == null ? void 0 : s.color) ?? c.color,
+    textColor: (s == null ? void 0 : s.textColor) ?? c.textColor,
+    iconColor: (s == null ? void 0 : s.iconColor) ?? c.iconColor
   };
-  return /* @__PURE__ */ i.jsx(he, { ...c });
-}, Qn = (e) => {
+  return /* @__PURE__ */ o.jsx(he, { ...i });
+}, Pn = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ i.jsx(Be, { children: t });
-}, Yn = (e) => {
+  return /* @__PURE__ */ o.jsx(Ie, { children: t });
+}, es = (e) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    actionType: o,
-    dataSource: c,
+    actionType: c,
+    dataSource: i,
     dependencies: l,
     onClick: n,
     ...d
-  } = e, { getNextUI: r, fetchAndGetNextUI: u } = B(), { disabled: f } = z(
+  } = e, { getNextUI: r, fetchAndGetNextUI: u } = I(), { disabled: f } = B(
     t,
     l
   ), _ = {
     ...d
-  }, h = (_ == null ? void 0 : _.disabled) ?? f, b = $(async () => {
+  }, h = (_ == null ? void 0 : _.disabled) ?? f, b = R(async () => {
     var m;
     try {
       const x = {
         ...(m = v.getState()[t]) == null ? void 0 : m.entries,
         [s]: { status: 200 }
       };
-      switch (R(t, x), o) {
+      switch (O(t, x), c) {
         case "GO_TO_NEXT_UI": {
           const y = await r(
             t,
@@ -1493,7 +1528,7 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
             a,
             x,
             s,
-            c
+            i
           );
           y != null && y.data && A(t, y == null ? void 0 : y.data);
           break;
@@ -1508,23 +1543,23 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
           Z(t, !0);
           break;
         default:
-          console.warn(`Unhandled actionType: ${o}`);
+          console.warn(`Unhandled actionType: ${c}`);
           break;
       }
     } catch (x) {
       alert(JSON.stringify(x));
     }
-  }, [o, c, a, s, t]);
-  return /* @__PURE__ */ i.jsx(
-    ot,
+  }, [c, i, a, s, t]);
+  return /* @__PURE__ */ o.jsx(
+    it,
     {
       ..._,
       disabled: h,
       onClick: () => !h && (n ?? b)()
     }
   );
-}, Zn = "_row_1bqj4_1", Fn = "_row_column_1bqj4_65", J = {
-  row: Zn,
+}, ts = "_row_1bqj4_1", ns = "_row_column_1bqj4_65", J = {
+  row: ts,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -1545,7 +1580,7 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
   "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: Fn,
+  row_column: ns,
   "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",
@@ -1566,16 +1601,16 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
   "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"
-}, Pn = (e) => {
+}, ss = (e) => {
   const {
     userFlow: t,
     pageId: a,
     columnWidth: s,
-    columns: o,
-    gap: c = "md",
+    columns: c,
+    gap: i = "md",
     justifyContent: l = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(o) ? o.map((r, u) => {
+  } = e, d = Array.isArray(c) ? c.map((r, u) => {
     const f = `col_${u}`, _ = `col_${u}`;
     if (Array.isArray(r))
       return {
@@ -1596,18 +1631,18 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
       responseKey: (h == null ? void 0 : h.responseKey) ?? _
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ i.jsx(
+  return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
     "div",
     {
       className: ee(
         J.row,
-        J[`row__gap-${c}`],
+        J[`row__gap-${i}`],
         J[`row__justify-${l}`],
         J[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((r, u) => {
         const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = S(t, a, r.items);
-        return !_ || _.length === 0 ? null : /* @__PURE__ */ i.jsx(
+        return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
             className: ee(
@@ -1625,29 +1660,29 @@ const ee = /* @__PURE__ */ Ht(vn), S = (e, t, a, s) => {
     }
   );
 };
-function Ue({
+function Je({
   userFlow: e,
   pageId: t,
   responseKey: a,
   actionType: s,
-  getNextUI: o,
-  isMulti: c = !1,
+  getNextUI: c,
+  isMulti: i = !1,
   debounceMs: l
 }) {
-  const n = Ye(null);
-  K(() => () => {
+  const n = Ze(null);
+  M(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
-  const d = $(
+  const d = R(
     async (u) => {
       var h;
       const f = {
         ...(h = v.getState()[e]) == null ? void 0 : h.entries,
         [a]: u
       };
-      if (R(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (O(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const m = await o(
+          const m = await c(
             e,
             t,
             f,
@@ -1659,11 +1694,11 @@ function Ue({
           console.error("[useSelectChange] Failed to fetch next UI", b);
         }
     },
-    [e, t, a, s, o]
+    [e, t, a, s, c]
   );
-  return $(
+  return R(
     (u) => {
-      if (!c) {
+      if (!i) {
         d(u);
         return;
       }
@@ -1675,61 +1710,61 @@ function Ue({
         d(u), n.current = null;
       }, l);
     },
-    [c, l, d]
+    [i, l, d]
   );
 }
-const es = (e, t, a, s) => {
-  const o = I.query(e, t);
-  return (o == null ? void 0 : o.map((c) => {
+const as = (e, t, a, s) => {
+  const c = K.query(e, t);
+  return (c == null ? void 0 : c.map((i) => {
     var d, r;
-    const l = (d = I.query(c, a)) == null ? void 0 : d[0], n = s ? (r = I.query(c, s)) == null ? void 0 : r[0] : c;
+    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;
     return { label: l, value: n };
   })) ?? [];
-}, ts = (e, t, a, s = 10) => {
+}, rs = (e, t, a, s = 10) => {
   var n, d;
-  let o, c;
+  let c, i;
   if (a) {
-    const r = I.value(e, a.size ?? "$.meta.size") ?? s, u = I.value(e, a.total ?? "$.meta.total") ?? 0;
-    o = r, c = u;
+    const r = K.value(e, a.size ?? "$.meta.size") ?? s, u = K.value(e, a.total ?? "$.meta.total") ?? 0;
+    c = r, i = u;
   } else {
     const r = e == null ? void 0 : e.meta;
-    o = (r == null ? void 0 : r.size) ?? ((n = r == null ? void 0 : r.page) == null ? void 0 : n.size) ?? s, c = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
+    c = (r == null ? void 0 : r.size) ?? ((n = r == null ? void 0 : r.page) == null ? void 0 : n.size) ?? s, i = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
   }
-  const l = c > 0 ? Math.ceil(c / o) > t : !1;
+  const l = i > 0 ? Math.ceil(i / c) > t : !1;
   return {
-    pageSize: o,
-    total: c,
+    pageSize: c,
+    total: i,
     hasMore: l
   };
-}, ns = "_selectNotFront_1yw9q_1", Je = {
-  selectNotFront: ns
-}, ss = ({
+}, os = "_selectNotFront_1yw9q_1", Ve = {
+  selectNotFront: os
+}, cs = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   required: s,
-  dataSource: o,
-  actionType: c,
+  dataSource: c,
+  actionType: i,
   dependencies: l,
   debounceMs: n,
   ...d
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = B(), [_, h] = O((r == null ? void 0 : r.value) ?? ""), { disabled: b } = z(
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = T((r == null ? void 0 : r.value) ?? ""), { disabled: b } = B(
     e,
     l
-  ), m = (r == null ? void 0 : r.disabled) ?? b, x = k(() => 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 = k(() => {
+  ), 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) => {
       const E = JSON.stringify(w.value), D = JSON.stringify(w.label);
       C[E] = w, D in C || (C[D] = w);
     })), C;
-  }, [_]), g = Ue({
+  }, [_]), g = Je({
     userFlow: e,
     pageId: t,
     responseKey: a,
-    actionType: c,
+    actionType: i,
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
@@ -1739,43 +1774,43 @@ const es = (e, t, a, s) => {
     const {
       jsonPathLabel: E,
       jsonPathOptions: D,
-      jsonPathValue: T,
+      jsonPathValue: q,
       jsonPathPagination: G
-    } = o, U = pe(
-      o,
+    } = c, U = pe(
+      c,
       w,
       j
     ), re = await f(
       U,
       e,
       !1
-    ), oe = re == null ? void 0 : re.data, He = oe ? es(
+    ), oe = re == null ? void 0 : re.data, Xe = oe ? as(
       oe,
       D,
       E,
-      T
-    ) : [], { hasMore: Xe } = ts(
+      q
+    ) : [], { hasMore: We } = rs(
       oe,
       w,
       G
     );
     return {
-      options: He,
-      hasMore: Xe,
+      options: Xe,
+      hasMore: We,
       additional: {
         page: j ? 1 : w + 1
       }
     };
   };
-  return /* @__PURE__ */ i.jsx(
-    ct,
+  return /* @__PURE__ */ o.jsx(
+    lt,
     {
       ...r,
-      className: Je.selectNotFront,
+      className: Ve.selectNotFront,
       label: x,
       value: _,
       disabled: m,
-      noOptionsMessage: () => /* @__PURE__ */ i.jsx(i.Fragment, { children: "Sin opciones" }),
+      noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
       onChange: (j) => !m && p(j),
       loadOptions: N,
       additional: { page: 1 },
@@ -1786,77 +1821,77 @@ const es = (e, t, a, s) => {
       debounceTimeout: 350
     }
   );
-}, as = ({
+}, is = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   dataSource: s,
-  required: o,
-  actionType: c,
+  required: c,
+  actionType: i,
   dependencies: l,
   debounceMs: n,
   ...d
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u } = B(), [f, _] = O(r.value || ""), { disabled: h } = z(
+  }, { getNextUI: u } = I(), [f, _] = T(r.value || ""), { disabled: h } = B(
     e,
     l
-  ), b = (r == null ? void 0 : r.disabled) ?? h, m = k(() => o && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, o]), x = Ue({
+  ), 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({
     userFlow: e,
     pageId: t,
     responseKey: a,
-    actionType: c,
+    actionType: i,
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
   }), y = (g) => {
     _(g), x(g);
   };
-  return /* @__PURE__ */ i.jsx(
-    it,
+  return /* @__PURE__ */ o.jsx(
+    dt,
     {
       ...r,
-      className: Je.selectNotFront,
+      className: Ve.selectNotFront,
       label: m,
       value: f,
       disabled: b,
       onChange: (g) => !b && y(g)
     }
   );
-}, rs = (e) => {
+}, ls = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ i.jsx(ss, { ...e }) : /* @__PURE__ */ i.jsx(as, { ...e });
-}, os = "_spacing_19hqa_1", cs = "_spacing__xxs_19hqa_1", is = "_spacing__xs_19hqa_4", ls = "_spacing__sm_19hqa_7", ds = "_spacing__md_19hqa_10", _s = "_spacing__lg_19hqa_13", us = "_spacing__xl_19hqa_16", hs = "_spacing__xxl_19hqa_19", fs = "_spacing__xxxl_19hqa_22", $e = {
-  spacing: os,
-  spacing__xxs: cs,
-  spacing__xs: is,
-  spacing__sm: ls,
-  spacing__md: ds,
-  spacing__lg: _s,
-  spacing__xl: us,
-  spacing__xxl: hs,
-  spacing__xxxl: fs
-}, ms = (e) => {
-  const { size: t } = e, a = ee($e.spacing, $e[`spacing__${t}`]);
-  return /* @__PURE__ */ i.jsx("div", { className: a });
-}, ys = (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) => {
+  const { size: t } = e, a = ee(Re.spacing, Re[`spacing__${t}`]);
+  return /* @__PURE__ */ o.jsx("div", { className: a });
+}, bs = (e) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    actionType: o,
-    label: c,
+    actionType: c,
+    label: i,
     value: l,
     required: n,
     dependencies: d,
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = B(), [_, h] = O(l || !1), { disabled: b } = z(
+  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
     t,
     d
-  ), m = (u == null ? void 0 : u.disabled) ?? b, x = k(() => n && c ? `${c} *` : c ?? "", [c, n]), y = $(async () => {
+  ), m = (u == null ? void 0 : u.disabled) ?? b, x = $(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
     var g;
     try {
       const p = !_;
@@ -1865,7 +1900,7 @@ const es = (e, t, a, s) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [s]: p
       };
-      switch (R(t, N), o) {
+      switch (O(t, N), c) {
         case "GO_TO_NEXT_UI":
           const j = await f(
             t,
@@ -1876,15 +1911,15 @@ const es = (e, t, a, s) => {
           j != null && j.data && A(t, j == null ? void 0 : j.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${o}`);
+          console.warn(`Unhandled actionType: ${c}`);
           break;
       }
     } catch (p) {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
-  }, [t, a, s, o, _]);
-  return /* @__PURE__ */ i.jsx(
-    lt,
+  }, [t, a, s, c, _]);
+  return /* @__PURE__ */ o.jsx(
+    _t,
     {
       ...u,
       label: x,
@@ -1893,26 +1928,26 @@ const es = (e, t, a, s) => {
       onChange: () => !m && y()
     }
   );
-}, xs = "_tableSkeleton_3nr9n_1", gs = "_tableArrayPills_3nr9n_7", Ve = {
-  tableSkeleton: xs,
-  tableArrayPills: gs
-}, ps = ({ values: e }) => {
+}, js = "_tableSkeleton_3nr9n_1", ws = "_tableArrayPills_3nr9n_7", He = {
+  tableSkeleton: js,
+  tableArrayPills: ws
+}, Cs = ({ values: e }) => {
   const a = e == null ? void 0 : e.slice(0, 4), s = (e == null ? void 0 : e.length) - 4;
-  return /* @__PURE__ */ i.jsxs("div", { className: Ve.tableArrayPills, children: [
-    a.map((o, c) => /* @__PURE__ */ i.jsx(he, { children: String(o) }, c)),
-    s > 0 && /* @__PURE__ */ i.jsxs(he, { outlined: !0, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: He.tableArrayPills, children: [
+    a.map((c, i) => /* @__PURE__ */ o.jsx(he, { children: String(c) }, i)),
+    s > 0 && /* @__PURE__ */ o.jsxs(he, { outlined: !0, children: [
       "+",
       s
     ] })
   ] });
-}, bs = ({
+}, Ns = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: a,
   component: s,
-  rowData: o
+  rowData: c
 }) => {
-  const { getNextUI: c, fetchAndGetNextUI: l, fetchDataSource: n } = B(), d = S(e, t, [
+  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = S(e, t, [
     { ...s }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
@@ -1920,17 +1955,17 @@ const es = (e, t, a, s) => {
     actionType: u,
     responseKey: f,
     dataSource: _
-  } = r.props, h = $(async () => {
+  } = r.props, h = R(async () => {
     var b, m, x;
     try {
       const y = {
         ...(b = v.getState()[e]) == null ? void 0 : b.entries,
         [f]: { status: 200 },
-        [a]: [{ ...o }]
+        [a]: [{ ...c }]
       };
-      switch (R(e, y), u) {
+      switch (O(e, y), u) {
         case "GO_TO_NEXT_UI": {
-          const g = await c(
+          const g = await i(
             e,
             t,
             y,
@@ -1951,7 +1986,7 @@ const es = (e, t, a, s) => {
           break;
         }
         case "GET_DATA_SOURCE": {
-          const g = await c(
+          const g = await i(
             e,
             t,
             y,
@@ -1970,8 +2005,8 @@ const es = (e, t, a, s) => {
               content: j == null ? void 0 : j.data
             }
           };
-          R(e, C);
-          const w = await c(
+          O(e, C);
+          const w = await i(
             e,
             t,
             C,
@@ -1988,32 +2023,32 @@ const es = (e, t, a, s) => {
       alert(JSON.stringify(y));
     }
   }, [u, _, t, f, e]);
-  return Ze(r, {
+  return Fe(r, {
     onClick: h
   });
-}, js = () => /* @__PURE__ */ i.jsx("div", { className: Ve.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ i.jsx(
-  Ie,
+}, vs = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+  Ke,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), ws = ({
+)) }), Ss = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   component: s,
-  dataSource: o,
-  rightActions: c,
+  dataSource: c,
+  rightActions: i,
   ...l
 }) => {
   var p, N, j;
-  const { fetchDataSource: n } = B(), [d, r] = O(!1), [u, f] = O(1), [_, h] = O(null), b = k(() => {
-    if (c != null && c.length)
-      return c.map((C, w) => ({
-        renderContent: (E) => /* @__PURE__ */ i.jsx(
-          bs,
+  const { fetchDataSource: n } = I(), [d, r] = T(!1), [u, f] = T(1), [_, h] = T(null), b = $(() => {
+    if (i != null && i.length)
+      return i.map((C, w) => ({
+        renderContent: (E) => /* @__PURE__ */ o.jsx(
+          Ns,
           {
             userFlow: e,
             pageId: t,
@@ -2024,19 +2059,19 @@ const es = (e, t, a, s) => {
           `tableRowAction${w}`
         )
       }));
-  }, [c, e, t]), m = async (C = 1) => {
+  }, [i, e, t]), m = async (C = 1) => {
     try {
       r(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = o, T = pe(
-        o,
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = c, q = pe(
+        c,
         C
       ), G = await n(
-        T,
+        q,
         e,
         !1
       );
       h(
-        Ge(
+        Ue(
           G == null ? void 0 : G.data,
           w,
           E,
@@ -2049,18 +2084,18 @@ const es = (e, t, a, s) => {
   }, x = (C) => {
     f(C), m(C);
   };
-  K(() => {
+  M(() => {
     m();
   }, []);
-  const y = k(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+  const y = $(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
     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)
     )) ? {
       ...C,
       renderCell: (D) => {
-        const T = C.accessor ? D[C.accessor] : void 0;
-        return Array.isArray(T) ? /* @__PURE__ */ i.jsx(ps, { values: T }) : T;
+        const q = C.accessor ? D[C.accessor] : void 0;
+        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(Cs, { values: q }) : q;
       }
     } : C;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
@@ -2069,10 +2104,10 @@ const es = (e, t, a, s) => {
     columns: y,
     rightActions: b
   };
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: d ? /* @__PURE__ */ i.jsx(js, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(dt, { ...g }),
-    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ i.jsx(
-      _t,
+  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: [
+    /* @__PURE__ */ o.jsx(ut, { ...g }),
+    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
+      ht,
       {
         classname: { global: "row__end" },
         page: u,
@@ -2081,74 +2116,83 @@ const es = (e, t, a, s) => {
         onChange: x
       }
     )
-  ] }) : /* @__PURE__ */ i.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Cs = "_tabsPanel_kvslb_1", Ns = {
-  tabsPanel: Cs
-}, vs = ({ userFlow: e, pageId: t, components: a }) => {
+  ] }) : /* @__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 }) => {
   const s = S(e, t, a);
-  return s != null && s.length ? /* @__PURE__ */ i.jsx("section", { className: Ns.tabsPanel, children: s.map((o, c) => /* @__PURE__ */ i.jsx(q, { children: o }, `tabs-panel-${c}`)) }) : null;
-}, Es = ({
+  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;
+}, qs = ({
   userFlow: e,
   pageId: t,
   hash: a,
   items: s,
-  activeIndex: o,
-  className: c
+  activeIndex: c,
+  className: i,
+  responseKey: l
 }) => {
-  const l = s.map((n, d) => ({
-    label: n.label,
-    disabled: n.disabled,
-    children: /* @__PURE__ */ i.jsx(
-      vs,
+  const n = s.map((r, u) => ({
+    label: r.label,
+    disabled: r.disabled,
+    children: /* @__PURE__ */ o.jsx(
+      $s,
       {
         userFlow: e,
         pageId: t,
-        components: n.components
+        components: r.components
       },
-      `${a}-tab-${d}`
+      `${a}-tab-${u}`
     )
-  }));
-  return /* @__PURE__ */ i.jsx(
-    ut,
+  })), d = (r) => {
+    var f;
+    const u = {
+      ...(f = v.getState()[e]) == null ? void 0 : f.entries,
+      [l]: r
+    };
+    O(e, u);
+  };
+  return /* @__PURE__ */ o.jsx(
+    ft,
     {
-      className: c,
-      activeIndex: o,
-      items: l
+      className: i,
+      activeIndex: c,
+      items: n,
+      onClick: d
     }
   );
-}, Ss = "_textFieldNotFront_cps4i_1", ks = {
-  textFieldNotFront: Ss
-}, qs = (e) => {
+}, Ts = "_textFieldNotFront_cps4i_1", As = {
+  textFieldNotFront: Ts
+}, Os = (e) => {
   const {
     userFlow: t,
     pageId: a,
     component: s,
-    hash: o,
-    responseKey: c,
+    hash: c,
+    responseKey: i,
     required: l,
     dependencies: n,
     ...d
   } = e, r = {
     ...d
-  }, [u, f] = O((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = z(
+  }, [u, f] = T((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
     t,
     n
-  ), h = (r == null ? void 0 : r.disabled) ?? _, b = k(() => 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) => {
+  ), 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);
     const g = {
-      [c]: y
+      [i]: y
     };
-    R(t, g);
+    O(t, g);
   };
-  return K(() => {
+  return M(() => {
     f((r == null ? void 0 : r.value) ?? "");
-  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ i.jsx(
-    ht,
+  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
+    mt,
     {
       ...r,
-      className: ks.textFieldNotFront,
+      className: As.textFieldNotFront,
       allowClear: !1,
       label: b,
       value: u,
@@ -2156,61 +2200,61 @@ const es = (e, t, a, s) => {
       onChange: (x) => !h && m(x)
     }
   );
-}, Ts = ({
+}, Rs = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   variant: s,
-  content: o,
-  actionType: c,
+  content: c,
+  actionType: i,
   redirectUrl: l
 }) => {
-  const n = $(async () => {
+  const n = R(async () => {
     xe(e);
     try {
-      switch (c) {
+      switch (i) {
         case "AUTOCLOSE_AND_REDIRECT":
           window.location.href = l;
           break;
         default:
-          console.warn(`Unhandled actionType: ${c}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [c, t, a, e, l]);
-  return K(() => {
+  }, [i, t, a, e, l]);
+  return M(() => {
     ({
       info: W.info,
       error: W.error,
       success: W.success,
       warning: W.warning
-    }[s] || W.info)(o, {
-      autoClose: c ? !1 : 4e3,
+    }[s] || W.info)(c, {
+      autoClose: i ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, Os = "_accordion_1ri2t_1", As = "_accordionBody_1ri2t_8", Re = {
-  accordion: Os,
-  accordionBody: As
-}, $s = (e) => {
+}, Ds = "_accordion_1ri2t_1", Ls = "_accordionBody_1ri2t_8", De = {
+  accordion: Ds,
+  accordionBody: Ls
+}, Bs = (e) => {
   const {
     userFlow: t,
     pageId: a,
     responseKey: s,
-    dependencies: o,
-    customContent: c,
+    dependencies: c,
+    customContent: i,
     actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: r } = B(), [u, f] = O(
+  } = e, { getNextUI: r } = I(), [u, f] = T(
     d.checkboxChecked || !1
-  ), { disabled: _ } = z(
+  ), { disabled: _ } = B(
     t,
-    o
-  ), h = S(t, a, n), b = l ? S(t, a, l) : void 0, m = c ? S(t, a, c) : void 0, x = $(
+    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;
       try {
@@ -2220,7 +2264,7 @@ const es = (e, t, a, s) => {
           ...(N = v.getState()[t]) == null ? void 0 : N.entries,
           [s]: j
         };
-        if (R(t, C), d.actionType === "GO_TO_NEXT_UI") {
+        if (O(t, C), d.actionType === "GO_TO_NEXT_UI") {
           const w = await r(
             t,
             a,
@@ -2236,26 +2280,26 @@ const es = (e, t, a, s) => {
     [t, a, s, d.actionType, r]
   ), y = d.disabled || _, g = {
     ...d,
-    className: Re.accordion,
+    className: De.accordion,
     disabled: y,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
-    actionContent: b ? /* @__PURE__ */ i.jsx(i.Fragment, { children: b.map((p, N) => /* @__PURE__ */ i.jsx(q, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: m ? /* @__PURE__ */ i.jsx(i.Fragment, { children: m.map((p, N) => /* @__PURE__ */ i.jsx(q, { children: p }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ i.jsx("section", { className: Re.accordionBody, children: h.map((p, N) => /* @__PURE__ */ i.jsx(q, { children: p }, `accordion-child-${N}`)) }) : 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
   };
-  return /* @__PURE__ */ i.jsx(ft, { ...g });
-}, Rs = "_drawer_13pxo_1", Ds = "_drawerBody_13pxo_5", Ls = "_drawerFooter_13pxo_11", ue = {
-  drawer: Rs,
-  drawerBody: Ds,
-  drawerFooter: Ls
-}, Bs = ({
+  return /* @__PURE__ */ o.jsx(yt, { ...g });
+}, Is = "_drawer_13pxo_1", Ks = "_drawerBody_13pxo_5", zs = "_drawerFooter_13pxo_11", ue = {
+  drawer: Is,
+  drawerBody: Ks,
+  drawerFooter: zs
+}, Ms = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
   header: s,
-  body: o,
-  footer: c,
+  body: c,
+  footer: i,
   ...l
 }) => {
   const n = v((m) => {
@@ -2268,123 +2312,123 @@ const es = (e, t, a, s) => {
     ...l,
     isOpen: r,
     children: null
-  }, f = $(() => {
+  }, f = R(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(s) ? S(e, t, s) : s ? /* @__PURE__ */ i.jsx(Le, { type: "h2", children: s }) : void 0, h = S(e, t, o), b = c ? S(e, t, c) : void 0;
-  return /* @__PURE__ */ i.jsx(
-    mt,
+  }, [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;
+  return /* @__PURE__ */ o.jsx(
+    xt,
     {
       ...u,
       className: ue.drawer,
       isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Array.isArray(_) ? _.map((m, x) => /* @__PURE__ */ i.jsx(q, { children: m }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ i.jsx("section", { className: ue.drawerBody, children: h.map((m, x) => /* @__PURE__ */ i.jsx(q, { children: m }, `drawer-body-${x}`)) }),
-      footer: b ? /* @__PURE__ */ i.jsx("div", { className: ue.drawerFooter, children: b.map((m, x) => /* @__PURE__ */ i.jsx(q, { children: m }, `drawer-footer-${x}`)) }) : void 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
     }
   );
 };
-function Fs({
+function na({
   routes: e,
   renderPage: t,
   renderFallback: a,
   redirectTo: s = "/"
 }) {
-  return /* @__PURE__ */ i.jsxs(It, { children: [
-    e.map((o) => /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o.jsxs(zt, { children: [
+    e.map((c) => /* @__PURE__ */ o.jsx(
       Ce,
       {
-        path: o.path,
-        element: o.canAccess ? t(o.sessionName) : (a == null ? void 0 : a()) ?? null
+        path: c.path,
+        element: c.canAccess ? t(c.sessionName) : (a == null ? void 0 : a()) ?? null
       },
-      `${o.path}:${o.sessionName}`
+      `${c.path}:${c.sessionName}`
     )),
-    /* @__PURE__ */ i.jsx(Ce, { path: "*", element: /* @__PURE__ */ i.jsx(zt, { to: s, replace: !0 }) })
+    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(Mt, { to: s, replace: !0 }) })
   ] });
 }
-function Ps({
+function sa({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: a,
   children: s
 }) {
-  const o = Is(
+  const c = Gs(
     e,
     t,
     null,
     a
   );
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    o,
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    c,
     s
   ] });
 }
-const De = (e, t, a, s, o) => {
-  const c = S(
+const Le = (e, t, a, s, c) => {
+  const i = S(
     e,
     t,
     (s == null ? void 0 : s.components) || null,
-    o
+    c
   );
   switch (a) {
     case "body":
-      return /* @__PURE__ */ i.jsx(
-        on,
+      return /* @__PURE__ */ o.jsx(
+        ln,
         {
           ...s,
-          inputs: c || []
+          inputs: i || []
         },
         JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
-      return /* @__PURE__ */ i.jsx(
-        Kn,
+      return /* @__PURE__ */ o.jsx(
+        Vn,
         {
           ...s,
-          components: c || []
+          components: i || []
         },
         JSON.stringify(s == null ? void 0 : s.components)
       );
     default:
       return null;
   }
-}, Is = (e, t, a, s) => {
+}, Gs = (e, t, a, s) => {
   var _, h, b;
-  const [o, c] = O(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? De(
+  const [c, i] = T(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? Le(
     e,
     n,
     "header",
     ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
     s
-  ) : null, r = n ? De(
+  ) : null, r = n ? Le(
     e,
     n,
     "body",
     ((b = l[e].pages[n].page) == null ? void 0 : b.body) || null,
     s
-  ) : null, u = k(() => {
+  ) : null, u = $(() => {
     var m;
-    return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ i.jsx(yt, {}),
+    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(gt, {}),
       d,
       r,
-      n && /* @__PURE__ */ i.jsx(Hn, { userFlow: e, pageId: n }),
-      l[e] && /* @__PURE__ */ i.jsx(xt, {})
+      n && /* @__PURE__ */ o.jsx(Yn, { userFlow: e, pageId: n }),
+      l[e] && /* @__PURE__ */ o.jsx(pt, {})
     ] });
   }, [d, r, n, e]), f = async () => {
     try {
-      const m = await Ke(
+      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) : c(!0);
+      (m == null ? void 0 : m.status) === 200 ? ce(e, t, y, x == null ? void 0 : x.sessionState) : i(!0);
     } catch (m) {
-      console.error("[not-page]: API call failed", m), c(!0);
+      console.error("[not-page]: API call failed", m), i(!0);
     }
   };
-  return K(() => {
-    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) && (c(!0), console.error(
+  return M(() => {
+    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"
@@ -2396,14 +2440,14 @@ const De = (e, t, a, s, o) => {
     return window.addEventListener(m, x), () => {
       window.removeEventListener(m, x);
     };
-  }, []), o && console.error("[not-page]: No render page"), u;
+  }, []), c && console.error("[not-page]: No render page"), u;
 };
 export {
-  In as Chart,
-  Fs as NotFrontDynamicRouter,
-  Ps as NotFrontPage,
-  Pn as Row,
-  Qt as heading,
-  Yt as text,
-  Is as usePage
+  Gn as Chart,
+  na as NotFrontDynamicRouter,
+  sa as NotFrontPage,
+  ss as Row,
+  Zt as heading,
+  Ft as text,
+  Gs as usePage
 };