@foris/avocado-not-front 5.1.2 → 5.1.3

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

@@ -1,34 +1,34 @@
 import X from "axios";
 import { create as ft } from "zustand";
-import yt, { useMemo as T, useState as $, useCallback as D, Fragment as k, useEffect as U, useRef as ie, cloneElement as xt } from "react";
-import { Heading as Pe, Text as mt, Accordion as gt, ThemeStore as le, Box as pt, RadioButton as bt, Stepper as jt, ProgressBar as Ct, Breadcrumbs as wt, Button as Nt, CardAccordion as vt, Card as Et, CardNotification as xe, SkeletonBase as et, Checkbox as St, PreviewerMarkdown as tt, DataCard as Tt, Divider as kt, Drawer as At, DropdownButton as Ot, Link as $t, Menu as Rt, Modal as qt, Pill as Ee, RoundButton as Dt, SelectPagination as Lt, Select as It, Switch as Bt, Table as qe, Pager as De, Tabs as Kt, Textarea as Ht, TextField as Gt, toast as re, Tooltip as Mt, Loading as Ut, Toaster as Vt } from "@foris/avocado-suite";
+import yt, { useMemo as k, useState as O, useCallback as q, Fragment as S, useEffect as U, useRef as ie, cloneElement as xt } from "react";
+import { Heading as Pe, Text as mt, Accordion as gt, ThemeStore as le, Box as pt, RadioButton as bt, Stepper as jt, ProgressBar as Ct, Breadcrumbs as wt, Button as Nt, CardAccordion as vt, Card as Et, CardNotification as xe, SkeletonBase as et, Checkbox as Tt, PreviewerMarkdown as tt, DataCard as kt, Divider as St, Drawer as At, DropdownButton as Ot, Link as $t, Menu as Dt, Modal as Rt, Pill as Te, RoundButton as qt, SelectPagination as Lt, Select as It, Switch as Bt, Table as qe, Pager as je, Tabs as Kt, Textarea as Ht, TextField as Gt, toast as re, Tooltip as Mt, Loading as Ut, Toaster as Vt } from "@foris/avocado-suite";
 import { ChatPanel as zt, PromptCodeEditor as Xt, SummaryCard as Jt } from "@foris/ai-agent";
-import K from "jsonpath";
-import { ResponsiveContainer as nt, Legend as Wt, Tooltip as Yt, XAxis as Qt, YAxis as Zt, AreaChart as Ft, CartesianGrid as de, Area as Pt, BarChart as Te, Bar as ke, LineChart as en, Line as tn, PieChart as nn, Pie as sn, Cell as rn } from "recharts";
+import I from "jsonpath";
+import { ResponsiveContainer as nt, Legend as Wt, Tooltip as Yt, XAxis as Qt, YAxis as Zt, AreaChart as Ft, CartesianGrid as de, Area as Pt, BarChart as Se, Bar as Ae, LineChart as en, Line as tn, PieChart as nn, Pie as sn, Cell as rn } from "recharts";
 import an from "@uiw/react-codemirror";
 import { json as Le } from "@codemirror/lang-json";
 import { markdown as on } from "@codemirror/lang-markdown";
 import { sql as cn } from "@codemirror/lang-sql";
 import { yaml as ln } from "@codemirror/lang-yaml";
 import { Icon as Ie } from "@foris/avocado-icons";
-const N = ft(() => ({})), ye = (e, t, s, a) => {
-  const i = s == null ? void 0 : s.hash, l = a && Object.keys(a).length > 0 ? { ...a } : {};
-  N.setState((c) => {
+const N = ft(() => ({})), ye = (e, t, s, r) => {
+  const c = s == null ? void 0 : s.hash, l = r && Object.keys(r).length > 0 ? { ...r } : {};
+  N.setState((i) => {
     var n;
     return {
-      ...c,
+      ...i,
       [e]: {
-        ...c[e],
+        ...i[e],
         apiConfig: t,
-        currentPageId: i,
+        currentPageId: c,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
         entries: l,
         overlay: null,
         pages: {
-          ...(n = c[e]) == null ? void 0 : n.pages,
-          [i]: {
+          ...(n = i[e]) == null ? void 0 : n.pages,
+          [c]: {
             page: s
           }
         }
@@ -36,29 +36,29 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
     };
   });
 }, st = (e, t, s) => {
-  const a = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
+  const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
   return t.length === 0 ? e : Object.fromEntries(
-    Object.entries(a).filter(
-      ([i]) => !t.includes(i)
+    Object.entries(r).filter(
+      ([c]) => !t.includes(c)
     )
   );
-}, dn = (e, t, s, a, i) => {
+}, dn = (e, t, s, r, c) => {
   sessionStorage.setItem("sessionId", s), N.setState((l) => {
-    const c = l[e] ?? {}, n = c.entries ?? {}, d = st(
+    const i = l[e] ?? {}, n = i.entries ?? {}, d = st(
       n,
-      a,
-      i
+      r,
+      c
     );
     return {
       ...l,
       [e]: {
-        ...c,
+        ...i,
         currentPageId: t.hash,
         entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...c.pages,
+          ...i.pages,
           [t.hash]: {
             page: { ...t }
           }
@@ -66,18 +66,18 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
       }
     };
   });
-}, _n = (e, t, s, a) => {
-  N.setState((i) => {
-    var r;
-    const l = i[e] ?? {}, c = l.entries ?? {}, n = st(
-      c,
+}, _n = (e, t, s, r) => {
+  N.setState((c) => {
+    var a;
+    const l = c[e] ?? {}, i = l.entries ?? {}, n = st(
+      i,
       s,
-      a
-    ), d = (r = t.components) == null ? void 0 : r.some(
+      r
+    ), d = (a = t.components) == null ? void 0 : a.some(
       (_) => _.component === "drawer"
     );
     return {
-      ...i,
+      ...c,
       [e]: {
         ...l,
         entries: n,
@@ -88,7 +88,7 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
       }
     };
   });
-}, Ae = (e) => {
+}, Oe = (e) => {
   N.setState((t) => ({
     ...t,
     [e]: {
@@ -102,31 +102,31 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
 }, L = (e, t) => {
   const {
     content: s,
-    sessionId: a,
-    deprecatedStateKeys: i = [],
+    sessionId: r,
+    deprecatedStateKeys: c = [],
     sessionState: l
   } = t;
   s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? dn(
     e,
     s,
-    a,
-    i,
+    r,
+    c,
     l
   ) : _n(
     e,
     s,
-    i,
+    c,
     l
   ));
-}, q = (e, t) => {
+}, R = (e, t) => {
   N.setState((s) => {
-    var a;
+    var r;
     return {
       ...s,
       [e]: {
         ...s[e],
         entries: {
-          ...(a = s[e]) == null ? void 0 : a.entries,
+          ...(r = s[e]) == null ? void 0 : r.entries,
           ...t
           // New entries
         }
@@ -135,18 +135,18 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
   });
 }, hn = (e, t) => {
   N.setState((s) => {
-    const a = s[e];
-    if (!a)
+    const r = s[e];
+    if (!r)
       return s;
-    const i = a.entries ?? {};
-    if (!(t in i))
+    const c = r.entries ?? {};
+    if (!(t in c))
       return s;
-    const { [t]: l, ...c } = i;
+    const { [t]: l, ...i } = c;
     return {
       ...s,
       [e]: {
-        ...a,
-        entries: c
+        ...r,
+        entries: i
       }
     };
   });
@@ -158,7 +158,7 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
       isLoading: t
     }
   }));
-}, Oe = (e, t) => {
+}, $e = (e, t) => {
   N.setState((s) => ({
     ...s,
     [e]: {
@@ -176,58 +176,58 @@ const N = ft(() => ({})), ye = (e, t, s, a) => {
   }));
 }, Be = (e, t) => {
   N.setState((s) => {
-    const a = s[e];
-    return a ? {
+    const r = s[e];
+    return r ? {
       ...s,
       [e]: {
-        ...a,
+        ...r,
         apiConfig: {
-          ...a.apiConfig,
+          ...r.apiConfig,
           headers: t
         }
       }
     } : s;
   });
 };
-let je = !1, me = [], Ke = !1;
+let Ce = !1, me = [], Ke = !1;
 const fn = (e) => e._userFlow || null, He = (e) => {
   me.forEach(({ resolve: t, reject: s }) => {
     e ? s(e) : t(void 0);
   }), me = [];
 }, yn = async (e) => {
-  var a, i;
+  var r, c;
   const t = e == null ? void 0 : e.config;
-  if (((a = e == null ? void 0 : e.response) == null ? void 0 : a.status) === 401 && !t._retry) {
+  if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
     const l = fn(t);
     if (l) {
-      const n = (i = N.getState()[l]) == null ? void 0 : i.apiConfig;
+      const n = (c = N.getState()[l]) == null ? void 0 : c.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
-        if (je)
-          return new Promise((r, _) => {
-            me.push({ resolve: r, reject: _ });
-          }).then(() => X(t)).catch((r) => (console.error("[axiosInterceptors] Queued request failed:", r), Promise.reject(r)));
-        t._retry = !0, je = !0;
+        if (Ce)
+          return new Promise((a, _) => {
+            me.push({ resolve: a, reject: _ });
+          }).then(() => X(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
+        t._retry = !0, Ce = !0;
         try {
-          let r;
+          let a;
           if (n.onAuthenticationError)
-            r = await n.onAuthenticationError();
+            a = await n.onAuthenticationError();
           else if (typeof n.headers == "function")
-            r = n.headers();
+            a = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Be(l, JSON.stringify(r)) : Be(l, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), He(null), X(t);
-        } catch (r) {
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Be(l, JSON.stringify(a)) : Be(l, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), He(null), X(t);
+        } catch (a) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
-            r
+            a
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             me.length
-          ), He(r), Promise.reject(r);
+          ), He(a), Promise.reject(a);
         } finally {
-          je = !1;
+          Ce = !1;
         }
       } else
         console.warn(
@@ -253,7 +253,7 @@ xn();
 function mn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ce = { exports: {} }, ae = {};
+var we = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -267,19 +267,19 @@ var Ge;
 function gn() {
   if (Ge) return ae;
   Ge = 1;
-  var e = yt, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(n, d, r) {
+  var e = yt, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(n, d, a) {
     var _, u = {}, h = null, f = null;
-    r !== void 0 && (h = "" + r), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
-    for (_ in d) a.call(d, _) && !l.hasOwnProperty(_) && (u[_] = d[_]);
+    a !== void 0 && (h = "" + a), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (f = d.ref);
+    for (_ in d) r.call(d, _) && !l.hasOwnProperty(_) && (u[_] = d[_]);
     if (n && n.defaultProps) for (_ in d = n.defaultProps, d) u[_] === void 0 && (u[_] = d[_]);
-    return { $$typeof: t, type: n, key: h, ref: f, props: u, _owner: i.current };
+    return { $$typeof: t, type: n, key: h, ref: f, props: u, _owner: c.current };
   }
-  return ae.Fragment = s, ae.jsx = c, ae.jsxs = c, ae;
+  return ae.Fragment = s, ae.jsx = i, ae.jsxs = i, ae;
 }
 var Me;
 function pn() {
-  return Me || (Me = 1, Ce.exports = gn()), Ce.exports;
+  return Me || (Me = 1, we.exports = gn()), we.exports;
 }
 var o = pn();
 const bn = (e) => {
@@ -297,9 +297,9 @@ const bn = (e) => {
     children: e.content
   };
   return /* @__PURE__ */ o.jsx(mt, { ...t });
-}, E = (e, t, s, a) => {
-  var c;
-  const i = {
+}, E = (e, t, s, r) => {
+  var i;
+  const c = {
     accordion: (n) => /* @__PURE__ */ o.jsx(An, { ...n, userFlow: e, pageId: t }),
     aiChatPanel: (n) => /* @__PURE__ */ o.jsx(
       On,
@@ -307,7 +307,7 @@ const bn = (e) => {
         ...n,
         userFlow: e,
         pageId: t,
-        onResolveProps: a == null ? void 0 : a.aiChatPanel
+        onResolveProps: r == null ? void 0 : r.aiChatPanel
       }
     ),
     aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(
@@ -316,10 +316,10 @@ const bn = (e) => {
         ...n,
         userFlow: e,
         pageId: t,
-        onResolveProps: a == null ? void 0 : a.aiSummaryCard
+        onResolveProps: r == null ? void 0 : r.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(qn, { ...n, userFlow: e, pageId: t }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n, userFlow: e, pageId: t }),
     box: (n) => /* @__PURE__ */ o.jsx(Un, { ...n, userFlow: e, pageId: t }),
     breadcrumbs: (n) => /* @__PURE__ */ o.jsx(ts, { ...n, userFlow: e, pageId: t }),
     tooltip: (n) => /* @__PURE__ */ o.jsx(Wr, { ...n, userFlow: e, pageId: t }),
@@ -347,16 +347,16 @@ const bn = (e) => {
     roundButton: (n) => /* @__PURE__ */ o.jsx(cr, { ...n, userFlow: e, pageId: t }),
     row: (n) => /* @__PURE__ */ o.jsx(dr, { ...n, userFlow: e, pageId: t }),
     select: (n) => /* @__PURE__ */ o.jsx(gr, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(kr, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(Tr, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(Sr, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(kr, { ...n, userFlow: e, pageId: t }),
     table: (n) => /* @__PURE__ */ o.jsx(Lr, { ...n, userFlow: e, pageId: t }),
     tabs: (n) => /* @__PURE__ */ o.jsx(Hr, { ...n, userFlow: e, pageId: t }),
     text: (n) => jn(n),
     textField: (n) => /* @__PURE__ */ o.jsx(Vr, { ...n, userFlow: e, pageId: t }),
     toast: (n) => /* @__PURE__ */ o.jsx(zr, { ...n, userFlow: e, pageId: t })
   };
-  return (c = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : c.map((n) => {
-    const d = i[n.component];
+  return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
+    const d = c[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
 };
@@ -368,18 +368,18 @@ function rt(e, t) {
     return !1;
   for (const s of t)
     if (s.when === "empty") {
-      const a = e == null ? void 0 : e[s.key];
-      if (Cn(a))
+      const r = e == null ? void 0 : e[s.key];
+      if (Cn(r))
         return !0;
     }
   return !1;
 }
-function I(e, t) {
-  const s = N((a) => {
-    var i;
-    return (i = a[e]) == null ? void 0 : i.entries;
+function B(e, t) {
+  const s = N((r) => {
+    var c;
+    return (c = r[e]) == null ? void 0 : c.entries;
   });
-  return T(
+  return k(
     () => ({
       disabled: rt(s, t)
     }),
@@ -398,69 +398,69 @@ const P = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, _e = () => new AbortController(), wn = (e, t = {}, s = {}, a = !1, i) => {
+}, _e = () => new AbortController(), wn = (e, t = {}, s = {}, r = !1, c) => {
   const l = _e();
-  a && l.abort();
-  const c = P(t);
+  r && l.abort();
+  const i = P(t);
   return {
     call: X.get(e, {
       headers: {
-        ...c
+        ...i
       },
       params: s,
       signal: l.signal,
-      _userFlow: i
+      _userFlow: c
     }),
     controller: l
   };
-}, Se = (e, t = {}, s = {}, a = {}, i = !1, l) => {
-  const c = _e();
-  i && c.abort();
+}, ke = (e, t = {}, s = {}, r = {}, c = !1, l) => {
+  const i = _e();
+  c && i.abort();
   const n = P(t);
   return {
     call: X.post(e, s, {
       headers: {
         ...n
       },
-      params: a,
-      signal: c.signal,
+      params: r,
+      signal: i.signal,
       _userFlow: l
     }),
-    controller: c
+    controller: i
   };
-}, Nn = (e, t = {}, s = {}, a = {}, i = !1, l) => {
-  const c = _e();
-  i && c.abort();
+}, Nn = (e, t = {}, s = {}, r = {}, c = !1, l) => {
+  const i = _e();
+  c && i.abort();
   const n = P(t);
   return {
     call: X.put(e, s, {
       headers: {
         ...n
       },
-      params: a,
-      signal: c.signal,
+      params: r,
+      signal: i.signal,
       _userFlow: l
     }),
-    controller: c
+    controller: i
   };
-}, vn = (e, t = {}, s = {}, a = {}, i = !1, l) => {
-  const c = _e();
-  i && c.abort();
+}, vn = (e, t = {}, s = {}, r = {}, c = !1, l) => {
+  const i = _e();
+  c && i.abort();
   const n = P(t);
   return {
     call: X.patch(e, s, {
       headers: {
         ...n
       },
-      params: a,
-      signal: c.signal,
+      params: r,
+      signal: i.signal,
       _userFlow: l
     }),
-    controller: c
+    controller: i
   };
-}, En = (e, t = {}, s = {}, a = {}, i = !1, l) => {
-  const c = _e();
-  i && c.abort();
+}, En = (e, t = {}, s = {}, r = {}, c = !1, l) => {
+  const i = _e();
+  c && i.abort();
   const n = P(t);
   return {
     call: X.delete(e, {
@@ -468,35 +468,35 @@ const P = (e) => {
         ...n
       },
       data: s,
-      params: a,
-      signal: c.signal,
+      params: r,
+      signal: i.signal,
       _userFlow: l
     }),
-    controller: c
+    controller: i
   };
 }, at = () => {
   let e;
-  return { callEndpoint: async (a) => {
-    a.controller && (e = a.controller);
-    let i = {};
+  return { callEndpoint: async (r) => {
+    r.controller && (e = r.controller);
+    let c = {};
     try {
-      i = await a.call;
+      c = await r.call;
     } catch (l) {
       throw l;
     }
-    return i;
+    return c;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, ot = async (e, t, s = "", a = {}, i = {}) => {
+}, ot = async (e, t, s = "", r = {}, c = {}) => {
   try {
-    const { callEndpoint: l } = at(), { api: c, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
-    s && r.append("hash_code", s), d && r.append("sessionId", d);
-    const _ = `${c}/not-front/next-ui/?${r.toString()}`, u = P(n), h = Se(
+    const { callEndpoint: l } = at(), { api: i, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
+    s && a.append("hash_code", s), d && a.append("sessionId", d);
+    const _ = `${i}/not-front/next-ui/?${a.toString()}`, u = P(n), h = ke(
       _,
       u,
-      a,
-      i,
+      r,
+      c,
       !1,
       t
     );
@@ -516,28 +516,28 @@ const P = (e) => {
     default:
       return "get";
   }
-}, Sn = (e, t, s) => {
-  const { url: a, paginationKeys: i, params: l } = e, c = [], n = (i == null ? void 0 : i.page) ?? "page";
-  if (c.push(`${n}=${t}`), typeof s == "string") {
-    const _ = (i == null ? void 0 : i.text) ?? "text";
-    c.push(`${_}=${encodeURIComponent(s || "")}`);
+}, Tn = (e, t, s) => {
+  const { url: r, paginationKeys: c, params: l } = e, i = [], n = (c == null ? void 0 : c.page) ?? "page";
+  if (i.push(`${n}=${t}`), typeof s == "string") {
+    const _ = (c == null ? void 0 : c.text) ?? "text";
+    i.push(`${_}=${encodeURIComponent(s || "")}`);
   }
   if (l && typeof l == "object") {
     const _ = Object.entries(l).map(
       ([u, h]) => `${encodeURIComponent(u)}=${encodeURIComponent(h)}`
     );
-    c.push(..._);
+    i.push(..._);
   }
-  const d = c.join("&");
-  return d ? `${a}?${d}` : a;
-}, $e = (e, t, s, a) => {
-  const { type: i, url: l, method: c, headers: n } = e;
-  if (i === "rest") {
-    const d = Sn(e, t, s), _ = { ...(e == null ? void 0 : e.data) ?? {}, ...a ?? {} };
+  const d = i.join("&");
+  return d ? `${r}?${d}` : r;
+}, De = (e, t, s, r) => {
+  const { type: c, url: l, method: i, headers: n } = e;
+  if (c === "rest") {
+    const d = Tn(e, t, s), _ = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
       url: d,
-      method: ct(c),
+      method: ct(i),
       headers: n,
       data: _
     };
@@ -555,11 +555,11 @@ const P = (e) => {
       }
     };
 }, G = () => {
-  const e = N((n) => n), { callEndpoint: t } = at(), s = async (n, d, r, _, u = !0) => {
+  const e = N((n) => n), { callEndpoint: t } = at(), s = async (n, d, a, _, u = !0) => {
     var h;
     try {
       const f = (h = e[n]) == null ? void 0 : h.apiConfig, x = {
-        state: { ...r },
+        state: { ...a },
         triggerKey: _
       };
       return u && Y(n, !0), await ot(
@@ -571,28 +571,28 @@ const P = (e) => {
     } catch (f) {
       throw u && Y(n, !1), console.error("[getNextUI] Error fetching next UI:", f), f;
     }
-  }, a = (n, d) => {
-    const { url: r, headers: _, data: u, params: h } = n;
+  }, r = (n, d) => {
+    const { url: a, headers: _, data: u, params: h } = n;
     switch (ct(n.method)) {
       case "post":
-        return Se(r, _, u, {}, !1, d);
+        return ke(a, _, u, {}, !1, d);
       case "put":
-        return Nn(r, _, u, {}, !1, d);
+        return Nn(a, _, u, {}, !1, d);
       case "patch":
-        return vn(r, _, u, {}, !1, d);
+        return vn(a, _, u, {}, !1, d);
       case "delete":
-        return En(r, _, u, h, !1, d);
+        return En(a, _, u, h, !1, d);
       case "get":
       default:
-        return wn(r, _, h, !1, d);
+        return wn(a, _, h, !1, d);
     }
-  }, i = (n, d) => {
-    const { url: r, headers: _ } = n, u = {
+  }, c = (n, d) => {
+    const { url: a, headers: _ } = n, u = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
-    return Se(
-      r,
+    return ke(
+      a,
       {
         ..._,
         "Content-Type": "application/json"
@@ -602,21 +602,21 @@ const P = (e) => {
       !1,
       d
     );
-  }, l = async (n, d, r = !0) => {
+  }, l = async (n, d, a = !0) => {
     var _, u;
     if (!n) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    r && Y(d, !0);
+    a && Y(d, !0);
     try {
       let h;
       switch (n == null ? void 0 : n.type) {
         case "rest":
-          h = a(n, d);
+          h = r(n, d);
           break;
         case "graphql":
-          h = i(n, d);
+          h = c(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -633,20 +633,20 @@ const P = (e) => {
         }
       };
     } finally {
-      r && Y(d, !1);
+      a && Y(d, !1);
     }
   };
   return {
     getNextUI: s,
     fetchDataSource: l,
-    fetchAndGetNextUI: async (n, d, r, _, u) => {
+    fetchAndGetNextUI: async (n, d, a, _, u) => {
       try {
         Y(n, !0);
         const h = await l(u, n, !1);
         return h && await s(
           n,
           d,
-          r,
+          a,
           _
         );
       } catch (h) {
@@ -657,25 +657,25 @@ const P = (e) => {
       }
     }
   };
-}, Tn = "_accordion_1ri2t_1", kn = "_accordionBody_1ri2t_8", Ue = {
-  accordion: Tn,
-  accordionBody: kn
+}, kn = "_accordion_1ri2t_1", Sn = "_accordionBody_1ri2t_8", Ue = {
+  accordion: kn,
+  accordionBody: Sn
 }, An = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    dependencies: i,
+    responseKey: r,
+    dependencies: c,
     customContent: l,
-    actionContent: c,
+    actionContent: i,
     components: n,
     ...d
-  } = e, { getNextUI: r } = G(), [_, u] = $(
+  } = e, { getNextUI: a } = G(), [_, u] = O(
     d.checkboxChecked || !1
-  ), { disabled: h } = I(
+  ), { disabled: h } = B(
     t,
-    i
-  ), f = E(t, s, n), x = c ? E(t, s, c) : void 0, g = l ? E(t, s, l) : void 0, m = D(
+    c
+  ), f = E(t, s, n), x = i ? E(t, s, i) : void 0, p = l ? E(t, s, l) : void 0, m = q(
     async (b) => {
       var C;
       try {
@@ -683,14 +683,14 @@ const P = (e) => {
         u(j);
         const w = {
           ...(C = N.getState()[t]) == null ? void 0 : C.entries,
-          [a]: j
+          [r]: j
         };
-        if (q(t, w), d.actionType === "GO_TO_NEXT_UI") {
-          const v = await r(
+        if (R(t, w), d.actionType === "GO_TO_NEXT_UI") {
+          const v = await a(
             t,
             s,
             w,
-            a
+            r
           );
           v != null && v.data && L(t, v == null ? void 0 : v.data);
         }
@@ -698,161 +698,161 @@ const P = (e) => {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
-    [t, s, a, d.actionType, r]
-  ), y = d.disabled || h, p = {
+    [t, s, r, d.actionType, a]
+  ), y = d.disabled || h, g = {
     ...d,
     className: Ue.accordion,
     disabled: y,
     checkboxChecked: _,
     onChanceCheckbox: d.hasCheckbox ? m : void 0,
-    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-action-${C}`)) }) : void 0,
-    customContent: g ? /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-custom-${C}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ o.jsx("section", { className: Ue.accordionBody, children: f.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-child-${C}`)) }) : void 0
+    actionContent: x ? /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-action-${C}`)) }) : void 0,
+    customContent: p ? /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ o.jsx("section", { className: Ue.accordionBody, children: f.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(gt, { ...p });
+  return /* @__PURE__ */ o.jsx(gt, { ...g });
 }, On = (e) => {
-  const t = le.useThemeStore((c) => c.theme.mode), s = e.dataSource, a = T(() => ({
+  const t = le.useThemeStore((i) => i.theme.mode), s = e.dataSource, r = k(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: s == null ? void 0 : s.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), i = e.locale ?? "en", l = T(() => {
-    var n, d, r, _, u;
-    const c = {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), c = e.locale ?? "en", l = k(() => {
+    var n, d, a, _, u;
+    const i = {
       title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
       welcomeTitle: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeTitle,
-      welcomeDescription: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.welcomeDescription,
+      welcomeDescription: (a = e == null ? void 0 : e.translations) == null ? void 0 : a.welcomeDescription,
       placeholder: (_ = e == null ? void 0 : e.translations) == null ? void 0 : _.placeholder,
       disclaimer: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.disclaimer
     };
-    return Object.fromEntries(Object.entries(c).filter(([, h]) => !!h));
+    return Object.fromEntries(Object.entries(i).filter(([, h]) => !!h));
   }, [e == null ? void 0 : e.translations]);
   return U(() => {
     e.onResolveProps && e.onResolveProps({
-      dataSource: a,
-      locale: i,
+      dataSource: r,
+      locale: c,
       translations: l,
       initialSuggestions: e.initialSuggestions,
       theme: t
     });
   }, [
     e.onResolveProps,
-    a,
-    i,
+    r,
+    c,
     l,
     e.initialSuggestions,
     t
   ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
     zt,
     {
-      dataSource: a,
-      locale: i,
+      dataSource: r,
+      locale: c,
       translations: l,
       initialSuggestions: e.initialSuggestions,
       theme: t
     }
   );
-}, $n = "_promptCodeEditor_1d57s_1", Rn = {
+}, $n = "_promptCodeEditor_1d57s_1", Dn = {
   promptCodeEditor: $n
-}, qn = (e) => {
+}, Rn = (e) => {
   const {
     userFlow: t,
     responseKey: s,
-    codeBlockValue: a,
-    language: i,
+    codeBlockValue: r,
+    language: c,
     disabled: l,
-    dependencies: c,
+    dependencies: i,
     dataSource: n,
     inputLabel: d,
-    inputPlaceholder: r,
+    inputPlaceholder: a,
     codeBlockLabel: _
-  } = e, u = le.useThemeStore((b) => b.theme.mode), [h, f] = $(
-    a || ""
-  ), { disabled: x } = I(
+  } = e, u = le.useThemeStore((b) => b.theme.mode), [h, f] = O(
+    r || ""
+  ), { disabled: x } = B(
     t,
-    c
-  ), g = l ?? x, m = i ?? "json", y = {
+    i
+  ), p = l ?? x, m = 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,
     body: n == null ? void 0 : n.data
-  }, p = (b) => {
+  }, g = (b) => {
     f(b);
     const C = {
       [s]: b
     };
-    q(t, C);
+    R(t, C);
   };
   return U(() => {
-    a !== void 0 && a !== h && f(a);
-  }, [a]), /* @__PURE__ */ o.jsx("section", { className: Rn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    r !== void 0 && r !== h && f(r);
+  }, [r]), /* @__PURE__ */ o.jsx("section", { className: Dn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
     Xt,
     {
       themeMode: u,
       requestConfig: y,
       language: m,
-      disabled: g,
+      disabled: p,
       inputLabel: d,
-      inputPlaceholder: r,
+      inputPlaceholder: a,
       codeBlockLabel: _,
       codeBlockValue: h,
-      onCodeChange: p
+      onCodeChange: g
     }
   ) });
-}, Dn = "_summaryCard_jva4h_1", Ln = {
-  summaryCard: Dn
+}, qn = "_summaryCard_jva4h_1", Ln = {
+  summaryCard: qn
 }, In = (e) => {
-  const t = e.dataSource, s = T(() => ({
+  const t = e.dataSource, s = k(() => ({
     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]), a = e.locale ?? "en", i = T(() => {
-    var c, n, d;
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), r = e.locale ?? "en", c = k(() => {
+    var i, n, d;
     const l = {
-      title: (c = e == null ? void 0 : e.translations) == null ? void 0 : c.title,
+      title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.title,
       loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
       noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
-      Object.entries(l).filter(([, r]) => !!r)
+      Object.entries(l).filter(([, a]) => !!a)
     );
   }, [e == null ? void 0 : e.translations]);
   return U(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
-      locale: a,
-      translations: i
+      locale: r,
+      translations: c
     });
-  }, [e.onResolveProps, s, a, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Ln.summaryCard, children: /* @__PURE__ */ o.jsx(
+  }, [e.onResolveProps, s, r, c]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Ln.summaryCard, children: /* @__PURE__ */ o.jsx(
     Jt,
     {
       dataSource: s,
-      locale: a,
-      translations: i
+      locale: r,
+      translations: c
     }
   ) });
 }, Bn = "_body_14tsv_1", Kn = "_body_content_14tsv_5", Ve = {
   body: Bn,
   body_content: Kn
-}, Hn = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Ve.body, children: /* @__PURE__ */ o.jsx("div", { className: Ve.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(k, { children: t }, s)) }) }), Gn = "_slotStack_1b4wy_1", Mn = {
+}, Hn = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Ve.body, children: /* @__PURE__ */ o.jsx("div", { className: Ve.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(S, { children: t }, s)) }) }), Gn = "_slotStack_1b4wy_1", Mn = {
   slotStack: Gn
 }, Un = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    content: c
+    content: i
   } = e, n = le.useThemeStore((_) => _.theme.mode) === "dark", d = E(
     t,
     s,
-    c != null && c.length ? c : null
-  ), r = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Mn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(k, { children: _ }, `box-${i}-${u}`)) }) : null;
-  return /* @__PURE__ */ o.jsx(pt, { darkMode: n, children: r });
+    i != null && i.length ? i : null
+  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Mn.slotStack, children: d.map((_, u) => /* @__PURE__ */ o.jsx(S, { children: _ }, `box-${c}-${u}`)) }) : null;
+  return /* @__PURE__ */ o.jsx(pt, { darkMode: n, children: a });
 };
-var we = { exports: {} };
+var Ne = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -864,32 +864,32 @@ function Vn() {
     (function() {
       var t = {}.hasOwnProperty;
       function s() {
-        for (var a = [], i = 0; i < arguments.length; i++) {
-          var l = arguments[i];
+        for (var r = [], c = 0; c < arguments.length; c++) {
+          var l = arguments[c];
           if (l) {
-            var c = typeof l;
-            if (c === "string" || c === "number")
-              a.push(l);
+            var i = typeof l;
+            if (i === "string" || i === "number")
+              r.push(l);
             else if (Array.isArray(l)) {
               if (l.length) {
                 var n = s.apply(null, l);
-                n && a.push(n);
+                n && r.push(n);
               }
-            } else if (c === "object") {
+            } else if (i === "object") {
               if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-                a.push(l.toString());
+                r.push(l.toString());
                 continue;
               }
               for (var d in l)
-                t.call(l, d) && l[d] && a.push(d);
+                t.call(l, d) && l[d] && r.push(d);
             }
           }
         }
-        return a.join(" ");
+        return r.join(" ");
       }
       e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
     })();
-  })(we)), we.exports;
+  })(Ne)), Ne.exports;
 }
 var zn = Vn();
 const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColumn_1xrth_8", Wn = "_legend_1xrth_14", Yn = "_options_1xrth_20", Qn = "_optionsRow_1xrth_25", Zn = "_optionsColumn_1xrth_36", Q = {
@@ -903,37 +903,37 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    label: i,
+    responseKey: r,
+    label: c,
     value: l,
-    required: c,
+    required: i,
     actionType: n,
     dependencies: d,
-    direction: r,
+    direction: a,
     items: _
-  } = e, u = r === "column" ? "column" : "row", { getNextUI: h } = G(), { disabled: f } = I(
+  } = e, u = a === "column" ? "column" : "row", { getNextUI: h } = G(), { disabled: f } = B(
     t,
     d
   ), x = N(
     (b) => {
       var C, j;
-      return (j = (C = b[t]) == null ? void 0 : C.entries) == null ? void 0 : j[a];
+      return (j = (C = b[t]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
     }
-  ), g = x != null ? String(x) : l ?? "", m = f, y = T(() => i ? c ? `${i} *` : i : null, [i, c]), p = D(
+  ), p = x != null ? String(x) : l ?? "", m = f, y = k(() => c ? i ? `${c} *` : c : null, [c, i]), g = q(
     async (b) => {
       var C;
       if (!m)
         try {
           const j = {
             ...(C = N.getState()[t]) == null ? void 0 : C.entries,
-            [a]: b
+            [r]: b
           };
-          if (q(t, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+          if (R(t, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
             const A = await h(
               t,
               s,
               j,
-              a,
+              r,
               n === "GO_TO_NEXT_UI"
             );
             A != null && A.data && L(t, A == null ? void 0 : A.data);
@@ -947,7 +947,7 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
       h,
       m,
       s,
-      a,
+      r,
       t
     ]
   );
@@ -970,13 +970,13 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
             children: _.map((b) => /* @__PURE__ */ o.jsx(
               bt,
               {
-                name: a,
+                name: r,
                 value: b.value,
-                checked: g === b.value,
+                checked: p === b.value,
                 disabled: m || b.disabled,
                 labelRight: b.label,
                 onChange: () => {
-                  p(b.value);
+                  g(b.value);
                 }
               },
               b.value
@@ -990,35 +990,35 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
   userFlow: e,
   pageId: t,
   component: s,
-  hash: a,
-  responseKey: i,
+  hash: r,
+  responseKey: c,
   items: l,
-  itemActive: c,
+  itemActive: i,
   darkMode: n
-}) => /* @__PURE__ */ o.jsx(jt, { items: l, itemActive: c, darkMode: n }), es = ({
+}) => /* @__PURE__ */ o.jsx(jt, { items: l, itemActive: i, darkMode: n }), es = ({
   userFlow: e,
   pageId: t,
   component: s,
-  hash: a,
-  responseKey: i,
+  hash: r,
+  responseKey: c,
   total: l,
-  done: c,
+  done: i,
   inProgress: n
-}) => /* @__PURE__ */ o.jsx(Ct, { total: l, done: c, inProgress: n }), ts = ({
+}) => /* @__PURE__ */ o.jsx(Ct, { total: l, done: i, inProgress: n }), ts = ({
   userFlow: e,
   items: t,
   responseKey: s
 }) => {
-  const { getNextUI: a } = G(), i = D(
-    async ({ actionType: c, hashCode: n, redirectUrl: d }) => {
-      var r;
+  const { getNextUI: r } = G(), c = q(
+    async ({ actionType: i, hashCode: n, redirectUrl: d }) => {
+      var a;
       try {
-        switch (c) {
+        switch (i) {
           case "GO_TO_NEXT_UI":
-            const _ = await a(
+            const _ = await r(
               e,
               n,
-              { ...(r = N.getState()[e]) == null ? void 0 : r.entries },
+              { ...(a = N.getState()[e]) == null ? void 0 : a.entries },
               s
             );
             _ != null && _.data && L(e, _ == null ? void 0 : _.data);
@@ -1027,7 +1027,7 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${c}`);
+            console.warn(`Unhandled actionType: ${i}`);
             break;
         }
       } catch (_) {
@@ -1035,27 +1035,27 @@ const F = /* @__PURE__ */ mn(zn), Xn = "_fieldset_1xrth_1", Jn = "_fieldsetColum
       }
     },
     []
-  ), l = T(() => t == null ? void 0 : t.map((c) => ({
-    title: c == null ? void 0 : c.title,
-    component: /* @__PURE__ */ o.jsx("div", { onClick: () => i(c) })
+  ), l = k(() => t == null ? void 0 : t.map((i) => ({
+    title: i == null ? void 0 : i.title,
+    component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(i) })
   })), []);
   return /* @__PURE__ */ o.jsx(wt, { items: l });
 };
 function ge(e, t) {
-  const { getNextUI: s, fetchDataSource: a, fetchAndGetNextUI: i } = G();
-  return D(
+  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: c } = G();
+  return q(
     async (l) => {
-      var h, f, x, g;
-      const { responseKey: c, actionType: n, dataSource: d, redirectUrl: r, dependencies: _ } = l, u = (h = N.getState()[e]) == null ? void 0 : h.entries;
+      var h, f, x, p;
+      const { responseKey: i, actionType: n, dataSource: d, redirectUrl: a, dependencies: _ } = l, u = (h = N.getState()[e]) == null ? void 0 : h.entries;
       if (!rt(u, _))
         try {
           const m = {
             ...(f = N.getState()[e]) == null ? void 0 : f.entries,
-            [c]: { status: 200 }
+            [i]: { status: 200 }
           };
-          switch (q(e, m), n) {
+          switch (R(e, m), n) {
             case "CLOSE_MODAL":
-              Oe(e, !1);
+              $e(e, !1);
               break;
             case "CLOSE_DRAWER":
               oe(e, !1);
@@ -1068,30 +1068,30 @@ function ge(e, t) {
                 e,
                 t,
                 m,
-                c
+                i
               );
               y != null && y.data && L(e, y == null ? void 0 : y.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
-              const y = await i(
+              const y = await c(
                 e,
                 t,
                 m,
-                c,
+                i,
                 d
               );
               y != null && y.data && L(e, y == null ? void 0 : y.data);
               break;
             }
             case "FETCH_DATA_SOURCE": {
-              const y = await a(
+              const y = await r(
                 d,
                 e,
                 !1
               );
-              q(e, {
-                [c]: {
+              R(e, {
+                [i]: {
                   status: y == null ? void 0 : y.status,
                   content: y == null ? void 0 : y.data
                 }
@@ -1103,29 +1103,29 @@ function ge(e, t) {
                 e,
                 t,
                 m,
-                c
-              ), p = (x = y == null ? void 0 : y.data) == null ? void 0 : x.content;
-              if ((p == null ? void 0 : p.type) !== "fetch")
+                i
+              ), g = (x = y == null ? void 0 : y.data) == null ? void 0 : x.content;
+              if ((g == null ? void 0 : g.type) !== "fetch")
                 break;
-              const b = p == null ? void 0 : p.dataSource, C = await a(b, e, !1), j = {
-                ...(g = N.getState()[e]) == null ? void 0 : g.entries,
-                [c]: {
+              const b = g == null ? void 0 : g.dataSource, C = await r(b, e, !1), j = {
+                ...(p = N.getState()[e]) == null ? void 0 : p.entries,
+                [i]: {
                   status: C == null ? void 0 : C.status,
                   content: C == null ? void 0 : C.data
                 }
               };
-              q(e, j);
+              R(e, j);
               const w = await s(
                 e,
                 t,
                 j,
-                c
+                i
               );
               w != null && w.data && L(e, w == null ? void 0 : w.data);
               break;
             }
             case "REDIRECT":
-              r ? window.location.href = r : console.warn("Missing redirectUrl for REDIRECT actionType");
+              a ? window.location.href = a : console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             default:
               console.warn(`Unhandled actionType: ${n}`);
@@ -1135,8 +1135,8 @@ function ge(e, t) {
         }
     },
     [
-      i,
-      a,
+      c,
+      r,
       s,
       t,
       e
@@ -1147,45 +1147,45 @@ const ns = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    actionType: i,
+    responseKey: r,
+    actionType: c,
     label: l,
-    content: c,
+    content: i,
     dataSource: n,
     redirectUrl: d,
-    dependencies: r,
+    dependencies: a,
     onClick: _,
     ...u
-  } = e, h = ge(t, s), { disabled: f } = I(
+  } = e, h = ge(t, s), { disabled: f } = B(
     t,
-    r
+    a
   ), x = {
     ...u,
-    children: c ?? l
-  }, g = (x == null ? void 0 : x.disabled) ?? f, [m, y] = $(!1), p = ie(!1), b = D(async () => {
-    if (p.current)
+    children: i ?? l
+  }, p = (x == null ? void 0 : x.disabled) ?? f, [m, y] = O(!1), g = ie(!1), b = q(async () => {
+    if (g.current)
       return;
-    const C = i === "FETCH_DATA_SOURCE";
-    C && (p.current = !0, y(!0));
+    const C = c === "FETCH_DATA_SOURCE";
+    C && (g.current = !0, y(!0));
     try {
       await h({
-        responseKey: a,
-        actionType: i,
+        responseKey: r,
+        actionType: c,
         dataSource: n,
         redirectUrl: d,
-        dependencies: r
+        dependencies: a
       });
     } catch (j) {
       console.error("[ButtonNotFront] Action failed:", j);
     } finally {
-      C && (p.current = !1, y(!1));
+      C && (g.current = !1, y(!1));
     }
   }, [
-    i,
+    c,
     n,
-    r,
-    d,
     a,
+    d,
+    r,
     h
   ]);
   return /* @__PURE__ */ o.jsx(
@@ -1193,8 +1193,8 @@ const ns = (e) => {
     {
       ...x,
       loading: x.loading || m,
-      disabled: g,
-      onClick: () => !g && !m && (_ ?? b)()
+      disabled: p,
+      onClick: () => !p && !m && (_ ?? b)()
     }
   );
 }, ss = "_slotStack_12u4t_5", Xe = {
@@ -1203,16 +1203,16 @@ const ns = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    dependencies: c,
+    dependencies: i,
     content: n,
     actionContent: d,
-    ...r
-  } = e, { disabled: _ } = I(
+    ...a
+  } = e, { disabled: _ } = B(
     t,
-    c
+    i
   ), u = E(
     t,
     s,
@@ -1221,12 +1221,12 @@ const ns = (e) => {
     t,
     s,
     d && d.length > 0 ? d : null
-  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: u.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `card-accordion-body-${i}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: h.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `card-accordion-actions-${i}-${y}`)) }) : void 0, g = r.disabled || _;
+  ), f = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: u.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `card-accordion-body-${c}-${y}`)) }) : void 0, x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Xe.slotStack, children: h.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `card-accordion-actions-${c}-${y}`)) }) : void 0, p = a.disabled || _;
   return /* @__PURE__ */ o.jsx(
     vt,
     {
-      ...r,
-      disabled: g,
+      ...a,
+      disabled: p,
       actionContent: x,
       children: f ?? null
     }
@@ -1237,34 +1237,34 @@ const ns = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    content: c,
+    content: i,
     colorId: n,
     disabled: d,
-    actionType: r,
+    actionType: a,
     dataSource: _,
     redirectUrl: u,
     dependencies: h
-  } = e, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: g } = G(), { disabled: m } = I(
+  } = e, { getNextUI: f, fetchDataSource: x, fetchAndGetNextUI: p } = G(), { disabled: m } = B(
     t,
     h
-  ), y = d ?? m, p = E(
+  ), y = d ?? m, g = E(
     t,
     s,
-    c && c.length > 0 ? c : null
-  ), b = p && p.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: os.slotStack, children: p.map((j, w) => /* @__PURE__ */ o.jsx(k, { children: j }, `card-body-${i}-${w}`)) }) : null, C = D(async () => {
+    i && i.length > 0 ? i : null
+  ), b = g && g.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: os.slotStack, children: g.map((j, w) => /* @__PURE__ */ o.jsx(S, { children: j }, `card-body-${c}-${w}`)) }) : null, C = q(async () => {
     var j, w, v;
-    if (!(!r || y))
+    if (!(!a || y))
       try {
         const A = {
           ...(j = N.getState()[t]) == null ? void 0 : j.entries,
           [l]: { status: 200 }
         };
-        switch (q(t, A), r) {
+        switch (R(t, A), a) {
           case "CLOSE_MODAL":
-            Oe(t, !1);
+            $e(t, !1);
             break;
           case "CLOSE_DRAWER":
             oe(t, !1);
@@ -1274,67 +1274,67 @@ const ns = (e) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const R = await f(
+            const D = await f(
               t,
               s,
               A,
               l,
-              r === "GO_TO_NEXT_UI"
+              a === "GO_TO_NEXT_UI"
             );
-            R != null && R.data && L(t, R == null ? void 0 : R.data);
+            D != null && D.data && L(t, D == null ? void 0 : D.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
-            const O = await g(
+            const $ = await p(
               t,
               s,
               A,
               l,
               _
             );
-            O != null && O.data && L(t, O == null ? void 0 : O.data);
+            $ != null && $.data && L(t, $ == null ? void 0 : $.data);
             break;
           }
           case "GET_DATA_SOURCE": {
-            const O = await f(
+            const $ = await f(
               t,
               s,
               A,
               l
-            ), R = (w = O == null ? void 0 : O.data) == null ? void 0 : w.content;
-            if ((R == null ? void 0 : R.type) !== "fetch")
+            ), D = (w = $ == null ? void 0 : $.data) == null ? void 0 : w.content;
+            if ((D == null ? void 0 : D.type) !== "fetch")
               break;
-            const J = R == null ? void 0 : R.dataSource, V = await x(J, t, !1), S = {
+            const J = D == null ? void 0 : D.dataSource, V = await x(J, t, !1), T = {
               ...(v = N.getState()[t]) == null ? void 0 : v.entries,
               [l]: {
                 status: V == null ? void 0 : V.status,
                 content: V == null ? void 0 : V.data
               }
             };
-            q(t, S);
-            const B = await f(
+            R(t, T);
+            const K = await f(
               t,
               s,
-              S,
+              T,
               l
             );
-            B != null && B.data && L(t, B == null ? void 0 : B.data);
+            K != null && K.data && L(t, K == null ? void 0 : K.data);
             break;
           }
           case "REDIRECT":
             u && (window.location.href = u);
             break;
           default:
-            console.warn(`Unhandled card actionType: ${r}`);
+            console.warn(`Unhandled card actionType: ${a}`);
         }
       } catch (A) {
         alert(JSON.stringify(A));
       }
   }, [
-    r,
+    a,
     _,
     y,
-    g,
+    p,
     x,
     f,
     s,
@@ -1347,69 +1347,70 @@ const ns = (e) => {
     {
       colorId: n,
       disabled: y,
-      onClick: r && !y ? () => void C() : void 0,
+      onClick: a && !y ? () => void C() : void 0,
       children: b
     }
   );
 }, is = (e) => {
-  const { content: t, description: s, ...a } = e, i = {
-    ...a,
+  const { content: t, description: s, ...r } = e, c = {
+    ...r,
     children: t ?? s
   };
-  return /* @__PURE__ */ o.jsx(xe, { ...i });
-}, Ne = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ls = (e, t) => {
+  return /* @__PURE__ */ o.jsx(xe, { ...c });
+}, ve = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ls = (e, t) => {
   if (!t || e == null)
     return null;
-  const { extractionJsonPath: s, injectionJsonPath: a } = t, i = K.value(e, s);
-  if (i == null)
+  const { extractionJsonPath: s, injectionJsonPath: r } = t, c = I.value(e, s);
+  if (c == null)
     return null;
   try {
     const l = {};
-    return K.value(l, a, i), l;
+    return I.value(l, r, c), l;
   } catch (l) {
     return console.warn(
       "[buildCursorPayload] invalid injectionJsonPath:",
-      a,
+      r,
       l
     ), null;
   }
-}, it = (e, t, s, a) => {
-  const i = K.query(e, t), l = i == null ? void 0 : i.map((r) => {
-    var _, u;
+}, it = (e, t, s, r) => {
+  const c = I.query(e, t), l = c == null ? void 0 : c.map((_) => {
+    var u, h;
     if (s) {
-      const h = {};
-      for (const [f, x] of Object.entries(s))
-        if (typeof x == "object" && "path" in x) {
-          const g = x, m = (_ = K.query(r, g.path)) == null ? void 0 : _[0];
-          g.translations && String(m) in g.translations ? h[f] = Ne(
-            g.translations[String(m)]
-          ) : h[f] = Ne(m);
+      const f = {};
+      for (const [x, p] of Object.entries(s))
+        if (typeof p == "object" && "path" in p) {
+          const m = p, y = (u = I.query(_, m.path)) == null ? void 0 : u[0];
+          m.translations && String(y) in m.translations ? f[x] = ve(
+            m.translations[String(y)]
+          ) : f[x] = ve(y);
         } else {
-          const g = x;
-          h[f] = Ne((u = K.query(r, g)) == null ? void 0 : u[0]);
+          const m = p;
+          f[x] = ve((h = I.query(_, m)) == null ? void 0 : h[0]);
         }
-      return h;
+      return f;
     } else
-      return r;
-  }), c = K.value(e, (a == null ? void 0 : a.size) ?? "$.meta.size") ?? i.length, n = K.value(e, (a == null ? void 0 : a.total) ?? "$.meta.total") ?? 0, d = {
-    size: c,
+      return _;
+  }), i = I.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? c.length, n = I.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = r != null && r.hasMore ? !!I.value(e, r.hasMore) : void 0, a = {
+    size: i,
     total: n,
-    totalPages: a != null && a.totalPages ? K.value(
+    totalPages: r != null && r.totalPages ? I.value(
       e,
-      (a == null ? void 0 : a.totalPages) ?? "$.meta.totalPages"
-    ) : c > 0 ? Math.ceil(n / c) : 0
+      (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
+    ) : i > 0 ? Math.ceil(n / i) : 0,
+    ...d !== void 0 ? { hasMore: d } : {}
   };
-  return { items: l, pagination: d };
+  return { items: l, pagination: a };
 }, ue = ({
   width: e,
   height: t,
   layout: s,
-  data: a,
-  Chart: i,
+  data: r,
+  Chart: c,
   children: l
 }) => {
-  const c = t ?? ce, n = s ? { layout: s } : {};
-  return e ? /* @__PURE__ */ o.jsx(i, { width: e, height: c, data: a, ...n, children: l }) : /* @__PURE__ */ o.jsx(nt, { width: "100%", height: c, children: /* @__PURE__ */ o.jsx(i, { data: a, ...n, children: l }) });
+  const i = t ?? ce, n = s ? { layout: s } : {};
+  return e ? /* @__PURE__ */ o.jsx(c, { width: e, height: i, data: r, ...n, children: l }) : /* @__PURE__ */ o.jsx(nt, { width: "100%", height: i, children: /* @__PURE__ */ o.jsx(c, { data: r, ...n, children: l }) });
 }, ee = ({ withPadding: e = !1 }) => {
   const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: M.labelColor }, children: s });
   return /* @__PURE__ */ o.jsx(
@@ -1427,8 +1428,8 @@ const ns = (e) => {
   active: e,
   payload: t,
   label: s,
-  tooltipKey: a,
-  tooltipCoverage: i
+  tooltipKey: r,
+  tooltipCoverage: c
 }) => {
   var _, u;
   if (!e || !t || !t.length)
@@ -1440,17 +1441,17 @@ const ns = (e) => {
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
-  if (a) {
+  if (r) {
     const h = (_ = t[0]) == null ? void 0 : _.payload;
-    if (h && h[a] !== void 0 && h[a] !== null)
-      return /* @__PURE__ */ o.jsx("div", { style: l, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: h[a] }) });
+    if (h && h[r] !== void 0 && h[r] !== null)
+      return /* @__PURE__ */ o.jsx("div", { style: l, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: h[r] }) });
   }
-  const c = (u = t[0]) == null ? void 0 : u.payload, n = (i == null ? void 0 : i.label) ?? "Cobertura", d = i ? c == null ? void 0 : c[i.denominatorKey] : void 0, r = i && d !== void 0 && d !== null && d > 0;
+  const i = (u = t[0]) == null ? void 0 : u.payload, n = (c == null ? void 0 : c.label) ?? "Cobertura", d = c ? i == null ? void 0 : i[c.denominatorKey] : void 0, a = c && d !== void 0 && d !== null && d > 0;
   return /* @__PURE__ */ o.jsxs("div", { style: l, children: [
     /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
     t.map((h, f) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: h.color }, children: `${h.name}: ${h.value}` }, f)),
-    r && /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
-      c[i.numeratorKey] / d * 100
+    a && /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0" }, children: `${n}: ${Math.round(
+      i[c.numeratorKey] / d * 100
     )}%` })
   ] });
 }, te = ({
@@ -1491,39 +1492,39 @@ const ns = (e) => {
     tickMargin: 4
   }
 ), _s = (e) => {
-  const { data: t, xKey: s, yKeys: a, tooltipKey: i, width: l } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: c, width: l } = e;
   return /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: Ft, children: [
     /* @__PURE__ */ o.jsx(de, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(he, { dataKey: s }),
     /* @__PURE__ */ o.jsx(fe, {}),
-    /* @__PURE__ */ o.jsx(te, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(te, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(ee, {}),
-    a.map((c, n) => /* @__PURE__ */ o.jsx(
+    r.map((i, n) => /* @__PURE__ */ o.jsx(
       Pt,
       {
         type: "monotone",
-        dataKey: c,
+        dataKey: i,
         stroke: H[n % H.length],
         fill: H[n % H.length]
       },
-      c
+      i
     ))
   ] });
 }, us = (e) => {
-  const { data: t, yKeys: s, xKey: a, tooltipKey: i, width: l } = e;
-  return /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: Te, children: [
+  const { data: t, yKeys: s, xKey: r, tooltipKey: c, width: l } = e;
+  return /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: Se, children: [
     /* @__PURE__ */ o.jsx(de, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(he, { dataKey: a }),
+    /* @__PURE__ */ o.jsx(he, { dataKey: r }),
     /* @__PURE__ */ o.jsx(fe, {}),
-    /* @__PURE__ */ o.jsx(te, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(te, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(ee, {}),
-    s.map((c, n) => /* @__PURE__ */ o.jsx(
-      ke,
+    s.map((i, n) => /* @__PURE__ */ o.jsx(
+      Ae,
       {
-        dataKey: c,
+        dataKey: i,
         fill: H[n % H.length]
       },
-      c
+      i
     ))
   ] });
 };
@@ -1536,50 +1537,50 @@ function fs(e, t = js, s) {
 function ys(e, t, s) {
   if (s !== void 0)
     return s;
-  const a = e.reduce((i, l) => {
-    const c = String(l[t] ?? "");
-    return Math.max(i, c.length);
+  const r = e.reduce((c, l) => {
+    const i = String(l[t] ?? "");
+    return Math.max(c, i.length);
   }, 0);
   return Math.max(
     Cs,
-    a * ws
+    r * ws
   );
 }
 const xs = (e) => {
   const {
     data: t,
     yKeys: s,
-    xKey: a,
-    tooltipKey: i,
+    xKey: r,
+    tooltipKey: c,
     minCategoryHeight: l,
-    chartHeight: c,
+    chartHeight: i,
     tooltipCoverage: n,
     showLegend: d = !0,
-    yKeyLabels: r,
+    yKeyLabels: a,
     yAxisWidth: _
   } = e, u = fs(
     t.length,
     l,
-    c
-  ), h = ys(t, a, _);
+    i
+  ), h = ys(t, r, _);
   return /* @__PURE__ */ o.jsxs(
     ue,
     {
       height: u,
       layout: "vertical",
       data: t,
-      Chart: Te,
+      Chart: Se,
       children: [
         /* @__PURE__ */ o.jsx(de, { strokeDasharray: "3 3", horizontal: !1 }),
         /* @__PURE__ */ o.jsx(he, { type: "number" }),
-        /* @__PURE__ */ o.jsx(fe, { type: "category", dataKey: a, width: h }),
-        /* @__PURE__ */ o.jsx(te, { tooltipKey: i, tooltipCoverage: n }),
+        /* @__PURE__ */ o.jsx(fe, { type: "category", dataKey: r, width: h }),
+        /* @__PURE__ */ o.jsx(te, { tooltipKey: c, tooltipCoverage: n }),
         d && /* @__PURE__ */ o.jsx(ee, {}),
         s.map((f, x) => /* @__PURE__ */ o.jsx(
-          ke,
+          Ae,
           {
             dataKey: f,
-            name: (r == null ? void 0 : r[f]) ?? f,
+            name: (a == null ? void 0 : a[f]) ?? f,
             fill: H[x % H.length]
           },
           f
@@ -1588,61 +1589,61 @@ const xs = (e) => {
     }
   );
 }, ms = (e) => {
-  const { data: t, xKey: s, yKeys: a, tooltipKey: i, width: l } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: c, width: l } = e;
   return /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: en, children: [
     /* @__PURE__ */ o.jsx(de, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(he, { dataKey: s }),
     /* @__PURE__ */ o.jsx(fe, {}),
-    /* @__PURE__ */ o.jsx(te, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(te, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(ee, {}),
-    a.map((c, n) => /* @__PURE__ */ o.jsx(
+    r.map((i, n) => /* @__PURE__ */ o.jsx(
       tn,
       {
         type: "monotone",
-        dataKey: c,
+        dataKey: i,
         stroke: H[n % H.length],
         strokeWidth: 2,
         dot: !1
       },
-      c
+      i
     ))
   ] });
 };
 var gs = { NODE_ENV: "production" };
 const ps = (e) => {
-  const { data: t, xKey: s, series: a = [], tooltipKey: i, width: l } = e;
-  return !a.length && gs.NODE_ENV, /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: Te, children: [
+  const { data: t, xKey: s, series: r = [], tooltipKey: c, width: l } = e;
+  return !r.length && gs.NODE_ENV, /* @__PURE__ */ o.jsxs(ue, { width: l, data: t, Chart: Se, children: [
     /* @__PURE__ */ o.jsx(de, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(he, { dataKey: s }),
     /* @__PURE__ */ o.jsx(fe, {}),
-    /* @__PURE__ */ o.jsx(te, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(te, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(ee, {}),
-    a.map((c, n) => /* @__PURE__ */ o.jsx(
-      ke,
+    r.map((i, n) => /* @__PURE__ */ o.jsx(
+      Ae,
       {
-        dataKey: c.key,
-        name: c.label ?? c.key,
-        stackId: c.stackId,
-        fill: c.color ?? H[n % H.length]
+        dataKey: i.key,
+        name: i.label ?? i.key,
+        stackId: i.stackId,
+        fill: i.color ?? H[n % H.length]
       },
-      c.key
+      i.key
     ))
   ] });
 }, bs = (e) => {
-  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e, l = ({
-    cx: c,
+  const { data: t, xKey: s, yKeys: r, tooltipKey: c } = e, l = ({
+    cx: i,
     cy: n,
     midAngle: d,
-    innerRadius: r,
+    innerRadius: a,
     outerRadius: _,
     value: u
   }) => {
-    const h = Math.PI / 180, f = 25 + r + (_ - r), x = c + f * Math.cos(-(d ?? 0) * h), g = n + f * Math.sin(-(d ?? 0) * h);
+    const h = Math.PI / 180, f = 25 + a + (_ - a), x = i + f * Math.cos(-(d ?? 0) * h), p = n + f * Math.sin(-(d ?? 0) * h);
     return /* @__PURE__ */ o.jsx(
       "text",
       {
         x,
-        y: g,
+        y: p,
         fill: M.labelColor,
         color: M.labelColor,
         textAnchor: "middle",
@@ -1652,17 +1653,17 @@ const ps = (e) => {
     );
   };
   return /* @__PURE__ */ o.jsx(nt, { width: "100%", height: ce, children: /* @__PURE__ */ o.jsxs(nn, { children: [
-    /* @__PURE__ */ o.jsx(te, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(te, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(ee, {}),
     /* @__PURE__ */ o.jsx(
       sn,
       {
         data: t,
-        dataKey: a[0],
+        dataKey: r[0],
         nameKey: s,
         label: l,
         outerRadius: 120,
-        children: t.map((c, n) => /* @__PURE__ */ o.jsx(
+        children: t.map((i, n) => /* @__PURE__ */ o.jsx(
           rn,
           {
             fill: H[n % H.length]
@@ -1709,17 +1710,17 @@ const ps = (e) => {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, Es = "_chartScrollViewport_sm5hx_1", Ss = "_chartScrollViewport_track_sm5hx_29", Je = {
+}, Es = "_chartScrollViewport_sm5hx_1", Ts = "_chartScrollViewport_track_sm5hx_29", Je = {
   chartScrollViewport: Es,
-  chartScrollViewport_track: Ss
-}, Ts = "Scrollable chart area", ks = ({
+  chartScrollViewport_track: Ts
+}, ks = "Scrollable chart area", Ss = ({
   dataLength: e,
   minCategoryWidth: t,
   children: s
 }) => {
-  const a = ie(null), [i, l] = $(0), c = t ?? lt;
+  const r = ie(null), [c, l] = O(0), i = t ?? lt;
   U(() => {
-    const _ = a.current;
+    const _ = r.current;
     if (!_)
       return;
     const u = () => {
@@ -1730,19 +1731,19 @@ const ps = (e) => {
     return h.observe(_), () => h.disconnect();
   }, []);
   const n = hs(
-    i,
+    c,
     e,
-    c
-  ), d = i > 0 && n > i, r = D(
+    i
+  ), d = c > 0 && n > c, a = q(
     (_) => {
-      const u = a.current;
+      const u = r.current;
       if (u)
         switch (_.key) {
           case "ArrowLeft":
-            u.scrollLeft -= c, _.preventDefault();
+            u.scrollLeft -= i, _.preventDefault();
             break;
           case "ArrowRight":
-            u.scrollLeft += c, _.preventDefault();
+            u.scrollLeft += i, _.preventDefault();
             break;
           case "Home":
             u.scrollLeft = 0, _.preventDefault();
@@ -1752,58 +1753,58 @@ const ps = (e) => {
             break;
         }
     },
-    [c]
+    [i]
   );
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: a,
+      ref: r,
       className: Je.chartScrollViewport,
       role: d ? "region" : void 0,
       tabIndex: d ? 0 : void 0,
-      "aria-label": d ? Ts : void 0,
-      onKeyDown: d ? r : void 0,
+      "aria-label": d ? ks : void 0,
+      onKeyDown: d ? a : void 0,
       children: /* @__PURE__ */ o.jsx(
         "div",
         {
           className: Je.chartScrollViewport_track,
           style: { width: n, height: ce },
-          children: i > 0 ? s(n) : null
+          children: c > 0 ? s(n) : null
         }
       )
     }
   );
 }, As = (e) => {
-  const { component: t, userFlow: s, hash: a, responseKey: i, dataSource: l, ...c } = e, n = vs[c.type], { fetchDataSource: d } = G(), [r, _] = $(!1), [u, h] = $([]), f = async () => {
+  const { component: t, userFlow: s, hash: r, responseKey: c, dataSource: l, ...i } = e, n = vs[i.type], { fetchDataSource: d } = G(), [a, _] = O(!1), [u, h] = O([]), f = async () => {
     var m, y;
     try {
       _(!0);
-      const { jsonPathData: p, mapperData: b } = l, C = $e(
+      const { jsonPathData: g, mapperData: b } = l, C = De(
         l,
         1
       ), j = await d(
         C,
         s,
         !1
-      ), w = p ? (m = it(j == null ? void 0 : j.data, p, b)) == null ? void 0 : m.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
+      ), w = g ? (m = it(j == null ? void 0 : j.data, g, b)) == null ? void 0 : m.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
       h(w), _(!1);
-    } catch (p) {
-      alert(JSON.stringify(p)), _(!1);
+    } catch (g) {
+      alert(JSON.stringify(g)), _(!1);
     }
   };
   if (U(() => {
-    n && (l ? f() : h(c.data));
+    n && (l ? f() : h(i.data));
   }, []), !n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
   const x = {
-    ...c,
+    ...i,
     data: u
   };
-  return r ? /* @__PURE__ */ o.jsx(et, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ns.has(c.type) ? /* @__PURE__ */ o.jsx(
-    ks,
+  return a ? /* @__PURE__ */ o.jsx(et, { height: 400 }) : u.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : Ns.has(i.type) ? /* @__PURE__ */ o.jsx(
+    Ss,
     {
       dataLength: u.length,
-      minCategoryWidth: c.minCategoryWidth,
+      minCategoryWidth: i.minCategoryWidth,
       children: (m) => /* @__PURE__ */ o.jsx(n, { ...x, width: m })
     }
   ) : /* @__PURE__ */ o.jsx(n, { ...x });
@@ -1811,36 +1812,36 @@ const ps = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    actionType: i,
+    responseKey: r,
+    actionType: c,
     label: l,
-    value: c,
+    value: i,
     required: n,
     dependencies: d,
-    ...r
+    ...a
   } = e, _ = {
-    ...r
-  }, { getNextUI: u } = G(), [h, f] = $(c || !1), { disabled: x } = I(
+    ...a
+  }, { getNextUI: u } = G(), [h, f] = O(i || !1), { disabled: x } = B(
     t,
     d
-  ), g = T(() => n && l ? `${l} *` : l ?? "", [l, n]), m = D(async () => {
-    var p;
+  ), p = k(() => n && l ? `${l} *` : l ?? "", [l, n]), m = q(async () => {
+    var g;
     try {
       const b = !h;
       f(b);
       const C = {
-        ...(p = N.getState()[t]) == null ? void 0 : p.entries,
-        [a]: b
+        ...(g = N.getState()[t]) == null ? void 0 : g.entries,
+        [r]: b
       };
-      switch (q(t, C), i) {
+      switch (R(t, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
             t,
             s,
             C,
-            a,
-            i === "GO_TO_NEXT_UI"
+            r,
+            c === "GO_TO_NEXT_UI"
           );
           w != null && w.data && L(t, w == null ? void 0 : w.data);
           break;
@@ -1851,12 +1852,12 @@ const ps = (e) => {
     } catch (b) {
       console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, a, i, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
+  }, [t, s, r, c, h]), y = (_ == null ? void 0 : _.disabled) ?? x;
   return /* @__PURE__ */ o.jsx(
-    St,
+    Tt,
     {
       ..._,
-      labelRight: g,
+      labelRight: p,
       checked: h,
       disabled: y,
       onChange: () => {
@@ -1864,43 +1865,43 @@ const ps = (e) => {
       }
     }
   );
-}, $s = "_codeEditor_1wi2p_1", Rs = "_codeEditor_label_1wi2p_4", qs = "_codeEditor_wrapper_1wi2p_13", Ds = "_input_1wi2p_17", Ls = "_preview_1wi2p_18", Is = "_preview_inner_1wi2p_33", Z = {
+}, $s = "_codeEditor_1wi2p_1", Ds = "_codeEditor_label_1wi2p_4", Rs = "_codeEditor_wrapper_1wi2p_13", qs = "_input_1wi2p_17", Ls = "_preview_1wi2p_18", Is = "_preview_inner_1wi2p_33", Z = {
   codeEditor: $s,
-  codeEditor_label: Rs,
-  codeEditor_wrapper: qs,
-  input: Ds,
+  codeEditor_label: Ds,
+  codeEditor_wrapper: Rs,
+  input: qs,
   preview: Ls,
   preview_inner: Is
 }, Bs = (e) => {
   const {
     userFlow: t,
     responseKey: s,
-    label: a,
-    language: i,
+    label: r,
+    language: c,
     placeholder: l,
-    value: c,
+    value: i,
     required: n,
     dependencies: d,
-    disabled: r,
+    disabled: a,
     showPreview: _,
     height: u = "400px"
-  } = e, [h, f] = $(c ?? ""), x = le.useThemeStore((C) => C.theme.mode), { disabled: g } = I(
+  } = e, [h, f] = O(i ?? ""), x = le.useThemeStore((C) => C.theme.mode), { disabled: p } = B(
     t,
     d
-  ), m = r ?? g, y = {
+  ), m = a ?? p, y = {
     json: Le(),
     markdown: on(),
     sql: cn(),
     yaml: ln()
-  }, p = T(() => n && a ? `${a} *` : a ?? "", [a, n]), b = (C) => {
+  }, g = k(() => n && r ? `${r} *` : r ?? "", [r, n]), b = (C) => {
     f(C);
     const j = {
       [s]: C
     };
-    q(t, j);
+    R(t, j);
   };
   return /* @__PURE__ */ o.jsxs("div", { className: Z.codeEditor, children: [
-    p && p !== "" && /* @__PURE__ */ o.jsx("label", { className: Z.codeEditor_label, children: p }),
+    g && g !== "" && /* @__PURE__ */ o.jsx("label", { className: Z.codeEditor_label, children: g }),
     /* @__PURE__ */ o.jsxs("div", { className: Z.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
         an,
@@ -1909,13 +1910,13 @@ const ps = (e) => {
           value: h,
           height: u,
           placeholder: l,
-          extensions: [y[i] ?? Le()],
+          extensions: [y[c] ?? Le()],
           onChange: (C) => b(C),
           theme: x,
           editable: !m
         }
       ),
-      i === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: Z.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(tt, { className: Z.preview_inner, children: h }) })
+      c === "markdown" && _ && /* @__PURE__ */ o.jsx("div", { className: Z.preview, style: { height: u }, children: /* @__PURE__ */ o.jsx(tt, { className: Z.preview_inner, children: h }) })
     ] })
   ] });
 }, Ks = "_slotStack_6n2wy_5", We = {
@@ -1924,36 +1925,36 @@ const ps = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    content: c,
+    content: i,
     topContent: n,
     icon: d,
-    headerStatusColor: r,
+    headerStatusColor: a,
     ..._
-  } = e, u = r ? `palette_${r}_50` : void 0, h = E(
+  } = e, u = a ? `palette_${a}_50` : void 0, h = E(
     t,
     s,
-    c && c.length > 0 ? c : null
+    i && i.length > 0 ? i : null
   ), f = E(
     t,
     s,
     n && n.length > 0 ? n : null
-  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: We.slotStack, children: h.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `data-card-body-${i}-${y}`)) }) : void 0, g = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: We.slotStack, children: f.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `data-card-top-${i}-${y}`)) }) : void 0;
+  ), x = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: We.slotStack, children: h.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `data-card-body-${c}-${y}`)) }) : void 0, p = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: We.slotStack, children: f.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `data-card-top-${c}-${y}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
-    Tt,
+    kt,
     {
       ..._,
       icon: d,
       headerStatusColor: u,
-      topContent: g,
+      topContent: p,
       children: x
     }
   );
 }, Gs = "_dividerNotFront_tze3j_1", Ms = {
   dividerNotFront: Gs
-}, Us = (e) => /* @__PURE__ */ o.jsx(kt, { ...e, className: Ms.dividerNotFront }), Vs = "_drawer_13pxo_1", zs = "_drawerBody_13pxo_5", Xs = "_drawerFooter_13pxo_11", ve = {
+}, Us = (e) => /* @__PURE__ */ o.jsx(St, { ...e, className: Ms.dividerNotFront }), Vs = "_drawer_13pxo_1", zs = "_drawerBody_13pxo_5", Xs = "_drawerFooter_13pxo_11", Ee = {
   drawer: Vs,
   drawerBody: zs,
   drawerFooter: Xs
@@ -1961,10 +1962,10 @@ const ps = (e) => {
   userFlow: e,
   pageId: t,
   responseKey: s,
-  header: a,
-  body: i,
+  header: r,
+  body: c,
   footer: l,
-  ...c
+  ...i
 }) => {
   const n = N((m) => {
     var y;
@@ -1972,40 +1973,40 @@ const ps = (e) => {
   }), d = N((m) => {
     var y;
     return (y = m[e]) == null ? void 0 : y.isLoading;
-  }), r = n && !d, _ = {
-    ...c,
-    isOpen: r,
+  }), a = n && !d, _ = {
+    ...i,
+    isOpen: a,
     children: null
-  }, u = D(() => {
-    Ae(e), oe(e, !1);
-  }, [e]), h = Array.isArray(a) ? E(e, t, a) : a ? /* @__PURE__ */ o.jsx(Pe, { type: "h2", children: a }) : void 0, f = E(e, t, i), x = l ? E(e, t, l) : void 0;
+  }, u = q(() => {
+    Oe(e), oe(e, !1);
+  }, [e]), h = Array.isArray(r) ? E(e, t, r) : r ? /* @__PURE__ */ o.jsx(Pe, { type: "h2", children: r }) : void 0, f = E(e, t, c), x = l ? E(e, t, l) : void 0;
   return /* @__PURE__ */ o.jsx(
     At,
     {
       ..._,
-      className: ve.drawer,
-      isOpen: r,
+      className: Ee.drawer,
+      isOpen: a,
       onClose: u,
       heightGap: 50,
-      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-header-${y}`)) : h }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: ve.drawerBody, children: f.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-body-${y}`)) }),
-      footer: x ? /* @__PURE__ */ o.jsx("div", { className: ve.drawerFooter, children: x.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
+      title: h ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(h) ? h.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-header-${y}`)) : h }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: Ee.drawerBody, children: f.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-body-${y}`)) }),
+      footer: x ? /* @__PURE__ */ o.jsx("div", { className: Ee.drawerFooter, children: x.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-footer-${y}`)) }) : void 0
     }
   );
 }, Ws = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    content: c,
+    content: i,
     items: n,
     disabled: d,
-    variant: r,
+    variant: a,
     leftIcon: _,
     rightIcon: u
-  } = e, h = ge(t, s), f = T(
+  } = e, h = ge(t, s), f = k(
     () => n.map((x) => ({
       label: x.content ?? x.label ?? "",
       onClick: () => {
@@ -2024,9 +2025,9 @@ const ps = (e) => {
     Ot,
     {
       disabled: d,
-      variant: r,
+      variant: a,
       items: f,
-      children: /* @__PURE__ */ o.jsxs(k, { children: [
+      children: /* @__PURE__ */ o.jsxs(S, { children: [
         _ ? /* @__PURE__ */ o.jsx(
           Ie,
           {
@@ -2035,7 +2036,7 @@ const ps = (e) => {
             style: { marginRight: 8, verticalAlign: "middle" }
           }
         ) : null,
-        c,
+        i,
         u ? /* @__PURE__ */ o.jsx(
           Ie,
           {
@@ -2050,65 +2051,65 @@ const ps = (e) => {
 }, Ys = "_header_g1eri_1", Qs = "_header_content_g1eri_5", Ye = {
   header: Ys,
   header_content: Qs
-}, Zs = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: F(Ye.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Ye.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(k, { children: t }, s)) }) }), Fs = (e) => {
+}, Zs = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: F(Ye.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Ye.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(S, { children: t }, s)) }) }), Fs = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    actionType: i,
+    responseKey: r,
+    actionType: c,
     content: l,
-    redirectUrl: c,
+    redirectUrl: i,
     target: n,
     dependencies: d,
-    component: r,
+    component: a,
     hash: _,
     ...u
-  } = e, { getNextUI: h } = G(), { disabled: f } = I(
+  } = e, { getNextUI: h } = G(), { disabled: f } = B(
     t,
     d
-  ), x = i && u ? (() => {
-    const { href: y, target: p, download: b, ...C } = u;
+  ), x = c && u ? (() => {
+    const { href: y, target: g, download: b, ...C } = u;
     return C;
-  })() : u, g = D(async () => {
+  })() : u, p = q(async () => {
     var y;
-    if (i)
+    if (c)
       try {
-        const p = {
+        const g = {
           ...(y = N.getState()[t]) == null ? void 0 : y.entries,
-          [a]: { status: 200 }
+          [r]: { status: 200 }
         };
-        switch (q(t, p), i) {
+        switch (R(t, g), c) {
           case "GO_TO_NEXT_UI": {
             const b = await h(
               t,
               s,
-              p,
-              a
+              g,
+              r
             );
             b != null && b.data && L(t, b == null ? void 0 : b.data);
             break;
           }
           case "REDIRECT":
-            if (!c) {
+            if (!i) {
               console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             }
-            n === "_blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.assign(c);
+            n === "_blank" ? window.open(i, "_blank", "noopener,noreferrer") : window.location.assign(i);
             break;
           default:
-            console.warn(`Unhandled actionType for link: ${i}`);
+            console.warn(`Unhandled actionType for link: ${c}`);
             break;
         }
-      } catch (p) {
-        alert(JSON.stringify(p));
+      } catch (g) {
+        alert(JSON.stringify(g));
       }
-  }, [i, h, s, c, a, n, t]), m = x.disabled ?? f;
+  }, [c, h, s, i, r, n, t]), m = x.disabled ?? f;
   return /* @__PURE__ */ o.jsx(
     $t,
     {
       ...x,
       disabled: m,
-      onClick: i ? g : void 0,
+      onClick: c ? p : void 0,
       children: l
     }
   );
@@ -2116,22 +2117,22 @@ const ps = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    items: c,
+    items: i,
     closeOnClick: n,
     disabled: d,
-    listOrigin: r,
+    listOrigin: a,
     size: _,
     variant: u
-  } = e, h = ge(t, s), f = T(
-    () => c.map((x) => ({
+  } = e, h = ge(t, s), f = k(
+    () => i.map((x) => ({
       icon: x.leftIcon,
       label: x.content ?? x.label ?? "",
-      onClick: (g) => {
+      onClick: (p) => {
         var m;
-        (m = g == null ? void 0 : g.preventDefault) == null || m.call(g), h({
+        (m = p == null ? void 0 : p.preventDefault) == null || m.call(p), h({
           responseKey: x.responseKey,
           actionType: x.actionType,
           dataSource: x.dataSource,
@@ -2140,15 +2141,15 @@ const ps = (e) => {
         });
       }
     })),
-    [c, h]
+    [i, h]
   );
   return /* @__PURE__ */ o.jsx(
-    Rt,
+    Dt,
     {
       items: f,
       closeOnClick: n,
       disabled: d,
-      listOrigin: r,
+      listOrigin: a,
       size: _,
       variant: u
     }
@@ -2159,52 +2160,52 @@ const ps = (e) => {
   userFlow: e,
   pageId: t,
   responseKey: s,
-  header: a,
-  body: i,
+  header: r,
+  body: c,
   footer: l,
-  headerStatusColor: c,
+  headerStatusColor: i,
   ...n
 }) => {
   const d = N((y) => {
-    var p;
-    return (p = y[e]) == null ? void 0 : p.isModalOpen;
-  }), r = N((y) => {
-    var p;
-    return (p = y[e]) == null ? void 0 : p.isLoading;
-  }), _ = d && !r, u = {
+    var g;
+    return (g = y[e]) == null ? void 0 : g.isModalOpen;
+  }), a = N((y) => {
+    var g;
+    return (g = y[e]) == null ? void 0 : g.isLoading;
+  }), _ = d && !a, u = {
     ...n
-  }, h = (u == null ? void 0 : u.headerStatusColor) ?? c, f = D(() => {
-    Ae(e), Oe(e, !1);
-  }, [e, s]), x = Array.isArray(a) ? E(e, t, a) : a, g = E(e, t, i), m = E(e, t, l);
+  }, h = (u == null ? void 0 : u.headerStatusColor) ?? i, f = q(() => {
+    Oe(e), $e(e, !1);
+  }, [e, s]), x = Array.isArray(r) ? E(e, t, r) : r, p = E(e, t, c), m = E(e, t, l);
   return /* @__PURE__ */ o.jsx(
-    qt,
+    Rt,
     {
       ...u,
       headerStatusColor: h,
-      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, p) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-header-${p}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: tr.modalContent, children: g.map((y, p) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-body-${p}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((y, p) => /* @__PURE__ */ o.jsx(k, { children: y }, `modal-footer-${p}`)) }),
+      header: typeof x == "string" ? x : /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, g) => /* @__PURE__ */ o.jsx(S, { children: y }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: tr.modalContent, children: p.map((y, g) => /* @__PURE__ */ o.jsx(S, { children: y }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((y, g) => /* @__PURE__ */ o.jsx(S, { children: y }, `modal-footer-${g}`)) }),
       open: _,
       onClose: f
     }
   );
 }, sr = ({ userFlow: e, pageId: t }) => {
-  var l, c;
+  var l, i;
   const s = un(e);
   if (!s)
     return null;
-  const a = [
+  const r = [
     ...(s == null ? void 0 : s.components) || [],
     ...((l = s == null ? void 0 : s.header) == null ? void 0 : l.components) || [],
-    ...((c = s == null ? void 0 : s.body) == null ? void 0 : c.components) || []
-  ], i = E(
+    ...((i = s == null ? void 0 : s.body) == null ? void 0 : i.components) || []
+  ], c = E(
     e,
     t,
-    a
+    r
   );
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
-    const r = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ o.jsx(k, { children: n }, r);
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: c == null ? void 0 : c.map((n, d) => {
+    const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
+    return /* @__PURE__ */ o.jsx(S, { children: n }, a);
   }) });
 }, rr = {
   success: {
@@ -2233,14 +2234,14 @@ const ps = (e) => {
     iconColor: "neutral-70"
   }
 }, ar = (e) => {
-  const { content: t, variant: s = "neutral", ...a } = e, i = rr[s], l = {
-    ...a,
+  const { content: t, variant: s = "neutral", ...r } = e, c = rr[s], l = {
+    ...r,
     children: t,
-    color: (a == null ? void 0 : a.color) ?? i.color,
-    textColor: (a == null ? void 0 : a.textColor) ?? i.textColor,
-    iconColor: (a == null ? void 0 : a.iconColor) ?? i.iconColor
+    color: (r == null ? void 0 : r.color) ?? c.color,
+    textColor: (r == null ? void 0 : r.textColor) ?? c.textColor,
+    iconColor: (r == null ? void 0 : r.iconColor) ?? c.iconColor
   };
-  return /* @__PURE__ */ o.jsx(Ee, { ...l });
+  return /* @__PURE__ */ o.jsx(Te, { ...l });
 }, or = (e) => {
   const { content: t } = e;
   return /* @__PURE__ */ o.jsx(tt, { children: t });
@@ -2248,37 +2249,37 @@ const ps = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    actionType: i,
+    responseKey: r,
+    actionType: c,
     dataSource: l,
-    dependencies: c,
+    dependencies: i,
     onClick: n,
     ...d
-  } = e, r = ge(t, s), { disabled: _ } = I(
+  } = e, a = ge(t, s), { disabled: _ } = B(
     t,
-    c
+    i
   ), u = {
     ...d
-  }, h = (u == null ? void 0 : u.disabled) ?? _, [f, x] = $(!1), g = ie(!1), m = D(async () => {
-    if (g.current)
+  }, h = (u == null ? void 0 : u.disabled) ?? _, [f, x] = O(!1), p = ie(!1), m = q(async () => {
+    if (p.current)
       return;
-    const y = i === "FETCH_DATA_SOURCE";
-    y && (g.current = !0, x(!0));
+    const y = c === "FETCH_DATA_SOURCE";
+    y && (p.current = !0, x(!0));
     try {
-      await r({
-        responseKey: a,
-        actionType: i,
+      await a({
+        responseKey: r,
+        actionType: c,
         dataSource: l,
-        dependencies: c
+        dependencies: i
       });
-    } catch (p) {
-      console.error("[RoundButtonNotFront] Action failed:", p);
+    } catch (g) {
+      console.error("[RoundButtonNotFront] Action failed:", g);
     } finally {
-      y && (g.current = !1, x(!1));
+      y && (p.current = !1, x(!1));
     }
-  }, [i, l, c, a, r]);
+  }, [c, l, i, r, a]);
   return /* @__PURE__ */ o.jsx(
-    Dt,
+    qt,
     {
       ...u,
       loading: u.loading || f,
@@ -2333,23 +2334,23 @@ const ps = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    columnWidth: a,
-    columns: i,
+    columnWidth: r,
+    columns: c,
     gap: l = "md",
-    justifyContent: c = "start",
+    justifyContent: i = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(i) ? i.map((r, _) => {
+  } = e, d = Array.isArray(c) ? c.map((a, _) => {
     const u = `col_${_}`, h = `col_${_}`;
-    if (Array.isArray(r))
+    if (Array.isArray(a))
       return {
         gap: "md",
         justifyContent: "start",
         alignItems: "start",
-        items: r,
+        items: a,
         hash: u,
         responseKey: h
       };
-    const f = r;
+    const f = a;
     return {
       gap: (f == null ? void 0 : f.gap) ?? "md",
       justifyContent: (f == null ? void 0 : f.justifyContent) ?? "start",
@@ -2365,24 +2366,24 @@ const ps = (e) => {
       className: F(
         z.row,
         z[`row__gap-${l}`],
-        z[`row__justify-${c}`],
+        z[`row__justify-${i}`],
         z[`row__align-${n}`]
       ),
-      children: d == null ? void 0 : d.map((r, _) => {
-        const u = (a == null ? void 0 : a[_]) || `${100 / d.length}%`, h = E(t, s, r.items);
+      children: d == null ? void 0 : d.map((a, _) => {
+        const u = (r == null ? void 0 : r[_]) || `${100 / d.length}%`, h = E(t, s, a.items);
         return !h || h.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
             className: F(
               z.row_column,
-              z[`row_column__gap-${r.gap}`],
-              z[`row_column__justify-${r.justifyContent}`],
-              z[`row_column__align-${r.alignItems}`]
+              z[`row_column__gap-${a.gap}`],
+              z[`row_column__justify-${a.justifyContent}`],
+              z[`row_column__align-${a.alignItems}`]
             ),
             style: { width: u },
             children: h
           },
-          r.hash || _
+          a.hash || _
         );
       })
     }
@@ -2392,83 +2393,83 @@ function dt({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  actionType: a,
-  getNextUI: i,
+  actionType: r,
+  getNextUI: c,
   isMulti: l = !1,
-  debounceMs: c
+  debounceMs: i
 }) {
   const n = ie(null);
   U(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
-  const d = D(
+  const d = q(
     async (_) => {
       var f;
       const u = {
         ...(f = N.getState()[e]) == null ? void 0 : f.entries
       };
-      if (_ ? (u[s] = _, q(e, u)) : (delete u[s], hn(e, s)), a && (a === "GO_TO_NEXT_UI" || a === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (_ ? (u[s] = _, R(e, u)) : (delete u[s], hn(e, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const g = await i(
+          const p = await c(
             e,
             t,
             u,
             s,
-            a === "GO_TO_NEXT_UI"
+            r === "GO_TO_NEXT_UI"
           );
-          g != null && g.data && L(e, g.data);
+          p != null && p.data && L(e, p.data);
         } catch (x) {
           console.error("[useSelectChange] Failed to fetch next UI", x);
         }
     },
-    [e, t, s, a, i]
+    [e, t, s, r, c]
   );
-  return D(
+  return q(
     (_) => {
       if (!l) {
         d(_);
         return;
       }
-      if (c == null) {
+      if (i == null) {
         d(_);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
         d(_), n.current = null;
-      }, c);
+      }, i);
     },
-    [l, c, d]
+    [l, i, d]
   );
 }
 const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   var s;
-  return t.includes("{") ? t.replace(_r, (a, i) => {
-    var c;
-    const l = (c = K.query(e, i.trim())) == null ? void 0 : c[0];
+  return t.includes("{") ? t.replace(_r, (r, c) => {
+    var i;
+    const l = (i = I.query(e, c.trim())) == null ? void 0 : i[0];
     return l != null ? String(l) : "";
-  }) : (s = K.query(e, t)) == null ? void 0 : s[0];
-}, hr = (e, t, s, a) => {
-  const i = K.query(e, t);
-  return (i == null ? void 0 : i.map((l) => {
+  }) : (s = I.query(e, t)) == null ? void 0 : s[0];
+}, hr = (e, t, s, r) => {
+  const c = I.query(e, t);
+  return (c == null ? void 0 : c.map((l) => {
     var d;
-    const c = ur(l, s), n = a ? (d = K.query(l, a)) == null ? void 0 : d[0] : l;
-    return { label: c, value: n };
+    const i = ur(l, s), n = r ? (d = I.query(l, r)) == null ? void 0 : d[0] : l;
+    return { label: i, value: n };
   })) ?? [];
-}, fr = (e, t, s, a = 10) => {
+}, fr = (e, t, s, r = 10) => {
   var n, d;
-  let i, l;
+  let c, l;
   if (s) {
-    const r = K.value(e, s.size ?? "$.meta.size") ?? a, _ = K.value(e, s.total ?? "$.meta.total") ?? 0;
-    i = r, l = _;
+    const a = I.value(e, s.size ?? "$.meta.size") ?? r, _ = I.value(e, s.total ?? "$.meta.total") ?? 0;
+    c = a, l = _;
   } else {
-    const r = e == null ? void 0 : e.meta;
-    i = (r == null ? void 0 : r.size) ?? ((n = r == null ? void 0 : r.page) == null ? void 0 : n.size) ?? a, l = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
+    const a = e == null ? void 0 : e.meta;
+    c = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, l = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
   }
-  const c = l > 0 ? Math.ceil(l / i) > t : !1;
+  const i = l > 0 ? Math.ceil(l / c) > t : !1;
   return {
-    pageSize: i,
+    pageSize: c,
     total: l,
-    hasMore: c
+    hasMore: i
   };
 }, yr = "_selectNotFront_ch3v5_1", _t = {
   selectNotFront: yr
@@ -2476,56 +2477,56 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   userFlow: e,
   pageId: t,
   responseKey: s,
-  required: a,
-  dataSource: i,
+  required: r,
+  dataSource: c,
   actionType: l,
-  dependencies: c,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
-  const r = {
+  const a = {
     ...d
-  }, { getNextUI: _, fetchDataSource: u } = G(), [h, f] = $((r == null ? void 0 : r.value) ?? ""), { disabled: x } = I(
+  }, { getNextUI: _, fetchDataSource: u } = G(), [h, f] = O((a == null ? void 0 : a.value) ?? ""), { disabled: x } = B(
     e,
-    c
-  ), g = (r == null ? void 0 : r.disabled) ?? x, m = T(() => a && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, a]), y = T(() => {
-    const j = r != null && r.isMulti ? h : [h], w = {};
+    i
+  ), p = (a == null ? void 0 : a.disabled) ?? x, m = k(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), y = k(() => {
+    const j = a != null && a.isMulti ? h : [h], w = {};
     return Array.isArray(j) && j.forEach((v) => {
       if (!v) return;
-      const A = JSON.stringify(v.value), O = JSON.stringify(v.label);
-      w[A] = v, O in w || (w[O] = v);
+      const A = JSON.stringify(v.value), $ = JSON.stringify(v.label);
+      w[A] = v, $ in w || (w[$] = v);
     }), w;
-  }, [h]), p = dt({
+  }, [h]), g = dt({
     userFlow: e,
     pageId: t,
     responseKey: s,
     actionType: l,
     getNextUI: _,
-    isMulti: r == null ? void 0 : r.isMulti,
+    isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
   }), b = (j) => {
-    f(j), p(j);
+    f(j), g(j);
   }, C = async (j, w, { page: v }) => {
     const {
       jsonPathLabel: A,
-      jsonPathOptions: O,
-      jsonPathValue: R,
+      jsonPathOptions: $,
+      jsonPathValue: D,
       jsonPathPagination: J
-    } = i, V = $e(
-      i,
+    } = c, V = De(
+      c,
       v,
       j
-    ), S = await u(
+    ), T = await u(
       V,
       e,
       !1
-    ), B = S == null ? void 0 : S.data, ne = B ? hr(
-      B,
-      O,
+    ), K = T == null ? void 0 : T.data, ne = K ? hr(
+      K,
+      $,
       A,
-      R
+      D
     ) : [], { hasMore: pe } = fr(
-      B,
+      K,
       v,
       J
     );
@@ -2540,13 +2541,13 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   return /* @__PURE__ */ o.jsx(
     Lt,
     {
-      ...r,
+      ...a,
       className: _t.selectNotFront,
       label: m,
       value: h,
-      disabled: g,
+      disabled: p,
       noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
-      onChange: (j) => !g && b(j),
+      onChange: (j) => !p && b(j),
       loadOptions: C,
       additional: { page: 1 },
       isOptionDisabled: (j) => {
@@ -2560,44 +2561,44 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   userFlow: e,
   pageId: t,
   responseKey: s,
-  dataSource: a,
-  required: i,
+  dataSource: r,
+  required: c,
   actionType: l,
-  dependencies: c,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
-  const r = {
+  const a = {
     ...d
-  }, { getNextUI: _ } = G(), [u, h] = $(r.value || ""), { disabled: f } = I(
+  }, { getNextUI: _ } = G(), [u, h] = O(a.value || ""), { disabled: f } = B(
     e,
-    c
-  ), x = (r == null ? void 0 : r.disabled) ?? f, g = T(() => i && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, i]), m = dt({
+    i
+  ), x = (a == null ? void 0 : a.disabled) ?? f, p = k(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), m = dt({
     userFlow: e,
     pageId: t,
     responseKey: s,
     actionType: l,
     getNextUI: _,
-    isMulti: r == null ? void 0 : r.isMulti,
+    isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
-  }), y = (p) => {
-    h(p), m(p);
+  }), y = (g) => {
+    h(g), m(g);
   };
   return /* @__PURE__ */ o.jsx(
     It,
     {
-      ...r,
+      ...a,
       className: _t.selectNotFront,
-      label: g,
+      label: p,
       value: u,
       disabled: x,
-      onChange: (p) => !x && y(p)
+      onChange: (g) => !x && y(g)
     }
   );
 }, gr = (e) => {
   const { dataSource: t } = e;
   return t ? /* @__PURE__ */ o.jsx(xr, { ...e }) : /* @__PURE__ */ o.jsx(mr, { ...e });
-}, pr = "_spacing_19hqa_1", br = "_spacing__xxs_19hqa_1", jr = "_spacing__xs_19hqa_4", Cr = "_spacing__sm_19hqa_7", wr = "_spacing__md_19hqa_10", Nr = "_spacing__lg_19hqa_13", vr = "_spacing__xl_19hqa_16", Er = "_spacing__xxl_19hqa_19", Sr = "_spacing__xxxl_19hqa_22", Qe = {
+}, pr = "_spacing_19hqa_1", br = "_spacing__xxs_19hqa_1", jr = "_spacing__xs_19hqa_4", Cr = "_spacing__sm_19hqa_7", wr = "_spacing__md_19hqa_10", Nr = "_spacing__lg_19hqa_13", vr = "_spacing__xl_19hqa_16", Er = "_spacing__xxl_19hqa_19", Tr = "_spacing__xxxl_19hqa_22", Qe = {
   spacing: pr,
   spacing__xxs: br,
   spacing__xs: jr,
@@ -2606,44 +2607,44 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   spacing__lg: Nr,
   spacing__xl: vr,
   spacing__xxl: Er,
-  spacing__xxxl: Sr
-}, Tr = (e) => {
+  spacing__xxxl: Tr
+}, kr = (e) => {
   const { size: t } = e, s = F(Qe.spacing, Qe[`spacing__${t}`]);
   return /* @__PURE__ */ o.jsx("div", { className: s });
-}, kr = (e) => {
+}, Sr = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: a,
-    actionType: i,
+    responseKey: r,
+    actionType: c,
     label: l,
-    value: c,
+    value: i,
     required: n,
     dependencies: d,
-    ...r
+    ...a
   } = e, _ = {
-    ...r
-  }, { getNextUI: u } = G(), [h, f] = $(c || !1), { disabled: x } = I(
+    ...a
+  }, { getNextUI: u } = G(), [h, f] = O(i || !1), { disabled: x } = B(
     t,
     d
-  ), g = (_ == null ? void 0 : _.disabled) ?? x, m = T(() => n && l ? `${l} *` : l ?? "", [l, n]), y = D(async () => {
-    var p;
+  ), p = (_ == null ? void 0 : _.disabled) ?? x, m = k(() => n && l ? `${l} *` : l ?? "", [l, n]), y = q(async () => {
+    var g;
     try {
       const b = !h;
       f(b);
       const C = {
-        ...(p = N.getState()[t]) == null ? void 0 : p.entries,
-        [a]: b
+        ...(g = N.getState()[t]) == null ? void 0 : g.entries,
+        [r]: b
       };
-      switch (q(t, C), i) {
+      switch (R(t, C), c) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
           const w = await u(
             t,
             s,
             C,
-            a,
-            i === "GO_TO_NEXT_UI"
+            r,
+            c === "GO_TO_NEXT_UI"
           );
           w != null && w.data && L(t, w == null ? void 0 : w.data);
           break;
@@ -2654,81 +2655,81 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
     } catch (b) {
       console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, a, i, h]);
+  }, [t, s, r, c, h]);
   return /* @__PURE__ */ o.jsx(
     Bt,
     {
       ..._,
       label: m,
       checked: h,
-      disabled: g,
-      onChange: () => !g && y()
+      disabled: p,
+      onChange: () => !p && y()
     }
   );
 }, Ar = "_tableSkeleton_3nr9n_1", Or = "_tableArrayPills_3nr9n_7", ut = {
   tableSkeleton: Ar,
   tableArrayPills: Or
 }, $r = ({ values: e }) => {
-  const s = e == null ? void 0 : e.slice(0, 4), a = (e == null ? void 0 : e.length) - 4;
+  const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ o.jsxs("div", { className: ut.tableArrayPills, children: [
-    s.map((i, l) => /* @__PURE__ */ o.jsx(Ee, { children: String(i) }, l)),
-    a > 0 && /* @__PURE__ */ o.jsxs(Ee, { outlined: !0, children: [
+    s.map((c, l) => /* @__PURE__ */ o.jsx(Te, { children: String(c) }, l)),
+    r > 0 && /* @__PURE__ */ o.jsxs(Te, { outlined: !0, children: [
       "+",
-      a
+      r
     ] })
   ] });
-}, Rr = ({
+}, Dr = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: s,
-  component: a,
-  rowData: i
+  component: r,
+  rowData: c
 }) => {
-  const { getNextUI: l, fetchAndGetNextUI: c, fetchDataSource: n } = G(), d = E(e, t, [
-    { ...a }
-  ]), r = (d == null ? void 0 : d[0]) || null;
-  if (!r) return null;
+  const { getNextUI: l, fetchAndGetNextUI: i, fetchDataSource: n } = G(), d = E(e, t, [
+    { ...r }
+  ]), a = (d == null ? void 0 : d[0]) || null;
+  if (!a) return null;
   const {
     actionType: _,
     responseKey: u,
     dataSource: h
-  } = r.props, f = D(async () => {
-    var x, g, m;
+  } = a.props, f = q(async () => {
+    var x, p, m;
     try {
       const y = {
         ...(x = N.getState()[e]) == null ? void 0 : x.entries,
         [u]: { status: 200 },
-        [s]: [{ ...i }]
+        [s]: [{ ...c }]
       };
-      switch (q(e, y), _) {
+      switch (R(e, y), _) {
         case "GO_TO_NEXT_UI": {
-          const p = await l(
+          const g = await l(
             e,
             t,
             y,
             u
           );
-          p != null && p.data && L(e, p == null ? void 0 : p.data);
+          g != null && g.data && L(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const p = await c(
+          const g = await i(
             e,
             t,
             y,
             u,
             h
           );
-          p != null && p.data && L(e, p == null ? void 0 : p.data);
+          g != null && g.data && L(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
-          const p = await l(
+          const g = await l(
             e,
             t,
             y,
             u
-          ), b = (g = p == null ? void 0 : p.data) == null ? void 0 : g.content;
+          ), b = (p = g == null ? void 0 : g.data) == null ? void 0 : p.content;
           if ((b == null ? void 0 : b.type) !== "fetch") break;
           const C = b == null ? void 0 : b.dataSource, j = await n(
             C,
@@ -2742,7 +2743,7 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
               content: j == null ? void 0 : j.data
             }
           };
-          q(e, w);
+          R(e, w);
           const v = await l(
             e,
             t,
@@ -2760,10 +2761,10 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
       alert(JSON.stringify(y));
     }
   }, [_, h, t, u, e]);
-  return xt(r, {
+  return xt(a, {
     onClick: f
   });
-}, qr = () => /* @__PURE__ */ o.jsx("div", { className: ut.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, Rr = () => /* @__PURE__ */ o.jsx("div", { className: ut.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   et,
   {
     maxWidth: "100%",
@@ -2771,74 +2772,76 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Dr = (e, t) => !(t != null && t.length) || !e ? e : e.map((s) => t.some(
-  (i) => Array.isArray(s != null && s.accessor ? i[s == null ? void 0 : s.accessor] : void 0)
+)) }), qr = (e, t) => !(t != null && t.length) || !e ? e : e.map((s) => t.some(
+  (c) => Array.isArray(
+    s != null && s.accessor ? c[s == null ? void 0 : s.accessor] : void 0
+  )
 ) ? {
   ...s,
-  renderCell: (i) => {
-    const l = s.accessor ? i[s.accessor] : void 0;
+  renderCell: (c) => {
+    const l = s.accessor ? c[s.accessor] : void 0;
     return Array.isArray(l) ? /* @__PURE__ */ o.jsx($r, { values: l }) : l ?? "";
   }
 } : s), Lr = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  component: a,
-  dataSource: i,
+  component: r,
+  dataSource: c,
   rightActions: l,
-  data: c,
+  data: i,
   pageSize: n,
   ...d
 }) => {
-  var R, J, V;
-  const { fetchDataSource: r } = G(), [_, u] = $(!1), [h, f] = $(1), [x, g] = $(null), m = !i && Array.isArray(c), y = ie(
+  var J, V;
+  const { fetchDataSource: a } = G(), [_, u] = O(!1), [h, f] = O(1), [x, p] = O(null), m = !c && Array.isArray(i), y = !!(c != null && c.jsonPathCursorPagination) && !!((J = c == null ? void 0 : c.jsonPathPagination) != null && J.hasMore), g = ie(
     /* @__PURE__ */ new Map([[1, null]])
-  ), p = T(() => {
+  ), b = k(() => {
     if (l != null && l.length)
-      return l.map((S, B) => ({
+      return l.map((T, K) => ({
         renderContent: (ne) => /* @__PURE__ */ o.jsx(
-          Rr,
+          Dr,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: s,
-            component: S,
+            component: T,
             rowData: ne
           },
-          `tableRowAction${B}`
+          `tableRowAction${K}`
         )
       }));
-  }, [l, e, t, s]), b = async (S = 1) => {
-    if (!i)
+  }, [l, e, t, s]), C = async (T = 1) => {
+    if (!c)
       return;
     const {
-      mapperData: B,
+      mapperData: K,
       jsonPathData: ne,
       jsonPathPagination: pe,
       jsonPathCursorPagination: se
-    } = i;
-    if (se && S !== 1 && !y.current.has(S)) {
-      f(1), b(1);
+    } = c;
+    if (se && T !== 1 && !g.current.has(T)) {
+      f(1), C(1);
       return;
     }
-    se && S === 1 && (y.current = /* @__PURE__ */ new Map([[1, null]]));
+    se && T === 1 && (g.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       u(!0);
-      const be = se ? y.current.get(S) ?? null : null, ht = $e(
-        i,
-        S,
+      const be = se ? g.current.get(T) ?? null : null, ht = De(
+        c,
+        T,
         void 0,
         be
-      ), W = await r(
+      ), W = await a(
         ht,
         e,
         !1
       );
-      if (g(
+      if (p(
         it(
           W == null ? void 0 : W.data,
           ne,
-          B,
+          K,
           pe
         )
       ), se) {
@@ -2846,99 +2849,115 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
           W == null ? void 0 : W.data,
           se
         );
-        Re && y.current.set(S + 1, Re);
+        Re && g.current.set(T + 1, Re);
       }
       u(!1);
     } catch (be) {
       console.error("[TableNotFront] fetchData:", be), u(!1);
     }
-  }, C = (S) => {
-    f(S), b(S);
+  }, j = (T) => {
+    f(T), C(T);
   };
   U(() => {
-    m || b();
+    m || C();
   }, []);
-  const j = m ? c : x == null ? void 0 : x.items, w = m && !!n && ((c == null ? void 0 : c.length) ?? 0) > n, v = T(() => {
-    if (!w || !c || !n)
-      return j ?? [];
-    const S = (h - 1) * n;
-    return c.slice(S, S + n);
-  }, [w, c, n, h, j]), A = T(
-    () => Dr(
+  const w = m ? i : x == null ? void 0 : x.items, v = m && !!n && ((i == null ? void 0 : i.length) ?? 0) > n, A = k(() => {
+    if (!v || !i || !n)
+      return w ?? [];
+    const T = (h - 1) * n;
+    return i.slice(T, T + n);
+  }, [
+    v,
+    i,
+    n,
+    h,
+    w
+  ]), $ = k(
+    () => qr(
       d.columns,
-      j
+      w
     ),
-    [j, d.columns]
-  ), O = {
+    [w, d.columns]
+  ), D = {
     ...d,
-    data: v,
-    columns: A ?? [],
-    rightActions: p
+    data: A,
+    columns: $ ?? [],
+    rightActions: b
   };
-  return m ? !j || j.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(qe, { ...O }),
-    w && n && c && /* @__PURE__ */ o.jsx(
-      De,
+  return m ? !w || w.length === 0 ? /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(qe, { ...D }),
+    v && n && i && /* @__PURE__ */ o.jsx(
+      je,
       {
         classname: { global: "row__end" },
         page: h,
         size: n,
-        total: c.length,
+        total: i.length,
         onChange: f
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(qr, {}) : x && ((R = x == null ? void 0 : x.items) == null ? void 0 : R.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(qe, { ...O }),
-    (x == null ? void 0 : x.pagination) && ((J = x == null ? void 0 : x.pagination) == null ? void 0 : J.totalPages) > 1 && /* @__PURE__ */ o.jsx(
-      De,
+  ] }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: _ ? /* @__PURE__ */ o.jsx(Rr, {}) : x && ((V = x == null ? void 0 : x.items) == null ? void 0 : V.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(qe, { ...D }),
+    !y && (x == null ? void 0 : x.pagination) && x.pagination.totalPages > 1 && /* @__PURE__ */ o.jsx(
+      je,
       {
         classname: { global: "row__end" },
         page: h,
-        size: x == null ? void 0 : x.pagination.size,
-        total: (V = x == null ? void 0 : x.pagination) == null ? void 0 : V.total,
-        onChange: C
+        size: x.pagination.size,
+        total: x.pagination.total,
+        onChange: j
+      }
+    ),
+    y && (x == null ? void 0 : x.pagination) && /* @__PURE__ */ o.jsx(
+      je,
+      {
+        variant: "cursor",
+        classname: { global: "row__end" },
+        page: h,
+        hasNextPage: !!x.pagination.hasMore,
+        onChange: j
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(xe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
 }, Ir = "_tabsPanel_kvslb_1", Br = {
   tabsPanel: Ir
 }, Kr = ({ userFlow: e, pageId: t, components: s }) => {
-  const a = E(e, t, s);
-  return a != null && a.length ? /* @__PURE__ */ o.jsx("section", { className: Br.tabsPanel, children: a.map((i, l) => /* @__PURE__ */ o.jsx(k, { children: i }, `tabs-panel-${l}`)) }) : null;
+  const r = E(e, t, s);
+  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: Br.tabsPanel, children: r.map((c, l) => /* @__PURE__ */ o.jsx(S, { children: c }, `tabs-panel-${l}`)) }) : null;
 }, Hr = ({
   userFlow: e,
   pageId: t,
   hash: s,
-  items: a,
-  activeIndex: i,
+  items: r,
+  activeIndex: c,
   className: l,
-  responseKey: c
+  responseKey: i
 }) => {
-  const n = a.map((r, _) => ({
-    label: r.label,
-    disabled: r.disabled,
+  const n = r.map((a, _) => ({
+    label: a.label,
+    disabled: a.disabled,
     children: /* @__PURE__ */ o.jsx(
       Kr,
       {
         userFlow: e,
         pageId: t,
-        components: r.components
+        components: a.components
       },
       `${s}-tab-${_}`
     )
-  })), d = (r) => {
+  })), d = (a) => {
     var u;
     const _ = {
       ...(u = N.getState()[e]) == null ? void 0 : u.entries,
-      [c]: r
+      [i]: a
     };
-    q(e, _);
+    R(e, _);
   };
   return /* @__PURE__ */ o.jsx(
     Kt,
     {
       className: l,
-      activeIndex: i,
+      activeIndex: c,
       items: n,
       onClick: d
     }
@@ -2947,32 +2966,32 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    required: c,
+    required: i,
     dependencies: n,
     ...d
-  } = e, r = {
+  } = e, a = {
     ...d
-  }, [_, u] = $((r == null ? void 0 : r.value) ?? ""), { disabled: h } = I(
+  }, [_, u] = O((a == null ? void 0 : a.value) ?? ""), { disabled: h } = B(
     t,
     n
-  ), f = (r == null ? void 0 : r.disabled) ?? h, x = T(() => c && (r != null && r.label) ? `${r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), g = (m) => {
-    var p;
-    const y = (p = m == null ? void 0 : m.target) == null ? void 0 : p.value;
-    u(y), q(t, { [l]: y });
+  ), f = (a == null ? void 0 : a.disabled) ?? h, x = k(() => i && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), p = (m) => {
+    var g;
+    const y = (g = m == null ? void 0 : m.target) == null ? void 0 : g.value;
+    u(y), R(t, { [l]: y });
   };
   return U(() => {
-    u((r == null ? void 0 : r.value) ?? "");
-  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
+    u((a == null ? void 0 : a.value) ?? "");
+  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
     Ht,
     {
-      ...r,
+      ...a,
       label: x,
       value: _,
       disabled: f,
-      onChange: (m) => !f && g(m)
+      onChange: (m) => !f && p(m)
     }
   );
 }, Mr = "_textFieldNotFront_1n8fy_1", Ur = {
@@ -2981,55 +3000,55 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    required: c,
+    required: i,
     dependencies: n,
     ...d
-  } = e, r = {
+  } = e, a = {
     ...d
-  }, [_, u] = $((r == null ? void 0 : r.value) ?? ""), { disabled: h } = I(
+  }, [_, u] = O((a == null ? void 0 : a.value) ?? ""), { disabled: h } = B(
     t,
     n
-  ), f = (r == null ? void 0 : r.disabled) ?? h, x = T(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), g = (m) => {
+  ), f = (a == null ? void 0 : a.disabled) ?? h, x = k(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), p = (m) => {
     var b;
     const y = (b = m == null ? void 0 : m.target) == null ? void 0 : b.value;
     u(y);
-    const p = {
+    const g = {
       [l]: y
     };
-    q(t, p);
+    R(t, g);
   };
   return U(() => {
-    u((r == null ? void 0 : r.value) ?? "");
-  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
+    u((a == null ? void 0 : a.value) ?? "");
+  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
     Gt,
     {
-      ...r,
+      ...a,
       className: Ur.textFieldNotFront,
       allowClear: !1,
       label: x,
       value: _,
       disabled: f,
-      onChange: (m) => !f && g(m)
+      onChange: (m) => !f && p(m)
     }
   );
 }, zr = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  variant: a,
-  content: i,
+  variant: r,
+  content: c,
   actionType: l,
-  redirectUrl: c
+  redirectUrl: i
 }) => {
-  const n = D(async () => {
-    Ae(e);
+  const n = q(async () => {
+    Oe(e);
     try {
       switch (l) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = c;
+          window.location.href = i;
           break;
         default:
           console.warn(`Unhandled actionType: ${l}`);
@@ -3038,14 +3057,14 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [l, t, s, e, c]);
+  }, [l, t, s, e, i]);
   return U(() => {
     ({
       info: re.info,
       error: re.error,
       success: re.success,
       warning: re.warning
-    }[a] || re.info)(i, {
+    }[r] || re.info)(c, {
       autoClose: l ? !1 : 4e3,
       containerId: e,
       onClose: n
@@ -3058,26 +3077,26 @@ const _r = /\{([^}]+)\}/g, ur = (e, t) => {
   const {
     userFlow: t,
     pageId: s,
-    component: a,
-    hash: i,
+    component: r,
+    hash: c,
     responseKey: l,
-    content: c,
+    content: i,
     label: n,
     placement: d,
-    notShowArrow: r,
+    notShowArrow: a,
     visible: _
   } = e, u = E(
     t,
     s,
-    c != null && c.length ? c : null
-  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ze.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(k, { children: f }, `tooltip-${i}-${x}`)) }) : null;
+    i != null && i.length ? i : null
+  ), h = u && u.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ze.tooltipNotFront_content, children: u.map((f, x) => /* @__PURE__ */ o.jsx(S, { children: f }, `tooltip-${c}-${x}`)) }) : null;
   return /* @__PURE__ */ o.jsx(
     Mt,
     {
       className: Ze.tooltipNotFront,
       label: n,
       placement: d,
-      notShowArrow: r,
+      notShowArrow: a,
       visible: _,
       children: h
     }
@@ -3087,35 +3106,35 @@ function ha({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: s,
-  children: a
+  children: r
 }) {
-  const i = Pr(
+  const c = Pr(
     e,
     t,
     null,
     s
   );
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    i,
-    a
+    c,
+    r
   ] });
 }
 const Yr = { api: "", headers: {} }, Qr = ({
   userFlow: e,
   components: t,
   hash: s,
-  apiConfig: a
+  apiConfig: r
 }) => {
-  const i = s ?? `${e}-page`;
-  $(() => {
-    var d, r;
-    return (r = (d = N.getState()[e]) == null ? void 0 : d.pages) != null && r[i] || ye(e, a ?? Yr, {
+  const c = s ?? `${e}-page`;
+  O(() => {
+    var d, a;
+    return (a = (d = N.getState()[e]) == null ? void 0 : d.pages) != null && a[c] || ye(e, r ?? Yr, {
       type: "page",
-      hash: i,
+      hash: c,
       body: { components: t }
     }), null;
   });
-  const l = E(e, i, t);
+  const l = E(e, c, t);
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: l });
 };
 function Zr(e) {
@@ -3126,79 +3145,79 @@ function Zr(e) {
   return e.components;
 }
 const Fr = ({ payload: e, userFlow: t }) => {
-  const s = Zr(e.display), a = Qr({
+  const s = Zr(e.display), r = Qr({
     userFlow: t,
     hash: e.id,
     components: s
   });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: a });
-}, fa = Fr, Fe = (e, t, s, a, i) => {
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: r });
+}, fa = Fr, Fe = (e, t, s, r, c) => {
   const l = E(
     e,
     t,
-    (a == null ? void 0 : a.components) || null,
-    i
+    (r == null ? void 0 : r.components) || null,
+    c
   );
   switch (s) {
     case "body":
       return /* @__PURE__ */ o.jsx(
         Hn,
         {
-          ...a,
+          ...r,
           inputs: l || []
         },
-        JSON.stringify(a == null ? void 0 : a.components)
+        JSON.stringify(r == null ? void 0 : r.components)
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
         Zs,
         {
-          ...a,
+          ...r,
           components: l || []
         },
-        JSON.stringify(a == null ? void 0 : a.components)
+        JSON.stringify(r == null ? void 0 : r.components)
       );
     default:
       return null;
   }
-}, Pr = (e, t, s, a) => {
+}, Pr = (e, t, s, r) => {
   var h, f, x;
-  const [i, l] = $(!1), c = N((g) => g), n = (h = c[e]) == null ? void 0 : h.currentPageId;
+  const [c, l] = O(!1), i = N((p) => p), n = (h = i[e]) == null ? void 0 : h.currentPageId;
   U(() => {
     if (typeof window > "u") return;
-    const g = new URL(window.location.href), m = g.searchParams.get("sessionId");
-    m && (sessionStorage.setItem("sessionId", m), g.searchParams.delete("sessionId"), window.history.replaceState({}, "", g.toString()));
+    const p = new URL(window.location.href), m = p.searchParams.get("sessionId");
+    m && (sessionStorage.setItem("sessionId", m), p.searchParams.delete("sessionId"), window.history.replaceState({}, "", p.toString()));
   }, []);
   const d = n ? Fe(
     e,
     n,
     "header",
-    ((f = c[e].pages[n].page) == null ? void 0 : f.header) || null,
-    a
-  ) : null, r = n ? Fe(
+    ((f = i[e].pages[n].page) == null ? void 0 : f.header) || null,
+    r
+  ) : null, a = n ? Fe(
     e,
     n,
     "body",
-    ((x = c[e].pages[n].page) == null ? void 0 : x.body) || null,
-    a
-  ) : null, _ = T(() => {
-    var g;
+    ((x = i[e].pages[n].page) == null ? void 0 : x.body) || null,
+    r
+  ) : null, _ = k(() => {
+    var p;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((g = c[e]) == null ? void 0 : g.isLoading) && /* @__PURE__ */ o.jsx(Ut, {}),
+      ((p = i[e]) == null ? void 0 : p.isLoading) && /* @__PURE__ */ o.jsx(Ut, {}),
       d,
-      r,
+      a,
       n && /* @__PURE__ */ o.jsx(sr, { userFlow: e, pageId: n }),
-      c[e] && /* @__PURE__ */ o.jsx(Vt, {})
+      i[e] && /* @__PURE__ */ o.jsx(Vt, {})
     ] });
-  }, [d, r, n, e]), u = async () => {
+  }, [d, a, n, e]), u = async () => {
     try {
-      const g = await ot(
+      const p = await ot(
         t,
         e
-      ), m = g == null ? void 0 : g.data, y = m == null ? void 0 : m.content;
-      (g == null ? void 0 : g.status) === 200 ? ye(e, t, y, m == null ? void 0 : m.sessionState) : l(!0);
-    } catch (g) {
-      console.error("[not-page]: API call failed", g), l(!0);
+      ), m = p == null ? void 0 : p.data, y = m == null ? void 0 : m.content;
+      (p == null ? void 0 : p.status) === 200 ? ye(e, t, y, m == null ? void 0 : m.sessionState) : l(!0);
+    } catch (p) {
+      console.error("[not-page]: API call failed", p), l(!0);
     }
   };
   return U(() => {
@@ -3207,14 +3226,14 @@ const Fr = ({ payload: e, userFlow: t }) => {
       "not api config",
       "not userFlow"
     ));
-    const g = "avocado-theme-mode-changed", m = (y) => {
-      const p = y.detail;
-      le.setThemeMode(p);
+    const p = "avocado-theme-mode-changed", m = (y) => {
+      const g = y.detail;
+      le.setThemeMode(g);
     };
-    return window.addEventListener(g, m), () => {
-      window.removeEventListener(g, m);
+    return window.addEventListener(p, m), () => {
+      window.removeEventListener(p, m);
     };
-  }, []), i && console.error("[not-page]: No render page"), _;
+  }, []), c && console.error("[not-page]: No render page"), _;
 };
 export {
   As as Chart,