@foris/avocado-not-front 4.1.0 → 4.1.2

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

@@ -1,17 +1,17 @@
 import V from "axios";
 import { create as Ve } from "zustand";
 import He, { useMemo as S, useEffect as K, useState as q, Fragment as A, 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, Tabs as it, TextField as lt, toast as W, Accordion as dt, Drawer as _t, Loading as ut, Toaster as ht } from "@foris/avocado-suite";
-import { ChatPanel as ft, SummaryCard as yt, PromptCodeEditor as mt } from "@foris/ai-agent";
+import { Heading as Re, Text as Qe, ThemeStore as te, Breadcrumbs as Ye, Button as Ze, CardNotification as me, Checkbox as Fe, PreviewerMarkdown as Pe, Divider as et, SkeletonBase as De, Modal as tt, Pill as he, RoundButton as nt, SelectPagination as st, Select as at, Switch as rt, Table as ct, Pager as ot, Tabs as it, TextField as lt, toast as W, Accordion as dt, Drawer as _t, Loading as ut, Toaster as ht } from "@foris/avocado-suite";
+import { ChatPanel as ft, SummaryCard as mt, PromptCodeEditor as yt } from "@foris/ai-agent";
 import xt from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
 import { markdown as gt } from "@codemirror/lang-markdown";
 import { sql as bt } from "@codemirror/lang-sql";
 import { yaml as pt } from "@codemirror/lang-yaml";
 import B from "jsonpath";
-import { Legend as jt, Tooltip as wt, XAxis as Ct, YAxis as Nt, ResponsiveContainer as te, AreaChart as vt, CartesianGrid as me, Area as Et, BarChart as St, Bar as kt, LineChart as qt, Line as Ot, PieChart as At, Pie as Tt, Cell as $t } 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 } : {};
+import { Legend as jt, Tooltip as wt, XAxis as Ct, YAxis as Nt, ResponsiveContainer as ne, AreaChart as vt, CartesianGrid as ye, Area as Et, BarChart as St, Bar as kt, LineChart as qt, Line as Ot, PieChart as At, Pie as Tt, Cell as $t } from "recharts";
+const v = Ve(() => ({})), oe = (e, t, a, s) => {
+  const i = a == null ? void 0 : a.hash, c = s && Object.keys(s).length > 0 ? { ...s } : {};
   v.setState((l) => {
     var n;
     return {
@@ -28,24 +28,24 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
         pages: {
           ...(n = l[e]) == null ? void 0 : n.pages,
           [i]: {
-            page: s
+            page: a
           }
         }
       }
     };
   });
-}, Le = (e, t, s) => {
-  const a = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
+}, Le = (e, t, a) => {
+  const s = a && Object.keys(a).length > 0 ? { ...e, ...a } : e;
   return t.length === 0 ? e : Object.fromEntries(
-    Object.entries(a).filter(
+    Object.entries(s).filter(
       ([i]) => !t.includes(i)
     )
   );
-}, Rt = (e, t, s, a, i) => {
-  sessionStorage.setItem("sessionId", s), v.setState((c) => {
+}, Rt = (e, t, a, s, i) => {
+  sessionStorage.setItem("sessionId", a), v.setState((c) => {
     const l = c[e] ?? {}, n = l.entries ?? {}, d = Le(
       n,
-      a,
+      s,
       i
     );
     return {
@@ -65,13 +65,13 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
       }
     };
   });
-}, Dt = (e, t, s, a) => {
+}, Dt = (e, t, a, s) => {
   v.setState((i) => {
     var r;
     const c = i[e] ?? {}, l = c.entries ?? {}, n = Le(
       l,
-      s,
-      a
+      a,
+      s
     ), d = (r = t.components) == null ? void 0 : r.some(
       (u) => u.component === "drawer"
     );
@@ -96,36 +96,36 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
     }
   }));
 }, Lt = (e) => {
-  var s;
-  return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
+  var a;
+  return ((a = v.getState()[e]) == null ? void 0 : a.overlay) ?? null;
 }, T = (e, t) => {
   const {
-    content: s,
-    sessionId: a,
+    content: a,
+    sessionId: s,
     deprecatedStateKeys: i = [],
     sessionState: c
   } = t;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? Rt(
+  a.type !== "page" && a.type !== "overlay" || (a.type === "page" ? Rt(
     e,
-    s,
     a,
+    s,
     i,
     c
   ) : Dt(
     e,
-    s,
+    a,
     i,
     c
   ));
 }, L = (e, t) => {
-  v.setState((s) => {
-    var a;
+  v.setState((a) => {
+    var s;
     return {
-      ...s,
+      ...a,
       [e]: {
-        ...s[e],
+        ...a[e],
         entries: {
-          ...(a = s[e]) == null ? void 0 : a.entries,
+          ...(s = a[e]) == null ? void 0 : s.entries,
           ...t
           // New entries
         }
@@ -133,64 +133,64 @@ const v = Ve(() => ({})), ce = (e, t, s, a) => {
     };
   });
 }, H = (e, t) => {
-  v.setState((s) => ({
-    ...s,
+  v.setState((a) => ({
+    ...a,
     [e]: {
-      ...s[e],
+      ...a[e],
       isLoading: t
     }
   }));
 }, ge = (e, t) => {
-  v.setState((s) => ({
-    ...s,
+  v.setState((a) => ({
+    ...a,
     [e]: {
-      ...s[e],
+      ...a[e],
       isModalOpen: t
     }
   }));
 }, Z = (e, t) => {
-  v.setState((s) => ({
-    ...s,
+  v.setState((a) => ({
+    ...a,
     [e]: {
-      ...s[e],
+      ...a[e],
       isDrawerOpen: t
     }
   }));
 }, Ce = (e, t) => {
-  v.setState((s) => {
-    const a = s[e];
-    return a ? {
-      ...s,
+  v.setState((a) => {
+    const s = a[e];
+    return s ? {
+      ...a,
       [e]: {
-        ...a,
+        ...s,
         apiConfig: {
-          ...a.apiConfig,
+          ...s.apiConfig,
           headers: t
         }
       }
-    } : s;
+    } : a;
   });
 };
-let oe = !1, P = [], Ne = !1;
+let ie = !1, P = [], Ne = !1;
 const Bt = (e) => e._userFlow || null, ve = (e) => {
-  P.forEach(({ resolve: t, reject: s }) => {
-    e ? s(e) : t(void 0);
+  P.forEach(({ resolve: t, reject: a }) => {
+    e ? a(e) : t(void 0);
   }), P = [];
 }, It = async (e) => {
-  var a, i;
+  var s, i;
   const t = e == null ? void 0 : e.config;
-  if (((a = e == null ? void 0 : e.response) == null ? void 0 : a.status) === 401 && !t._retry) {
+  if (((s = e == null ? void 0 : e.response) == null ? void 0 : s.status) === 401 && !t._retry) {
     const c = Bt(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 (oe)
+        if (ie)
           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;
+        t._retry = !0, ie = !0;
         try {
           let r;
           if (n.onAuthenticationError)
@@ -209,7 +209,7 @@ const Bt = (e) => e._userFlow || null, ve = (e) => {
             P.length
           ), ve(r), Promise.reject(r);
         } finally {
-          oe = !1;
+          ie = !1;
         }
       } else
         console.warn(
@@ -235,7 +235,7 @@ zt();
 function Mt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ie = { exports: {} }, Q = {};
+var le = { exports: {} }, Q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -249,19 +249,19 @@ var Ee;
 function Kt() {
   if (Ee) return Q;
   Ee = 1;
-  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 };
+  var e = He, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = 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;
     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]);
+    for (u in d) s.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: i.current };
   }
-  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
+  return Q.Fragment = a, Q.jsx = l, Q.jsxs = l, Q;
 }
 var Se;
 function Gt() {
-  return Se || (Se = 1, ie.exports = Kt()), ie.exports;
+  return Se || (Se = 1, le.exports = Kt()), le.exports;
 }
 var o = Gt();
 const Ut = (e) => {
@@ -280,47 +280,56 @@ const Ut = (e) => {
   };
   return /* @__PURE__ */ o.jsx(Qe, { ...t });
 }, Vt = (e) => {
-  const t = e.dataSource, s = S(() => ({
+  const t = te.useThemeStore((l) => l.theme.mode), a = 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
+    params: a == null ? void 0 : a.data
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), i = e.locale ?? "en", c = S(() => {
+    var n, d, r, u, f;
+    const l = {
+      title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
+      welcomeTitle: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.welcomeTitle,
+      welcomeDescription: (r = e == null ? void 0 : e.translations) == null ? void 0 : r.welcomeDescription,
+      placeholder: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.placeholder,
+      disclaimer: (f = e == null ? void 0 : e.translations) == null ? void 0 : f.disclaimer
     };
-    return Object.fromEntries(Object.entries(c).filter(([, f]) => !!f));
+    return Object.fromEntries(Object.entries(l).filter(([, _]) => !!_));
   }, [e == null ? void 0 : e.translations]);
   return K(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
-      locale: a,
-      translations: i,
-      initialSuggestions: e.initialSuggestions
+      locale: i,
+      translations: c,
+      initialSuggestions: e.initialSuggestions,
+      theme: t
     });
-  }, [e.onResolveProps, s, a, i, e.initialSuggestions]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
+  }, [
+    e.onResolveProps,
+    s,
+    i,
+    c,
+    e.initialSuggestions,
+    t
+  ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
     ft,
     {
       dataSource: s,
-      locale: a,
-      translations: i,
-      initialSuggestions: e.initialSuggestions
+      locale: i,
+      translations: c,
+      initialSuggestions: e.initialSuggestions,
+      theme: t
     }
   );
 }, Ht = "_summaryCard_jva4h_1", Xt = {
   summaryCard: Ht
 }, Wt = (e) => {
-  const t = e.dataSource, s = S(() => ({
+  const t = e.dataSource, a = S(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), a = e.locale ?? "en", i = S(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", i = S(() => {
     var l, n, d;
     const c = {
       title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
@@ -333,41 +342,41 @@ const Ut = (e) => {
   }, [e == null ? void 0 : e.translations]);
   return K(() => {
     e.onResolveProps && e.onResolveProps({
-      dataSource: s,
-      locale: a,
+      dataSource: a,
+      locale: s,
       translations: i
     });
-  }, [e.onResolveProps, s, a, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Xt.summaryCard, children: /* @__PURE__ */ o.jsx(
-    yt,
+  }, [e.onResolveProps, a, s, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Xt.summaryCard, children: /* @__PURE__ */ o.jsx(
+    mt,
     {
-      dataSource: s,
-      locale: a,
+      dataSource: a,
+      locale: s,
       translations: i
     }
   ) });
 }, M = (e, t) => {
-  const s = v((a) => {
+  const a = v((s) => {
     var i;
-    return ((i = a[e]) == null ? void 0 : i.entries) || {};
+    return ((i = s[e]) == null ? void 0 : i.entries) || {};
   });
   return S(() => {
-    const a = {
+    const s = {
       disabled: !1
     };
     return !t || t.length === 0 || t.forEach((i) => {
-      const c = s[i.key], l = c == null || c === "" || Array.isArray(c) && c.length === 0;
+      const c = a[i.key], l = c == null || c === "" || Array.isArray(c) && c.length === 0;
       i.when === "empty" && l && i.actions.forEach((d) => {
-        a[d] = !0;
+        s[d] = !0;
       });
-    }), a;
-  }, [t, s]);
+    }), s;
+  }, [t, a]);
 }, Qt = "_promptCodeEditor_1d57s_1", Yt = {
   promptCodeEditor: Qt
 }, Zt = (e) => {
   const {
     userFlow: t,
-    responseKey: s,
-    codeBlockValue: a,
+    responseKey: a,
+    codeBlockValue: s,
     language: i,
     disabled: c,
     dependencies: l,
@@ -375,12 +384,12 @@ const Ut = (e) => {
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = fe.useThemeStore((p) => p.theme.mode), [_, h] = q(
-    a || ""
+  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = q(
+    s || ""
   ), { disabled: j } = M(
     t,
     l
-  ), y = c ?? j, x = i ?? "json", m = {
+  ), m = c ?? j, x = i ?? "json", y = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
@@ -388,19 +397,19 @@ const Ut = (e) => {
   }, g = (p) => {
     h(p);
     const N = {
-      [s]: p
+      [a]: p
     };
     L(t, N);
   };
   return K(() => {
-    a !== void 0 && a !== _ && h(a);
-  }, [a]), /* @__PURE__ */ o.jsx("section", { className: Yt.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    mt,
+    s !== void 0 && s !== _ && h(s);
+  }, [s]), /* @__PURE__ */ o.jsx("section", { className: Yt.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
+    yt,
     {
       themeMode: f,
-      requestConfig: m,
+      requestConfig: y,
       language: x,
-      disabled: y,
+      disabled: m,
       inputLabel: d,
       inputPlaceholder: r,
       codeBlockLabel: u,
@@ -411,7 +420,7 @@ const Ut = (e) => {
 }, Ft = "_body_14tsv_1", Pt = "_body_content_14tsv_5", ke = {
   body: Ft,
   body_content: Pt
-}, en = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: ke.body, children: /* @__PURE__ */ o.jsx("div", { className: ke.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(A, { children: t }, s)) }) }), X = (e) => {
+}, en = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: ke.body, children: /* @__PURE__ */ o.jsx("div", { className: ke.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(A, { children: t }, a)) }) }), X = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -423,67 +432,67 @@ const Ut = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), tn = (e, t = {}, s = {}, a = !1, i) => {
+}, F = () => new AbortController(), tn = (e, t = {}, a = {}, s = !1, i) => {
   const c = F();
-  a && c.abort();
+  s && c.abort();
   const l = X(t);
   return {
     call: V.get(e, {
       headers: {
         ...l
       },
-      params: s,
+      params: a,
       signal: c.signal,
       _userFlow: i
     }),
     controller: c
   };
-}, he = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, fe = (e, t = {}, a = {}, s = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
   return {
-    call: V.post(e, s, {
+    call: V.post(e, a, {
       headers: {
         ...n
       },
-      params: a,
+      params: s,
       signal: l.signal,
       _userFlow: c
     }),
     controller: l
   };
-}, nn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, nn = (e, t = {}, a = {}, s = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
   return {
-    call: V.put(e, s, {
+    call: V.put(e, a, {
       headers: {
         ...n
       },
-      params: a,
+      params: s,
       signal: l.signal,
       _userFlow: c
     }),
     controller: l
   };
-}, an = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, sn = (e, t = {}, a = {}, s = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
   return {
-    call: V.patch(e, s, {
+    call: V.patch(e, a, {
       headers: {
         ...n
       },
-      params: a,
+      params: s,
       signal: l.signal,
       _userFlow: c
     }),
     controller: l
   };
-}, sn = (e, t = {}, s = {}, a = {}, i = !1, c) => {
+}, an = (e, t = {}, a = {}, s = {}, i = !1, c) => {
   const l = F();
   i && l.abort();
   const n = X(t);
@@ -492,8 +501,8 @@ const Ut = (e) => {
       headers: {
         ...n
       },
-      data: s,
-      params: a,
+      data: a,
+      params: s,
       signal: l.signal,
       _userFlow: c
     }),
@@ -501,11 +510,11 @@ const Ut = (e) => {
   };
 }, Be = () => {
   let e;
-  return { callEndpoint: async (a) => {
-    a.controller && (e = a.controller);
+  return { callEndpoint: async (s) => {
+    s.controller && (e = s.controller);
     let i = {};
     try {
-      i = await a.call;
+      i = await s.call;
     } catch (c) {
       throw c;
     }
@@ -513,14 +522,14 @@ const Ut = (e) => {
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, Ie = async (e, t, s = "", a = {}, i = {}) => {
+}, Ie = async (e, t, a = "", s = {}, i = {}) => {
   try {
     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(
+    a && r.append("hash_code", a), d && r.append("sessionId", d);
+    const u = `${l}/not-front/next-ui/?${r.toString()}`, f = X(n), _ = fe(
       u,
       f,
-      a,
+      s,
       i,
       !1,
       t
@@ -530,7 +539,7 @@ const Ut = (e) => {
     return console.error(c), Promise.reject(c);
   }
 }, I = () => {
-  const e = v((n) => n), { callEndpoint: t } = Be(), s = async (n, d, r, u, f = !0) => {
+  const e = v((n) => n), { callEndpoint: t } = Be(), a = async (n, d, r, u, f = !0) => {
     var _;
     try {
       const h = (_ = e[n]) == null ? void 0 : _.apiConfig, j = {
@@ -546,17 +555,17 @@ const Ut = (e) => {
     } catch (h) {
       throw f && H(n, !1), console.error("[getNextUI] Error fetching next UI:", h), h;
     }
-  }, a = (n, d) => {
+  }, s = (n, d) => {
     const { method: r, url: u, headers: f, data: _, params: h } = n;
     switch (r) {
       case "post":
-        return he(u, f, _, {}, !1, d);
+        return fe(u, f, _, {}, !1, d);
       case "put":
         return nn(u, f, _, {}, !1, d);
       case "patch":
-        return an(u, f, _, {}, !1, d);
+        return sn(u, f, _, {}, !1, d);
       case "delete":
-        return sn(u, f, _, h, !1, d);
+        return an(u, f, _, h, !1, d);
       case "get":
       default:
         return tn(u, f, h, !1, d);
@@ -566,7 +575,7 @@ const Ut = (e) => {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
     };
-    return he(
+    return fe(
       r,
       {
         ...u,
@@ -588,7 +597,7 @@ const Ut = (e) => {
       let _;
       switch (n == null ? void 0 : n.type) {
         case "rest":
-          _ = a(n, d);
+          _ = s(n, d);
           break;
         case "graphql":
           _ = i(n, d);
@@ -612,13 +621,13 @@ const Ut = (e) => {
     }
   };
   return {
-    getNextUI: s,
+    getNextUI: a,
     fetchDataSource: c,
     fetchAndGetNextUI: async (n, d, r, u, f) => {
       try {
         H(n, !0);
         const _ = await c(f, n, !1);
-        return _ && await s(
+        return _ && await a(
           n,
           d,
           r,
@@ -635,19 +644,19 @@ const Ut = (e) => {
 }, rn = ({
   userFlow: e,
   items: t,
-  responseKey: s
+  responseKey: a
 }) => {
-  const { getNextUI: a } = I(), i = D(
+  const { getNextUI: s } = I(), i = D(
     async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
       var r;
       try {
         switch (l) {
           case "GO_TO_NEXT_UI":
-            const u = await a(
+            const u = await s(
               e,
               n,
               { ...(r = v.getState()[e]) == null ? void 0 : r.entries },
-              s
+              a
             );
             u != null && u.data && T(e, u == null ? void 0 : u.data);
             break;
@@ -671,8 +680,8 @@ const Ut = (e) => {
 }, cn = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    responseKey: a,
+    pageId: a,
+    responseKey: s,
     actionType: i,
     label: c,
     content: l,
@@ -681,18 +690,18 @@ const Ut = (e) => {
     dependencies: r,
     onClick: u,
     ...f
-  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: j } = I(), { disabled: y } = M(
+  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: j } = I(), { disabled: m } = M(
     t,
     r
   ), x = {
     ...f,
     children: l ?? c
-  }, m = (x == null ? void 0 : x.disabled) ?? y, g = D(async () => {
+  }, y = (x == null ? void 0 : x.disabled) ?? m, g = D(async () => {
     var p, N, b;
     try {
       const C = {
         ...(p = v.getState()[t]) == null ? void 0 : p.entries,
-        [a]: { status: 200 }
+        [s]: { status: 200 }
       };
       switch (L(t, C), i) {
         case "CLOSE_MODAL":
@@ -707,9 +716,9 @@ const Ut = (e) => {
         case "GO_TO_NEXT_UI": {
           const w = await _(
             t,
-            s,
+            a,
             C,
-            a
+            s
           );
           w != null && w.data && T(t, w == null ? void 0 : w.data);
           break;
@@ -717,9 +726,9 @@ const Ut = (e) => {
         case "FETCH_AND_GO_TO_NEXT_UI": {
           const w = await j(
             t,
-            s,
-            C,
             a,
+            C,
+            s,
             n
           );
           w != null && w.data && T(t, w == null ? void 0 : w.data);
@@ -728,9 +737,9 @@ const Ut = (e) => {
         case "GET_DATA_SOURCE": {
           const w = await _(
             t,
-            s,
+            a,
             C,
-            a
+            s
           ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
           if ((E == null ? void 0 : E.type) !== "fetch") break;
           const $ = E == null ? void 0 : E.dataSource, k = await h(
@@ -740,7 +749,7 @@ const Ut = (e) => {
             !1
           ), G = {
             ...(b = v.getState()[t]) == null ? void 0 : b.entries,
-            [a]: {
+            [s]: {
               status: k == null ? void 0 : k.status,
               content: k == null ? void 0 : k.data
             }
@@ -748,9 +757,9 @@ const Ut = (e) => {
           L(t, G);
           const U = await _(
             t,
-            s,
+            a,
             G,
-            a
+            s
           );
           U != null && U.data && T(t, U == null ? void 0 : U.data);
           break;
@@ -765,24 +774,24 @@ const Ut = (e) => {
     } catch (C) {
       alert(JSON.stringify(C));
     }
-  }, [i, n, s, a, t]);
+  }, [i, n, a, s, t]);
   return /* @__PURE__ */ o.jsx(
     Ze,
     {
       ...x,
-      disabled: m,
-      onClick: () => !m && (u ?? g)()
+      disabled: y,
+      onClick: () => !y && (u ?? g)()
     }
   );
 }, on = "_cardNotificationNotFront_t7pln_1", ln = {
   cardNotificationNotFront: on
 }, dn = (e) => {
-  const { content: t, description: s, ...a } = e, i = {
-    ...a,
-    children: t ?? s
+  const { content: t, description: a, ...s } = e, i = {
+    ...s,
+    children: t ?? a
   };
   return /* @__PURE__ */ o.jsx(
-    ye,
+    me,
     {
       ...i,
       className: ln.cardNotificationNotFront
@@ -791,8 +800,8 @@ const Ut = (e) => {
 }, _n = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    responseKey: a,
+    pageId: a,
+    responseKey: s,
     actionType: i,
     label: c,
     value: l,
@@ -804,22 +813,22 @@ const Ut = (e) => {
   }, { getNextUI: f } = I(), [_, h] = q(l || !1), { disabled: j } = M(
     t,
     d
-  ), y = S(() => n && c ? `${c} *` : c ?? "", [c, n]), x = D(async () => {
+  ), m = S(() => n && c ? `${c} *` : c ?? "", [c, n]), x = D(async () => {
     var g;
     try {
       const p = !_;
       h(p);
       const N = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [a]: p
+        [s]: p
       };
       switch (L(t, N), i) {
         case "GO_TO_NEXT_UI":
           const b = await f(
             t,
-            s,
+            a,
             N,
-            a
+            s
           );
           b != null && b.data && T(t, b == null ? void 0 : b.data);
           break;
@@ -830,30 +839,30 @@ const Ut = (e) => {
     } catch (p) {
       console.error("Error in checkbox action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, a, i, _]), m = (u == null ? void 0 : u.disabled) ?? j;
+  }, [t, a, s, i, _]), y = (u == null ? void 0 : u.disabled) ?? j;
   return /* @__PURE__ */ o.jsx(
     Fe,
     {
       ...u,
-      labelRight: y,
+      labelRight: m,
       checked: _,
-      disabled: m,
+      disabled: y,
       onChange: () => {
-        !m && x();
+        !y && x();
       }
     }
   );
-}, un = "_codeEditor_1coz7_1", hn = "_codeEditor_label_1coz7_4", fn = "_codeEditor_wrapper_1coz7_13", yn = "_input_1coz7_17", mn = "_preview_1coz7_18", Y = {
+}, un = "_codeEditor_1coz7_1", hn = "_codeEditor_label_1coz7_4", fn = "_codeEditor_wrapper_1coz7_13", mn = "_input_1coz7_17", yn = "_preview_1coz7_18", Y = {
   codeEditor: un,
   codeEditor_label: hn,
   codeEditor_wrapper: fn,
-  input: yn,
-  preview: mn
+  input: mn,
+  preview: yn
 }, xn = (e) => {
   const {
     userFlow: t,
-    responseKey: s,
-    label: a,
+    responseKey: a,
+    label: s,
     language: i,
     placeholder: c,
     value: l,
@@ -861,23 +870,23 @@ const Ut = (e) => {
     dependencies: d,
     disabled: r,
     showPreview: u
-  } = e, [f, _] = q(l ?? ""), h = fe.useThemeStore((p) => p.theme.mode), { disabled: j } = M(
+  } = e, [f, _] = q(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: j } = M(
     t,
     d
-  ), y = r ?? j, x = {
+  ), m = r ?? j, x = {
     json: we(),
     markdown: gt(),
     sql: bt(),
     yaml: pt()
-  }, m = S(() => n && a ? `${a} *` : a ?? "", [a, n]), g = (p) => {
+  }, y = S(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
     _(p);
     const N = {
-      [s]: p
+      [a]: p
     };
     L(t, N);
   };
   return /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor, children: [
-    m && m !== "" && /* @__PURE__ */ o.jsx("label", { className: Y.codeEditor_label, children: m }),
+    y && y !== "" && /* @__PURE__ */ o.jsx("label", { className: Y.codeEditor_label, children: y }),
     /* @__PURE__ */ o.jsxs("div", { className: Y.codeEditor_wrapper, children: [
       /* @__PURE__ */ o.jsx(
         xt,
@@ -889,14 +898,14 @@ const Ut = (e) => {
           extensions: [x[i] ?? we()],
           onChange: (p) => g(p),
           theme: h,
-          editable: !y
+          editable: !m
         }
       ),
       i == "markdown" && u && /* @__PURE__ */ o.jsx(Pe, { className: Y.preview, children: f })
     ] })
   ] });
 };
-var le = { exports: {} };
+var de = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -907,42 +916,42 @@ function gn() {
   return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function s() {
-        for (var a = [], i = 0; i < arguments.length; i++) {
+      function a() {
+        for (var s = [], i = 0; i < arguments.length; i++) {
           var c = arguments[i];
           if (c) {
             var l = typeof c;
             if (l === "string" || l === "number")
-              a.push(c);
+              s.push(c);
             else if (Array.isArray(c)) {
               if (c.length) {
-                var n = s.apply(null, c);
-                n && a.push(n);
+                var n = a.apply(null, c);
+                n && s.push(n);
               }
             } else if (l === "object") {
               if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]")) {
-                a.push(c.toString());
+                s.push(c.toString());
                 continue;
               }
               for (var d in c)
-                t.call(c, d) && c[d] && a.push(d);
+                t.call(c, d) && c[d] && s.push(d);
             }
           }
         }
-        return a.join(" ");
+        return s.join(" ");
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
     })();
-  })(le)), le.exports;
+  })(de)), de.exports;
 }
 var bn = gn();
 const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
   dividerNotFront: pn
-}, wn = (e) => /* @__PURE__ */ o.jsx(et, { ...e, className: jn.dividerNotFront }), Cn = (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") {
+}, wn = (e) => /* @__PURE__ */ o.jsx(et, { ...e, className: jn.dividerNotFront }), Cn = (e, t, a) => {
+  const { url: s, paginationKeys: i, params: c } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
+  if (l.push(`${n}=${t}`), typeof a == "string") {
     const u = (i == null ? void 0 : i.text) ?? "text";
-    l.push(`${u}=${encodeURIComponent(s || "")}`);
+    l.push(`${u}=${encodeURIComponent(a || "")}`);
   }
   if (c && typeof c == "object") {
     const u = Object.entries(c).map(
@@ -951,12 +960,12 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     l.push(...u);
   }
   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" ? {
+  return d ? `${s}?${d}` : s;
+}, be = (e, t, a) => {
+  const { type: s, url: i, method: c, headers: l } = e;
+  return s === "rest" ? {
     type: "rest",
-    url: Cn(e, t, s),
+    url: Cn(e, t, a),
     method: c,
     headers: l,
     data: (e == null ? void 0 : e.data) || {}
@@ -968,39 +977,39 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     query: e == null ? void 0 : e.query,
     variables: {
       ...(e == null ? void 0 : e.variables) || {},
-      ...typeof s == "string" ? { text: s } : {},
+      ...typeof a == "string" ? { text: a } : {},
       page: t
     }
   };
-}, de = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ze = (e, t, s, a) => {
+}, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ze = (e, t, a, s) => {
   const i = B.query(e, t), c = i == null ? void 0 : i.map((r) => {
     var u, f;
-    if (s) {
+    if (a) {
       const _ = {};
-      for (const [h, j] of Object.entries(s))
+      for (const [h, j] of Object.entries(a))
         if (typeof j == "object" && "path" in j) {
-          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);
+          const m = j, x = (u = B.query(r, m.path)) == null ? void 0 : u[0];
+          m.translations && String(x) in m.translations ? _[h] = _e(
+            m.translations[String(x)]
+          ) : _[h] = _e(x);
         } else {
-          const y = j;
-          _[h] = de((f = B.query(r, y)) == null ? void 0 : f[0]);
+          const m = j;
+          _[h] = _e((f = B.query(r, m)) == null ? void 0 : f[0]);
         }
       return _;
     } else
       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 = {
+  }), l = B.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
     size: l,
     total: n,
-    totalPages: a != null && a.totalPages ? B.value(
+    totalPages: s != null && s.totalPages ? B.value(
       e,
-      (a == null ? void 0 : a.totalPages) ?? "$.meta.totalPages"
+      (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : l > 0 ? Math.ceil(n / l) : 0
   };
   return { items: c, pagination: d };
-}, ne = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: R.labelColor }, children: s });
+}, se = ({ withPadding: e = !1 }) => {
+  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: R.labelColor }, children: a });
   return /* @__PURE__ */ o.jsx(
     jt,
     {
@@ -1015,8 +1024,8 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
 }, Nn = ({
   active: e,
   payload: t,
-  label: s,
-  tooltipKey: a
+  label: a,
+  tooltipKey: s
 }) => {
   var c;
   if (!e || !t || !t.length)
@@ -1028,13 +1037,13 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
-  if (a) {
+  if (s) {
     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] }) });
+    if (l && l[s] !== void 0 && l[s] !== null)
+      return /* @__PURE__ */ o.jsx("div", { style: i, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: l[s] }) });
   }
   return /* @__PURE__ */ o.jsxs("div", { style: i, children: [
-    /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: a }),
     t.map((l, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
   ] });
 }, ae = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
@@ -1061,14 +1070,14 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     }
   }
 ), vn = (e) => {
-  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(vt, { data: t, children: [
-    /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(pe, { dataKey: s }),
+  const { data: t, xKey: a, yKeys: s, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(vt, { data: t, children: [
+    /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ne, {}),
-    a.map((c, l) => /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsx(se, {}),
+    s.map((c, l) => /* @__PURE__ */ o.jsx(
       Et,
       {
         type: "monotone",
@@ -1080,14 +1089,14 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     ))
   ] }) });
 }, En = (e) => {
-  const { data: t, yKeys: s, xKey: a, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(St, { data: t, children: [
-    /* @__PURE__ */ o.jsx(me, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(pe, { hide: !0, dataKey: a }),
+  const { data: t, yKeys: a, xKey: s, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(St, { data: t, children: [
+    /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { hide: !0, dataKey: s }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ne, { withPadding: !0 }),
-    s.map((c, l) => /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsx(se, { withPadding: !0 }),
+    a.map((c, l) => /* @__PURE__ */ o.jsx(
       kt,
       {
         dataKey: c,
@@ -1097,14 +1106,14 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     ))
   ] }) });
 }, Sn = (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 }),
+  const { data: t, xKey: a, yKeys: s, tooltipKey: i } = e;
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(qt, { data: t, children: [
+    /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ o.jsx(pe, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ne, {}),
-    a.map((c, l) => /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsx(se, {}),
+    s.map((c, l) => /* @__PURE__ */ o.jsx(
       Ot,
       {
         type: "monotone",
@@ -1117,7 +1126,7 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     ))
   ] }) });
 }, kn = (e) => {
-  const { data: t, xKey: s, yKeys: a, tooltipKey: i } = e, c = ({
+  const { data: t, xKey: a, yKeys: s, tooltipKey: i } = e, c = ({
     cx: l,
     cy: n,
     midAngle: d,
@@ -1125,12 +1134,12 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     outerRadius: u,
     value: f
   }) => {
-    const _ = Math.PI / 180, h = 25 + r + (u - r), j = l + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
+    const _ = Math.PI / 180, h = 25 + r + (u - r), j = l + h * Math.cos(-(d ?? 0) * _), m = n + h * Math.sin(-(d ?? 0) * _);
     return /* @__PURE__ */ o.jsx(
       "text",
       {
         x: j,
-        y,
+        y: m,
         fill: R.labelColor,
         color: R.labelColor,
         textAnchor: "middle",
@@ -1139,15 +1148,15 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(At, { children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(At, { children: [
     /* @__PURE__ */ o.jsx(ae, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ne, {}),
+    /* @__PURE__ */ o.jsx(se, {}),
     /* @__PURE__ */ o.jsx(
       Tt,
       {
         data: t,
-        dataKey: a[0],
-        nameKey: s,
+        dataKey: s[0],
+        nameKey: a,
         label: c,
         outerRadius: 120,
         children: t.map((l, n) => /* @__PURE__ */ o.jsx(
@@ -1191,24 +1200,24 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
 }, On = (e) => {
-  const { component: t, userFlow: s, hash: a, responseKey: i, dataSource: c, ...l } = e, n = qn[l.type];
+  const { component: t, userFlow: a, hash: s, responseKey: i, dataSource: c, ...l } = e, n = qn[l.type];
   if (!n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
   const { fetchDataSource: d } = I(), [r, u] = q(!1), [f, _] = q([]), h = async () => {
-    var y, x;
+    var m, x;
     try {
       u(!0);
-      const { jsonPathData: m, mapperData: g } = c, p = be(
+      const { jsonPathData: y, mapperData: g } = c, p = be(
         c,
         1
       ), N = await d(
         p,
-        s,
+        a,
         !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 = y ? (m = ze(N == null ? void 0 : N.data, y, g)) == null ? void 0 : m.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
       _(b), u(!1);
-    } catch (m) {
-      alert(JSON.stringify(m)), u(!1);
+    } catch (y) {
+      alert(JSON.stringify(y)), u(!1);
     }
   };
   K(() => {
@@ -1218,16 +1227,16 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     ...l,
     data: f
   };
-  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" });
+  return r ? /* @__PURE__ */ o.jsx(De, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
 }, An = "_header_g1eri_1", Tn = "_header_content_g1eri_5", Oe = {
   header: An,
   header_content: Tn
-}, $n = ({ 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(A, { children: t }, s)) }) }), O = (e, t, s, a) => {
+}, $n = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: ee(Oe.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Oe.header_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(A, { children: t }, a)) }) }), O = (e, t, a, s) => {
   var l;
   const i = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Ca, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Vt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiChatPanel }),
-    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(Wt, { ...n, userFlow: e, pageId: t, onResolveProps: a == null ? void 0 : a.aiSummaryCard }),
+    accordion: (n) => /* @__PURE__ */ o.jsx(Cs, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Vt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
+    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(Wt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
     aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Zt, { ...n, userFlow: e, pageId: t }),
     breadcrumbs: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
     button: (n) => /* @__PURE__ */ o.jsx(cn, { ...n, userFlow: e, pageId: t }),
@@ -1236,22 +1245,22 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     checkbox: (n) => /* @__PURE__ */ o.jsx(_n, { ...n, userFlow: e, pageId: t }),
     code: (n) => /* @__PURE__ */ o.jsx(xn, { ...n, userFlow: e, pageId: t }),
     divider: (n) => /* @__PURE__ */ o.jsx(wn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(Sa, { ...n, userFlow: e, pageId: t }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(Ss, { ...n, userFlow: e, pageId: t }),
     heading: (n) => Ut(n),
     pill: (n) => /* @__PURE__ */ o.jsx(zn, { ...n }),
     modal: (n) => /* @__PURE__ */ o.jsx(Ln, { ...n, userFlow: e, pageId: t }),
     roundButton: (n) => /* @__PURE__ */ o.jsx(Mn, { ...n, userFlow: e, pageId: t }),
     row: (n) => /* @__PURE__ */ o.jsx(Un, { ...n, userFlow: e, pageId: t }),
     select: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(ra, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(ua, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(ma, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(cs, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(rs, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(us, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(ys, { ...n, userFlow: e, pageId: t }),
     text: (n) => Jt(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(ba, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(pa, { ...n, userFlow: e, pageId: t })
+    textField: (n) => /* @__PURE__ */ o.jsx(bs, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(ps, { ...n, userFlow: e, pageId: t })
   };
-  return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
+  return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
     const d = i[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
@@ -1260,52 +1269,52 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
 }, Ln = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  header: a,
+  responseKey: a,
+  header: s,
   body: i,
   footer: c,
   headerStatusColor: l,
   ...n
 }) => {
-  const d = v((m) => {
+  const d = v((y) => {
     var g;
-    return (g = m[e]) == null ? void 0 : g.isModalOpen;
-  }), r = v((m) => {
+    return (g = y[e]) == null ? void 0 : g.isModalOpen;
+  }), r = v((y) => {
     var g;
-    return (g = m[e]) == null ? void 0 : g.isLoading;
+    return (g = y[e]) == null ? void 0 : g.isLoading;
   }), u = d && !r, f = {
     ...n
   }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
     xe(e), ge(e, !1);
-  }, [e, s]), j = Array.isArray(a) ? O(e, t, a) : a, y = O(e, t, i), x = O(e, t, c);
+  }, [e, a]), j = Array.isArray(s) ? O(e, t, s) : s, m = O(e, t, i), x = O(e, t, c);
   return /* @__PURE__ */ o.jsx(
     tt,
     {
       ...f,
       headerStatusColor: _,
-      header: typeof j == "string" ? j : /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: Dn.modalContent, children: y.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-body-${g}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((m, g) => /* @__PURE__ */ o.jsx(A, { children: m }, `modal-footer-${g}`)) }),
+      header: typeof j == "string" ? j : /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((y, g) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ o.jsx("section", { className: Dn.modalContent, children: m.map((y, g) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((y, g) => /* @__PURE__ */ o.jsx(A, { children: y }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
 }, Bn = ({ userFlow: e, pageId: t }) => {
   var c, l;
-  const s = Lt(e);
-  if (!s)
+  const a = Lt(e);
+  if (!a)
     return null;
-  const a = [
-    ...(s == null ? void 0 : s.components) || [],
-    ...((c = s == null ? void 0 : s.header) == null ? void 0 : c.components) || [],
-    ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
+  const s = [
+    ...(a == null ? void 0 : a.components) || [],
+    ...((c = a == null ? void 0 : a.header) == null ? void 0 : c.components) || [],
+    ...((l = a == null ? void 0 : a.body) == null ? void 0 : l.components) || []
   ], i = O(
     e,
     t,
-    a
+    s
   );
   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}`;
+    const r = `overlay-${d}-${a == null ? void 0 : a.hash}`;
     return /* @__PURE__ */ o.jsx(A, { children: n }, r);
   }) });
 }, In = {
@@ -1335,19 +1344,19 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     iconColor: "neutral-70"
   }
 }, zn = (e) => {
-  const { content: t, variant: s = "neutral", ...a } = e, i = In[s], c = {
-    ...a,
+  const { content: t, variant: a = "neutral", ...s } = e, i = In[a], c = {
+    ...s,
     children: t,
-    color: (a == null ? void 0 : a.color) ?? i.color,
-    textColor: (a == null ? void 0 : a.textColor) ?? i.textColor,
-    iconColor: (a == null ? void 0 : a.iconColor) ?? i.iconColor
+    color: (s == null ? void 0 : s.color) ?? i.color,
+    textColor: (s == null ? void 0 : s.textColor) ?? i.textColor,
+    iconColor: (s == null ? void 0 : s.iconColor) ?? i.iconColor
   };
-  return /* @__PURE__ */ o.jsx(ue, { ...c });
+  return /* @__PURE__ */ o.jsx(he, { ...c });
 }, Mn = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    responseKey: a,
+    pageId: a,
+    responseKey: s,
     actionType: i,
     dataSource: c,
     dependencies: l,
@@ -1359,32 +1368,32 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
   ), _ = {
     ...d
   }, h = (_ == null ? void 0 : _.disabled) ?? f, j = D(async () => {
-    var y;
+    var m;
     try {
       const x = {
-        ...(y = v.getState()[t]) == null ? void 0 : y.entries,
-        [a]: { status: 200 }
+        ...(m = v.getState()[t]) == null ? void 0 : m.entries,
+        [s]: { status: 200 }
       };
       switch (L(t, x), i) {
         case "GO_TO_NEXT_UI": {
-          const m = await r(
+          const y = await r(
             t,
-            s,
+            a,
             x,
-            a
+            s
           );
-          m != null && m.data && T(t, m == null ? void 0 : m.data);
+          y != null && y.data && T(t, y == null ? void 0 : y.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const m = await u(
+          const y = await u(
             t,
-            s,
-            x,
             a,
+            x,
+            s,
             c
           );
-          m != null && m.data && T(t, m == null ? void 0 : m.data);
+          y != null && y.data && T(t, y == null ? void 0 : y.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1403,7 +1412,7 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
     } catch (x) {
       alert(JSON.stringify(x));
     }
-  }, [i, c, s, a, t]);
+  }, [i, c, a, s, t]);
   return /* @__PURE__ */ o.jsx(
     nt,
     {
@@ -1458,8 +1467,8 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
 }, Un = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    columnWidth: a,
+    pageId: a,
+    columnWidth: s,
     columns: i,
     gap: c = "md",
     justifyContent: l = "start",
@@ -1495,7 +1504,7 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
         J[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((r, u) => {
-        const f = (a == null ? void 0 : a[u]) || `${100 / d.length}%`, _ = O(t, s, r.items);
+        const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = O(t, a, r.items);
         return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -1517,8 +1526,8 @@ const ee = /* @__PURE__ */ Mt(bn), pn = "_dividerNotFront_tze3j_1", jn = {
 function Me({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  actionType: a,
+  responseKey: a,
+  actionType: s,
   getNextUI: i,
   isMulti: c = !1,
   debounceMs: l
@@ -1532,23 +1541,23 @@ function Me({
       var h;
       const f = {
         ...(h = v.getState()[e]) == null ? void 0 : h.entries,
-        [s]: u
+        [a]: u
       };
-      if (L(e, f), a && (a === "GO_TO_NEXT_UI" || a === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (L(e, f), s && (s === "GO_TO_NEXT_UI" || s === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await i(
+          const m = await i(
             e,
             t,
             f,
-            s,
-            a === "GO_TO_NEXT_UI"
+            a,
+            s === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && T(e, y.data);
+          m != null && m.data && T(e, m.data);
         } catch (j) {
           console.error("[useSelectChange] Failed to fetch next UI", j);
         }
     },
-    [e, t, s, a, i]
+    [e, t, a, s, i]
   );
   return D(
     (u) => {
@@ -1567,22 +1576,22 @@ function Me({
     [c, l, d]
   );
 }
-const Jn = (e, t, s, a) => {
+const Jn = (e, t, a, s) => {
   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;
+    const l = (d = B.query(c, a)) == null ? void 0 : d[0], n = s ? (r = B.query(c, s)) == null ? void 0 : r[0] : c;
     return { label: l, value: n };
   })) ?? [];
-}, Vn = (e, t, s, a = 10) => {
+}, Vn = (e, t, a, s = 10) => {
   var n, d;
   let i, c;
-  if (s) {
-    const r = B.value(e, s.size ?? "$.meta.size") ?? a, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
+  if (a) {
+    const r = B.value(e, a.size ?? "$.meta.size") ?? s, u = B.value(e, a.total ?? "$.meta.total") ?? 0;
     i = r, c = u;
   } else {
     const r = e == null ? void 0 : e.meta;
-    i = (r == null ? void 0 : r.size) ?? ((n = r == null ? void 0 : r.page) == null ? void 0 : n.size) ?? a, c = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
+    i = (r == null ? void 0 : r.size) ?? ((n = r == null ? void 0 : r.page) == null ? void 0 : n.size) ?? s, c = (r == null ? void 0 : r.total) ?? ((d = r == null ? void 0 : r.page) == null ? void 0 : d.total) ?? 0;
   }
   const l = c > 0 ? Math.ceil(c / i) > t : !1;
   return {
@@ -1595,8 +1604,8 @@ const Jn = (e, t, s, a) => {
 }, Xn = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  required: a,
+  responseKey: a,
+  required: s,
   dataSource: i,
   actionType: c,
   dependencies: l,
@@ -1608,7 +1617,7 @@ const Jn = (e, t, s, a) => {
   }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = q((r == null ? void 0 : r.value) ?? ""), { disabled: j } = M(
     e,
     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(() => {
+  ), m = (r == null ? void 0 : r.disabled) ?? j, x = S(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), y = 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), $ = JSON.stringify(w.label);
@@ -1617,7 +1626,7 @@ const Jn = (e, t, s, a) => {
   }, [_]), g = Me({
     userFlow: e,
     pageId: t,
-    responseKey: s,
+    responseKey: a,
     actionType: c,
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
@@ -1634,17 +1643,17 @@ const Jn = (e, t, s, a) => {
       i,
       w,
       b
-    ), se = await f(
+    ), re = await f(
       U,
       e,
       !1
-    ), re = se == null ? void 0 : se.data, Ue = re ? Jn(
-      re,
+    ), ce = re == null ? void 0 : re.data, Ue = ce ? Jn(
+      ce,
       $,
       E,
       k
     ) : [], { hasMore: Je } = Vn(
-      re,
+      ce,
       w,
       G
     );
@@ -1657,20 +1666,20 @@ const Jn = (e, t, s, a) => {
     };
   };
   return /* @__PURE__ */ o.jsx(
-    at,
+    st,
     {
       ...r,
       className: Ke.selectNotFront,
       label: x,
       value: _,
-      disabled: y,
+      disabled: m,
       noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
-      onChange: (b) => !y && p(b),
+      onChange: (b) => !m && p(b),
       loadOptions: N,
       additional: { page: 1 },
       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]);
+        return !!(y != null && y[C]) || !!(y != null && y[w]);
       },
       debounceTimeout: 350
     }
@@ -1678,8 +1687,8 @@ const Jn = (e, t, s, a) => {
 }, Wn = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  dataSource: a,
+  responseKey: a,
+  dataSource: s,
   required: i,
   actionType: c,
   dependencies: l,
@@ -1691,49 +1700,49 @@ const Jn = (e, t, s, a) => {
   }, { getNextUI: u } = I(), [f, _] = q(r.value || ""), { disabled: h } = M(
     e,
     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({
+  ), j = (r == null ? void 0 : r.disabled) ?? h, m = 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,
+    responseKey: a,
     actionType: c,
     getNextUI: u,
     isMulti: r == null ? void 0 : r.isMulti,
     debounceMs: n
-  }), m = (g) => {
+  }), y = (g) => {
     _(g), x(g);
   };
   return /* @__PURE__ */ o.jsx(
-    st,
+    at,
     {
       ...r,
       className: Ke.selectNotFront,
-      label: y,
+      label: m,
       value: f,
       disabled: j,
-      onChange: (g) => !j && m(g)
+      onChange: (g) => !j && y(g)
     }
   );
 }, Qn = (e) => {
   const { dataSource: t } = e;
   return t ? /* @__PURE__ */ o.jsx(Xn, { ...e }) : /* @__PURE__ */ o.jsx(Wn, { ...e });
-}, Yn = "_spacing_19hqa_1", Zn = "_spacing__xxs_19hqa_1", Fn = "_spacing__xs_19hqa_4", Pn = "_spacing__sm_19hqa_7", ea = "_spacing__md_19hqa_10", ta = "_spacing__lg_19hqa_13", na = "_spacing__xl_19hqa_16", aa = "_spacing__xxl_19hqa_19", sa = "_spacing__xxxl_19hqa_22", Ae = {
+}, Yn = "_spacing_19hqa_1", Zn = "_spacing__xxs_19hqa_1", Fn = "_spacing__xs_19hqa_4", Pn = "_spacing__sm_19hqa_7", es = "_spacing__md_19hqa_10", ts = "_spacing__lg_19hqa_13", ns = "_spacing__xl_19hqa_16", ss = "_spacing__xxl_19hqa_19", as = "_spacing__xxxl_19hqa_22", Ae = {
   spacing: Yn,
   spacing__xxs: Zn,
   spacing__xs: Fn,
   spacing__sm: Pn,
-  spacing__md: ea,
-  spacing__lg: ta,
-  spacing__xl: na,
-  spacing__xxl: aa,
-  spacing__xxxl: sa
-}, ra = (e) => {
-  const { size: t } = e, s = ee(Ae.spacing, Ae[`spacing__${t}`]);
-  return /* @__PURE__ */ o.jsx("div", { className: s });
-}, ca = (e) => {
+  spacing__md: es,
+  spacing__lg: ts,
+  spacing__xl: ns,
+  spacing__xxl: ss,
+  spacing__xxxl: as
+}, rs = (e) => {
+  const { size: t } = e, a = ee(Ae.spacing, Ae[`spacing__${t}`]);
+  return /* @__PURE__ */ o.jsx("div", { className: a });
+}, cs = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    responseKey: a,
+    pageId: a,
+    responseKey: s,
     actionType: i,
     label: c,
     value: l,
@@ -1745,22 +1754,22 @@ const Jn = (e, t, s, a) => {
   }, { getNextUI: f } = I(), [_, h] = q(l || !1), { disabled: j } = M(
     t,
     d
-  ), y = (u == null ? void 0 : u.disabled) ?? j, x = S(() => n && c ? `${c} *` : c ?? "", [c, n]), m = D(async () => {
+  ), m = (u == null ? void 0 : u.disabled) ?? j, x = S(() => n && c ? `${c} *` : c ?? "", [c, n]), y = D(async () => {
     var g;
     try {
       const p = !_;
       h(p);
       const N = {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
-        [a]: p
+        [s]: p
       };
       switch (L(t, N), i) {
         case "GO_TO_NEXT_UI":
           const b = await f(
             t,
-            s,
+            a,
             N,
-            a
+            s
           );
           b != null && b.data && T(t, b == null ? void 0 : b.data);
           break;
@@ -1771,38 +1780,38 @@ const Jn = (e, t, s, a) => {
     } catch (p) {
       console.error("Error in switch action:", p), alert(JSON.stringify(p));
     }
-  }, [t, s, a, i, _]);
+  }, [t, a, s, i, _]);
   return /* @__PURE__ */ o.jsx(
     rt,
     {
       ...u,
       label: x,
       checked: _,
-      disabled: y,
-      onChange: () => !y && m()
+      disabled: m,
+      onChange: () => !m && y()
     }
   );
-}, oa = "_tableSkeleton_3nr9n_1", ia = "_tableArrayPills_3nr9n_7", Ge = {
-  tableSkeleton: oa,
-  tableArrayPills: ia
-}, la = ({ values: e }) => {
-  const s = e == null ? void 0 : e.slice(0, 4), a = (e == null ? void 0 : e.length) - 4;
+}, os = "_tableSkeleton_3nr9n_1", is = "_tableArrayPills_3nr9n_7", Ge = {
+  tableSkeleton: os,
+  tableArrayPills: is
+}, ls = ({ values: e }) => {
+  const a = e == null ? void 0 : e.slice(0, 4), s = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ o.jsxs("div", { className: Ge.tableArrayPills, children: [
-    s.map((i, c) => /* @__PURE__ */ o.jsx(ue, { children: String(i) }, c)),
-    a > 0 && /* @__PURE__ */ o.jsxs(ue, { outlined: !0, children: [
+    a.map((i, c) => /* @__PURE__ */ o.jsx(he, { children: String(i) }, c)),
+    s > 0 && /* @__PURE__ */ o.jsxs(he, { outlined: !0, children: [
       "+",
-      a
+      s
     ] })
   ] });
-}, da = ({
+}, ds = ({
   userFlow: e,
   pageId: t,
-  tableResponseKey: s,
-  component: a,
+  tableResponseKey: a,
+  component: s,
   rowData: i
 }) => {
   const { getNextUI: c, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = O(e, t, [
-    { ...a }
+    { ...s }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
   const {
@@ -1810,19 +1819,19 @@ const Jn = (e, t, s, a) => {
     responseKey: f,
     dataSource: _
   } = r.props, h = D(async () => {
-    var j, y, x;
+    var j, m, x;
     try {
-      const m = {
+      const y = {
         ...(j = v.getState()[e]) == null ? void 0 : j.entries,
         [f]: { status: 200 },
-        [s]: [{ ...i }]
+        [a]: [{ ...i }]
       };
-      switch (L(e, m), u) {
+      switch (L(e, y), u) {
         case "GO_TO_NEXT_UI": {
           const g = await c(
             e,
             t,
-            m,
+            y,
             f
           );
           g != null && g.data && T(e, g == null ? void 0 : g.data);
@@ -1832,7 +1841,7 @@ const Jn = (e, t, s, a) => {
           const g = await l(
             e,
             t,
-            m,
+            y,
             f,
             _
           );
@@ -1843,9 +1852,9 @@ const Jn = (e, t, s, a) => {
           const g = await c(
             e,
             t,
-            m,
+            y,
             f
-          ), p = (y = g == null ? void 0 : g.data) == null ? void 0 : y.content;
+          ), p = (m = g == null ? void 0 : g.data) == null ? void 0 : m.content;
           if ((p == null ? void 0 : p.type) !== "fetch") break;
           const N = p == null ? void 0 : p.dataSource, b = await n(
             N,
@@ -1873,14 +1882,14 @@ const Jn = (e, t, s, a) => {
           console.warn(`Unhandled actionType: ${u}`);
           break;
       }
-    } catch (m) {
-      alert(JSON.stringify(m));
+    } catch (y) {
+      alert(JSON.stringify(y));
     }
   }, [u, _, t, f, e]);
   return We(r, {
     onClick: h
   });
-}, _a = () => /* @__PURE__ */ o.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, _s = () => /* @__PURE__ */ o.jsx("div", { className: Ge.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   De,
   {
     maxWidth: "100%",
@@ -1888,11 +1897,11 @@ const Jn = (e, t, s, a) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), ua = ({
+)) }), us = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  component: a,
+  responseKey: a,
+  component: s,
   dataSource: i,
   rightActions: c,
   ...l
@@ -1902,18 +1911,18 @@ const Jn = (e, t, s, a) => {
     if (c != null && c.length)
       return c.map((C, w) => ({
         renderContent: (E) => /* @__PURE__ */ o.jsx(
-          da,
+          ds,
           {
             userFlow: e,
             pageId: t,
-            tableResponseKey: s,
+            tableResponseKey: a,
             component: C,
             rowData: E
           },
           `tableRowAction${w}`
         )
       }));
-  }, [c, e, t]), y = async (C = 1) => {
+  }, [c, e, t]), m = async (C = 1) => {
     try {
       r(!0);
       const { jsonPathData: w, mapperData: E, jsonPathPagination: $ } = i, k = be(
@@ -1936,12 +1945,12 @@ const Jn = (e, t, s, a) => {
       alert(JSON.stringify(w)), r(!1);
     }
   }, x = (C) => {
-    f(C), y(C);
+    f(C), m(C);
   };
   K(() => {
-    y();
+    m();
   }, []);
-  const m = S(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+  const y = 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(
       ($) => Array.isArray(C != null && C.accessor ? $[C == null ? void 0 : C.accessor] : void 0)
@@ -1949,16 +1958,16 @@ const Jn = (e, t, s, a) => {
       ...C,
       renderCell: ($) => {
         const k = C.accessor ? $[C.accessor] : void 0;
-        return Array.isArray(k) ? /* @__PURE__ */ o.jsx(la, { values: k }) : k;
+        return Array.isArray(k) ? /* @__PURE__ */ o.jsx(ls, { values: k }) : k;
       }
     } : C;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
     ...l,
     data: _ == null ? void 0 : _.items,
-    columns: m,
+    columns: y,
     rightActions: j
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(_a, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(_s, {}) : _ && ((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,
@@ -1970,31 +1979,31 @@ const Jn = (e, t, s, a) => {
         onChange: x
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(ye, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, ha = "_tabsPanel_kvslb_1", fa = {
-  tabsPanel: ha
-}, ya = ({ userFlow: e, pageId: t, components: s }) => {
-  const a = O(e, t, s);
-  return a != null && a.length ? /* @__PURE__ */ o.jsx("section", { className: fa.tabsPanel, children: a.map((i, c) => /* @__PURE__ */ o.jsx(A, { children: i }, `tabs-panel-${c}`)) }) : null;
-}, ma = ({
+  ] }) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, hs = "_tabsPanel_kvslb_1", fs = {
+  tabsPanel: hs
+}, ms = ({ userFlow: e, pageId: t, components: a }) => {
+  const s = O(e, t, a);
+  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: fs.tabsPanel, children: s.map((i, c) => /* @__PURE__ */ o.jsx(A, { children: i }, `tabs-panel-${c}`)) }) : null;
+}, ys = ({
   userFlow: e,
   pageId: t,
-  hash: s,
-  items: a,
+  hash: a,
+  items: s,
   activeIndex: i,
   className: c
 }) => {
-  const l = a.map((n, d) => ({
+  const l = s.map((n, d) => ({
     label: n.label,
     disabled: n.disabled,
     children: /* @__PURE__ */ o.jsx(
-      ya,
+      ms,
       {
         userFlow: e,
         pageId: t,
         components: n.components
       },
-      `${s}-tab-${d}`
+      `${a}-tab-${d}`
     )
   }));
   return /* @__PURE__ */ o.jsx(
@@ -2005,13 +2014,13 @@ const Jn = (e, t, s, a) => {
       items: l
     }
   );
-}, xa = "_textFieldNotFront_cps4i_1", ga = {
-  textFieldNotFront: xa
-}, ba = (e) => {
+}, xs = "_textFieldNotFront_cps4i_1", gs = {
+  textFieldNotFront: xs
+}, bs = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    component: a,
+    pageId: a,
+    component: s,
     hash: i,
     responseKey: c,
     required: l,
@@ -2022,12 +2031,12 @@ const Jn = (e, t, s, a) => {
   }, [u, f] = q((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = M(
     t,
     n
-  ), 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) => {
+  ), 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]), m = (x) => {
     var p;
-    const m = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
-    f(m);
+    const y = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
+    f(y);
     const g = {
-      [c]: m
+      [c]: y
     };
     L(t, g);
   };
@@ -2037,19 +2046,19 @@ const Jn = (e, t, s, a) => {
     lt,
     {
       ...r,
-      className: ga.textFieldNotFront,
+      className: gs.textFieldNotFront,
       allowClear: !1,
       label: j,
       value: u,
       disabled: h,
-      onChange: (x) => !h && y(x)
+      onChange: (x) => !h && m(x)
     }
   );
-}, pa = ({
+}, ps = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  variant: a,
+  responseKey: a,
+  variant: s,
   content: i,
   actionType: c,
   redirectUrl: l
@@ -2068,27 +2077,27 @@ const Jn = (e, t, s, a) => {
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [c, t, s, e, l]);
+  }, [c, t, a, e, l]);
   return K(() => {
     ({
       info: W.info,
       error: W.error,
       success: W.success,
       warning: W.warning
-    }[a] || W.info)(i, {
+    }[s] || W.info)(i, {
       autoClose: c ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, ja = "_accordion_1ri2t_1", wa = "_accordionBody_1ri2t_8", Te = {
-  accordion: ja,
-  accordionBody: wa
-}, Ca = (e) => {
+}, js = "_accordion_1ri2t_1", ws = "_accordionBody_1ri2t_8", Te = {
+  accordion: js,
+  accordionBody: ws
+}, Cs = (e) => {
   const {
     userFlow: t,
-    pageId: s,
-    responseKey: a,
+    pageId: a,
+    responseKey: s,
     dependencies: i,
     customContent: c,
     actionContent: l,
@@ -2099,7 +2108,7 @@ const Jn = (e, t, s, a) => {
   ), { disabled: _ } = M(
     t,
     i
-  ), h = O(t, s, n), j = l ? O(t, s, l) : void 0, y = c ? O(t, s, c) : void 0, x = D(
+  ), h = O(t, a, n), j = l ? O(t, a, l) : void 0, m = c ? O(t, a, c) : void 0, x = D(
     async (p) => {
       var N;
       try {
@@ -2107,14 +2116,14 @@ const Jn = (e, t, s, a) => {
         f(b);
         const C = {
           ...(N = v.getState()[t]) == null ? void 0 : N.entries,
-          [a]: b
+          [s]: b
         };
         if (L(t, C), d.actionType === "GO_TO_NEXT_UI") {
           const w = await r(
             t,
-            s,
+            a,
             C,
-            a
+            s
           );
           w != null && w.data && T(t, w == null ? void 0 : w.data);
         }
@@ -2122,104 +2131,104 @@ const Jn = (e, t, s, a) => {
         console.error("Error in accordion checkbox action:", b), alert(JSON.stringify(b));
       }
     },
-    [t, s, a, d.actionType, r]
-  ), m = d.disabled || _, g = {
+    [t, a, s, d.actionType, r]
+  ), y = d.disabled || _, g = {
     ...d,
     className: Te.accordion,
-    disabled: m,
+    disabled: y,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
     actionContent: j ? /* @__PURE__ */ o.jsx(o.Fragment, { children: j.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-action-${N}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-custom-${N}`)) }) : void 0,
+    customContent: m ? /* @__PURE__ */ o.jsx(o.Fragment, { children: m.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-custom-${N}`)) }) : void 0,
     children: h ? /* @__PURE__ */ o.jsx("section", { className: Te.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx(A, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
   return /* @__PURE__ */ o.jsx(dt, { ...g });
-}, Na = "_drawer_13pxo_1", va = "_drawerBody_13pxo_5", Ea = "_drawerFooter_13pxo_11", _e = {
-  drawer: Na,
-  drawerBody: va,
-  drawerFooter: Ea
-}, Sa = ({
+}, Ns = "_drawer_13pxo_1", vs = "_drawerBody_13pxo_5", Es = "_drawerFooter_13pxo_11", ue = {
+  drawer: Ns,
+  drawerBody: vs,
+  drawerFooter: Es
+}, Ss = ({
   userFlow: e,
   pageId: t,
-  responseKey: s,
-  header: a,
+  responseKey: a,
+  header: s,
   body: i,
   footer: c,
   ...l
 }) => {
-  const n = v((y) => {
+  const n = v((m) => {
     var x;
-    return (x = y[e]) == null ? void 0 : x.isDrawerOpen;
-  }), d = v((y) => {
+    return (x = m[e]) == null ? void 0 : x.isDrawerOpen;
+  }), d = v((m) => {
     var x;
-    return (x = y[e]) == null ? void 0 : x.isLoading;
+    return (x = m[e]) == null ? void 0 : x.isLoading;
   }), r = n && !d, u = {
     ...l,
     isOpen: r,
     children: null
   }, f = D(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(a) ? O(e, t, a) : a ? /* @__PURE__ */ o.jsx(Re, { type: "h2", children: a }) : void 0, h = O(e, t, i), j = c ? O(e, t, c) : void 0;
+  }, [e]), _ = Array.isArray(s) ? O(e, t, s) : s ? /* @__PURE__ */ o.jsx(Re, { type: "h2", children: s }) : void 0, h = O(e, t, i), j = c ? O(e, t, c) : void 0;
   return /* @__PURE__ */ o.jsx(
     _t,
     {
       ...u,
-      className: _e.drawer,
+      className: ue.drawer,
       isOpen: r,
       onClose: f,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: _e.drawerBody, children: h.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-body-${x}`)) }),
-      footer: j ? /* @__PURE__ */ o.jsx("div", { className: _e.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ o.jsx(A, { children: y }, `drawer-footer-${x}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((m, x) => /* @__PURE__ */ o.jsx(A, { children: m }, `drawer-header-${x}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ o.jsx("section", { className: ue.drawerBody, children: h.map((m, x) => /* @__PURE__ */ o.jsx(A, { children: m }, `drawer-body-${x}`)) }),
+      footer: j ? /* @__PURE__ */ o.jsx("div", { className: ue.drawerFooter, children: j.map((m, x) => /* @__PURE__ */ o.jsx(A, { children: m }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, $e = (e, t, s, a, i) => {
+}, $e = (e, t, a, s, i) => {
   const c = O(
     e,
     t,
-    (a == null ? void 0 : a.components) || null,
+    (s == null ? void 0 : s.components) || null,
     i
   );
-  switch (s) {
+  switch (a) {
     case "body":
       return /* @__PURE__ */ o.jsx(
         en,
         {
-          ...a,
+          ...s,
           inputs: c || []
         },
-        JSON.stringify(a == null ? void 0 : a.components)
+        JSON.stringify(s == null ? void 0 : s.components)
       );
     case "header":
       return /* @__PURE__ */ o.jsx(
         $n,
         {
-          ...a,
+          ...s,
           components: c || []
         },
-        JSON.stringify(a == null ? void 0 : a.components)
+        JSON.stringify(s == null ? void 0 : s.components)
       );
     default:
       return null;
   }
-}, Ma = (e, t, s, a) => {
+}, Ms = (e, t, a, s) => {
   var _, h, j;
-  const [i, c] = q(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
+  const [i, c] = q(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? $e(
     e,
     n,
     "header",
     ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
-    a
+    s
   ) : null, r = n ? $e(
     e,
     n,
     "body",
     ((j = l[e].pages[n].page) == null ? void 0 : j.body) || null,
-    a
+    s
   ) : null, u = S(() => {
-    var y;
+    var m;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ o.jsx(ut, {}),
+      ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(ut, {}),
       d,
       r,
       n && /* @__PURE__ */ o.jsx(Bn, { userFlow: e, pageId: n }),
@@ -2227,27 +2236,27 @@ const Jn = (e, t, s, a) => {
     ] });
   }, [d, r, n, e]), f = async () => {
     try {
-      const y = await Ie(
+      const m = 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 ? ce(e, t, m, x == null ? void 0 : x.sessionState) : c(!0);
-    } catch (y) {
-      console.error("[not-page]: API call failed", y), c(!0);
+      ), x = m == null ? void 0 : m.data, y = x == null ? void 0 : x.content;
+      (m == null ? void 0 : m.status) === 200 ? oe(e, t, y, x == null ? void 0 : x.sessionState) : c(!0);
+    } catch (m) {
+      console.error("[not-page]: API call failed", m), c(!0);
     }
   };
   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(
+    t != null && t.api && !a && e ? f() : !(t != null && t.api) && a && e || t != null && t.api && a && e ? oe(e, t, a) : (!(t != null && t.api) && !a || !e) && (c(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const y = "avocado-theme-mode-changed", x = (m) => {
-      const g = m.detail;
-      fe.setThemeMode(g);
+    const m = "avocado-theme-mode-changed", x = (y) => {
+      const g = y.detail;
+      te.setThemeMode(g);
     };
-    return window.addEventListener(y, x), () => {
-      window.removeEventListener(y, x);
+    return window.addEventListener(m, x), () => {
+      window.removeEventListener(m, x);
     };
   }, []), i && console.error("[not-page]: No render page"), u;
 };
@@ -2256,5 +2265,5 @@ export {
   Un as Row,
   Ut as heading,
   Jt as text,
-  Ma as usePage
+  Ms as usePage
 };