@foris/avocado-not-front 4.3.3 → 4.4.0

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

@@ -1,17 +1,17 @@
 import V from "axios";
-import { create as Qe } from "zustand";
-import Ye, { useMemo as T, useEffect as z, useState as q, Fragment as k, useCallback as R, useRef as Ze, cloneElement as Fe } from "react";
-import { Heading as Ie, Text as Pe, ThemeStore as te, Breadcrumbs as et, Button as tt, CardAccordion as nt, CardNotification as me, Checkbox as st, PreviewerMarkdown as Be, DataCard as at, Divider as rt, SkeletonBase as Ke, Link as ot, Modal as ct, Pill as he, RoundButton as it, SelectPagination as lt, Select as dt, Switch as _t, Table as ut, Pager as ht, Tabs as ft, TextField as mt, toast as Q, Accordion as yt, Drawer as xt, Loading as gt, Toaster as pt } from "@foris/avocado-suite";
-import { ChatPanel as bt, SummaryCard as jt, PromptCodeEditor as wt } from "@foris/ai-agent";
-import Ct from "@uiw/react-codemirror";
+import { create as Ye } from "zustand";
+import Ze, { useMemo as T, useEffect as z, useState as A, Fragment as S, useCallback as R, useRef as Fe, cloneElement as Pe } from "react";
+import { Heading as Be, Text as et, ThemeStore as te, Tooltip as tt, Breadcrumbs as nt, Button as st, CardAccordion as at, CardNotification as me, Checkbox as rt, PreviewerMarkdown as Ke, DataCard as ot, Divider as ct, SkeletonBase as Me, Link as it, Modal as lt, Pill as he, RoundButton as dt, SelectPagination as _t, Select as ut, Switch as ht, Table as ft, Pager as mt, Tabs as yt, TextField as xt, toast as Q, Accordion as gt, Drawer as pt, Loading as bt, Toaster as jt } from "@foris/avocado-suite";
+import { ChatPanel as wt, SummaryCard as Ct, PromptCodeEditor as Nt } from "@foris/ai-agent";
+import vt from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
-import { markdown as Nt } from "@codemirror/lang-markdown";
-import { sql as vt } from "@codemirror/lang-sql";
-import { yaml as St } from "@codemirror/lang-yaml";
+import { markdown as Et } from "@codemirror/lang-markdown";
+import { sql as St } from "@codemirror/lang-sql";
+import { yaml as kt } from "@codemirror/lang-yaml";
 import L from "jsonpath";
-import { Legend as Et, Tooltip as kt, XAxis as Tt, YAxis as At, ResponsiveContainer as ne, AreaChart as qt, CartesianGrid as ye, Area as $t, BarChart as Ot, Bar as Rt, LineChart as Dt, Line as Lt, PieChart as It, Pie as Bt, Cell as Kt } from "recharts";
-import { Routes as Mt, Route as Ce, Navigate as zt } from "react-router-dom";
-const v = Qe(() => ({})), ce = (e, t, a, s) => {
+import { Legend as Tt, Tooltip as $t, XAxis as At, YAxis as qt, ResponsiveContainer as ne, AreaChart as Ot, CartesianGrid as ye, Area as Rt, BarChart as Dt, Bar as Lt, LineChart as It, Line as Bt, PieChart as Kt, Pie as Mt, Cell as zt } from "recharts";
+import { Routes as Gt, Route as Ce, Navigate as Ut } from "react-router-dom";
+const v = Ye(() => ({})), ce = (e, t, a, s) => {
   const c = a == null ? void 0 : a.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
   v.setState((l) => {
     var n;
@@ -35,16 +35,16 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
-}, Me = (e, t, a) => {
+}, ze = (e, t, a) => {
   const s = a && Object.keys(a).length > 0 ? { ...e, ...a } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(s).filter(
       ([c]) => !t.includes(c)
     )
   );
-}, Gt = (e, t, a, s, c) => {
+}, Jt = (e, t, a, s, c) => {
   sessionStorage.setItem("sessionId", a), v.setState((i) => {
-    const l = i[e] ?? {}, n = l.entries ?? {}, d = Me(
+    const l = i[e] ?? {}, n = l.entries ?? {}, d = ze(
       n,
       s,
       c
@@ -66,10 +66,10 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
-}, Ut = (e, t, a, s) => {
+}, Vt = (e, t, a, s) => {
   v.setState((c) => {
     var r;
-    const i = c[e] ?? {}, l = i.entries ?? {}, n = Me(
+    const i = c[e] ?? {}, l = i.entries ?? {}, n = ze(
       l,
       a,
       s
@@ -96,23 +96,23 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       overlay: null
     }
   }));
-}, Jt = (e) => {
+}, Ht = (e) => {
   var a;
   return ((a = v.getState()[e]) == null ? void 0 : a.overlay) ?? null;
-}, $ = (e, t) => {
+}, q = (e, t) => {
   const {
     content: a,
     sessionId: s,
     deprecatedStateKeys: c = [],
     sessionState: i
   } = t;
-  a.type !== "page" && a.type !== "overlay" || (a.type === "page" ? Gt(
+  a.type !== "page" && a.type !== "overlay" || (a.type === "page" ? Jt(
     e,
     a,
     s,
     c,
     i
-  ) : Ut(
+  ) : Vt(
     e,
     a,
     c,
@@ -133,6 +133,23 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
+}, Xt = (e, t) => {
+  v.setState((a) => {
+    const s = a[e];
+    if (!s)
+      return a;
+    const c = s.entries ?? {};
+    if (!(t in c))
+      return a;
+    const { [t]: i, ...l } = c;
+    return {
+      ...a,
+      [e]: {
+        ...s,
+        entries: l
+      }
+    };
+  });
 }, H = (e, t) => {
   v.setState((a) => ({
     ...a,
@@ -173,15 +190,15 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
   });
 };
 let ie = !1, P = [], ve = !1;
-const Vt = (e) => e._userFlow || null, Se = (e) => {
+const Wt = (e) => e._userFlow || null, Ee = (e) => {
   P.forEach(({ resolve: t, reject: a }) => {
     e ? a(e) : t(void 0);
   }), P = [];
-}, Ht = async (e) => {
+}, Qt = async (e) => {
   var s, c;
   const t = e == null ? void 0 : e.config;
   if (((s = e == null ? void 0 : e.response) == null ? void 0 : s.status) === 401 && !t._retry) {
-    const i = Vt(t);
+    const i = Wt(t);
     if (i) {
       const n = (c = v.getState()[i]) == null ? void 0 : c.apiConfig;
       if (!n)
@@ -200,7 +217,7 @@ const Vt = (e) => e._userFlow || null, Se = (e) => {
             r = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(i, JSON.stringify(r)) : Ne(i, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Se(null), V(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(i, JSON.stringify(r)) : Ne(i, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Ee(null), V(t);
         } catch (r) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -208,7 +225,7 @@ const Vt = (e) => e._userFlow || null, Se = (e) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             P.length
-          ), Se(r), Promise.reject(r);
+          ), Ee(r), Promise.reject(r);
         } finally {
           ie = !1;
         }
@@ -223,17 +240,17 @@ const Vt = (e) => e._userFlow || null, Se = (e) => {
       );
   }
   return Promise.reject(e);
-}, Xt = () => {
+}, Yt = () => {
   if (ve) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Ht), console.debug("[axiosInterceptors] Response error interceptor registered"), ve = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Qt), console.debug("[axiosInterceptors] Response error interceptor registered"), ve = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-Xt();
-function Wt(e) {
+Yt();
+function Zt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var le = { exports: {} }, Y = {};
@@ -246,11 +263,11 @@ var le = { exports: {} }, Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ee;
-function Qt() {
-  if (Ee) return Y;
-  Ee = 1;
-  var e = Ye, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Se;
+function Ft() {
+  if (Se) return Y;
+  Se = 1;
+  var e = Ze, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(n, d, r) {
     var u, f = {}, _ = null, h = null;
     r !== void 0 && (_ = "" + r), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
@@ -261,26 +278,26 @@ function Qt() {
   return Y.Fragment = a, Y.jsx = l, Y.jsxs = l, Y;
 }
 var ke;
-function Yt() {
-  return ke || (ke = 1, le.exports = Qt()), le.exports;
+function Pt() {
+  return ke || (ke = 1, le.exports = Ft()), le.exports;
 }
-var o = Yt();
-const Zt = (e) => {
+var o = Pt();
+const en = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ o.jsx(Ie, { ...t });
-}, Ft = (e) => {
+  return /* @__PURE__ */ o.jsx(Be, { ...t });
+}, tn = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ o.jsx(Pe, { ...t });
-}, Pt = (e) => {
+  return /* @__PURE__ */ o.jsx(et, { ...t });
+}, nn = (e) => {
   const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = T(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
@@ -313,7 +330,7 @@ const Zt = (e) => {
     e.initialSuggestions,
     t
   ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    bt,
+    wt,
     {
       dataSource: s,
       locale: c,
@@ -322,9 +339,9 @@ const Zt = (e) => {
       theme: t
     }
   );
-}, en = "_summaryCard_jva4h_1", tn = {
-  summaryCard: en
-}, nn = (e) => {
+}, sn = "_summaryCard_jva4h_1", an = {
+  summaryCard: sn
+}, rn = (e) => {
   const t = e.dataSource, a = T(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
@@ -347,8 +364,8 @@ const Zt = (e) => {
       locale: s,
       translations: c
     });
-  }, [e.onResolveProps, a, s, c]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: tn.summaryCard, children: /* @__PURE__ */ o.jsx(
-    jt,
+  }, [e.onResolveProps, a, s, c]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: an.summaryCard, children: /* @__PURE__ */ o.jsx(
+    Ct,
     {
       dataSource: a,
       locale: s,
@@ -371,9 +388,9 @@ const Zt = (e) => {
       });
     }), s;
   }, [t, a]);
-}, sn = "_promptCodeEditor_1d57s_1", an = {
-  promptCodeEditor: sn
-}, rn = (e) => {
+}, on = "_promptCodeEditor_1d57s_1", cn = {
+  promptCodeEditor: on
+}, ln = (e) => {
   const {
     userFlow: t,
     responseKey: a,
@@ -385,7 +402,7 @@ const Zt = (e) => {
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = te.useThemeStore((b) => b.theme.mode), [_, h] = q(
+  } = e, f = te.useThemeStore((b) => b.theme.mode), [_, h] = A(
     s || ""
   ), { disabled: p } = B(
     t,
@@ -404,8 +421,8 @@ const Zt = (e) => {
   };
   return z(() => {
     s !== void 0 && s !== _ && h(s);
-  }, [s]), /* @__PURE__ */ o.jsx("section", { className: an.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    wt,
+  }, [s]), /* @__PURE__ */ o.jsx("section", { className: cn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    Nt,
     {
       themeMode: f,
       requestConfig: x,
@@ -418,10 +435,79 @@ const Zt = (e) => {
       onCodeChange: g
     }
   ) });
-}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", Te = {
-  body: on,
-  body_content: cn
-}, ln = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Te.body, children: /* @__PURE__ */ o.jsx("div", { className: Te.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), W = (e) => {
+}, dn = "_body_14tsv_1", _n = "_body_content_14tsv_5", Te = {
+  body: dn,
+  body_content: _n
+}, un = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Te.body, children: /* @__PURE__ */ o.jsx("div", { className: Te.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(S, { children: t }, a)) }) }), E = (e, t, a, s) => {
+  var l;
+  const c = {
+    accordion: (n) => /* @__PURE__ */ o.jsx(Js, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(nn, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
+    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(ln, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(bn, { ...n, userFlow: e, pageId: t }),
+    tooltip: (n) => /* @__PURE__ */ o.jsx(mn, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ o.jsx(jn, { ...n, userFlow: e, pageId: t }),
+    cardAccordion: (n) => /* @__PURE__ */ o.jsx(Cn, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(Nn, { ...n }),
+    chart: (n) => /* @__PURE__ */ o.jsx(Xn, { ...n, userFlow: e }),
+    dataCard: (n) => /* @__PURE__ */ o.jsx(Ln, { ...n, userFlow: e, pageId: t }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(vn, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ o.jsx(qn, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ o.jsx(Kn, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(Ws, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => en(n),
+    link: (n) => /* @__PURE__ */ o.jsx(Zn, { ...n, userFlow: e, pageId: t }),
+    pill: (n) => /* @__PURE__ */ o.jsx(ss, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(as, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(es, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(rs, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ o.jsx(is, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ o.jsx(ys, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(Ss, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(Es, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(Os, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(Is, { ...n, userFlow: e, pageId: t }),
+    text: (n) => tn(n),
+    textField: (n) => /* @__PURE__ */ o.jsx(Ms, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(zs, { ...n, userFlow: e, pageId: t })
+  };
+  return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
+    const d = c[n.component];
+    return d ? d({ ...n, userFlow: e, pageId: t }) : null;
+  });
+}, hn = "_tooltipNotFront_106iw_1", fn = "_tooltipNotFront_content_106iw_5", $e = {
+  tooltipNotFront: hn,
+  tooltipNotFront_content: fn
+}, mn = (e) => {
+  const {
+    userFlow: t,
+    pageId: a,
+    component: s,
+    hash: c,
+    responseKey: i,
+    content: l,
+    label: n,
+    placement: d,
+    notShowArrow: r,
+    visible: u
+  } = e, f = E(
+    t,
+    a,
+    l != null && l.length ? l : null
+  ), _ = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: $e.tooltipNotFront_content, children: f.map((h, p) => /* @__PURE__ */ o.jsx(S, { children: h }, `tooltip-${c}-${p}`)) }) : null;
+  return /* @__PURE__ */ o.jsx(
+    tt,
+    {
+      className: $e.tooltipNotFront,
+      label: n,
+      placement: d,
+      notShowArrow: r,
+      visible: u,
+      children: _
+    }
+  );
+}, W = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -433,7 +519,7 @@ const Zt = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), dn = (e, t = {}, a = {}, s = !1, c) => {
+}, F = () => new AbortController(), yn = (e, t = {}, a = {}, s = !1, c) => {
   const i = F();
   s && i.abort();
   const l = W(t);
@@ -463,7 +549,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, _n = (e, t = {}, a = {}, s = {}, c = !1, i) => {
+}, xn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
   const n = W(t);
@@ -478,7 +564,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, un = (e, t = {}, a = {}, s = {}, c = !1, i) => {
+}, gn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
   const n = W(t);
@@ -493,7 +579,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, hn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
+}, pn = (e, t = {}, a = {}, s = {}, c = !1, i) => {
   const l = F();
   c && l.abort();
   const n = W(t);
@@ -509,7 +595,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, ze = () => {
+}, Ge = () => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
@@ -523,9 +609,9 @@ const Zt = (e) => {
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, Ge = async (e, t, a = "", s = {}, c = {}) => {
+}, Ue = async (e, t, a = "", s = {}, c = {}) => {
   try {
-    const { callEndpoint: i } = ze(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
+    const { callEndpoint: i } = Ge(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
     a && r.append("hash_code", a), d && r.append("sessionId", d);
     const u = `${l}/not-front/next-ui/?${r.toString()}`, f = W(n), _ = fe(
       u,
@@ -540,14 +626,14 @@ const Zt = (e) => {
     return console.error(i), Promise.reject(i);
   }
 }, K = () => {
-  const e = v((n) => n), { callEndpoint: t } = ze(), a = async (n, d, r, u, f = !0) => {
+  const e = v((n) => n), { callEndpoint: t } = Ge(), a = async (n, d, r, u, f = !0) => {
     var _;
     try {
       const h = (_ = e[n]) == null ? void 0 : _.apiConfig, p = {
         state: { ...r },
         triggerKey: u
       };
-      return f && H(n, !0), await Ge(
+      return f && H(n, !0), await Ue(
         h,
         n,
         d,
@@ -562,14 +648,14 @@ const Zt = (e) => {
       case "post":
         return fe(u, f, _, {}, !1, d);
       case "put":
-        return _n(u, f, _, {}, !1, d);
+        return xn(u, f, _, {}, !1, d);
       case "patch":
-        return un(u, f, _, {}, !1, d);
+        return gn(u, f, _, {}, !1, d);
       case "delete":
-        return hn(u, f, _, h, !1, d);
+        return pn(u, f, _, h, !1, d);
       case "get":
       default:
-        return dn(u, f, h, !1, d);
+        return yn(u, f, h, !1, d);
     }
   }, c = (n, d) => {
     const { url: r, headers: u } = n, f = {
@@ -642,7 +728,7 @@ const Zt = (e) => {
       }
     }
   };
-}, fn = ({
+}, bn = ({
   userFlow: e,
   items: t,
   responseKey: a
@@ -659,7 +745,7 @@ const Zt = (e) => {
               { ...(r = v.getState()[e]) == null ? void 0 : r.entries },
               a
             );
-            u != null && u.data && $(e, u == null ? void 0 : u.data);
+            u != null && u.data && q(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
@@ -677,8 +763,8 @@ const Zt = (e) => {
     title: l == null ? void 0 : l.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(l) })
   })), []);
-  return /* @__PURE__ */ o.jsx(et, { items: i });
-}, mn = (e) => {
+  return /* @__PURE__ */ o.jsx(nt, { items: i });
+}, jn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -721,7 +807,7 @@ const Zt = (e) => {
             N,
             s
           );
-          w != null && w.data && $(t, w == null ? void 0 : w.data);
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -732,7 +818,7 @@ const Zt = (e) => {
             s,
             n
           );
-          w != null && w.data && $(t, w == null ? void 0 : w.data);
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -741,9 +827,9 @@ const Zt = (e) => {
             a,
             N,
             s
-          ), E = (C = w == null ? void 0 : w.data) == null ? void 0 : C.content;
-          if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const D = E == null ? void 0 : E.dataSource, A = await h(
+          ), k = (C = w == null ? void 0 : w.data) == null ? void 0 : C.content;
+          if ((k == null ? void 0 : k.type) !== "fetch") break;
+          const D = k == null ? void 0 : k.dataSource, $ = await h(
             D,
             t,
             // Avoid to handle loading state until all the requests are done
@@ -751,8 +837,8 @@ const Zt = (e) => {
           ), G = {
             ...(j = v.getState()[t]) == null ? void 0 : j.entries,
             [s]: {
-              status: A == null ? void 0 : A.status,
-              content: A == null ? void 0 : A.data
+              status: $ == null ? void 0 : $.status,
+              content: $ == null ? void 0 : $.data
             }
           };
           O(t, G);
@@ -762,7 +848,7 @@ const Zt = (e) => {
             G,
             s
           );
-          U != null && U.data && $(t, U == null ? void 0 : U.data);
+          U != null && U.data && q(t, U == null ? void 0 : U.data);
           break;
         }
         case "REDIRECT":
@@ -777,53 +863,16 @@ const Zt = (e) => {
     }
   }, [c, n, a, s, t]);
   return /* @__PURE__ */ o.jsx(
-    tt,
+    st,
     {
       ...y,
       disabled: x,
       onClick: () => !x && (u ?? g)()
     }
   );
-}, S = (e, t, a, s) => {
-  var l;
-  const c = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Bs, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Pt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
-    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(nn, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(fn, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ o.jsx(mn, { ...n, userFlow: e, pageId: t }),
-    cardAccordion: (n) => /* @__PURE__ */ o.jsx(xn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(gn, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(zn, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(An, { ...n, userFlow: e, pageId: t }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(pn, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(Sn, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ o.jsx(On, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(Gs, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => Zt(n),
-    link: (n) => /* @__PURE__ */ o.jsx(Vn, { ...n, userFlow: e, pageId: t }),
-    pill: (n) => /* @__PURE__ */ o.jsx(Zn, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Fn, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(Wn, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(Pn, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ o.jsx(ns, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(ds, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(js, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(bs, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(Es, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(qs, { ...n, userFlow: e, pageId: t }),
-    text: (n) => Ft(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(Rs, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(Ds, { ...n, userFlow: e, pageId: t })
-  };
-  return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
-    const d = c[n.component];
-    return d ? d({ ...n, userFlow: e, pageId: t }) : null;
-  });
-}, yn = "_slotStack_12u4t_5", Ae = {
-  slotStack: yn
-}, xn = (e) => {
+}, wn = "_slotStack_12u4t_5", Ae = {
+  slotStack: wn
+}, Cn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -837,17 +886,17 @@ const Zt = (e) => {
   } = e, { disabled: u } = B(
     t,
     l
-  ), f = S(
+  ), f = E(
     t,
     a,
     n && n.length > 0 ? n : null
-  ), _ = S(
+  ), _ = E(
     t,
     a,
     d && d.length > 0 ? d : null
-  ), h = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: f.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `card-accordion-body-${c}-${x}`)) }) : void 0, p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `card-accordion-actions-${c}-${x}`)) }) : void 0, m = r.disabled || u;
+  ), h = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: f.map((y, x) => /* @__PURE__ */ o.jsx(S, { children: y }, `card-accordion-body-${c}-${x}`)) }) : void 0, p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ae.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(S, { children: y }, `card-accordion-actions-${c}-${x}`)) }) : void 0, m = r.disabled || u;
   return /* @__PURE__ */ o.jsx(
-    nt,
+    at,
     {
       ...r,
       disabled: m,
@@ -855,13 +904,13 @@ const Zt = (e) => {
       children: h ?? null
     }
   );
-}, gn = (e) => {
+}, Nn = (e) => {
   const { content: t, description: a, ...s } = e, c = {
     ...s,
     children: t ?? a
   };
   return /* @__PURE__ */ o.jsx(me, { ...c });
-}, pn = (e) => {
+}, vn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -874,7 +923,7 @@ const Zt = (e) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = K(), [_, h] = q(l || !1), { disabled: p } = B(
+  }, { getNextUI: f } = K(), [_, h] = A(l || !1), { disabled: p } = B(
     t,
     d
   ), m = T(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
@@ -894,7 +943,7 @@ const Zt = (e) => {
             C,
             s
           );
-          j != null && j.data && $(t, j == null ? void 0 : j.data);
+          j != null && j.data && q(t, j == null ? void 0 : j.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${c}`);
@@ -905,7 +954,7 @@ const Zt = (e) => {
     }
   }, [t, a, s, c, _]), x = (u == null ? void 0 : u.disabled) ?? p;
   return /* @__PURE__ */ o.jsx(
-    st,
+    rt,
     {
       ...u,
       labelRight: m,
@@ -916,14 +965,14 @@ const Zt = (e) => {
       }
     }
   );
-}, bn = "_codeEditor_1wi2p_1", jn = "_codeEditor_label_1wi2p_4", wn = "_codeEditor_wrapper_1wi2p_13", Cn = "_input_1wi2p_17", Nn = "_preview_1wi2p_18", vn = "_preview_inner_1wi2p_33", X = {
-  codeEditor: bn,
-  codeEditor_label: jn,
-  codeEditor_wrapper: wn,
-  input: Cn,
-  preview: Nn,
-  preview_inner: vn
-}, Sn = (e) => {
+}, En = "_codeEditor_1wi2p_1", Sn = "_codeEditor_label_1wi2p_4", kn = "_codeEditor_wrapper_1wi2p_13", Tn = "_input_1wi2p_17", $n = "_preview_1wi2p_18", An = "_preview_inner_1wi2p_33", X = {
+  codeEditor: En,
+  codeEditor_label: Sn,
+  codeEditor_wrapper: kn,
+  input: Tn,
+  preview: $n,
+  preview_inner: An
+}, qn = (e) => {
   const {
     userFlow: t,
     responseKey: a,
@@ -936,14 +985,14 @@ const Zt = (e) => {
     disabled: r,
     showPreview: u,
     height: f = "400px"
-  } = e, [_, h] = q(l ?? ""), p = te.useThemeStore((C) => C.theme.mode), { disabled: m } = B(
+  } = e, [_, h] = A(l ?? ""), p = te.useThemeStore((C) => C.theme.mode), { disabled: m } = B(
     t,
     d
   ), y = r ?? m, x = {
     json: we(),
-    markdown: Nt(),
-    sql: vt(),
-    yaml: St()
+    markdown: Et(),
+    sql: St(),
+    yaml: kt()
   }, g = T(() => n && s ? `${s} *` : s ?? "", [s, n]), b = (C) => {
     h(C);
     const j = {
@@ -955,7 +1004,7 @@ const Zt = (e) => {
     g && g !== "" && /* @__PURE__ */ o.jsx("label", { className: X.codeEditor_label, children: g }),
     /* @__PURE__ */ o.jsxs("div", { className: X.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
-        Ct,
+        vt,
         {
           className: X.input,
           value: _,
@@ -967,7 +1016,7 @@ const Zt = (e) => {
           editable: !y
         }
       ),
-      c === "markdown" && u && /* @__PURE__ */ o.jsx("div", { className: X.preview, style: { height: f }, children: /* @__PURE__ */ o.jsx(Be, { className: X.preview_inner, children: _ }) })
+      c === "markdown" && u && /* @__PURE__ */ o.jsx("div", { className: X.preview, style: { height: f }, children: /* @__PURE__ */ o.jsx(Ke, { className: X.preview_inner, children: _ }) })
     ] })
   ] });
 };
@@ -978,7 +1027,7 @@ var de = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var qe;
-function En() {
+function On() {
   return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -1010,10 +1059,10 @@ function En() {
     })();
   })(de)), de.exports;
 }
-var kn = En();
-const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
-  slotStack: Tn
-}, An = (e) => {
+var Rn = On();
+const ee = /* @__PURE__ */ Zt(Rn), Dn = "_slotStack_6n2wy_5", Oe = {
+  slotStack: Dn
+}, Ln = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1025,17 +1074,17 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     icon: d,
     headerStatusColor: r,
     ...u
-  } = e, f = r ? `palette_${r}_50` : void 0, _ = S(
+  } = e, f = r ? `palette_${r}_50` : void 0, _ = E(
     t,
     a,
     l && l.length > 0 ? l : null
-  ), h = S(
+  ), h = E(
     t,
     a,
     n && n.length > 0 ? n : null
-  ), p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: $e.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `data-card-body-${c}-${x}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: $e.slotStack, children: h.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `data-card-top-${c}-${x}`)) }) : void 0;
+  ), p = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Oe.slotStack, children: _.map((y, x) => /* @__PURE__ */ o.jsx(S, { children: y }, `data-card-body-${c}-${x}`)) }) : void 0, m = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Oe.slotStack, children: h.map((y, x) => /* @__PURE__ */ o.jsx(S, { children: y }, `data-card-top-${c}-${x}`)) }) : void 0;
   return /* @__PURE__ */ o.jsx(
-    at,
+    ot,
     {
       ...u,
       icon: d,
@@ -1044,9 +1093,9 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       children: p
     }
   );
-}, qn = "_dividerNotFront_tze3j_1", $n = {
-  dividerNotFront: qn
-}, On = (e) => /* @__PURE__ */ o.jsx(rt, { ...e, className: $n.dividerNotFront }), Rn = (e, t, a) => {
+}, In = "_dividerNotFront_tze3j_1", Bn = {
+  dividerNotFront: In
+}, Kn = (e) => /* @__PURE__ */ o.jsx(ct, { ...e, className: Bn.dividerNotFront }), Mn = (e, t, a) => {
   const { url: s, paginationKeys: c, params: i } = e, l = [], n = (c == null ? void 0 : c.page) ?? "page";
   if (l.push(`${n}=${t}`), typeof a == "string") {
     const u = (c == null ? void 0 : c.text) ?? "text";
@@ -1064,7 +1113,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
   const { type: s, url: c, method: i, headers: l } = e;
   return s === "rest" ? {
     type: "rest",
-    url: Rn(e, t, a),
+    url: Mn(e, t, a),
     method: i,
     headers: l,
     data: (e == null ? void 0 : e.data) || {}
@@ -1080,7 +1129,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       page: t
     }
   };
-}, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Ue = (e, t, a, s) => {
+}, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Je = (e, t, a, s) => {
   const c = L.query(e, t), i = c == null ? void 0 : c.map((r) => {
     var u, f;
     if (a) {
@@ -1110,7 +1159,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
 }, se = ({ withPadding: e = !1 }) => {
   const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: I.labelColor }, children: a });
   return /* @__PURE__ */ o.jsx(
-    Et,
+    Tt,
     {
       formatter: t,
       wrapperStyle: {
@@ -1120,7 +1169,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       }
     }
   );
-}, Dn = ({
+}, zn = ({
   active: e,
   payload: t,
   label: a,
@@ -1146,12 +1195,12 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     t.map((l, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
   ] });
 }, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
-  kt,
+  $t,
   {
-    content: /* @__PURE__ */ o.jsx(Dn, { tooltipKey: e })
+    content: /* @__PURE__ */ o.jsx(zn, { tooltipKey: e })
   }
 ), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
-  Tt,
+  At,
   {
     dataKey: e,
     hide: t,
@@ -1161,23 +1210,23 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     }
   }
 ), je = () => /* @__PURE__ */ o.jsx(
-  At,
+  qt,
   {
     tick: {
       fill: I.labelColor,
       fontSize: I.fontSize
     }
   }
-), Ln = (e) => {
+), Gn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e;
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(qt, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ot, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(be, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, {}),
     s.map((i, l) => /* @__PURE__ */ o.jsx(
-      $t,
+      Rt,
       {
         type: "monotone",
         dataKey: i,
@@ -1187,16 +1236,16 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       i
     ))
   ] }) });
-}, In = (e) => {
+}, Un = (e) => {
   const { data: t, yKeys: a, xKey: s, tooltipKey: c } = e;
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ot, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Dt, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(be, { hide: !0, dataKey: s }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, { withPadding: !0 }),
     a.map((i, l) => /* @__PURE__ */ o.jsx(
-      Rt,
+      Lt,
       {
         dataKey: i,
         fill: M[l % M.length]
@@ -1204,16 +1253,16 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       i
     ))
   ] }) });
-}, Bn = (e) => {
+}, Jn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e;
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Dt, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(It, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(be, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, {}),
     s.map((i, l) => /* @__PURE__ */ o.jsx(
-      Lt,
+      Bt,
       {
         type: "monotone",
         dataKey: i,
@@ -1224,7 +1273,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       i
     ))
   ] }) });
-}, Kn = (e) => {
+}, Vn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e, i = ({
     cx: l,
     cy: n,
@@ -1247,11 +1296,11 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(It, { children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Kt, { children: [
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: c }),
     /* @__PURE__ */ o.jsx(se, {}),
     /* @__PURE__ */ o.jsx(
-      Bt,
+      Mt,
       {
         data: t,
         dataKey: s[0],
@@ -1259,7 +1308,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
         label: i,
         outerRadius: 120,
         children: t.map((l, n) => /* @__PURE__ */ o.jsx(
-          Kt,
+          zt,
           {
             fill: M[n % M.length]
           },
@@ -1268,11 +1317,11 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       }
     )
   ] }) });
-}, Mn = {
-  area: Ln,
-  bar: In,
-  line: Bn,
-  pie: Kn
+}, Hn = {
+  area: Gn,
+  bar: Un,
+  line: Jn,
+  pie: Vn
 }, M = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1298,11 +1347,11 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, zn = (e) => {
-  const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = Mn[l.type];
+}, Xn = (e) => {
+  const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = Hn[l.type];
   if (!n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = K(), [r, u] = q(!1), [f, _] = q([]), h = async () => {
+  const { fetchDataSource: d } = K(), [r, u] = A(!1), [f, _] = A([]), h = async () => {
     var m, y;
     try {
       u(!0);
@@ -1313,7 +1362,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
         b,
         a,
         !1
-      ), j = x ? (m = Ue(C == null ? void 0 : C.data, x, g)) == null ? void 0 : m.items : (y = C == null ? void 0 : C.data) == null ? void 0 : y.data;
+      ), j = x ? (m = Je(C == null ? void 0 : C.data, x, g)) == null ? void 0 : m.items : (y = C == null ? void 0 : C.data) == null ? void 0 : y.data;
       _(j), u(!1);
     } catch (x) {
       alert(JSON.stringify(x)), u(!1);
@@ -1326,11 +1375,11 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     ...l,
     data: f
   };
-  return r ? /* @__PURE__ */ o.jsx(Ke, { height: 400 }) : f.length > 0 ? n(p) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, Gn = "_header_g1eri_1", Un = "_header_content_g1eri_5", Oe = {
-  header: Gn,
-  header_content: Un
-}, Jn = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), Vn = (e) => {
+  return r ? /* @__PURE__ */ o.jsx(Me, { height: 400 }) : f.length > 0 ? n(p) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
+}, Wn = "_header_g1eri_1", Qn = "_header_content_g1eri_5", Re = {
+  header: Wn,
+  header_content: Qn
+}, Yn = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Re.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Re.header_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(S, { children: t }, a)) }) }), Zn = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1365,7 +1414,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
               g,
               s
             );
-            b != null && b.data && $(t, b == null ? void 0 : b.data);
+            b != null && b.data && q(t, b == null ? void 0 : b.data);
             break;
           }
           case "REDIRECT":
@@ -1384,7 +1433,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       }
   }, [c, _, a, l, s, n, t]), y = p.disabled ?? h;
   return /* @__PURE__ */ o.jsx(
-    ot,
+    it,
     {
       ...p,
       disabled: y,
@@ -1392,9 +1441,9 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
       children: i
     }
   );
-}, Hn = "_modalContent_p06ci_1", Xn = {
-  modalContent: Hn
-}, Wn = ({
+}, Fn = "_modalContent_p06ci_1", Pn = {
+  modalContent: Fn
+}, es = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1414,38 +1463,38 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     ...n
   }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = R(() => {
     xe(e), ge(e, !1);
-  }, [e, a]), p = Array.isArray(s) ? S(e, t, s) : s, m = S(e, t, c), y = S(e, t, i);
+  }, [e, a]), p = Array.isArray(s) ? E(e, t, s) : s, m = E(e, t, c), y = E(e, t, i);
   return /* @__PURE__ */ o.jsx(
-    ct,
+    lt,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof p == "string" ? p : /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: Xn.modalContent, children: m.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((x, g) => /* @__PURE__ */ o.jsx(k, { children: x }, `modal-footer-${g}`)) }),
+      header: typeof p == "string" ? p : /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((x, g) => /* @__PURE__ */ o.jsx(S, { children: x }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Pn.modalContent, children: m.map((x, g) => /* @__PURE__ */ o.jsx(S, { children: x }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((x, g) => /* @__PURE__ */ o.jsx(S, { children: x }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
-}, Qn = ({ userFlow: e, pageId: t }) => {
+}, ts = ({ userFlow: e, pageId: t }) => {
   var i, l;
-  const a = Jt(e);
+  const a = Ht(e);
   if (!a)
     return null;
   const s = [
     ...(a == null ? void 0 : a.components) || [],
     ...((i = a == null ? void 0 : a.header) == null ? void 0 : i.components) || [],
     ...((l = a == null ? void 0 : a.body) == null ? void 0 : l.components) || []
-  ], c = S(
+  ], c = E(
     e,
     t,
     s
   );
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: c == null ? void 0 : c.map((n, d) => {
     const r = `overlay-${d}-${a == null ? void 0 : a.hash}`;
-    return /* @__PURE__ */ o.jsx(k, { children: n }, r);
+    return /* @__PURE__ */ o.jsx(S, { children: n }, r);
   }) });
-}, Yn = {
+}, ns = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1471,8 +1520,8 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Zn = (e) => {
-  const { content: t, variant: a = "neutral", ...s } = e, c = Yn[a], i = {
+}, ss = (e) => {
+  const { content: t, variant: a = "neutral", ...s } = e, c = ns[a], i = {
     ...s,
     children: t,
     color: (s == null ? void 0 : s.color) ?? c.color,
@@ -1480,10 +1529,10 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     iconColor: (s == null ? void 0 : s.iconColor) ?? c.iconColor
   };
   return /* @__PURE__ */ o.jsx(he, { ...i });
-}, Fn = (e) => {
+}, as = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ o.jsx(Be, { children: t });
-}, Pn = (e) => {
+  return /* @__PURE__ */ o.jsx(Ke, { children: t });
+}, rs = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1513,7 +1562,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
             y,
             s
           );
-          x != null && x.data && $(t, x == null ? void 0 : x.data);
+          x != null && x.data && q(t, x == null ? void 0 : x.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1524,7 +1573,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
             s,
             i
           );
-          x != null && x.data && $(t, x == null ? void 0 : x.data);
+          x != null && x.data && q(t, x == null ? void 0 : x.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1545,15 +1594,15 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     }
   }, [c, i, a, s, t]);
   return /* @__PURE__ */ o.jsx(
-    it,
+    dt,
     {
       ..._,
       disabled: h,
       onClick: () => !h && (n ?? p)()
     }
   );
-}, es = "_row_1bqj4_1", ts = "_row_column_1bqj4_65", J = {
-  row: es,
+}, os = "_row_1bqj4_1", cs = "_row_column_1bqj4_65", J = {
+  row: os,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -1574,7 +1623,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: ts,
+  row_column: cs,
   "row_column__gap-none": "_row_column__gap-none_1bqj4_72",
   "row_column__gap-xxs": "_row_column__gap-xxs_1bqj4_75",
   "row_column__gap-xs": "_row_column__gap-xs_1bqj4_78",
@@ -1595,7 +1644,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, ns = (e) => {
+}, is = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1635,7 +1684,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
         J[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((r, u) => {
-        const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = S(t, a, r.items);
+        const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = E(t, a, r.items);
         return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -1654,7 +1703,7 @@ const ee = /* @__PURE__ */ Wt(kn), Tn = "_slotStack_6n2wy_5", $e = {
     }
   );
 };
-function Je({
+function Ve({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1663,7 +1712,7 @@ function Je({
   isMulti: i = !1,
   debounceMs: l
 }) {
-  const n = Ze(null);
+  const n = Fe(null);
   z(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
@@ -1673,7 +1722,7 @@ function Je({
       const f = {
         ...(h = v.getState()[e]) == null ? void 0 : h.entries
       };
-      if (u ? f[a] = u : delete f[a], O(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (u ? (f[a] = u, O(e, f)) : (delete f[a], Xt(e, a)), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
           const m = await c(
             e,
@@ -1682,7 +1731,7 @@ function Je({
             a,
             s === "GO_TO_NEXT_UI"
           );
-          m != null && m.data && $(e, m.data);
+          m != null && m.data && q(e, m.data);
         } catch (p) {
           console.error("[useSelectChange] Failed to fetch next UI", p);
         }
@@ -1706,21 +1755,21 @@ function Je({
     [i, l, d]
   );
 }
-const ss = /\{([^}]+)\}/g, as = (e, t) => {
+const ls = /\{([^}]+)\}/g, ds = (e, t) => {
   var a;
-  return t.includes("{") ? t.replace(ss, (s, c) => {
+  return t.includes("{") ? t.replace(ls, (s, c) => {
     var l;
     const i = (l = L.query(e, c.trim())) == null ? void 0 : l[0];
     return i != null ? String(i) : "";
   }) : (a = L.query(e, t)) == null ? void 0 : a[0];
-}, rs = (e, t, a, s) => {
+}, _s = (e, t, a, s) => {
   const c = L.query(e, t);
   return (c == null ? void 0 : c.map((i) => {
     var d;
-    const l = as(i, a), n = s ? (d = L.query(i, s)) == null ? void 0 : d[0] : i;
+    const l = ds(i, a), n = s ? (d = L.query(i, s)) == null ? void 0 : d[0] : i;
     return { label: l, value: n };
   })) ?? [];
-}, os = (e, t, a, s = 10) => {
+}, us = (e, t, a, s = 10) => {
   var n, d;
   let c, i;
   if (a) {
@@ -1736,9 +1785,9 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     total: i,
     hasMore: l
   };
-}, cs = "_selectNotFront_ch3v5_1", Ve = {
-  selectNotFront: cs
-}, is = ({
+}, hs = "_selectNotFront_ch3v5_1", He = {
+  selectNotFront: hs
+}, fs = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1751,17 +1800,17 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = K(), [_, h] = q((r == null ? void 0 : r.value) ?? ""), { disabled: p } = B(
+  }, { getNextUI: u, fetchDataSource: f } = K(), [_, h] = A((r == null ? void 0 : r.value) ?? ""), { disabled: p } = B(
     e,
     l
   ), m = (r == null ? void 0 : r.disabled) ?? p, y = T(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), x = T(() => {
     const j = r != null && r.isMulti ? _ : [_], N = {};
     return Array.isArray(j) && j.forEach((w) => {
       if (!w) return;
-      const E = JSON.stringify(w.value), D = JSON.stringify(w.label);
-      N[E] = w, D in N || (N[D] = w);
+      const k = JSON.stringify(w.value), D = JSON.stringify(w.label);
+      N[k] = w, D in N || (N[D] = w);
     }), N;
-  }, [_]), g = Je({
+  }, [_]), g = Ve({
     userFlow: e,
     pageId: t,
     responseKey: a,
@@ -1773,9 +1822,9 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     h(j), g(j);
   }, C = async (j, N, { page: w }) => {
     const {
-      jsonPathLabel: E,
+      jsonPathLabel: k,
       jsonPathOptions: D,
-      jsonPathValue: A,
+      jsonPathValue: $,
       jsonPathPagination: G
     } = c, U = pe(
       c,
@@ -1785,29 +1834,29 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       U,
       e,
       !1
-    ), oe = re == null ? void 0 : re.data, Xe = oe ? rs(
+    ), oe = re == null ? void 0 : re.data, We = oe ? _s(
       oe,
       D,
-      E,
-      A
-    ) : [], { hasMore: We } = os(
+      k,
+      $
+    ) : [], { hasMore: Qe } = us(
       oe,
       w,
       G
     );
     return {
-      options: Xe,
-      hasMore: We,
+      options: We,
+      hasMore: Qe,
       additional: {
         page: j ? 1 : w + 1
       }
     };
   };
   return /* @__PURE__ */ o.jsx(
-    lt,
+    _t,
     {
       ...r,
-      className: Ve.selectNotFront,
+      className: He.selectNotFront,
       label: y,
       value: _,
       disabled: m,
@@ -1822,7 +1871,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       debounceTimeout: 350
     }
   );
-}, ls = ({
+}, ms = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1835,10 +1884,10 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u } = K(), [f, _] = q(r.value || ""), { disabled: h } = B(
+  }, { getNextUI: u } = K(), [f, _] = A(r.value || ""), { disabled: h } = B(
     e,
     l
-  ), p = (r == null ? void 0 : r.disabled) ?? h, m = T(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), y = Je({
+  ), p = (r == null ? void 0 : r.disabled) ?? h, m = T(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), y = Ve({
     userFlow: e,
     pageId: t,
     responseKey: a,
@@ -1850,33 +1899,33 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     _(g), y(g);
   };
   return /* @__PURE__ */ o.jsx(
-    dt,
+    ut,
     {
       ...r,
-      className: Ve.selectNotFront,
+      className: He.selectNotFront,
       label: m,
       value: f,
       disabled: p,
       onChange: (g) => !p && x(g)
     }
   );
-}, ds = (e) => {
+}, ys = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(is, { ...e }) : /* @__PURE__ */ o.jsx(ls, { ...e });
-}, _s = "_spacing_19hqa_1", us = "_spacing__xxs_19hqa_1", hs = "_spacing__xs_19hqa_4", fs = "_spacing__sm_19hqa_7", ms = "_spacing__md_19hqa_10", ys = "_spacing__lg_19hqa_13", xs = "_spacing__xl_19hqa_16", gs = "_spacing__xxl_19hqa_19", ps = "_spacing__xxxl_19hqa_22", Re = {
-  spacing: _s,
-  spacing__xxs: us,
-  spacing__xs: hs,
-  spacing__sm: fs,
-  spacing__md: ms,
-  spacing__lg: ys,
-  spacing__xl: xs,
-  spacing__xxl: gs,
-  spacing__xxxl: ps
-}, bs = (e) => {
-  const { size: t } = e, a = ee(Re.spacing, Re[`spacing__${t}`]);
+  return t ? /* @__PURE__ */ o.jsx(fs, { ...e }) : /* @__PURE__ */ o.jsx(ms, { ...e });
+}, xs = "_spacing_19hqa_1", gs = "_spacing__xxs_19hqa_1", ps = "_spacing__xs_19hqa_4", bs = "_spacing__sm_19hqa_7", js = "_spacing__md_19hqa_10", ws = "_spacing__lg_19hqa_13", Cs = "_spacing__xl_19hqa_16", Ns = "_spacing__xxl_19hqa_19", vs = "_spacing__xxxl_19hqa_22", De = {
+  spacing: xs,
+  spacing__xxs: gs,
+  spacing__xs: ps,
+  spacing__sm: bs,
+  spacing__md: js,
+  spacing__lg: ws,
+  spacing__xl: Cs,
+  spacing__xxl: Ns,
+  spacing__xxxl: vs
+}, Es = (e) => {
+  const { size: t } = e, a = ee(De.spacing, De[`spacing__${t}`]);
   return /* @__PURE__ */ o.jsx("div", { className: a });
-}, js = (e) => {
+}, Ss = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1889,7 +1938,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = K(), [_, h] = q(l || !1), { disabled: p } = B(
+  }, { getNextUI: f } = K(), [_, h] = A(l || !1), { disabled: p } = B(
     t,
     d
   ), m = (u == null ? void 0 : u.disabled) ?? p, y = T(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
@@ -1909,7 +1958,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
             C,
             s
           );
-          j != null && j.data && $(t, j == null ? void 0 : j.data);
+          j != null && j.data && q(t, j == null ? void 0 : j.data);
           break;
         default:
           console.warn(`Unhandled actionType: ${c}`);
@@ -1920,7 +1969,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     }
   }, [t, a, s, c, _]);
   return /* @__PURE__ */ o.jsx(
-    _t,
+    ht,
     {
       ...u,
       label: y,
@@ -1929,26 +1978,26 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       onChange: () => !m && x()
     }
   );
-}, ws = "_tableSkeleton_3nr9n_1", Cs = "_tableArrayPills_3nr9n_7", He = {
-  tableSkeleton: ws,
-  tableArrayPills: Cs
-}, Ns = ({ values: e }) => {
+}, ks = "_tableSkeleton_3nr9n_1", Ts = "_tableArrayPills_3nr9n_7", Xe = {
+  tableSkeleton: ks,
+  tableArrayPills: Ts
+}, $s = ({ values: e }) => {
   const a = e == null ? void 0 : e.slice(0, 4), s = (e == null ? void 0 : e.length) - 4;
-  return /* @__PURE__ */ o.jsxs("div", { className: He.tableArrayPills, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: Xe.tableArrayPills, children: [
     a.map((c, i) => /* @__PURE__ */ o.jsx(he, { children: String(c) }, i)),
     s > 0 && /* @__PURE__ */ o.jsxs(he, { outlined: !0, children: [
       "+",
       s
     ] })
   ] });
-}, vs = ({
+}, As = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: a,
   component: s,
   rowData: c
 }) => {
-  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = K(), d = S(e, t, [
+  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = K(), d = E(e, t, [
     { ...s }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
@@ -1972,7 +2021,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
             x,
             f
           );
-          g != null && g.data && $(e, g == null ? void 0 : g.data);
+          g != null && g.data && q(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1983,7 +2032,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
             f,
             _
           );
-          g != null && g.data && $(e, g == null ? void 0 : g.data);
+          g != null && g.data && q(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -2013,7 +2062,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
             N,
             f
           );
-          w != null && w.data && $(e, w == null ? void 0 : w.data);
+          w != null && w.data && q(e, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -2024,18 +2073,18 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       alert(JSON.stringify(x));
     }
   }, [u, _, t, f, e]);
-  return Fe(r, {
+  return Pe(r, {
     onClick: h
   });
-}, Ss = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
-  Ke,
+}, qs = () => /* @__PURE__ */ o.jsx("div", { className: Xe.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+  Me,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Es = ({
+)) }), Os = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2045,17 +2094,17 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
   ...l
 }) => {
   var b, C, j;
-  const { fetchDataSource: n } = K(), [d, r] = q(!1), [u, f] = q(1), [_, h] = q(null), p = T(() => {
+  const { fetchDataSource: n } = K(), [d, r] = A(!1), [u, f] = A(1), [_, h] = A(null), p = T(() => {
     if (i != null && i.length)
       return i.map((N, w) => ({
-        renderContent: (E) => /* @__PURE__ */ o.jsx(
-          vs,
+        renderContent: (k) => /* @__PURE__ */ o.jsx(
+          As,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: a,
             component: N,
-            rowData: E
+            rowData: k
           },
           `tableRowAction${w}`
         )
@@ -2063,19 +2112,19 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
   }, [i, e, t]), m = async (N = 1) => {
     try {
       r(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = c, A = pe(
+      const { jsonPathData: w, mapperData: k, jsonPathPagination: D } = c, $ = pe(
         c,
         N
       ), G = await n(
-        A,
+        $,
         e,
         !1
       );
       h(
-        Ue(
+        Je(
           G == null ? void 0 : G.data,
           w,
-          E,
+          k,
           D
         )
       ), r(!1);
@@ -2089,14 +2138,14 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     m();
   }, []);
   const x = T(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((N) => {
-    var E;
-    return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
+    var k;
+    return ((k = _ == null ? void 0 : _.items) == null ? void 0 : k.some(
       (D) => Array.isArray(N != null && N.accessor ? D[N == null ? void 0 : N.accessor] : void 0)
     )) ? {
       ...N,
       renderCell: (D) => {
-        const A = N.accessor ? D[N.accessor] : void 0;
-        return Array.isArray(A) ? /* @__PURE__ */ o.jsx(Ns, { values: A }) : A;
+        const $ = N.accessor ? D[N.accessor] : void 0;
+        return Array.isArray($) ? /* @__PURE__ */ o.jsx($s, { values: $ }) : $ ?? "";
       }
     } : N;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
@@ -2105,10 +2154,10 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     columns: x,
     rightActions: p
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(Ss, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(ut, { ...g }),
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(qs, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(ft, { ...g }),
     (_ == null ? void 0 : _.pagination) && ((C = _ == null ? void 0 : _.pagination) == null ? void 0 : C.totalPages) > 1 && /* @__PURE__ */ o.jsx(
-      ht,
+      mt,
       {
         classname: { global: "row__end" },
         page: u,
@@ -2118,12 +2167,12 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, ks = "_tabsPanel_kvslb_1", Ts = {
-  tabsPanel: ks
-}, As = ({ userFlow: e, pageId: t, components: a }) => {
-  const s = S(e, t, a);
-  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: Ts.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${i}`)) }) : null;
-}, qs = ({
+}, Rs = "_tabsPanel_kvslb_1", Ds = {
+  tabsPanel: Rs
+}, Ls = ({ userFlow: e, pageId: t, components: a }) => {
+  const s = E(e, t, a);
+  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: Ds.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(S, { children: c }, `tabs-panel-${i}`)) }) : null;
+}, Is = ({
   userFlow: e,
   pageId: t,
   hash: a,
@@ -2136,7 +2185,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     label: r.label,
     disabled: r.disabled,
     children: /* @__PURE__ */ o.jsx(
-      As,
+      Ls,
       {
         userFlow: e,
         pageId: t,
@@ -2153,7 +2202,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     O(e, u);
   };
   return /* @__PURE__ */ o.jsx(
-    ft,
+    yt,
     {
       className: i,
       activeIndex: c,
@@ -2161,9 +2210,9 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       onClick: d
     }
   );
-}, $s = "_textFieldNotFront_1n8fy_1", Os = {
-  textFieldNotFront: $s
-}, Rs = (e) => {
+}, Bs = "_textFieldNotFront_1n8fy_1", Ks = {
+  textFieldNotFront: Bs
+}, Ms = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -2175,7 +2224,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     ...d
   } = e, r = {
     ...d
-  }, [u, f] = q((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
+  }, [u, f] = A((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
     t,
     n
   ), h = (r == null ? void 0 : r.disabled) ?? _, p = T(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), m = (y) => {
@@ -2190,10 +2239,10 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
   return z(() => {
     f((r == null ? void 0 : r.value) ?? "");
   }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
-    mt,
+    xt,
     {
       ...r,
-      className: Os.textFieldNotFront,
+      className: Ks.textFieldNotFront,
       allowClear: !1,
       label: p,
       value: u,
@@ -2201,7 +2250,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       onChange: (y) => !h && m(y)
     }
   );
-}, Ds = ({
+}, zs = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2237,10 +2286,10 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
       onClose: n
     });
   }, [n, e]), null;
-}, Ls = "_accordion_1ri2t_1", Is = "_accordionBody_1ri2t_8", De = {
-  accordion: Ls,
-  accordionBody: Is
-}, Bs = (e) => {
+}, Gs = "_accordion_1ri2t_1", Us = "_accordionBody_1ri2t_8", Le = {
+  accordion: Gs,
+  accordionBody: Us
+}, Js = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -2250,12 +2299,12 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: r } = K(), [u, f] = q(
+  } = e, { getNextUI: r } = K(), [u, f] = A(
     d.checkboxChecked || !1
   ), { disabled: _ } = B(
     t,
     c
-  ), h = S(t, a, n), p = l ? S(t, a, l) : void 0, m = i ? S(t, a, i) : void 0, y = R(
+  ), h = E(t, a, n), p = l ? E(t, a, l) : void 0, m = i ? E(t, a, i) : void 0, y = R(
     async (b) => {
       var C;
       try {
@@ -2272,7 +2321,7 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
             N,
             s
           );
-          w != null && w.data && $(t, w == null ? void 0 : w.data);
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
         }
       } catch (j) {
         console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
@@ -2281,20 +2330,20 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     [t, a, s, d.actionType, r]
   ), x = d.disabled || _, g = {
     ...d,
-    className: De.accordion,
+    className: Le.accordion,
     disabled: x,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? y : void 0,
-    actionContent: p ? /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-action-${C}`)) }) : void 0,
-    customContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-custom-${C}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ o.jsx("section", { className: De.accordionBody, children: h.map((b, C) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-child-${C}`)) }) : void 0
+    actionContent: p ? /* @__PURE__ */ o.jsx(o.Fragment, { children: p.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-action-${C}`)) }) : void 0,
+    customContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-custom-${C}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ o.jsx("section", { className: Le.accordionBody, children: h.map((b, C) => /* @__PURE__ */ o.jsx(S, { children: b }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(yt, { ...g });
-}, Ks = "_drawer_13pxo_1", Ms = "_drawerBody_13pxo_5", zs = "_drawerFooter_13pxo_11", ue = {
-  drawer: Ks,
-  drawerBody: Ms,
-  drawerFooter: zs
-}, Gs = ({
+  return /* @__PURE__ */ o.jsx(gt, { ...g });
+}, Vs = "_drawer_13pxo_1", Hs = "_drawerBody_13pxo_5", Xs = "_drawerFooter_13pxo_11", ue = {
+  drawer: Vs,
+  drawerBody: Hs,
+  drawerFooter: Xs
+}, Ws = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2315,28 +2364,28 @@ const ss = /\{([^}]+)\}/g, as = (e, t) => {
     children: null
   }, f = R(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(s) ? S(e, t, s) : s ? /* @__PURE__ */ o.jsx(Ie, { type: "h2", children: s }) : void 0, h = S(e, t, c), p = i ? S(e, t, i) : void 0;
+  }, [e]), _ = Array.isArray(s) ? E(e, t, s) : s ? /* @__PURE__ */ o.jsx(Be, { type: "h2", children: s }) : void 0, h = E(e, t, c), p = i ? E(e, t, i) : void 0;
   return /* @__PURE__ */ o.jsx(
-    xt,
+    pt,
     {
       ...u,
       className: ue.drawer,
       isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-header-${y}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: ue.drawerBody, children: h.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-body-${y}`)) }),
-      footer: p ? /* @__PURE__ */ o.jsx("div", { className: ue.drawerFooter, children: p.map((m, y) => /* @__PURE__ */ o.jsx(k, { children: m }, `drawer-footer-${y}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-header-${y}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: ue.drawerBody, children: h.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-body-${y}`)) }),
+      footer: p ? /* @__PURE__ */ o.jsx("div", { className: ue.drawerFooter, children: p.map((m, y) => /* @__PURE__ */ o.jsx(S, { children: m }, `drawer-footer-${y}`)) }) : void 0
     }
   );
 };
-function sa({
+function la({
   routes: e,
   renderPage: t,
   renderFallback: a,
   redirectTo: s = "/"
 }) {
-  return /* @__PURE__ */ o.jsxs(Mt, { children: [
+  return /* @__PURE__ */ o.jsxs(Gt, { children: [
     e.map((c) => /* @__PURE__ */ o.jsx(
       Ce,
       {
@@ -2345,16 +2394,16 @@ function sa({
       },
       `${c.path}:${c.sessionName}`
     )),
-    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(zt, { to: s, replace: !0 }) })
+    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(Ut, { to: s, replace: !0 }) })
   ] });
 }
-function aa({
+function da({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: a,
   children: s
 }) {
-  const c = Us(
+  const c = Qs(
     e,
     t,
     null,
@@ -2365,8 +2414,8 @@ function aa({
     s
   ] });
 }
-const Le = (e, t, a, s, c) => {
-  const i = S(
+const Ie = (e, t, a, s, c) => {
+  const i = E(
     e,
     t,
     (s == null ? void 0 : s.components) || null,
@@ -2375,7 +2424,7 @@ const Le = (e, t, a, s, c) => {
   switch (a) {
     case "body":
       return /* @__PURE__ */ o.jsx(
-        ln,
+        un,
         {
           ...s,
           inputs: i || []
@@ -2384,7 +2433,7 @@ const Le = (e, t, a, s, c) => {
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
-        Jn,
+        Yn,
         {
           ...s,
           components: i || []
@@ -2394,21 +2443,21 @@ const Le = (e, t, a, s, c) => {
     default:
       return null;
   }
-}, Us = (e, t, a, s) => {
+}, Qs = (e, t, a, s) => {
   var _, h, p;
-  const [c, i] = q(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId;
+  const [c, i] = A(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId;
   z(() => {
     if (typeof window > "u") return;
     const m = new URL(window.location.href), y = m.searchParams.get("sessionId");
     y && (sessionStorage.setItem("sessionId", y), m.searchParams.delete("sessionId"), window.history.replaceState({}, "", m.toString()));
   }, []);
-  const d = n ? Le(
+  const d = n ? Ie(
     e,
     n,
     "header",
     ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
     s
-  ) : null, r = n ? Le(
+  ) : null, r = n ? Ie(
     e,
     n,
     "body",
@@ -2417,15 +2466,15 @@ const Le = (e, t, a, s, c) => {
   ) : null, u = T(() => {
     var m;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(gt, {}),
+      ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(bt, {}),
       d,
       r,
-      n && /* @__PURE__ */ o.jsx(Qn, { userFlow: e, pageId: n }),
-      l[e] && /* @__PURE__ */ o.jsx(pt, {})
+      n && /* @__PURE__ */ o.jsx(ts, { userFlow: e, pageId: n }),
+      l[e] && /* @__PURE__ */ o.jsx(jt, {})
     ] });
   }, [d, r, n, e]), f = async () => {
     try {
-      const m = await Ge(
+      const m = await Ue(
         t,
         e
       ), y = m == null ? void 0 : m.data, x = y == null ? void 0 : y.content;
@@ -2450,11 +2499,11 @@ const Le = (e, t, a, s, c) => {
   }, []), c && console.error("[not-page]: No render page"), u;
 };
 export {
-  zn as Chart,
-  sa as NotFrontDynamicRouter,
-  aa as NotFrontPage,
-  ns as Row,
-  Zt as heading,
-  Ft as text,
-  Us as usePage
+  Xn as Chart,
+  la as NotFrontDynamicRouter,
+  da as NotFrontPage,
+  is as Row,
+  en as heading,
+  tn as text,
+  Qs as usePage
 };