@foris/avocado-not-front 3.0.1-beta.1 → 4.0.0

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

@@ -1,33 +1,33 @@
-import J from "axios";
+import V from "axios";
 import { create as Ve } from "zustand";
-import He, { useEffect as V, useMemo as O, useState as q, Fragment as $, useCallback as D, useRef as Xe, cloneElement as We } from "react";
-import { Heading as Re, Text as Qe, ThemeStore as fe, Breadcrumbs as Ye, Button as Ze, CardNotification as ye, Checkbox as Fe, PreviewerMarkdown as Pe, Divider as et, SkeletonBase as De, Modal as tt, Pill as ue, RoundButton as nt, SelectPagination as rt, Select as st, Switch as at, Table as ot, Pager as ct, TextField as it, toast as W, Accordion as lt, Drawer as dt, Loading as _t, Toaster as ut } from "@foris/avocado-suite";
-import { SummaryCard as ht, PromptCodeEditor as ft } from "@foris/ai-agent";
-import yt from "@uiw/react-codemirror";
+import He, { useMemo as S, useEffect as K, useState as k, Fragment as $, useCallback as D, useRef as Xe, cloneElement as We } from "react";
+import { Heading as Re, Text as Qe, ThemeStore as fe, Breadcrumbs as Ye, Button as Ze, CardNotification as ye, Checkbox as Fe, PreviewerMarkdown as Pe, Divider as et, SkeletonBase as De, Modal as tt, Pill as ue, RoundButton as nt, SelectPagination as at, Select as st, Switch as rt, Table as ct, Pager as ot, TextField as it, toast as W, Accordion as lt, Drawer as dt, Loading as _t, Toaster as ut } from "@foris/avocado-suite";
+import { ChatPanel as ht, SummaryCard as ft, PromptCodeEditor as yt } from "@foris/ai-agent";
+import mt from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
-import { markdown as mt } from "@codemirror/lang-markdown";
-import { sql as xt } from "@codemirror/lang-sql";
-import { yaml as gt } from "@codemirror/lang-yaml";
+import { markdown as xt } from "@codemirror/lang-markdown";
+import { sql as gt } from "@codemirror/lang-sql";
+import { yaml as bt } from "@codemirror/lang-yaml";
 import B from "jsonpath";
-import { Legend as pt, Tooltip as bt, XAxis as jt, YAxis as wt, ResponsiveContainer as te, AreaChart as Ct, CartesianGrid as me, Area as Nt, BarChart as vt, Bar as Et, LineChart as kt, Line as qt, PieChart as St, Pie as At, Cell as Ot } from "recharts";
-const v = Ve(() => ({})), oe = (e, t, s, r) => {
-  const l = s == null ? void 0 : s.hash, o = r && Object.keys(r).length > 0 ? { ...r } : {};
-  v.setState((i) => {
+import { Legend as pt, Tooltip as jt, XAxis as wt, YAxis as Ct, ResponsiveContainer as te, AreaChart as Nt, CartesianGrid as me, Area as vt, BarChart as Et, Bar as St, LineChart as qt, Line as kt, PieChart as Ot, Pie as At, Cell as Tt } from "recharts";
+const v = Ve(() => ({})), ce = (e, t, s, a) => {
+  const i = s == null ? void 0 : s.hash, c = a && Object.keys(a).length > 0 ? { ...a } : {};
+  v.setState((l) => {
     var n;
     return {
-      ...i,
+      ...l,
       [e]: {
-        ...i[e],
+        ...l[e],
         apiConfig: t,
-        currentPageId: l,
+        currentPageId: i,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: o,
+        entries: c,
         overlay: null,
         pages: {
-          ...(n = i[e]) == null ? void 0 : n.pages,
-          [l]: {
+          ...(n = l[e]) == null ? void 0 : n.pages,
+          [i]: {
             page: s
           }
         }
@@ -35,29 +35,29 @@ const v = Ve(() => ({})), oe = (e, t, s, r) => {
     };
   });
 }, Le = (e, t, s) => {
-  const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
+  const a = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
   return t.length === 0 ? e : Object.fromEntries(
-    Object.entries(r).filter(
-      ([l]) => !t.includes(l)
+    Object.entries(a).filter(
+      ([i]) => !t.includes(i)
     )
   );
-}, Tt = (e, t, s, r, l) => {
-  sessionStorage.setItem("sessionId", s), v.setState((o) => {
-    const i = o[e] ?? {}, n = i.entries ?? {}, d = Le(
+}, $t = (e, t, s, a, i) => {
+  sessionStorage.setItem("sessionId", s), v.setState((c) => {
+    const l = c[e] ?? {}, n = l.entries ?? {}, d = Le(
       n,
-      r,
-      l
+      a,
+      i
     );
     return {
-      ...o,
+      ...c,
       [e]: {
-        ...i,
+        ...l,
         currentPageId: t.hash,
         entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...i.pages,
+          ...l.pages,
           [t.hash]: {
             page: { ...t }
           }
@@ -65,20 +65,20 @@ const v = Ve(() => ({})), oe = (e, t, s, r) => {
       }
     };
   });
-}, $t = (e, t, s, r) => {
-  v.setState((l) => {
-    var a;
-    const o = l[e] ?? {}, i = o.entries ?? {}, n = Le(
-      i,
+}, Rt = (e, t, s, a) => {
+  v.setState((i) => {
+    var r;
+    const c = i[e] ?? {}, l = c.entries ?? {}, n = Le(
+      l,
       s,
-      r
-    ), d = (a = t.components) == null ? void 0 : a.some(
+      a
+    ), d = (r = t.components) == null ? void 0 : r.some(
       (u) => u.component === "drawer"
     );
     return {
-      ...l,
+      ...i,
       [e]: {
-        ...o,
+        ...c,
         entries: n,
         overlay: t,
         isLoading: !1,
@@ -95,37 +95,37 @@ const v = Ve(() => ({})), oe = (e, t, s, r) => {
       overlay: null
     }
   }));
-}, Rt = (e) => {
+}, Dt = (e) => {
   var s;
   return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
-}, S = (e, t) => {
+}, O = (e, t) => {
   const {
     content: s,
-    sessionId: r,
-    deprecatedStateKeys: l = [],
-    sessionState: o
+    sessionId: a,
+    deprecatedStateKeys: i = [],
+    sessionState: c
   } = t;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? Tt(
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? $t(
     e,
     s,
-    r,
-    l,
-    o
-  ) : $t(
+    a,
+    i,
+    c
+  ) : Rt(
     e,
     s,
-    l,
-    o
+    i,
+    c
   ));
 }, L = (e, t) => {
   v.setState((s) => {
-    var r;
+    var a;
     return {
       ...s,
       [e]: {
         ...s[e],
         entries: {
-          ...(r = s[e]) == null ? void 0 : r.entries,
+          ...(a = s[e]) == null ? void 0 : a.entries,
           ...t
           // New entries
         }
@@ -158,58 +158,58 @@ const v = Ve(() => ({})), oe = (e, t, s, r) => {
   }));
 }, Ce = (e, t) => {
   v.setState((s) => {
-    const r = s[e];
-    return r ? {
+    const a = s[e];
+    return a ? {
       ...s,
       [e]: {
-        ...r,
+        ...a,
         apiConfig: {
-          ...r.apiConfig,
+          ...a.apiConfig,
           headers: t
         }
       }
     } : s;
   });
 };
-let ce = !1, P = [], Ne = !1;
-const Dt = (e) => e._userFlow || null, ve = (e) => {
+let oe = !1, P = [], Ne = !1;
+const Lt = (e) => e._userFlow || null, ve = (e) => {
   P.forEach(({ resolve: t, reject: s }) => {
     e ? s(e) : t(void 0);
   }), P = [];
-}, Lt = async (e) => {
-  var r, l;
+}, Bt = async (e) => {
+  var a, i;
   const t = e == null ? void 0 : e.config;
-  if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
-    const o = Dt(t);
-    if (o) {
-      const n = (l = v.getState()[o]) == null ? void 0 : l.apiConfig;
+  if (((a = e == null ? void 0 : e.response) == null ? void 0 : a.status) === 401 && !t._retry) {
+    const c = Lt(t);
+    if (c) {
+      const n = (i = v.getState()[c]) == null ? void 0 : i.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
-        if (ce)
-          return new Promise((a, u) => {
-            P.push({ resolve: a, reject: u });
-          }).then(() => J(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
-        t._retry = !0, ce = !0;
+        if (oe)
+          return new Promise((r, u) => {
+            P.push({ resolve: r, reject: u });
+          }).then(() => V(t)).catch((r) => (console.error("[axiosInterceptors] Queued request failed:", r), Promise.reject(r)));
+        t._retry = !0, oe = !0;
         try {
-          let a;
+          let r;
           if (n.onAuthenticationError)
-            a = await n.onAuthenticationError();
+            r = await n.onAuthenticationError();
           else if (typeof n.headers == "function")
-            a = n.headers();
+            r = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ce(o, JSON.stringify(a)) : Ce(o, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), ve(null), J(t);
-        } catch (a) {
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ce(c, JSON.stringify(r)) : Ce(c, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), ve(null), V(t);
+        } catch (r) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
-            a
+            r
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             P.length
-          ), ve(a), Promise.reject(a);
+          ), ve(r), Promise.reject(r);
         } finally {
-          ce = !1;
+          oe = !1;
         }
       } else
         console.warn(
@@ -222,17 +222,17 @@ const Dt = (e) => e._userFlow || null, ve = (e) => {
       );
   }
   return Promise.reject(e);
-}, Bt = () => {
+}, It = () => {
   if (Ne) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), J.interceptors.response.use(void 0, Lt), console.debug("[axiosInterceptors] Response error interceptor registered"), Ne = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Bt), console.debug("[axiosInterceptors] Response error interceptor registered"), Ne = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-Bt();
-function It(e) {
+It();
+function zt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ie = { exports: {} }, Q = {};
@@ -246,135 +246,172 @@ var ie = { exports: {} }, Q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ee;
-function zt() {
+function Mt() {
   if (Ee) return Q;
   Ee = 1;
-  var e = He, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(n, d, a) {
+  var e = He, 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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(n, d, r) {
     var u, f = {}, _ = null, h = null;
-    a !== void 0 && (_ = "" + a), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
-    for (u in d) r.call(d, u) && !o.hasOwnProperty(u) && (f[u] = d[u]);
+    r !== void 0 && (_ = "" + r), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
+    for (u in d) a.call(d, u) && !c.hasOwnProperty(u) && (f[u] = d[u]);
     if (n && n.defaultProps) for (u in d = n.defaultProps, d) f[u] === void 0 && (f[u] = d[u]);
-    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: l.current };
+    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: i.current };
   }
-  return Q.Fragment = s, Q.jsx = i, Q.jsxs = i, Q;
+  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
 }
-var ke;
-function Mt() {
-  return ke || (ke = 1, ie.exports = zt()), ie.exports;
+var Se;
+function Kt() {
+  return Se || (Se = 1, ie.exports = Mt()), ie.exports;
 }
-var c = Mt();
-const Kt = (e) => {
+var o = Kt();
+const Gt = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ c.jsx(Re, { ...t });
-}, Gt = (e) => {
+  return /* @__PURE__ */ o.jsx(Re, { ...t });
+}, Ut = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ c.jsx(Qe, { ...t });
-}, Ut = (e) => (V(() => {
-  e != null && e.chatPanelCallback && (e == null || e.chatPanelCallback(e));
-}, [e == null ? void 0 : e.chatPanelCallback]), null), Jt = "_summaryCard_jva4h_1", Vt = {
-  summaryCard: Jt
-}, Ht = (e) => {
-  const t = e.dataSource, s = {
+  return /* @__PURE__ */ o.jsx(Qe, { ...t });
+}, Jt = (e) => {
+  const t = e.dataSource, s = S(() => ({
+    url: e.dataSource.url,
+    method: e.dataSource.method,
+    headers: e.dataSource.headers,
+    params: 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 = S(() => {
+    var l, n, d, r, u;
+    const c = {
+      title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
+      welcomeTitle: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.welcomeTitle,
+      welcomeDescription: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeDescription,
+      placeholder: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.placeholder,
+      disclaimer: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.disclaimer
+    };
+    return Object.fromEntries(Object.entries(c).filter(([, f]) => !!f));
+  }, [e == null ? void 0 : e.translations]);
+  return K(() => {
+    e.onResolveProps && e.onResolveProps({
+      dataSource: s,
+      locale: a,
+      translations: i,
+      initialSuggestions: e.initialSuggestions
+    });
+  }, [e.onResolveProps, s, a, i, e.initialSuggestions]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
+    ht,
+    {
+      dataSource: s,
+      locale: a,
+      translations: i,
+      initialSuggestions: e.initialSuggestions
+    }
+  );
+}, Vt = "_summaryCard_jva4h_1", Ht = {
+  summaryCard: Vt
+}, Xt = (e) => {
+  const t = e.dataSource, s = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }, r = e.locale ?? "en", l = O(() => {
-    var i, n, d;
-    const o = {
-      title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.title,
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), a = e.locale ?? "en", i = S(() => {
+    var l, n, d;
+    const c = {
+      title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
       loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
       noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
-      Object.entries(o).filter(([, a]) => !!a)
+      Object.entries(c).filter(([, r]) => !!r)
     );
   }, [e == null ? void 0 : e.translations]);
-  return /* @__PURE__ */ c.jsx("section", { className: Vt.summaryCard, children: /* @__PURE__ */ c.jsx(
-    ht,
+  return K(() => {
+    e.onResolveProps && e.onResolveProps({
+      dataSource: s,
+      locale: a,
+      translations: i
+    });
+  }, [e.onResolveProps, s, a, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Ht.summaryCard, children: /* @__PURE__ */ o.jsx(
+    ft,
     {
       dataSource: s,
-      locale: r,
-      translations: l
+      locale: a,
+      translations: i
     }
   ) });
 }, M = (e, t) => {
-  const s = v((r) => {
-    var l;
-    return ((l = r[e]) == null ? void 0 : l.entries) || {};
+  const s = v((a) => {
+    var i;
+    return ((i = a[e]) == null ? void 0 : i.entries) || {};
   });
-  return O(() => {
-    const r = {
+  return S(() => {
+    const a = {
       disabled: !1
     };
-    return !t || t.length === 0 || t.forEach((l) => {
-      const o = s[l.key], i = o == null || o === "" || Array.isArray(o) && o.length === 0;
-      l.when === "empty" && i && l.actions.forEach((d) => {
-        r[d] = !0;
+    return !t || t.length === 0 || t.forEach((i) => {
+      const c = s[i.key], l = c == null || c === "" || Array.isArray(c) && c.length === 0;
+      i.when === "empty" && l && i.actions.forEach((d) => {
+        a[d] = !0;
       });
-    }), r;
+    }), a;
   }, [t, s]);
-}, Xt = "_promptCodeEditor_1d57s_1", Wt = {
-  promptCodeEditor: Xt
-}, Qt = (e) => {
+}, Wt = "_promptCodeEditor_1d57s_1", Qt = {
+  promptCodeEditor: Wt
+}, Yt = (e) => {
   const {
     userFlow: t,
     responseKey: s,
-    codeBlockValue: r,
-    language: l,
-    disabled: o,
-    dependencies: i,
+    codeBlockValue: a,
+    language: i,
+    disabled: c,
+    dependencies: l,
     dataSource: n,
     inputLabel: d,
-    inputPlaceholder: a,
+    inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = fe.useThemeStore((b) => b.theme.mode), [_, h] = q(
-    r || ""
+  } = e, f = fe.useThemeStore((p) => p.theme.mode), [_, h] = k(
+    a || ""
   ), { disabled: j } = M(
     t,
-    i
-  ), y = o ?? j, x = l ?? "json", m = {
+    l
+  ), y = c ?? j, x = i ?? "json", m = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
     body: n == null ? void 0 : n.data
-  }, g = (b) => {
-    h(b);
+  }, g = (p) => {
+    h(p);
     const N = {
-      [s]: b
+      [s]: p
     };
     L(t, N);
   };
-  return V(() => {
-    r !== void 0 && r !== _ && h(r);
-  }, [r]), /* @__PURE__ */ c.jsx("section", { className: Wt.promptCodeEditor, children: /* @__PURE__ */ c.jsx(
-    ft,
+  return K(() => {
+    a !== void 0 && a !== _ && h(a);
+  }, [a]), /* @__PURE__ */ o.jsx("section", { className: Qt.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    yt,
     {
       themeMode: f,
       requestConfig: m,
       language: x,
       disabled: y,
       inputLabel: d,
-      inputPlaceholder: a,
+      inputPlaceholder: r,
       codeBlockLabel: u,
       codeBlockValue: _,
       onCodeChange: g
     }
   ) });
-}, Yt = "_body_14tsv_1", Zt = "_body_content_14tsv_5", qe = {
-  body: Yt,
-  body_content: Zt
-}, Ft = ({ inputs: e }) => /* @__PURE__ */ c.jsx("section", { className: qe.body, children: /* @__PURE__ */ c.jsx("div", { className: qe.body_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), X = (e) => {
+}, Zt = "_body_14tsv_1", Ft = "_body_content_14tsv_5", qe = {
+  body: Zt,
+  body_content: Ft
+}, Pt = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: qe.body, children: /* @__PURE__ */ o.jsx("div", { className: qe.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx($, { children: t }, s)) }) }), X = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -386,118 +423,118 @@ const Kt = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), Pt = (e, t = {}, s = {}, r = !1, l) => {
-  const o = F();
-  r && o.abort();
-  const i = X(t);
+}, F = () => new AbortController(), en = (e, t = {}, s = {}, a = !1, i) => {
+  const c = F();
+  a && c.abort();
+  const l = X(t);
   return {
-    call: J.get(e, {
+    call: V.get(e, {
       headers: {
-        ...i
+        ...l
       },
       params: s,
-      signal: o.signal,
-      _userFlow: l
+      signal: c.signal,
+      _userFlow: i
     }),
-    controller: o
+    controller: c
   };
-}, he = (e, t = {}, s = {}, r = {}, l = !1, o) => {
-  const i = F();
-  l && i.abort();
+}, he = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+  const l = F();
+  i && l.abort();
   const n = X(t);
   return {
-    call: J.post(e, s, {
+    call: V.post(e, s, {
       headers: {
         ...n
       },
-      params: r,
-      signal: i.signal,
-      _userFlow: o
+      params: a,
+      signal: l.signal,
+      _userFlow: c
     }),
-    controller: i
+    controller: l
   };
-}, en = (e, t = {}, s = {}, r = {}, l = !1, o) => {
-  const i = F();
-  l && i.abort();
+}, tn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+  const l = F();
+  i && l.abort();
   const n = X(t);
   return {
-    call: J.put(e, s, {
+    call: V.put(e, s, {
       headers: {
         ...n
       },
-      params: r,
-      signal: i.signal,
-      _userFlow: o
+      params: a,
+      signal: l.signal,
+      _userFlow: c
     }),
-    controller: i
+    controller: l
   };
-}, tn = (e, t = {}, s = {}, r = {}, l = !1, o) => {
-  const i = F();
-  l && i.abort();
+}, nn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+  const l = F();
+  i && l.abort();
   const n = X(t);
   return {
-    call: J.patch(e, s, {
+    call: V.patch(e, s, {
       headers: {
         ...n
       },
-      params: r,
-      signal: i.signal,
-      _userFlow: o
+      params: a,
+      signal: l.signal,
+      _userFlow: c
     }),
-    controller: i
+    controller: l
   };
-}, nn = (e, t = {}, s = {}, r = {}, l = !1, o) => {
-  const i = F();
-  l && i.abort();
+}, an = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+  const l = F();
+  i && l.abort();
   const n = X(t);
   return {
-    call: J.delete(e, {
+    call: V.delete(e, {
       headers: {
         ...n
       },
       data: s,
-      params: r,
-      signal: i.signal,
-      _userFlow: o
+      params: a,
+      signal: l.signal,
+      _userFlow: c
     }),
-    controller: i
+    controller: l
   };
 }, Be = () => {
   let e;
-  return { callEndpoint: async (r) => {
-    r.controller && (e = r.controller);
-    let l = {};
+  return { callEndpoint: async (a) => {
+    a.controller && (e = a.controller);
+    let i = {};
     try {
-      l = await r.call;
-    } catch (o) {
-      throw o;
+      i = await a.call;
+    } catch (c) {
+      throw c;
     }
-    return l;
+    return i;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, Ie = async (e, t, s = "", r = {}, l = {}) => {
+}, Ie = async (e, t, s = "", a = {}, i = {}) => {
   try {
-    const { callEndpoint: o } = Be(), { api: i, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
-    s && a.append("hash_code", s), d && a.append("sessionId", d);
-    const u = `${i}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = he(
+    const { callEndpoint: c } = Be(), { api: l, 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 u = `${l}/not-front/next-ui/?${r.toString()}`, f = X(n), _ = he(
       u,
       f,
-      r,
-      l,
+      a,
+      i,
       !1,
       t
     );
-    return await o(_);
-  } catch (o) {
-    return console.error(o), Promise.reject(o);
+    return await c(_);
+  } catch (c) {
+    return console.error(c), Promise.reject(c);
   }
 }, I = () => {
-  const e = v((n) => n), { callEndpoint: t } = Be(), s = async (n, d, a, u, f = !0) => {
+  const e = v((n) => n), { callEndpoint: t } = Be(), s = async (n, d, r, u, f = !0) => {
     var _;
     try {
       const h = (_ = e[n]) == null ? void 0 : _.apiConfig, j = {
-        state: { ...a },
+        state: { ...r },
         triggerKey: u
       };
       return f && H(n, !0), await Ie(
@@ -509,28 +546,28 @@ const Kt = (e) => {
     } catch (h) {
       throw f && H(n, !1), console.error("[getNextUI] Error fetching next UI:", h), h;
     }
-  }, r = (n, d) => {
-    const { method: a, url: u, headers: f, data: _, params: h } = n;
-    switch (a) {
+  }, a = (n, d) => {
+    const { method: r, url: u, headers: f, data: _, params: h } = n;
+    switch (r) {
       case "post":
         return he(u, f, _, {}, !1, d);
       case "put":
-        return en(u, f, _, {}, !1, d);
-      case "patch":
         return tn(u, f, _, {}, !1, d);
+      case "patch":
+        return nn(u, f, _, {}, !1, d);
       case "delete":
-        return nn(u, f, _, h, !1, d);
+        return an(u, f, _, h, !1, d);
       case "get":
       default:
-        return Pt(u, f, h, !1, d);
+        return en(u, f, h, !1, d);
     }
-  }, l = (n, d) => {
-    const { url: a, headers: u } = n, f = {
+  }, i = (n, d) => {
+    const { url: r, headers: u } = n, f = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
     return he(
-      a,
+      r,
       {
         ...u,
         "Content-Type": "application/json"
@@ -540,21 +577,21 @@ const Kt = (e) => {
       !1,
       d
     );
-  }, o = async (n, d, a = !0) => {
+  }, c = async (n, d, r = !0) => {
     var u, f;
     if (!n) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
       return;
     }
-    a && H(d, !0);
+    r && H(d, !0);
     try {
       let _;
       switch (n == null ? void 0 : n.type) {
         case "rest":
-          _ = r(n, d);
+          _ = a(n, d);
           break;
         case "graphql":
-          _ = l(n, d);
+          _ = i(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -571,20 +608,20 @@ const Kt = (e) => {
         }
       };
     } finally {
-      a && H(d, !1);
+      r && H(d, !1);
     }
   };
   return {
     getNextUI: s,
-    fetchDataSource: o,
-    fetchAndGetNextUI: async (n, d, a, u, f) => {
+    fetchDataSource: c,
+    fetchAndGetNextUI: async (n, d, r, u, f) => {
       try {
         H(n, !0);
-        const _ = await o(f, n, !1);
+        const _ = await c(f, n, !1);
         return _ && await s(
           n,
           d,
-          a,
+          r,
           u
         );
       } catch (_) {
@@ -595,30 +632,30 @@ const Kt = (e) => {
       }
     }
   };
-}, rn = ({
+}, sn = ({
   userFlow: e,
   items: t,
   responseKey: s
 }) => {
-  const { getNextUI: r } = I(), l = D(
-    async ({ actionType: i, hashCode: n, redirectUrl: d }) => {
-      var a;
+  const { getNextUI: a } = I(), i = D(
+    async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
+      var r;
       try {
-        switch (i) {
+        switch (l) {
           case "GO_TO_NEXT_UI":
-            const u = await r(
+            const u = await a(
               e,
               n,
-              { ...(a = v.getState()[e]) == null ? void 0 : a.entries },
+              { ...(r = v.getState()[e]) == null ? void 0 : r.entries },
               s
             );
-            u != null && u.data && S(e, u == null ? void 0 : u.data);
+            u != null && u.data && O(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${i}`);
+            console.warn(`Unhandled actionType: ${l}`);
             break;
         }
       } catch (u) {
@@ -626,38 +663,38 @@ const Kt = (e) => {
       }
     },
     []
-  ), o = O(() => t == null ? void 0 : t.map((i) => ({
-    title: i == null ? void 0 : i.title,
-    component: /* @__PURE__ */ c.jsx("div", { onClick: () => l(i) })
+  ), c = S(() => t == null ? void 0 : t.map((l) => ({
+    title: l == null ? void 0 : l.title,
+    component: /* @__PURE__ */ o.jsx("div", { onClick: () => i(l) })
   })), []);
-  return /* @__PURE__ */ c.jsx(Ye, { items: o });
-}, sn = (e) => {
+  return /* @__PURE__ */ o.jsx(Ye, { items: c });
+}, rn = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: r,
-    actionType: l,
-    label: o,
-    content: i,
+    responseKey: a,
+    actionType: i,
+    label: c,
+    content: l,
     dataSource: n,
     redirectUrl: d,
-    dependencies: a,
+    dependencies: r,
     onClick: u,
     ...f
   } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: j } = I(), { disabled: y } = M(
     t,
-    a
+    r
   ), x = {
     ...f,
-    children: i ?? o
+    children: l ?? c
   }, m = (x == null ? void 0 : x.disabled) ?? y, g = D(async () => {
-    var b, N, p;
+    var p, N, b;
     try {
       const C = {
-        ...(b = v.getState()[t]) == null ? void 0 : b.entries,
-        [r]: { status: 200 }
+        ...(p = v.getState()[t]) == null ? void 0 : p.entries,
+        [a]: { status: 200 }
       };
-      switch (L(t, C), l) {
+      switch (L(t, C), i) {
         case "CLOSE_MODAL":
           ge(t, !1);
           break;
@@ -672,9 +709,9 @@ const Kt = (e) => {
             t,
             s,
             C,
-            r
+            a
           );
-          w != null && w.data && S(t, w == null ? void 0 : w.data);
+          w != null && w.data && O(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -682,10 +719,10 @@ const Kt = (e) => {
             t,
             s,
             C,
-            r,
+            a,
             n
           );
-          w != null && w.data && S(t, w == null ? void 0 : w.data);
+          w != null && w.data && O(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -693,43 +730,43 @@ const Kt = (e) => {
             t,
             s,
             C,
-            r
+            a
           ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
           if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const T = E == null ? void 0 : E.dataSource, k = await h(
+          const T = E == null ? void 0 : E.dataSource, q = await h(
             T,
             t,
             // Avoid to handle loading state until all the requests are done
             !1
-          ), K = {
-            ...(p = v.getState()[t]) == null ? void 0 : p.entries,
-            [r]: {
-              status: k == null ? void 0 : k.status,
-              content: k == null ? void 0 : k.data
+          ), G = {
+            ...(b = v.getState()[t]) == null ? void 0 : b.entries,
+            [a]: {
+              status: q == null ? void 0 : q.status,
+              content: q == null ? void 0 : q.data
             }
           };
-          L(t, K);
-          const G = await _(
+          L(t, G);
+          const U = await _(
             t,
             s,
-            K,
-            r
+            G,
+            a
           );
-          G != null && G.data && S(t, G == null ? void 0 : G.data);
+          U != null && U.data && O(t, U == null ? void 0 : U.data);
           break;
         }
         case "REDIRECT":
           d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
     } catch (C) {
       alert(JSON.stringify(C));
     }
-  }, [l, n, s, r, t]);
-  return /* @__PURE__ */ c.jsx(
+  }, [i, n, s, a, t]);
+  return /* @__PURE__ */ o.jsx(
     Ze,
     {
       ...x,
@@ -737,64 +774,64 @@ const Kt = (e) => {
       onClick: () => !m && (u ?? g)()
     }
   );
-}, an = "_cardNotificationNotFront_t7pln_1", on = {
-  cardNotificationNotFront: an
-}, cn = (e) => {
-  const { content: t, description: s, ...r } = e, l = {
-    ...r,
+}, cn = "_cardNotificationNotFront_t7pln_1", on = {
+  cardNotificationNotFront: cn
+}, ln = (e) => {
+  const { content: t, description: s, ...a } = e, i = {
+    ...a,
     children: t ?? s
   };
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ o.jsx(
     ye,
     {
-      ...l,
+      ...i,
       className: on.cardNotificationNotFront
     }
   );
-}, ln = (e) => {
+}, dn = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: r,
-    actionType: l,
-    label: o,
-    value: i,
+    responseKey: a,
+    actionType: i,
+    label: c,
+    value: l,
     required: n,
     dependencies: d,
-    ...a
+    ...r
   } = e, u = {
-    ...a
-  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
+    ...r
+  }, { getNextUI: f } = I(), [_, h] = k(l || !1), { disabled: j } = M(
     t,
     d
-  ), y = O(() => n && o ? `${o} *` : o ?? "", [o, n]), x = D(async () => {
+  ), y = S(() => n && c ? `${c} *` : c ?? "", [c, n]), x = D(async () => {
     var g;
     try {
-      const b = !_;
-      h(b);
+      const p = !_;
+      h(p);
       const N = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [r]: b
+        [a]: p
       };
-      switch (L(t, N), l) {
+      switch (L(t, N), i) {
         case "GO_TO_NEXT_UI":
-          const p = await f(
+          const b = await f(
             t,
             s,
             N,
-            r
+            a
           );
-          p != null && p.data && S(t, p == null ? void 0 : p.data);
+          b != null && b.data && O(t, b == null ? void 0 : b.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
-    } catch (b) {
-      console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
+    } catch (p) {
+      console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, r, l, _]), m = (u == null ? void 0 : u.disabled) ?? j;
-  return /* @__PURE__ */ c.jsx(
+  }, [t, s, a, i, _]), m = (u == null ? void 0 : u.disabled) ?? j;
+  return /* @__PURE__ */ o.jsx(
     Fe,
     {
       ...u,
@@ -806,56 +843,56 @@ const Kt = (e) => {
       }
     }
   );
-}, dn = "_codeEditor_1coz7_1", _n = "_codeEditor_label_1coz7_4", un = "_codeEditor_wrapper_1coz7_13", hn = "_input_1coz7_17", fn = "_preview_1coz7_18", Y = {
-  codeEditor: dn,
-  codeEditor_label: _n,
-  codeEditor_wrapper: un,
-  input: hn,
-  preview: fn
-}, yn = (e) => {
+}, _n = "_codeEditor_1coz7_1", un = "_codeEditor_label_1coz7_4", hn = "_codeEditor_wrapper_1coz7_13", fn = "_input_1coz7_17", yn = "_preview_1coz7_18", Y = {
+  codeEditor: _n,
+  codeEditor_label: un,
+  codeEditor_wrapper: hn,
+  input: fn,
+  preview: yn
+}, mn = (e) => {
   const {
     userFlow: t,
     responseKey: s,
-    label: r,
-    language: l,
-    placeholder: o,
-    value: i,
+    label: a,
+    language: i,
+    placeholder: c,
+    value: l,
     required: n,
     dependencies: d,
-    disabled: a,
+    disabled: r,
     showPreview: u
-  } = e, [f, _] = q(i ?? ""), h = fe.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
+  } = e, [f, _] = k(l ?? ""), h = fe.useThemeStore((p) => p.theme.mode), { disabled: j } = M(
     t,
     d
-  ), y = a ?? j, x = {
+  ), y = r ?? j, x = {
     json: we(),
-    markdown: mt(),
-    sql: xt(),
-    yaml: gt()
-  }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (b) => {
-    _(b);
+    markdown: xt(),
+    sql: gt(),
+    yaml: bt()
+  }, m = S(() => n && a ? `${a} *` : a ?? "", [a, n]), g = (p) => {
+    _(p);
     const N = {
-      [s]: b
+      [s]: p
     };
     L(t, N);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor, children: [
-    m && m !== "" && /* @__PURE__ */ c.jsx("label", { className: Y.codeEditor_label, children: m }),
-    /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor_wrapper, children: [
-      /* @__PURE__ */ c.jsx(
-        yt,
+  return /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor, children: [
+    m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: Y.codeEditor_label, children: m }),
+    /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor_wrapper, children: [
+      /* @__PURE__ */ o.jsx(
+        mt,
         {
           className: Y.input,
           value: f,
           height: "400px",
-          placeholder: o,
-          extensions: [x[l] ?? we()],
-          onChange: (b) => g(b),
+          placeholder: c,
+          extensions: [x[i] ?? we()],
+          onChange: (p) => g(p),
           theme: h,
           editable: !y
         }
       ),
-      l == "markdown" && u && /* @__PURE__ */ c.jsx(Pe, { className: Y.preview, children: f })
+      i == "markdown" && u && /* @__PURE__ */ o.jsx(Pe, { className: Y.preview, children: f })
     ] })
   ] });
 };
@@ -865,69 +902,69 @@ var le = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Se;
-function mn() {
-  return Se || (Se = 1, (function(e) {
+var ke;
+function xn() {
+  return ke || (ke = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function s() {
-        for (var r = [], l = 0; l < arguments.length; l++) {
-          var o = arguments[l];
-          if (o) {
-            var i = typeof o;
-            if (i === "string" || i === "number")
-              r.push(o);
-            else if (Array.isArray(o)) {
-              if (o.length) {
-                var n = s.apply(null, o);
-                n && r.push(n);
+        for (var a = [], i = 0; i < arguments.length; i++) {
+          var c = arguments[i];
+          if (c) {
+            var l = typeof c;
+            if (l === "string" || l === "number")
+              a.push(c);
+            else if (Array.isArray(c)) {
+              if (c.length) {
+                var n = s.apply(null, c);
+                n && a.push(n);
               }
-            } else if (i === "object") {
-              if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-                r.push(o.toString());
+            } else if (l === "object") {
+              if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
+                a.push(c.toString());
                 continue;
               }
-              for (var d in o)
-                t.call(o, d) && o[d] && r.push(d);
+              for (var d in c)
+                t.call(c, d) && c[d] && a.push(d);
             }
           }
         }
-        return r.join(" ");
+        return a.join(" ");
       }
       e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
     })();
   })(le)), le.exports;
 }
-var xn = mn();
-const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
-  dividerNotFront: gn
-}, bn = (e) => /* @__PURE__ */ c.jsx(et, { ...e, className: pn.dividerNotFront }), jn = (e, t, s) => {
-  const { url: r, paginationKeys: l, params: o } = e, i = [], n = (l == null ? void 0 : l.page) ?? "page";
-  if (i.push(`${n}=${t}`), typeof s == "string") {
-    const u = (l == null ? void 0 : l.text) ?? "text";
-    i.push(`${u}=${encodeURIComponent(s || "")}`);
+var gn = xn();
+const ee = /* @__PURE__ */ zt(gn), bn = "_dividerNotFront_tze3j_1", pn = {
+  dividerNotFront: bn
+}, jn = (e) => /* @__PURE__ */ o.jsx(et, { ...e, className: pn.dividerNotFront }), wn = (e, t, s) => {
+  const { url: a, paginationKeys: i, params: c } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
+  if (l.push(`${n}=${t}`), typeof s == "string") {
+    const u = (i == null ? void 0 : i.text) ?? "text";
+    l.push(`${u}=${encodeURIComponent(s || "")}`);
   }
-  if (o && typeof o == "object") {
-    const u = Object.entries(o).map(
+  if (c && typeof c == "object") {
+    const u = Object.entries(c).map(
       ([f, _]) => `${encodeURIComponent(f)}=${encodeURIComponent(_)}`
     );
-    i.push(...u);
+    l.push(...u);
   }
-  const d = i.join("&");
-  return d ? `${r}?${d}` : r;
-}, pe = (e, t, s) => {
-  const { type: r, url: l, method: o, headers: i } = e;
-  return r === "rest" ? {
+  const d = l.join("&");
+  return d ? `${a}?${d}` : a;
+}, be = (e, t, s) => {
+  const { type: a, url: i, method: c, headers: l } = e;
+  return a === "rest" ? {
     type: "rest",
-    url: jn(e, t, s),
-    method: o,
-    headers: i,
+    url: wn(e, t, s),
+    method: c,
+    headers: l,
     data: (e == null ? void 0 : e.data) || {}
   } : {
     type: "graphql",
-    url: l,
+    url: i,
     method: "post",
-    headers: i,
+    headers: l,
     query: e == null ? void 0 : e.query,
     variables: {
       ...(e == null ? void 0 : e.variables) || {},
@@ -935,36 +972,36 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       page: t
     }
   };
-}, de = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ze = (e, t, s, r) => {
-  const l = B.query(e, t), o = l == null ? void 0 : l.map((a) => {
+}, de = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ze = (e, t, s, a) => {
+  const i = B.query(e, t), c = i == null ? void 0 : i.map((r) => {
     var u, f;
     if (s) {
       const _ = {};
       for (const [h, j] of Object.entries(s))
         if (typeof j == "object" && "path" in j) {
-          const y = j, x = (u = B.query(a, y.path)) == null ? void 0 : u[0];
+          const y = j, x = (u = B.query(r, y.path)) == null ? void 0 : u[0];
           y.translations && String(x) in y.translations ? _[h] = de(
             y.translations[String(x)]
           ) : _[h] = de(x);
         } else {
           const y = j;
-          _[h] = de((f = B.query(a, y)) == null ? void 0 : f[0]);
+          _[h] = de((f = B.query(r, y)) == null ? void 0 : f[0]);
         }
       return _;
     } else
-      return a;
-  }), i = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? l.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
-    size: i,
+      return r;
+  }), l = B.value(e, (a == null ? void 0 : a.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (a == null ? void 0 : a.total) ?? "$.meta.total") ?? 0, d = {
+    size: l,
     total: n,
-    totalPages: r != null && r.totalPages ? B.value(
+    totalPages: a != null && a.totalPages ? B.value(
       e,
-      (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
-    ) : i > 0 ? Math.ceil(n / i) : 0
+      (a == null ? void 0 : a.totalPages) ?? "$.meta.totalPages"
+    ) : l > 0 ? Math.ceil(n / l) : 0
   };
-  return { items: o, pagination: d };
+  return { items: c, pagination: d };
 }, ne = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ c.jsx("span", { style: { color: R.labelColor }, children: s });
-  return /* @__PURE__ */ c.jsx(
+  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: R.labelColor }, children: s });
+  return /* @__PURE__ */ o.jsx(
     pt,
     {
       formatter: t,
@@ -975,38 +1012,38 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       }
     }
   );
-}, wn = ({
+}, Cn = ({
   active: e,
   payload: t,
   label: s,
-  tooltipKey: r
+  tooltipKey: a
 }) => {
-  var o;
+  var c;
   if (!e || !t || !t.length)
     return null;
-  const l = {
+  const i = {
     backgroundColor: R.tooltipBg,
     borderRadius: R.tooltipBorderRadius,
     color: R.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
-  if (r) {
-    const i = (o = t[0]) == null ? void 0 : o.payload;
-    if (i && i[r] !== void 0 && i[r] !== null)
-      return /* @__PURE__ */ c.jsx("div", { style: l, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: i[r] }) });
+  if (a) {
+    const l = (c = t[0]) == null ? void 0 : c.payload;
+    if (l && l[a] !== void 0 && l[a] !== null)
+      return /* @__PURE__ */ o.jsx("div", { style: i, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: l[a] }) });
   }
-  return /* @__PURE__ */ c.jsxs("div", { style: l, children: [
-    /* @__PURE__ */ c.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
-    t.map((i, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: i.color }, children: `${i.name}: ${i.value}` }, n))
+  return /* @__PURE__ */ o.jsxs("div", { style: i, children: [
+    /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    t.map((l, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
   ] });
-}, re = ({ tooltipKey: e } = {}) => /* @__PURE__ */ c.jsx(
-  bt,
+}, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
+  jt,
   {
-    content: /* @__PURE__ */ c.jsx(wn, { tooltipKey: e })
+    content: /* @__PURE__ */ o.jsx(Cn, { tooltipKey: e })
   }
-), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ c.jsx(
-  jt,
+), pe = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
+  wt,
   {
     dataKey: e,
     hide: t,
@@ -1015,81 +1052,81 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       fontSize: R.fontSize
     }
   }
-), je = () => /* @__PURE__ */ c.jsx(
-  wt,
+), je = () => /* @__PURE__ */ o.jsx(
+  Ct,
   {
     tick: {
       fill: R.labelColor,
       fontSize: R.fontSize
     }
   }
-), Cn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
-  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(Ct, { data: t, children: [
-    /* @__PURE__ */ c.jsx(me, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ c.jsx(be, { dataKey: s }),
-    /* @__PURE__ */ c.jsx(je, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
-    /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, i) => /* @__PURE__ */ c.jsx(
-      Nt,
+), Nn = (e) => {
+  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Nt, { data: t, children: [
+    /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { dataKey: s }),
+    /* @__PURE__ */ o.jsx(je, {}),
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(ne, {}),
+    a.map((c, l) => /* @__PURE__ */ o.jsx(
+      vt,
       {
         type: "monotone",
-        dataKey: o,
-        stroke: z[i % z.length],
-        fill: z[i % z.length]
+        dataKey: c,
+        stroke: z[l % z.length],
+        fill: z[l % z.length]
       },
-      o
+      c
     ))
   ] }) });
-}, Nn = (e) => {
-  const { data: t, yKeys: s, xKey: r, tooltipKey: l } = e;
-  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(vt, { data: t, children: [
-    /* @__PURE__ */ c.jsx(me, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ c.jsx(be, { hide: !0, dataKey: r }),
-    /* @__PURE__ */ c.jsx(je, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
-    /* @__PURE__ */ c.jsx(ne, { withPadding: !0 }),
-    s.map((o, i) => /* @__PURE__ */ c.jsx(
-      Et,
+}, vn = (e) => {
+  const { data: t, yKeys: s, xKey: a, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Et, { data: t, children: [
+    /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { hide: !0, dataKey: a }),
+    /* @__PURE__ */ o.jsx(je, {}),
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(ne, { withPadding: !0 }),
+    s.map((c, l) => /* @__PURE__ */ o.jsx(
+      St,
       {
-        dataKey: o,
-        fill: z[i % z.length]
+        dataKey: c,
+        fill: z[l % z.length]
       },
-      o
+      c
     ))
   ] }) });
-}, vn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
-  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(kt, { data: t, children: [
-    /* @__PURE__ */ c.jsx(me, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ c.jsx(be, { dataKey: s }),
-    /* @__PURE__ */ c.jsx(je, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
-    /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, i) => /* @__PURE__ */ c.jsx(
-      qt,
+}, En = (e) => {
+  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(qt, { data: t, children: [
+    /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { dataKey: s }),
+    /* @__PURE__ */ o.jsx(je, {}),
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(ne, {}),
+    a.map((c, l) => /* @__PURE__ */ o.jsx(
+      kt,
       {
         type: "monotone",
-        dataKey: o,
-        stroke: z[i % z.length],
+        dataKey: c,
+        stroke: z[l % z.length],
         strokeWidth: 2,
         dot: !1
       },
-      o
+      c
     ))
   ] }) });
-}, En = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e, o = ({
-    cx: i,
+}, Sn = (e) => {
+  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e, c = ({
+    cx: l,
     cy: n,
     midAngle: d,
-    innerRadius: a,
+    innerRadius: r,
     outerRadius: u,
     value: f
   }) => {
-    const _ = Math.PI / 180, h = 25 + a + (u - a), j = i + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
-    return /* @__PURE__ */ c.jsx(
+    const _ = Math.PI / 180, h = 25 + r + (u - r), j = l + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
+    return /* @__PURE__ */ o.jsx(
       "text",
       {
         x: j,
@@ -1102,19 +1139,19 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       }
     );
   };
-  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(St, { children: [
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
-    /* @__PURE__ */ c.jsx(ne, {}),
-    /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ot, { children: [
+    /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
+    /* @__PURE__ */ o.jsx(ne, {}),
+    /* @__PURE__ */ o.jsx(
       At,
       {
         data: t,
-        dataKey: r[0],
+        dataKey: a[0],
         nameKey: s,
-        label: o,
+        label: c,
         outerRadius: 120,
-        children: t.map((i, n) => /* @__PURE__ */ c.jsx(
-          Ot,
+        children: t.map((l, n) => /* @__PURE__ */ o.jsx(
+          Tt,
           {
             fill: z[n % z.length]
           },
@@ -1123,11 +1160,11 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       }
     )
   ] }) });
-}, kn = {
-  area: Cn,
-  bar: Nn,
-  line: vn,
-  pie: En
+}, qn = {
+  area: Nn,
+  bar: vn,
+  line: En,
+  pie: Sn
 }, z = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
@@ -1153,124 +1190,124 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, qn = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: l, dataSource: o, ...i } = e, n = kn[i.type];
+}, kn = (e) => {
+  const { component: t, userFlow: s, hash: a, responseKey: i, dataSource: c, ...l } = e, n = qn[l.type];
   if (!n)
-    return /* @__PURE__ */ c.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [a, u] = q(!1), [f, _] = q([]), h = async () => {
+    return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
+  const { fetchDataSource: d } = I(), [r, u] = k(!1), [f, _] = k([]), h = async () => {
     var y, x;
     try {
       u(!0);
-      const { jsonPathData: m, mapperData: g } = o, b = pe(
-        o,
+      const { jsonPathData: m, mapperData: g } = c, p = be(
+        c,
         1
       ), N = await d(
-        b,
+        p,
         s,
         !1
-      ), p = m ? (y = ze(N == null ? void 0 : N.data, m, g)) == null ? void 0 : y.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
-      _(p), u(!1);
+      ), b = m ? (y = ze(N == null ? void 0 : N.data, m, g)) == null ? void 0 : y.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
+      _(b), u(!1);
     } catch (m) {
       alert(JSON.stringify(m)), u(!1);
     }
   };
-  V(() => {
-    o ? h() : _(i.data);
+  K(() => {
+    c ? h() : _(l.data);
   }, []);
   const j = {
-    ...i,
+    ...l,
     data: f
   };
-  return a ? /* @__PURE__ */ c.jsx(De, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ c.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, Sn = "_header_g1eri_1", An = "_header_content_g1eri_5", Ae = {
-  header: Sn,
+  return r ? /* @__PURE__ */ o.jsx(De, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ o.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
+}, On = "_header_g1eri_1", An = "_header_content_g1eri_5", Oe = {
+  header: On,
   header_content: An
-}, On = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: ee(Ae.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ae.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), A = (e, t, s, r) => {
-  var i;
-  const l = {
-    accordion: (n) => /* @__PURE__ */ c.jsx(xr, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ c.jsx(Ut, { ...n, userFlow: e, pageId: t, chatPanelCallback: r }),
-    aiSummaryCard: (n) => /* @__PURE__ */ c.jsx(Ht, { ...n, userFlow: e, pageId: t }),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ c.jsx(Qt, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ c.jsx(rn, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ c.jsx(sn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ c.jsx(cn, { ...n }),
-    chart: (n) => /* @__PURE__ */ c.jsx(qn, { ...n, userFlow: e }),
-    checkbox: (n) => /* @__PURE__ */ c.jsx(ln, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ c.jsx(yn, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ c.jsx(bn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ c.jsx(jr, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => Kt(n),
-    pill: (n) => /* @__PURE__ */ c.jsx(Bn, { ...n }),
-    modal: (n) => /* @__PURE__ */ c.jsx(Rn, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ c.jsx(In, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ c.jsx(Kn, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ c.jsx(Xn, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ c.jsx(sr, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ c.jsx(rr, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ c.jsx(dr, { ...n, userFlow: e, pageId: t }),
-    text: (n) => Gt(n),
-    textField: (n) => /* @__PURE__ */ c.jsx(hr, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ c.jsx(fr, { ...n, userFlow: e, pageId: t })
+}, Tn = ({ 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, s) => /* @__PURE__ */ o.jsx($, { children: t }, s)) }) }), A = (e, t, s, a) => {
+  var l;
+  const i = {
+    accordion: (n) => /* @__PURE__ */ o.jsx(ga, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Jt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiChatPanel }),
+    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(Xt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiSummaryCard }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Yt, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(sn, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ o.jsx(ln, { ...n }),
+    chart: (n) => /* @__PURE__ */ o.jsx(kn, { ...n, userFlow: e }),
+    checkbox: (n) => /* @__PURE__ */ o.jsx(dn, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ o.jsx(mn, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ o.jsx(jn, { ...n }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(wa, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => Gt(n),
+    pill: (n) => /* @__PURE__ */ o.jsx(In, { ...n }),
+    modal: (n) => /* @__PURE__ */ o.jsx(Dn, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ o.jsx(zn, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ o.jsx(Gn, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ o.jsx(Wn, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(sa, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(_a, { ...n, userFlow: e, pageId: t }),
+    text: (n) => Ut(n),
+    textField: (n) => /* @__PURE__ */ o.jsx(fa, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(ya, { ...n, userFlow: e, pageId: t })
   };
-  return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
-    const d = l[n.component];
+  return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
+    const d = i[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
-}, Tn = "_modalContent_p06ci_1", $n = {
-  modalContent: Tn
-}, Rn = ({
+}, $n = "_modalContent_p06ci_1", Rn = {
+  modalContent: $n
+}, Dn = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  header: r,
-  body: l,
-  footer: o,
-  headerStatusColor: i,
+  header: a,
+  body: i,
+  footer: c,
+  headerStatusColor: l,
   ...n
 }) => {
   const d = v((m) => {
     var g;
     return (g = m[e]) == null ? void 0 : g.isModalOpen;
-  }), a = v((m) => {
+  }), r = v((m) => {
     var g;
     return (g = m[e]) == null ? void 0 : g.isLoading;
-  }), u = d && !a, f = {
+  }), u = d && !r, f = {
     ...n
-  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? i, h = D(() => {
+  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
     xe(e), ge(e, !1);
-  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, l), x = A(e, t, o);
-  return /* @__PURE__ */ c.jsx(
+  }, [e, s]), j = Array.isArray(a) ? A(e, t, a) : a, y = A(e, t, i), x = A(e, t, c);
+  return /* @__PURE__ */ o.jsx(
     tt,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof j == "string" ? j : /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ c.jsx("section", { className: $n.modalContent, children: y.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: x.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-footer-${g}`)) }),
+      header: typeof j == "string" ? j : /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Rn.modalContent, children: y.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((m, g) => /* @__PURE__ */ o.jsx($, { children: m }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
-}, Dn = ({ userFlow: e, pageId: t }) => {
-  var o, i;
-  const s = Rt(e);
+}, Ln = ({ userFlow: e, pageId: t }) => {
+  var c, l;
+  const s = Dt(e);
   if (!s)
     return null;
-  const r = [
+  const a = [
     ...(s == null ? void 0 : s.components) || [],
-    ...((o = s == null ? void 0 : s.header) == null ? void 0 : o.components) || [],
-    ...((i = s == null ? void 0 : s.body) == null ? void 0 : i.components) || []
-  ], l = A(
+    ...((c = s == null ? void 0 : s.header) == null ? void 0 : c.components) || [],
+    ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
+  ], i = A(
     e,
     t,
-    r
+    a
   );
-  return /* @__PURE__ */ c.jsx(c.Fragment, { children: l == null ? void 0 : l.map((n, d) => {
-    const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
-    return /* @__PURE__ */ c.jsx($, { children: n }, a);
+  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($, { children: n }, r);
   }) });
-}, Ln = {
+}, Bn = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1296,28 +1333,28 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Bn = (e) => {
-  const { content: t, variant: s = "neutral", ...r } = e, l = Ln[s], o = {
-    ...r,
+}, In = (e) => {
+  const { content: t, variant: s = "neutral", ...a } = e, i = Bn[s], c = {
+    ...a,
     children: t,
-    color: (r == null ? void 0 : r.color) ?? l.color,
-    textColor: (r == null ? void 0 : r.textColor) ?? l.textColor,
-    iconColor: (r == null ? void 0 : r.iconColor) ?? l.iconColor
+    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
   };
-  return /* @__PURE__ */ c.jsx(ue, { ...o });
-}, In = (e) => {
+  return /* @__PURE__ */ o.jsx(ue, { ...c });
+}, zn = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: r,
-    actionType: l,
-    dataSource: o,
-    dependencies: i,
+    responseKey: a,
+    actionType: i,
+    dataSource: c,
+    dependencies: l,
     onClick: n,
     ...d
-  } = e, { getNextUI: a, fetchAndGetNextUI: u } = I(), { disabled: f } = M(
+  } = e, { getNextUI: r, fetchAndGetNextUI: u } = I(), { disabled: f } = M(
     t,
-    i
+    l
   ), _ = {
     ...d
   }, h = (_ == null ? void 0 : _.disabled) ?? f, j = D(async () => {
@@ -1325,17 +1362,17 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
     try {
       const x = {
         ...(y = v.getState()[t]) == null ? void 0 : y.entries,
-        [r]: { status: 200 }
+        [a]: { status: 200 }
       };
-      switch (L(t, x), l) {
+      switch (L(t, x), i) {
         case "GO_TO_NEXT_UI": {
-          const m = await a(
+          const m = await r(
             t,
             s,
             x,
-            r
+            a
           );
-          m != null && m.data && S(t, m == null ? void 0 : m.data);
+          m != null && m.data && O(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1343,10 +1380,10 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
             t,
             s,
             x,
-            r,
-            o
+            a,
+            c
           );
-          m != null && m.data && S(t, m == null ? void 0 : m.data);
+          m != null && m.data && O(t, m == null ? void 0 : m.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1359,14 +1396,14 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
           Z(t, !0);
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
     } catch (x) {
       alert(JSON.stringify(x));
     }
-  }, [l, o, s, r, t]);
-  return /* @__PURE__ */ c.jsx(
+  }, [i, c, s, a, t]);
+  return /* @__PURE__ */ o.jsx(
     nt,
     {
       ..._,
@@ -1374,8 +1411,8 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       onClick: () => !h && (n ?? j)()
     }
   );
-}, zn = "_row_1bqj4_1", Mn = "_row_column_1bqj4_65", U = {
-  row: zn,
+}, Mn = "_row_1bqj4_1", Kn = "_row_column_1bqj4_65", J = {
+  row: Mn,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -1396,7 +1433,7 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
   "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: Mn,
+  row_column: Kn,
   "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",
@@ -1417,27 +1454,27 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
   "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"
-}, Kn = (e) => {
+}, Gn = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    columnWidth: r,
-    columns: l,
-    gap: o = "md",
-    justifyContent: i = "start",
+    columnWidth: a,
+    columns: i,
+    gap: c = "md",
+    justifyContent: l = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(l) ? l.map((a, u) => {
+  } = e, d = Array.isArray(i) ? i.map((r, u) => {
     const f = `col_${u}`, _ = `col_${u}`;
-    if (Array.isArray(a))
+    if (Array.isArray(r))
       return {
         gap: "md",
         justifyContent: "start",
         alignItems: "start",
-        items: a,
+        items: r,
         hash: f,
         responseKey: _
       };
-    const h = a;
+    const h = r;
     return {
       gap: (h == null ? void 0 : h.gap) ?? "md",
       justifyContent: (h == null ? void 0 : h.justifyContent) ?? "start",
@@ -1447,30 +1484,30 @@ const ee = /* @__PURE__ */ It(xn), gn = "_dividerNotFront_tze3j_1", pn = {
       responseKey: (h == null ? void 0 : h.responseKey) ?? _
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ c.jsx(
+  return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
     "div",
     {
       className: ee(
-        U.row,
-        U[`row__gap-${o}`],
-        U[`row__justify-${i}`],
-        U[`row__align-${n}`]
+        J.row,
+        J[`row__gap-${c}`],
+        J[`row__justify-${l}`],
+        J[`row__align-${n}`]
       ),
-      children: d == null ? void 0 : d.map((a, u) => {
-        const f = (r == null ? void 0 : r[u]) || `${100 / d.length}%`, _ = A(t, s, a.items);
-        return !_ || _.length === 0 ? null : /* @__PURE__ */ c.jsx(
+      children: d == null ? void 0 : d.map((r, u) => {
+        const f = (a == null ? void 0 : a[u]) || `${100 / d.length}%`, _ = A(t, s, r.items);
+        return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
             className: ee(
-              U.row_column,
-              U[`row_column__gap-${a.gap}`],
-              U[`row_column__justify-${a.justifyContent}`],
-              U[`row_column__align-${a.alignItems}`]
+              J.row_column,
+              J[`row_column__gap-${r.gap}`],
+              J[`row_column__justify-${r.justifyContent}`],
+              J[`row_column__align-${r.alignItems}`]
             ),
             style: { width: f },
             children: _
           },
-          a.hash || u
+          r.hash || u
         );
       })
     }
@@ -1480,13 +1517,13 @@ function Me({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  actionType: r,
-  getNextUI: l,
-  isMulti: o = !1,
-  debounceMs: i
+  actionType: a,
+  getNextUI: i,
+  isMulti: c = !1,
+  debounceMs: l
 }) {
   const n = Xe(null);
-  V(() => () => {
+  K(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
   const d = D(
@@ -1496,83 +1533,83 @@ function Me({
         ...(h = v.getState()[e]) == null ? void 0 : h.entries,
         [s]: u
       };
-      if (L(e, f), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (L(e, f), a && (a === "GO_TO_NEXT_UI" || a === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await l(
+          const y = await i(
             e,
             t,
             f,
             s,
-            r === "GO_TO_NEXT_UI"
+            a === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && S(e, y.data);
+          y != null && y.data && O(e, y.data);
         } catch (j) {
           console.error("[useSelectChange] Failed to fetch next UI", j);
         }
     },
-    [e, t, s, r, l]
+    [e, t, s, a, i]
   );
   return D(
     (u) => {
-      if (!o) {
+      if (!c) {
         d(u);
         return;
       }
-      if (i == null) {
+      if (l == null) {
         d(u);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
         d(u), n.current = null;
-      }, i);
+      }, l);
     },
-    [o, i, d]
+    [c, l, d]
   );
 }
-const Gn = (e, t, s, r) => {
-  const l = B.query(e, t);
-  return (l == null ? void 0 : l.map((o) => {
-    var d, a;
-    const i = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
-    return { label: i, value: n };
+const Un = (e, t, s, a) => {
+  const i = B.query(e, t);
+  return (i == null ? void 0 : i.map((c) => {
+    var d, r;
+    const l = (d = B.query(c, s)) == null ? void 0 : d[0], n = a ? (r = B.query(c, a)) == null ? void 0 : r[0] : c;
+    return { label: l, value: n };
   })) ?? [];
-}, Un = (e, t, s, r = 10) => {
+}, Jn = (e, t, s, a = 10) => {
   var n, d;
-  let l, o;
+  let i, c;
   if (s) {
-    const a = B.value(e, s.size ?? "$.meta.size") ?? r, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
-    l = a, o = u;
+    const r = B.value(e, s.size ?? "$.meta.size") ?? a, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
+    i = r, c = u;
   } else {
-    const a = e == null ? void 0 : e.meta;
-    l = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
+    const 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, c = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
   }
-  const i = o > 0 ? Math.ceil(o / l) > t : !1;
+  const l = c > 0 ? Math.ceil(c / i) > t : !1;
   return {
-    pageSize: l,
-    total: o,
-    hasMore: i
+    pageSize: i,
+    total: c,
+    hasMore: l
   };
-}, Jn = "_selectNotFront_1yw9q_1", Ke = {
-  selectNotFront: Jn
-}, Vn = ({
+}, Vn = "_selectNotFront_1yw9q_1", Ke = {
+  selectNotFront: Vn
+}, Hn = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  required: r,
-  dataSource: l,
-  actionType: o,
-  dependencies: i,
+  required: a,
+  dataSource: i,
+  actionType: c,
+  dependencies: l,
   debounceMs: n,
   ...d
 }) => {
-  const a = {
+  const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = q((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = k((r == null ? void 0 : r.value) ?? ""), { disabled: j } = M(
     e,
-    i
-  ), y = (a == null ? void 0 : a.disabled) ?? j, x = O(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), m = O(() => {
-    const p = a != null && a.isMulti ? _ : [_], C = {};
-    return typeof p == "object" && "length" in p && (p == null || p.forEach((w) => {
+    l
+  ), y = (r == null ? void 0 : r.disabled) ?? j, x = S(() => a && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, a]), m = S(() => {
+    const b = r != null && r.isMulti ? _ : [_], C = {};
+    return typeof b == "object" && "length" in b && (b == null || b.forEach((w) => {
       const E = JSON.stringify(w.value), T = JSON.stringify(w.label);
       C[E] = w, T in C || (C[T] = w);
     })), C;
@@ -1580,94 +1617,94 @@ const Gn = (e, t, s, r) => {
     userFlow: e,
     pageId: t,
     responseKey: s,
-    actionType: o,
+    actionType: c,
     getNextUI: u,
-    isMulti: a == null ? void 0 : a.isMulti,
+    isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
-  }), b = (p) => {
-    h(p), g(p);
-  }, N = async (p, C, { page: w }) => {
+  }), p = (b) => {
+    h(b), g(b);
+  }, N = async (b, C, { page: w }) => {
     const {
       jsonPathLabel: E,
       jsonPathOptions: T,
-      jsonPathValue: k,
-      jsonPathPagination: K
-    } = l, G = pe(
-      l,
+      jsonPathValue: q,
+      jsonPathPagination: G
+    } = i, U = be(
+      i,
       w,
-      p
+      b
     ), se = await f(
-      G,
+      U,
       e,
       !1
-    ), ae = se == null ? void 0 : se.data, Ue = ae ? Gn(
-      ae,
+    ), re = se == null ? void 0 : se.data, Ue = re ? Un(
+      re,
       T,
       E,
-      k
-    ) : [], { hasMore: Je } = Un(
-      ae,
+      q
+    ) : [], { hasMore: Je } = Jn(
+      re,
       w,
-      K
+      G
     );
     return {
       options: Ue,
       hasMore: Je,
       additional: {
-        page: p ? 1 : w + 1
+        page: b ? 1 : w + 1
       }
     };
   };
-  return /* @__PURE__ */ c.jsx(
-    rt,
+  return /* @__PURE__ */ o.jsx(
+    at,
     {
-      ...a,
+      ...r,
       className: Ke.selectNotFront,
       label: x,
       value: _,
       disabled: y,
-      noOptionsMessage: () => /* @__PURE__ */ c.jsx(c.Fragment, { children: "Sin opciones" }),
-      onChange: (p) => !y && b(p),
+      noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
+      onChange: (b) => !y && p(b),
       loadOptions: N,
       additional: { page: 1 },
-      isOptionDisabled: (p) => {
-        const C = JSON.stringify(p == null ? void 0 : p.value), w = JSON.stringify(p == null ? void 0 : p.label);
+      isOptionDisabled: (b) => {
+        const C = JSON.stringify(b == null ? void 0 : b.value), w = JSON.stringify(b == null ? void 0 : b.label);
         return !!(m != null && m[C]) || !!(m != null && m[w]);
       },
       debounceTimeout: 350
     }
   );
-}, Hn = ({
+}, Xn = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  dataSource: r,
-  required: l,
-  actionType: o,
-  dependencies: i,
+  dataSource: a,
+  required: i,
+  actionType: c,
+  dependencies: l,
   debounceMs: n,
   ...d
 }) => {
-  const a = {
+  const r = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = q(a.value || ""), { disabled: h } = M(
+  }, { getNextUI: u } = I(), [f, _] = k(r.value || ""), { disabled: h } = M(
     e,
-    i
-  ), j = (a == null ? void 0 : a.disabled) ?? h, y = O(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), x = Me({
+    l
+  ), j = (r == null ? void 0 : r.disabled) ?? h, y = S(() => i && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, i]), x = Me({
     userFlow: e,
     pageId: t,
     responseKey: s,
-    actionType: o,
+    actionType: c,
     getNextUI: u,
-    isMulti: a == null ? void 0 : a.isMulti,
+    isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
   }), m = (g) => {
     _(g), x(g);
   };
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ o.jsx(
     st,
     {
-      ...a,
+      ...r,
       className: Ke.selectNotFront,
       label: y,
       value: f,
@@ -1675,67 +1712,67 @@ const Gn = (e, t, s, r) => {
       onChange: (g) => !j && m(g)
     }
   );
-}, Xn = (e) => {
+}, Wn = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ c.jsx(Vn, { ...e }) : /* @__PURE__ */ c.jsx(Hn, { ...e });
-}, Wn = "_spacing_19hqa_1", Qn = "_spacing__xxs_19hqa_1", Yn = "_spacing__xs_19hqa_4", Zn = "_spacing__sm_19hqa_7", Fn = "_spacing__md_19hqa_10", Pn = "_spacing__lg_19hqa_13", er = "_spacing__xl_19hqa_16", tr = "_spacing__xxl_19hqa_19", nr = "_spacing__xxxl_19hqa_22", Oe = {
-  spacing: Wn,
-  spacing__xxs: Qn,
-  spacing__xs: Yn,
-  spacing__sm: Zn,
-  spacing__md: Fn,
-  spacing__lg: Pn,
-  spacing__xl: er,
-  spacing__xxl: tr,
-  spacing__xxxl: nr
-}, rr = (e) => {
-  const { size: t } = e, s = ee(Oe.spacing, Oe[`spacing__${t}`]);
-  return /* @__PURE__ */ c.jsx("div", { className: s });
-}, sr = (e) => {
+  return t ? /* @__PURE__ */ o.jsx(Hn, { ...e }) : /* @__PURE__ */ o.jsx(Xn, { ...e });
+}, Qn = "_spacing_19hqa_1", Yn = "_spacing__xxs_19hqa_1", Zn = "_spacing__xs_19hqa_4", Fn = "_spacing__sm_19hqa_7", Pn = "_spacing__md_19hqa_10", ea = "_spacing__lg_19hqa_13", ta = "_spacing__xl_19hqa_16", na = "_spacing__xxl_19hqa_19", aa = "_spacing__xxxl_19hqa_22", Ae = {
+  spacing: Qn,
+  spacing__xxs: Yn,
+  spacing__xs: Zn,
+  spacing__sm: Fn,
+  spacing__md: Pn,
+  spacing__lg: ea,
+  spacing__xl: ta,
+  spacing__xxl: na,
+  spacing__xxxl: aa
+}, sa = (e) => {
+  const { size: t } = e, s = ee(Ae.spacing, Ae[`spacing__${t}`]);
+  return /* @__PURE__ */ o.jsx("div", { className: s });
+}, ra = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: r,
-    actionType: l,
-    label: o,
-    value: i,
+    responseKey: a,
+    actionType: i,
+    label: c,
+    value: l,
     required: n,
     dependencies: d,
-    ...a
+    ...r
   } = e, u = {
-    ...a
-  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
+    ...r
+  }, { getNextUI: f } = I(), [_, h] = k(l || !1), { disabled: j } = M(
     t,
     d
-  ), y = (u == null ? void 0 : u.disabled) ?? j, x = O(() => n && o ? `${o} *` : o ?? "", [o, n]), m = D(async () => {
+  ), y = (u == null ? void 0 : u.disabled) ?? j, x = S(() => n && c ? `${c} *` : c ?? "", [c, n]), m = D(async () => {
     var g;
     try {
-      const b = !_;
-      h(b);
+      const p = !_;
+      h(p);
       const N = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [r]: b
+        [a]: p
       };
-      switch (L(t, N), l) {
+      switch (L(t, N), i) {
         case "GO_TO_NEXT_UI":
-          const p = await f(
+          const b = await f(
             t,
             s,
             N,
-            r
+            a
           );
-          p != null && p.data && S(t, p == null ? void 0 : p.data);
+          b != null && b.data && O(t, b == null ? void 0 : b.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
-    } catch (b) {
-      console.error("Error in switch action:", b), alert(JSON.stringify(b));
+    } catch (p) {
+      console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, r, l, _]);
-  return /* @__PURE__ */ c.jsx(
-    at,
+  }, [t, s, a, i, _]);
+  return /* @__PURE__ */ o.jsx(
+    rt,
     {
       ...u,
       label: x,
@@ -1744,72 +1781,72 @@ const Gn = (e, t, s, r) => {
       onChange: () => !y && m()
     }
   );
-}, ar = "_tableSkeleton_3nr9n_1", or = "_tableArrayPills_3nr9n_7", Ge = {
-  tableSkeleton: ar,
-  tableArrayPills: or
-}, cr = ({ values: e }) => {
-  const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
-  return /* @__PURE__ */ c.jsxs("div", { className: Ge.tableArrayPills, children: [
-    s.map((l, o) => /* @__PURE__ */ c.jsx(ue, { children: String(l) }, o)),
-    r > 0 && /* @__PURE__ */ c.jsxs(ue, { outlined: !0, children: [
+}, ca = "_tableSkeleton_3nr9n_1", oa = "_tableArrayPills_3nr9n_7", Ge = {
+  tableSkeleton: ca,
+  tableArrayPills: oa
+}, ia = ({ values: e }) => {
+  const s = e == null ? void 0 : e.slice(0, 4), a = (e == null ? void 0 : e.length) - 4;
+  return /* @__PURE__ */ o.jsxs("div", { className: Ge.tableArrayPills, children: [
+    s.map((i, c) => /* @__PURE__ */ o.jsx(ue, { children: String(i) }, c)),
+    a > 0 && /* @__PURE__ */ o.jsxs(ue, { outlined: !0, children: [
       "+",
-      r
+      a
     ] })
   ] });
-}, ir = ({
+}, la = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: s,
-  component: r,
-  rowData: l
+  component: a,
+  rowData: i
 }) => {
-  const { getNextUI: o, fetchAndGetNextUI: i, fetchDataSource: n } = I(), d = A(e, t, [
-    { ...r }
-  ]), a = (d == null ? void 0 : d[0]) || null;
-  if (!a) return null;
+  const { getNextUI: c, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = A(e, t, [
+    { ...a }
+  ]), r = (d == null ? void 0 : d[0]) || null;
+  if (!r) return null;
   const {
     actionType: u,
     responseKey: f,
     dataSource: _
-  } = a.props, h = D(async () => {
+  } = r.props, h = D(async () => {
     var j, y, x;
     try {
       const m = {
         ...(j = v.getState()[e]) == null ? void 0 : j.entries,
         [f]: { status: 200 },
-        [s]: [{ ...l }]
+        [s]: [{ ...i }]
       };
       switch (L(e, m), u) {
         case "GO_TO_NEXT_UI": {
-          const g = await o(
+          const g = await c(
             e,
             t,
             m,
             f
           );
-          g != null && g.data && S(e, g == null ? void 0 : g.data);
+          g != null && g.data && O(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const g = await i(
+          const g = await l(
             e,
             t,
             m,
             f,
             _
           );
-          g != null && g.data && S(e, g == null ? void 0 : g.data);
+          g != null && g.data && O(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
-          const g = await o(
+          const g = await c(
             e,
             t,
             m,
             f
-          ), b = (y = g == null ? void 0 : g.data) == null ? void 0 : y.content;
-          if ((b == null ? void 0 : b.type) !== "fetch") break;
-          const N = b == null ? void 0 : b.dataSource, p = await n(
+          ), p = (y = g == null ? void 0 : g.data) == null ? void 0 : y.content;
+          if ((p == null ? void 0 : p.type) !== "fetch") break;
+          const N = p == null ? void 0 : p.dataSource, b = await n(
             N,
             e,
             // Avoid to handle loading state until all the requests are done
@@ -1817,18 +1854,18 @@ const Gn = (e, t, s, r) => {
           ), C = {
             ...(x = v.getState()[e]) == null ? void 0 : x.entries,
             [f]: {
-              status: p == null ? void 0 : p.status,
-              content: p == null ? void 0 : p.data
+              status: b == null ? void 0 : b.status,
+              content: b == null ? void 0 : b.data
             }
           };
           L(e, C);
-          const w = await o(
+          const w = await c(
             e,
             t,
             C,
             f
           );
-          w != null && w.data && S(e, w == null ? void 0 : w.data);
+          w != null && w.data && O(e, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -1839,10 +1876,10 @@ const Gn = (e, t, s, r) => {
       alert(JSON.stringify(m));
     }
   }, [u, _, t, f, e]);
-  return We(a, {
+  return We(r, {
     onClick: h
   });
-}, lr = () => /* @__PURE__ */ c.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ c.jsx(
+}, da = () => /* @__PURE__ */ o.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   De,
   {
     maxWidth: "100%",
@@ -1850,21 +1887,21 @@ const Gn = (e, t, s, r) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), dr = ({
+)) }), _a = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  component: r,
-  dataSource: l,
-  rightActions: o,
-  ...i
+  component: a,
+  dataSource: i,
+  rightActions: c,
+  ...l
 }) => {
-  var b, N, p;
-  const { fetchDataSource: n } = I(), [d, a] = q(!1), [u, f] = q(1), [_, h] = q(null), j = O(() => {
-    if (o != null && o.length)
-      return o.map((C, w) => ({
-        renderContent: (E) => /* @__PURE__ */ c.jsx(
-          ir,
+  var p, N, b;
+  const { fetchDataSource: n } = I(), [d, r] = k(!1), [u, f] = k(1), [_, h] = k(null), j = S(() => {
+    if (c != null && c.length)
+      return c.map((C, w) => ({
+        renderContent: (E) => /* @__PURE__ */ o.jsx(
+          la,
           {
             userFlow: e,
             pageId: t,
@@ -1875,97 +1912,97 @@ const Gn = (e, t, s, r) => {
           `tableRowAction${w}`
         )
       }));
-  }, [o, e, t]), y = async (C = 1) => {
+  }, [c, e, t]), y = async (C = 1) => {
     try {
-      a(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = l, k = pe(
-        l,
+      r(!0);
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = i, q = be(
+        i,
         C
-      ), K = await n(
-        k,
+      ), G = await n(
+        q,
         e,
         !1
       );
       h(
         ze(
-          K == null ? void 0 : K.data,
+          G == null ? void 0 : G.data,
           w,
           E,
           T
         )
-      ), a(!1);
+      ), r(!1);
     } catch (w) {
-      alert(JSON.stringify(w)), a(!1);
+      alert(JSON.stringify(w)), r(!1);
     }
   }, x = (C) => {
     f(C), y(C);
   };
-  V(() => {
+  K(() => {
     y();
   }, []);
-  const m = O(() => !(_ != null && _.items) || !(i != null && i.columns) ? i == null ? void 0 : i.columns : i.columns.map((C) => {
+  const m = S(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
     var E;
     return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
       (T) => Array.isArray(C != null && C.accessor ? T[C == null ? void 0 : C.accessor] : void 0)
     )) ? {
       ...C,
       renderCell: (T) => {
-        const k = C.accessor ? T[C.accessor] : void 0;
-        return Array.isArray(k) ? /* @__PURE__ */ c.jsx(cr, { values: k }) : k;
+        const q = C.accessor ? T[C.accessor] : void 0;
+        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(ia, { values: q }) : q;
       }
     } : C;
-  }), [_ == null ? void 0 : _.items, i == null ? void 0 : i.columns]), g = {
-    ...i,
+  }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
+    ...l,
     data: _ == null ? void 0 : _.items,
     columns: m,
     rightActions: j
   };
-  return /* @__PURE__ */ c.jsx(c.Fragment, { children: d ? /* @__PURE__ */ c.jsx(lr, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(ot, { ...g }),
-    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ c.jsx(
-      ct,
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(da, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(ct, { ...g }),
+    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
+      ot,
       {
         classname: { global: "row__end" },
         page: u,
         size: _ == null ? void 0 : _.pagination.size,
-        total: (p = _ == null ? void 0 : _.pagination) == null ? void 0 : p.total,
+        total: (b = _ == null ? void 0 : _.pagination) == null ? void 0 : b.total,
         onChange: x
       }
     )
-  ] }) : /* @__PURE__ */ c.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, _r = "_textFieldNotFront_cps4i_1", ur = {
-  textFieldNotFront: _r
-}, hr = (e) => {
+  ] }) : /* @__PURE__ */ o.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, ua = "_textFieldNotFront_cps4i_1", ha = {
+  textFieldNotFront: ua
+}, fa = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    component: r,
-    hash: l,
-    responseKey: o,
-    required: i,
+    component: a,
+    hash: i,
+    responseKey: c,
+    required: l,
     dependencies: n,
     ...d
-  } = e, a = {
+  } = e, r = {
     ...d
-  }, [u, f] = q((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
+  }, [u, f] = k((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = M(
     t,
     n
-  ), h = (a == null ? void 0 : a.disabled) ?? _, j = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), y = (x) => {
-    var b;
-    const m = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
+  ), h = (r == null ? void 0 : r.disabled) ?? _, j = S(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), y = (x) => {
+    var p;
+    const m = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
     f(m);
     const g = {
-      [o]: m
+      [c]: m
     };
     L(t, g);
   };
-  return V(() => {
-    f((a == null ? void 0 : a.value) ?? "");
-  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ c.jsx(
+  return K(() => {
+    f((r == null ? void 0 : r.value) ?? "");
+  }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
     it,
     {
-      ...a,
-      className: ur.textFieldNotFront,
+      ...r,
+      className: ha.textFieldNotFront,
       allowClear: !1,
       label: j,
       value: u,
@@ -1973,107 +2010,107 @@ const Gn = (e, t, s, r) => {
       onChange: (x) => !h && y(x)
     }
   );
-}, fr = ({
+}, ya = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  variant: r,
-  content: l,
-  actionType: o,
-  redirectUrl: i
+  variant: a,
+  content: i,
+  actionType: c,
+  redirectUrl: l
 }) => {
   const n = D(async () => {
     xe(e);
     try {
-      switch (o) {
+      switch (c) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = i;
+          window.location.href = l;
           break;
         default:
-          console.warn(`Unhandled actionType: ${o}`);
+          console.warn(`Unhandled actionType: ${c}`);
           break;
       }
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [o, t, s, e, i]);
-  return V(() => {
+  }, [c, t, s, e, l]);
+  return K(() => {
     ({
       info: W.info,
       error: W.error,
       success: W.success,
       warning: W.warning
-    }[r] || W.info)(l, {
-      autoClose: o ? !1 : 4e3,
+    }[a] || W.info)(i, {
+      autoClose: c ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, yr = "_accordion_1ri2t_1", mr = "_accordionBody_1ri2t_8", Te = {
-  accordion: yr,
-  accordionBody: mr
-}, xr = (e) => {
+}, ma = "_accordion_1ri2t_1", xa = "_accordionBody_1ri2t_8", Te = {
+  accordion: ma,
+  accordionBody: xa
+}, ga = (e) => {
   const {
     userFlow: t,
     pageId: s,
-    responseKey: r,
-    dependencies: l,
-    customContent: o,
-    actionContent: i,
+    responseKey: a,
+    dependencies: i,
+    customContent: c,
+    actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: a } = I(), [u, f] = q(
+  } = e, { getNextUI: r } = I(), [u, f] = k(
     d.checkboxChecked || !1
   ), { disabled: _ } = M(
     t,
-    l
-  ), h = A(t, s, n), j = i ? A(t, s, i) : void 0, y = o ? A(t, s, o) : void 0, x = D(
-    async (b) => {
+    i
+  ), h = A(t, s, n), j = l ? A(t, s, l) : void 0, y = c ? A(t, s, c) : void 0, x = D(
+    async (p) => {
       var N;
       try {
-        const p = b.target.checked;
-        f(p);
+        const b = p.target.checked;
+        f(b);
         const C = {
           ...(N = v.getState()[t]) == null ? void 0 : N.entries,
-          [r]: p
+          [a]: b
         };
         if (L(t, C), d.actionType === "GO_TO_NEXT_UI") {
-          const w = await a(
+          const w = await r(
             t,
             s,
             C,
-            r
+            a
           );
-          w != null && w.data && S(t, w == null ? void 0 : w.data);
+          w != null && w.data && O(t, w == null ? void 0 : w.data);
         }
-      } catch (p) {
-        console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
+      } catch (b) {
+        console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
       }
     },
-    [t, s, r, d.actionType, a]
+    [t, s, a, d.actionType, r]
   ), m = d.disabled || _, g = {
     ...d,
     className: Te.accordion,
     disabled: m,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
-    actionContent: j ? /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-action-${N}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ c.jsx(c.Fragment, { children: y.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ c.jsx("section", { className: Te.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-child-${N}`)) }) : void 0
+    actionContent: j ? /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-action-${N}`)) }) : void 0,
+    customContent: y ? /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-custom-${N}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ o.jsx("section", { className: Te.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx($, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
-  return /* @__PURE__ */ c.jsx(lt, { ...g });
-}, gr = "_drawer_13pxo_1", pr = "_drawerBody_13pxo_5", br = "_drawerFooter_13pxo_11", _e = {
-  drawer: gr,
-  drawerBody: pr,
-  drawerFooter: br
-}, jr = ({
+  return /* @__PURE__ */ o.jsx(lt, { ...g });
+}, ba = "_drawer_13pxo_1", pa = "_drawerBody_13pxo_5", ja = "_drawerFooter_13pxo_11", _e = {
+  drawer: ba,
+  drawerBody: pa,
+  drawerFooter: ja
+}, wa = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
-  header: r,
-  body: l,
-  footer: o,
-  ...i
+  header: a,
+  body: i,
+  footer: c,
+  ...l
 }) => {
   const n = v((y) => {
     var x;
@@ -2081,91 +2118,91 @@ const Gn = (e, t, s, r) => {
   }), d = v((y) => {
     var x;
     return (x = y[e]) == null ? void 0 : x.isLoading;
-  }), a = n && !d, u = {
-    ...i,
-    isOpen: a,
+  }), r = n && !d, u = {
+    ...l,
+    isOpen: r,
     children: null
   }, f = D(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Re, { type: "h2", children: r }) : void 0, h = A(e, t, l), j = o ? A(e, t, o) : void 0;
-  return /* @__PURE__ */ c.jsx(
+  }, [e]), _ = Array.isArray(a) ? A(e, t, a) : a ? /* @__PURE__ */ o.jsx(Re, { type: "h2", children: a }) : void 0, h = A(e, t, i), j = c ? A(e, t, c) : void 0;
+  return /* @__PURE__ */ o.jsx(
     dt,
     {
       ...u,
       className: _e.drawer,
-      isOpen: a,
+      isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ c.jsx(c.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ c.jsx("section", { className: _e.drawerBody, children: h.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-body-${x}`)) }),
-      footer: j ? /* @__PURE__ */ c.jsx("div", { className: _e.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: _e.drawerBody, children: h.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-body-${x}`)) }),
+      footer: j ? /* @__PURE__ */ o.jsx("div", { className: _e.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ o.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, $e = (e, t, s, r, l) => {
-  const o = A(
+}, $e = (e, t, s, a, i) => {
+  const c = A(
     e,
     t,
-    (r == null ? void 0 : r.components) || null,
-    l
+    (a == null ? void 0 : a.components) || null,
+    i
   );
   switch (s) {
     case "body":
-      return /* @__PURE__ */ c.jsx(
-        Ft,
+      return /* @__PURE__ */ o.jsx(
+        Pt,
         {
-          ...r,
-          inputs: o || []
+          ...a,
+          inputs: c || []
         },
-        JSON.stringify(r == null ? void 0 : r.components)
+        JSON.stringify(a == null ? void 0 : a.components)
       );
     case "header":
-      return /* @__PURE__ */ c.jsx(
-        On,
+      return /* @__PURE__ */ o.jsx(
+        Tn,
         {
-          ...r,
-          components: o || []
+          ...a,
+          components: c || []
         },
-        JSON.stringify(r == null ? void 0 : r.components)
+        JSON.stringify(a == null ? void 0 : a.components)
       );
     default:
       return null;
   }
-}, Rr = (e, t, s, r) => {
+}, Da = (e, t, s, a) => {
   var _, h, j;
-  const [l, o] = q(!1), i = v((y) => y), n = (_ = i[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
+  const [i, c] = k(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
     e,
     n,
     "header",
-    ((h = i[e].pages[n].page) == null ? void 0 : h.header) || null,
-    r
-  ) : null, a = n ? $e(
+    ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
+    a
+  ) : null, r = n ? $e(
     e,
     n,
     "body",
-    ((j = i[e].pages[n].page) == null ? void 0 : j.body) || null,
-    r
-  ) : null, u = O(() => {
+    ((j = l[e].pages[n].page) == null ? void 0 : j.body) || null,
+    a
+  ) : null, u = S(() => {
     var y;
-    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      ((y = i[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(_t, {}),
+    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ o.jsx(_t, {}),
       d,
-      a,
-      n && /* @__PURE__ */ c.jsx(Dn, { userFlow: e, pageId: n }),
-      i[e] && /* @__PURE__ */ c.jsx(ut, {})
+      r,
+      n && /* @__PURE__ */ o.jsx(Ln, { userFlow: e, pageId: n }),
+      l[e] && /* @__PURE__ */ o.jsx(ut, {})
     ] });
-  }, [d, a, n, e]), f = async () => {
+  }, [d, r, n, e]), f = async () => {
     try {
       const y = await Ie(
         t,
         e
       ), x = y == null ? void 0 : y.data, m = x == null ? void 0 : x.content;
-      (y == null ? void 0 : y.status) === 200 ? oe(e, t, m, x == null ? void 0 : x.sessionState) : o(!0);
+      (y == null ? void 0 : y.status) === 200 ? ce(e, t, m, x == null ? void 0 : x.sessionState) : c(!0);
     } catch (y) {
-      console.error("[not-page]: API call failed", y), o(!0);
+      console.error("[not-page]: API call failed", y), c(!0);
     }
   };
-  return V(() => {
-    t != null && t.api && !s && e ? f() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? oe(e, t, s) : (!(t != null && t.api) && !s || !e) && (o(!0), console.error(
+  return K(() => {
+    t != null && t.api && !s && e ? f() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? ce(e, t, s) : (!(t != null && t.api) && !s || !e) && (c(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
@@ -2177,12 +2214,12 @@ const Gn = (e, t, s, r) => {
     return window.addEventListener(y, x), () => {
       window.removeEventListener(y, x);
     };
-  }, []), l && console.error("[not-page]: No render page"), u;
+  }, []), i && console.error("[not-page]: No render page"), u;
 };
 export {
-  qn as Chart,
-  Kn as Row,
-  Kt as heading,
-  Gt as text,
-  Rr as usePage
+  kn as Chart,
+  Gn as Row,
+  Gt as heading,
+  Ut as text,
+  Da as usePage
 };