@foris/avocado-not-front 4.6.1 → 4.6.3-beta.0.2

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

@@ -1,65 +1,64 @@
-import H from "axios";
-import { create as nt } from "zustand";
-import st, { useMemo as A, useState as L, useCallback as R, Fragment as k, useEffect as z, useRef as Me, cloneElement as at } from "react";
-import { Heading as ze, Text as rt, Accordion as ot, ThemeStore as ne, Box as ct, RadioButton as it, Stepper as lt, Breadcrumbs as dt, Button as _t, CardAccordion as ut, Card as ht, CardNotification as ge, SkeletonBase as Ve, Checkbox as ft, PreviewerMarkdown as Je, DataCard as mt, Divider as yt, Drawer as xt, DropdownButton as gt, Link as pt, Menu as bt, Modal as jt, Pill as ye, RoundButton as Nt, SelectPagination as wt, Select as Ct, Switch as vt, Table as St, Pager as Et, Tabs as Tt, Textarea as kt, TextField as Ot, toast as ee, Tooltip as At, Loading as $t, Toaster as qt } from "@foris/avocado-suite";
-import { ChatPanel as Dt, PromptCodeEditor as Rt, SummaryCard as Lt } from "@foris/ai-agent";
+import J from "axios";
+import { create as at } from "zustand";
+import rt, { useMemo as A, useState as L, useCallback as R, Fragment as T, useEffect as V, useRef as ge, cloneElement as ot } from "react";
+import { Heading as ze, Text as ct, Accordion as it, ThemeStore as ne, Box as lt, RadioButton as dt, Stepper as _t, ProgressBar as ut, Breadcrumbs as ht, Button as ft, CardAccordion as yt, Card as mt, CardNotification as pe, SkeletonBase as He, Checkbox as xt, PreviewerMarkdown as Xe, DataCard as gt, Divider as pt, Drawer as bt, DropdownButton as jt, Link as wt, Menu as Ct, Modal as Nt, Pill as me, RoundButton as vt, SelectPagination as St, Select as kt, Switch as Et, Table as Tt, Pager as Ot, Tabs as At, Textarea as $t, TextField as qt, toast as ee, Tooltip as Dt, Loading as Rt, Toaster as Lt } from "@foris/avocado-suite";
+import { ChatPanel as It, PromptCodeEditor as Bt, SummaryCard as Kt } from "@foris/ai-agent";
 import B from "jsonpath";
-import { Legend as It, Tooltip as Bt, XAxis as Kt, YAxis as Gt, ResponsiveContainer as oe, AreaChart as Ut, CartesianGrid as pe, Area as Mt, BarChart as zt, Bar as Vt, LineChart as Jt, Line as Xt, PieChart as Ht, Pie as Wt, Cell as Qt } from "recharts";
-import Yt from "@uiw/react-codemirror";
-import { json as ve } from "@codemirror/lang-json";
-import { markdown as Zt } from "@codemirror/lang-markdown";
-import { sql as Ft } from "@codemirror/lang-sql";
-import { yaml as Pt } from "@codemirror/lang-yaml";
-import { Icon as Se } from "@foris/avocado-icons";
-import { Routes as en, Route as Ee, Navigate as tn } from "react-router-dom";
-const v = nt(() => ({})), de = (e, t, s, r) => {
-  const i = s == null ? void 0 : s.hash, l = r && Object.keys(r).length > 0 ? { ...r } : {};
-  v.setState((c) => {
+import { ResponsiveContainer as Je, Legend as Gt, Tooltip as Mt, XAxis as Ut, YAxis as Vt, AreaChart as zt, CartesianGrid as be, Area as Ht, BarChart as Xt, Bar as Jt, LineChart as Wt, Line as Qt, PieChart as Yt, Pie as Zt, Cell as Ft } from "recharts";
+import Pt from "@uiw/react-codemirror";
+import { json as ke } from "@codemirror/lang-json";
+import { markdown as en } from "@codemirror/lang-markdown";
+import { sql as tn } from "@codemirror/lang-sql";
+import { yaml as nn } from "@codemirror/lang-yaml";
+import { Icon as Ee } from "@foris/avocado-icons";
+const v = at(() => ({})), de = (e, t, s, r) => {
+  const l = s == null ? void 0 : s.hash, i = r && Object.keys(r).length > 0 ? { ...r } : {};
+  v.setState((o) => {
     var n;
     return {
-      ...c,
+      ...o,
       [e]: {
-        ...c[e],
+        ...o[e],
         apiConfig: t,
-        currentPageId: i,
+        currentPageId: l,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: l,
+        entries: i,
         overlay: null,
         pages: {
-          ...(n = c[e]) == null ? void 0 : n.pages,
-          [i]: {
+          ...(n = o[e]) == null ? void 0 : n.pages,
+          [l]: {
             page: s
           }
         }
       }
     };
   });
-}, Xe = (e, t, s) => {
+}, We = (e, t, s) => {
   const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(r).filter(
-      ([i]) => !t.includes(i)
+      ([l]) => !t.includes(l)
     )
   );
-}, nn = (e, t, s, r, i) => {
-  sessionStorage.setItem("sessionId", s), v.setState((l) => {
-    const c = l[e] ?? {}, n = c.entries ?? {}, d = Xe(
+}, sn = (e, t, s, r, l) => {
+  sessionStorage.setItem("sessionId", s), v.setState((i) => {
+    const o = i[e] ?? {}, n = o.entries ?? {}, d = We(
       n,
       r,
-      i
+      l
     );
     return {
-      ...l,
+      ...i,
       [e]: {
-        ...c,
+        ...o,
         currentPageId: t.hash,
         entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...c.pages,
+          ...o.pages,
           [t.hash]: {
             page: { ...t }
           }
@@ -67,20 +66,20 @@ const v = nt(() => ({})), de = (e, t, s, r) => {
       }
     };
   });
-}, sn = (e, t, s, r) => {
-  v.setState((i) => {
+}, an = (e, t, s, r) => {
+  v.setState((l) => {
     var a;
-    const l = i[e] ?? {}, c = l.entries ?? {}, n = Xe(
-      c,
+    const i = l[e] ?? {}, o = i.entries ?? {}, n = We(
+      o,
       s,
       r
     ), d = (a = t.components) == null ? void 0 : a.some(
       (u) => u.component === "drawer"
     );
     return {
-      ...i,
+      ...l,
       [e]: {
-        ...l,
+        ...i,
         entries: n,
         overlay: t,
         isLoading: !1,
@@ -89,7 +88,7 @@ const v = nt(() => ({})), de = (e, t, s, r) => {
       }
     };
   });
-}, be = (e) => {
+}, je = (e) => {
   v.setState((t) => ({
     ...t,
     [e]: {
@@ -97,27 +96,27 @@ const v = nt(() => ({})), de = (e, t, s, r) => {
       overlay: null
     }
   }));
-}, an = (e) => {
+}, rn = (e) => {
   var s;
   return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
 }, $ = (e, t) => {
   const {
     content: s,
     sessionId: r,
-    deprecatedStateKeys: i = [],
-    sessionState: l
+    deprecatedStateKeys: l = [],
+    sessionState: i
   } = t;
-  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? nn(
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? sn(
     e,
     s,
     r,
-    i,
-    l
-  ) : sn(
+    l,
+    i
+  ) : an(
     e,
     s,
-    i,
-    l
+    l,
+    i
   ));
 }, q = (e, t) => {
   v.setState((s) => {
@@ -134,20 +133,20 @@ const v = nt(() => ({})), de = (e, t, s, r) => {
       }
     };
   });
-}, rn = (e, t) => {
+}, on = (e, t) => {
   v.setState((s) => {
     const r = s[e];
     if (!r)
       return s;
-    const i = r.entries ?? {};
-    if (!(t in i))
+    const l = r.entries ?? {};
+    if (!(t in l))
       return s;
-    const { [t]: l, ...c } = i;
+    const { [t]: i, ...o } = l;
     return {
       ...s,
       [e]: {
         ...r,
-        entries: c
+        entries: o
       }
     };
   });
@@ -190,25 +189,25 @@ const v = nt(() => ({})), de = (e, t, s, r) => {
     } : s;
   });
 };
-let _e = !1, re = [], ke = !1;
-const on = (e) => e._userFlow || null, Oe = (e) => {
+let _e = !1, re = [], Oe = !1;
+const cn = (e) => e._userFlow || null, Ae = (e) => {
   re.forEach(({ resolve: t, reject: s }) => {
     e ? s(e) : t(void 0);
   }), re = [];
-}, cn = async (e) => {
-  var r, i;
+}, ln = async (e) => {
+  var r, l;
   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 l = on(t);
-    if (l) {
-      const n = (i = v.getState()[l]) == null ? void 0 : i.apiConfig;
+    const i = cn(t);
+    if (i) {
+      const n = (l = v.getState()[i]) == null ? void 0 : l.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
         if (_e)
           return new Promise((a, u) => {
             re.push({ resolve: a, reject: u });
-          }).then(() => H(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
+          }).then(() => J(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
         t._retry = !0, _e = !0;
         try {
           let a;
@@ -218,7 +217,7 @@ const on = (e) => e._userFlow || null, Oe = (e) => {
             a = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Te(l, JSON.stringify(a)) : Te(l, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), Oe(null), H(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Te(i, JSON.stringify(a)) : Te(i, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), Ae(null), J(t);
         } catch (a) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -226,7 +225,7 @@ const on = (e) => e._userFlow || null, Oe = (e) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             re.length
-          ), Oe(a), Promise.reject(a);
+          ), Ae(a), Promise.reject(a);
         } finally {
           _e = !1;
         }
@@ -241,17 +240,17 @@ const on = (e) => e._userFlow || null, Oe = (e) => {
       );
   }
   return Promise.reject(e);
-}, ln = () => {
-  if (ke) {
+}, dn = () => {
+  if (Oe) {
     console.debug(
       "[axiosInterceptors] Interceptors already initialized, skipping"
     );
     return;
   }
-  console.debug("[axiosInterceptors] Initializing interceptors..."), H.interceptors.response.use(void 0, cn), console.debug("[axiosInterceptors] Response error interceptor registered"), ke = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+  console.debug("[axiosInterceptors] Initializing interceptors..."), J.interceptors.response.use(void 0, ln), console.debug("[axiosInterceptors] Response error interceptor registered"), Oe = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
 };
-ln();
-function dn(e) {
+dn();
+function _n(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ue = { exports: {} }, te = {};
@@ -264,46 +263,46 @@ var ue = { exports: {} }, te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ae;
-function _n() {
-  if (Ae) return te;
-  Ae = 1;
-  var e = st, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(n, d, a) {
+var $e;
+function un() {
+  if ($e) return te;
+  $e = 1;
+  var e = rt, 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, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(n, d, a) {
     var u, h = {}, _ = null, f = null;
     a !== void 0 && (_ = "" + a), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (f = d.ref);
-    for (u in d) r.call(d, u) && !l.hasOwnProperty(u) && (h[u] = d[u]);
+    for (u in d) r.call(d, u) && !i.hasOwnProperty(u) && (h[u] = d[u]);
     if (n && n.defaultProps) for (u in d = n.defaultProps, d) h[u] === void 0 && (h[u] = d[u]);
-    return { $$typeof: t, type: n, key: _, ref: f, props: h, _owner: i.current };
+    return { $$typeof: t, type: n, key: _, ref: f, props: h, _owner: l.current };
   }
-  return te.Fragment = s, te.jsx = c, te.jsxs = c, te;
+  return te.Fragment = s, te.jsx = o, te.jsxs = o, te;
 }
-var $e;
-function un() {
-  return $e || ($e = 1, ue.exports = _n()), ue.exports;
+var qe;
+function hn() {
+  return qe || (qe = 1, ue.exports = un()), ue.exports;
 }
-var o = un();
-const hn = (e) => {
+var c = hn();
+const fn = (e) => {
   if (!(e != null && e.content)) return null;
   const t = {
     ...e,
     children: e.content,
     type: e.variant
   };
-  return /* @__PURE__ */ o.jsx(ze, { ...t });
-}, fn = (e) => {
+  return /* @__PURE__ */ c.jsx(ze, { ...t });
+}, yn = (e) => {
   if (!e) return null;
   const t = {
     ...e,
     children: e.content
   };
-  return /* @__PURE__ */ o.jsx(rt, { ...t });
+  return /* @__PURE__ */ c.jsx(ct, { ...t });
 }, O = (e, t, s, r) => {
-  var c;
-  const i = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Nn, { ...n, userFlow: e, pageId: t }),
-    aiChatPanel: (n) => /* @__PURE__ */ o.jsx(
-      wn,
+  var o;
+  const l = {
+    accordion: (n) => /* @__PURE__ */ c.jsx(Cn, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ c.jsx(
+      Nn,
       {
         ...n,
         userFlow: e,
@@ -311,8 +310,8 @@ const hn = (e) => {
         onResolveProps: r == null ? void 0 : r.aiChatPanel
       }
     ),
-    aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(
-      kn,
+    aiSummaryCard: (n) => /* @__PURE__ */ c.jsx(
+      On,
       {
         ...n,
         userFlow: e,
@@ -320,50 +319,51 @@ const hn = (e) => {
         onResolveProps: r == null ? void 0 : r.aiSummaryCard
       }
     ),
-    aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(Sn, { ...n, userFlow: e, pageId: t }),
-    box: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n, userFlow: e, pageId: t }),
-    breadcrumbs: (n) => /* @__PURE__ */ o.jsx(Xn, { ...n, userFlow: e, pageId: t }),
-    tooltip: (n) => /* @__PURE__ */ o.jsx(va, { ...n, userFlow: e, pageId: t }),
-    textarea: (n) => /* @__PURE__ */ o.jsx(ga, { ...n, userFlow: e, pageId: t }),
-    card: (n) => /* @__PURE__ */ o.jsx(Fn, { ...n, userFlow: e, pageId: t }),
-    dropdownButton: (n) => /* @__PURE__ */ o.jsx(Ss, { ...n, userFlow: e, pageId: t }),
-    menu: (n) => /* @__PURE__ */ o.jsx(As, { ...n, userFlow: e, pageId: t }),
-    radioGroup: (n) => /* @__PURE__ */ o.jsx(Vn, { ...n, userFlow: e, pageId: t }),
-    stepper: (n) => /* @__PURE__ */ o.jsx(Jn, { ...n, userFlow: e, pageId: t }),
-    button: (n) => /* @__PURE__ */ o.jsx(Hn, { ...n, userFlow: e, pageId: t }),
-    cardAccordion: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: e, pageId: t }),
-    cardNotification: (n) => /* @__PURE__ */ o.jsx(Pn, { ...n }),
-    chart: (n) => /* @__PURE__ */ o.jsx(is, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(gs, { ...n, userFlow: e, pageId: t }),
-    checkbox: (n) => /* @__PURE__ */ o.jsx(ls, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(ys, { ...n, userFlow: e, pageId: t }),
-    divider: (n) => /* @__PURE__ */ o.jsx(js, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(vs, { ...n, userFlow: e, pageId: t }),
-    heading: (n) => hn(n),
-    link: (n) => /* @__PURE__ */ o.jsx(Os, { ...n, userFlow: e, pageId: t }),
-    pill: (n) => /* @__PURE__ */ o.jsx(Is, { ...n }),
-    previewerMarkdown: (n) => /* @__PURE__ */ o.jsx(Bs, { ...n }),
-    modal: (n) => /* @__PURE__ */ o.jsx(Ds, { ...n, userFlow: e, pageId: t }),
-    roundButton: (n) => /* @__PURE__ */ o.jsx(Ks, { ...n, userFlow: e, pageId: t }),
-    row: (n) => /* @__PURE__ */ o.jsx(Ms, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(Ys, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(ca, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(oa, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(ha, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(xa, { ...n, userFlow: e, pageId: t }),
-    text: (n) => fn(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(ja, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(Na, { ...n, userFlow: e, pageId: t })
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ c.jsx(kn, { ...n, userFlow: e, pageId: t }),
+    box: (n) => /* @__PURE__ */ c.jsx(Ln, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ c.jsx(Wn, { ...n, userFlow: e, pageId: t }),
+    tooltip: (n) => /* @__PURE__ */ c.jsx(qa, { ...n, userFlow: e, pageId: t }),
+    textarea: (n) => /* @__PURE__ */ c.jsx(Sa, { ...n, userFlow: e, pageId: t }),
+    card: (n) => /* @__PURE__ */ c.jsx(es, { ...n, userFlow: e, pageId: t }),
+    dropdownButton: (n) => /* @__PURE__ */ c.jsx(Ds, { ...n, userFlow: e, pageId: t }),
+    menu: (n) => /* @__PURE__ */ c.jsx(Ks, { ...n, userFlow: e, pageId: t }),
+    radioGroup: (n) => /* @__PURE__ */ c.jsx(Hn, { ...n, userFlow: e, pageId: t }),
+    stepper: (n) => /* @__PURE__ */ c.jsx(Xn, { ...n, userFlow: e, pageId: t }),
+    progressBar: (n) => /* @__PURE__ */ c.jsx(Jn, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ c.jsx(Qn, { ...n, userFlow: e, pageId: t }),
+    cardAccordion: (n) => /* @__PURE__ */ c.jsx(Zn, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ c.jsx(ts, { ...n }),
+    chart: (n) => /* @__PURE__ */ c.jsx(ms, { ...n, userFlow: e }),
+    dataCard: (n) => /* @__PURE__ */ c.jsx(Ss, { ...n, userFlow: e, pageId: t }),
+    checkbox: (n) => /* @__PURE__ */ c.jsx(xs, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ c.jsx(Ns, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ c.jsx(Ts, { ...n }),
+    drawer: (n) => /* @__PURE__ */ c.jsx(qs, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => fn(n),
+    link: (n) => /* @__PURE__ */ c.jsx(Bs, { ...n, userFlow: e, pageId: t }),
+    pill: (n) => /* @__PURE__ */ c.jsx(Hs, { ...n }),
+    previewerMarkdown: (n) => /* @__PURE__ */ c.jsx(Xs, { ...n }),
+    modal: (n) => /* @__PURE__ */ c.jsx(Us, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ c.jsx(Js, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ c.jsx(Ys, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ c.jsx(aa, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ c.jsx(ya, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ c.jsx(fa, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ c.jsx(ja, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ c.jsx(va, { ...n, userFlow: e, pageId: t }),
+    text: (n) => yn(n),
+    textField: (n) => /* @__PURE__ */ c.jsx(Ta, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ c.jsx(Oa, { ...n, userFlow: e, pageId: t })
   };
-  return (c = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : c.map((n) => {
-    const d = i[n.component];
+  return (o = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : o.map((n) => {
+    const d = l[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
 };
 function mn(e) {
   return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
 }
-function He(e, t) {
+function Qe(e, t) {
   if (!(t != null && t.length))
     return !1;
   for (const s of t)
@@ -376,12 +376,12 @@ function He(e, t) {
 }
 function I(e, t) {
   const s = v((r) => {
-    var i;
-    return (i = r[e]) == null ? void 0 : i.entries;
+    var l;
+    return (l = r[e]) == null ? void 0 : l.entries;
   });
   return A(
     () => ({
-      disabled: He(s, t)
+      disabled: Qe(s, t)
     }),
     [t, s]
   );
@@ -398,121 +398,121 @@ const P = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, se = () => new AbortController(), yn = (e, t = {}, s = {}, r = !1, i) => {
-  const l = se();
-  r && l.abort();
-  const c = P(t);
+}, se = () => new AbortController(), xn = (e, t = {}, s = {}, r = !1, l) => {
+  const i = se();
+  r && i.abort();
+  const o = P(t);
   return {
-    call: H.get(e, {
+    call: J.get(e, {
       headers: {
-        ...c
+        ...o
       },
       params: s,
-      signal: l.signal,
-      _userFlow: i
+      signal: i.signal,
+      _userFlow: l
     }),
-    controller: l
+    controller: i
   };
-}, xe = (e, t = {}, s = {}, r = {}, i = !1, l) => {
-  const c = se();
-  i && c.abort();
+}, xe = (e, t = {}, s = {}, r = {}, l = !1, i) => {
+  const o = se();
+  l && o.abort();
   const n = P(t);
   return {
-    call: H.post(e, s, {
+    call: J.post(e, s, {
       headers: {
         ...n
       },
       params: r,
-      signal: c.signal,
-      _userFlow: l
+      signal: o.signal,
+      _userFlow: i
     }),
-    controller: c
+    controller: o
   };
-}, xn = (e, t = {}, s = {}, r = {}, i = !1, l) => {
-  const c = se();
-  i && c.abort();
+}, gn = (e, t = {}, s = {}, r = {}, l = !1, i) => {
+  const o = se();
+  l && o.abort();
   const n = P(t);
   return {
-    call: H.put(e, s, {
+    call: J.put(e, s, {
       headers: {
         ...n
       },
       params: r,
-      signal: c.signal,
-      _userFlow: l
+      signal: o.signal,
+      _userFlow: i
     }),
-    controller: c
+    controller: o
   };
-}, gn = (e, t = {}, s = {}, r = {}, i = !1, l) => {
-  const c = se();
-  i && c.abort();
+}, pn = (e, t = {}, s = {}, r = {}, l = !1, i) => {
+  const o = se();
+  l && o.abort();
   const n = P(t);
   return {
-    call: H.patch(e, s, {
+    call: J.patch(e, s, {
       headers: {
         ...n
       },
       params: r,
-      signal: c.signal,
-      _userFlow: l
+      signal: o.signal,
+      _userFlow: i
     }),
-    controller: c
+    controller: o
   };
-}, pn = (e, t = {}, s = {}, r = {}, i = !1, l) => {
-  const c = se();
-  i && c.abort();
+}, bn = (e, t = {}, s = {}, r = {}, l = !1, i) => {
+  const o = se();
+  l && o.abort();
   const n = P(t);
   return {
-    call: H.delete(e, {
+    call: J.delete(e, {
       headers: {
         ...n
       },
       data: s,
       params: r,
-      signal: c.signal,
-      _userFlow: l
+      signal: o.signal,
+      _userFlow: i
     }),
-    controller: c
+    controller: o
   };
-}, We = () => {
+}, Ye = () => {
   let e;
   return { callEndpoint: async (r) => {
     r.controller && (e = r.controller);
-    let i = {};
+    let l = {};
     try {
-      i = await r.call;
-    } catch (l) {
-      throw l;
+      l = await r.call;
+    } catch (i) {
+      throw i;
     }
-    return i;
+    return l;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, Qe = async (e, t, s = "", r = {}, i = {}) => {
+}, Ze = async (e, t, s = "", r = {}, l = {}) => {
   try {
-    const { callEndpoint: l } = We(), { api: c, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
+    const { callEndpoint: i } = Ye(), { api: o, 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 = `${c}/not-front/next-ui/?${a.toString()}`, h = P(n), _ = xe(
+    const u = `${o}/not-front/next-ui/?${a.toString()}`, h = P(n), _ = xe(
       u,
       h,
       r,
-      i,
+      l,
       !1,
       t
     );
-    return await l(_);
-  } catch (l) {
-    return console.error(l), Promise.reject(l);
+    return await i(_);
+  } catch (i) {
+    return console.error(i), Promise.reject(i);
   }
 }, K = () => {
-  const e = v((n) => n), { callEndpoint: t } = We(), s = async (n, d, a, u, h = !0) => {
+  const e = v((n) => n), { callEndpoint: t } = Ye(), s = async (n, d, a, u, h = !0) => {
     var _;
     try {
       const f = (_ = e[n]) == null ? void 0 : _.apiConfig, g = {
         state: { ...a },
         triggerKey: u
       };
-      return h && Q(n, !0), await Qe(
+      return h && Q(n, !0), await Ze(
         f,
         n,
         d,
@@ -527,16 +527,16 @@ const P = (e) => {
       case "post":
         return xe(u, h, _, {}, !1, d);
       case "put":
-        return xn(u, h, _, {}, !1, d);
-      case "patch":
         return gn(u, h, _, {}, !1, d);
+      case "patch":
+        return pn(u, h, _, {}, !1, d);
       case "delete":
-        return pn(u, h, _, f, !1, d);
+        return bn(u, h, _, f, !1, d);
       case "get":
       default:
-        return yn(u, h, f, !1, d);
+        return xn(u, h, f, !1, d);
     }
-  }, i = (n, d) => {
+  }, l = (n, d) => {
     const { url: a, headers: u } = n, h = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
@@ -552,7 +552,7 @@ const P = (e) => {
       !1,
       d
     );
-  }, l = async (n, d, a = !0) => {
+  }, i = async (n, d, a = !0) => {
     var u, h;
     if (!n) {
       console.warn("[fetchDataSource] Invalid or missing dataSource");
@@ -566,7 +566,7 @@ const P = (e) => {
           _ = r(n, d);
           break;
         case "graphql":
-          _ = i(n, d);
+          _ = l(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -588,11 +588,11 @@ const P = (e) => {
   };
   return {
     getNextUI: s,
-    fetchDataSource: l,
+    fetchDataSource: i,
     fetchAndGetNextUI: async (n, d, a, u, h) => {
       try {
         Q(n, !0);
-        const _ = await l(h, n, !1);
+        const _ = await i(h, n, !1);
         return _ && await s(
           n,
           d,
@@ -607,111 +607,111 @@ const P = (e) => {
       }
     }
   };
-}, bn = "_accordion_1ri2t_1", jn = "_accordionBody_1ri2t_8", qe = {
-  accordion: bn,
-  accordionBody: jn
-}, Nn = (e) => {
+}, jn = "_accordion_1ri2t_1", wn = "_accordionBody_1ri2t_8", De = {
+  accordion: jn,
+  accordionBody: wn
+}, Cn = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    dependencies: i,
-    customContent: l,
-    actionContent: c,
+    dependencies: l,
+    customContent: i,
+    actionContent: o,
     components: n,
     ...d
   } = e, { getNextUI: a } = K(), [u, h] = L(
     d.checkboxChecked || !1
   ), { disabled: _ } = I(
     t,
-    i
-  ), f = O(t, s, n), g = c ? O(t, s, c) : void 0, y = l ? O(t, s, l) : void 0, x = R(
+    l
+  ), f = O(t, s, n), g = o ? O(t, s, o) : void 0, x = i ? O(t, s, i) : void 0, m = R(
     async (b) => {
-      var j;
+      var C;
       try {
-        const N = b.target.checked;
-        h(N);
-        const C = {
-          ...(j = v.getState()[t]) == null ? void 0 : j.entries,
-          [r]: N
+        const j = b.target.checked;
+        h(j);
+        const N = {
+          ...(C = v.getState()[t]) == null ? void 0 : C.entries,
+          [r]: j
         };
-        if (q(t, C), d.actionType === "GO_TO_NEXT_UI") {
+        if (q(t, N), d.actionType === "GO_TO_NEXT_UI") {
           const w = await a(
             t,
             s,
-            C,
+            N,
             r
           );
           w != null && w.data && $(t, w == null ? void 0 : w.data);
         }
-      } catch (N) {
-        console.error("Error in accordion checkbox action:", N), alert(JSON.stringify(N));
+      } catch (j) {
+        console.error("Error in accordion checkbox action:", j), alert(JSON.stringify(j));
       }
     },
     [t, s, r, d.actionType, a]
-  ), m = d.disabled || _, p = {
+  ), y = d.disabled || _, p = {
     ...d,
-    className: qe.accordion,
-    disabled: m,
+    className: De.accordion,
+    disabled: y,
     checkboxChecked: u,
-    onChanceCheckbox: d.hasCheckbox ? x : void 0,
-    actionContent: g ? /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((b, j) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-action-${j}`)) }) : void 0,
-    customContent: y ? /* @__PURE__ */ o.jsx(o.Fragment, { children: y.map((b, j) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-custom-${j}`)) }) : void 0,
-    children: f ? /* @__PURE__ */ o.jsx("section", { className: qe.accordionBody, children: f.map((b, j) => /* @__PURE__ */ o.jsx(k, { children: b }, `accordion-child-${j}`)) }) : void 0
+    onChanceCheckbox: d.hasCheckbox ? m : void 0,
+    actionContent: g ? /* @__PURE__ */ c.jsx(c.Fragment, { children: g.map((b, C) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-action-${C}`)) }) : void 0,
+    customContent: x ? /* @__PURE__ */ c.jsx(c.Fragment, { children: x.map((b, C) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-custom-${C}`)) }) : void 0,
+    children: f ? /* @__PURE__ */ c.jsx("section", { className: De.accordionBody, children: f.map((b, C) => /* @__PURE__ */ c.jsx(T, { children: b }, `accordion-child-${C}`)) }) : void 0
   };
-  return /* @__PURE__ */ o.jsx(ot, { ...p });
-}, wn = (e) => {
-  const t = ne.useThemeStore((c) => c.theme.mode), s = e.dataSource, r = A(() => ({
+  return /* @__PURE__ */ c.jsx(it, { ...p });
+}, Nn = (e) => {
+  const t = ne.useThemeStore((o) => o.theme.mode), s = e.dataSource, r = A(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: s == null ? void 0 : s.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), i = e.locale ?? "en", l = A(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, s == null ? void 0 : s.data]), l = e.locale ?? "en", i = A(() => {
     var n, d, a, u, h;
-    const c = {
+    const o = {
       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: (a = e == null ? void 0 : e.translations) == null ? void 0 : a.welcomeDescription,
       placeholder: (u = e == null ? void 0 : e.translations) == null ? void 0 : u.placeholder,
       disclaimer: (h = e == null ? void 0 : e.translations) == null ? void 0 : h.disclaimer
     };
-    return Object.fromEntries(Object.entries(c).filter(([, _]) => !!_));
+    return Object.fromEntries(Object.entries(o).filter(([, _]) => !!_));
   }, [e == null ? void 0 : e.translations]);
-  return z(() => {
+  return V(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: r,
-      locale: i,
-      translations: l,
+      locale: l,
+      translations: i,
       initialSuggestions: e.initialSuggestions,
       theme: t
     });
   }, [
     e.onResolveProps,
     r,
-    i,
     l,
+    i,
     e.initialSuggestions,
     t
-  ]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx(
-    Dt,
+  ]), e.onResolveProps ? null : /* @__PURE__ */ c.jsx(
+    It,
     {
       dataSource: r,
-      locale: i,
-      translations: l,
+      locale: l,
+      translations: i,
       initialSuggestions: e.initialSuggestions,
       theme: t
     }
   );
-}, Cn = "_promptCodeEditor_1d57s_1", vn = {
-  promptCodeEditor: Cn
-}, Sn = (e) => {
+}, vn = "_promptCodeEditor_1d57s_1", Sn = {
+  promptCodeEditor: vn
+}, kn = (e) => {
   const {
     userFlow: t,
     responseKey: s,
     codeBlockValue: r,
-    language: i,
-    disabled: l,
-    dependencies: c,
+    language: l,
+    disabled: i,
+    dependencies: o,
     dataSource: n,
     inputLabel: d,
     inputPlaceholder: a,
@@ -720,28 +720,28 @@ const P = (e) => {
     r || ""
   ), { disabled: g } = I(
     t,
-    c
-  ), y = l ?? g, x = i ?? "json", m = {
+    o
+  ), x = i ?? g, m = l ?? "json", y = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
     body: n == null ? void 0 : n.data
   }, p = (b) => {
     f(b);
-    const j = {
+    const C = {
       [s]: b
     };
-    q(t, j);
+    q(t, C);
   };
-  return z(() => {
+  return V(() => {
     r !== void 0 && r !== _ && f(r);
-  }, [r]), /* @__PURE__ */ o.jsx("section", { className: vn.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
-    Rt,
+  }, [r]), /* @__PURE__ */ c.jsx("section", { className: Sn.promptCodeEditor, children: /* @__PURE__ */ c.jsx(
+    Bt,
     {
       themeMode: h,
-      requestConfig: m,
-      language: x,
-      disabled: y,
+      requestConfig: y,
+      language: m,
+      disabled: x,
       inputLabel: d,
       inputPlaceholder: a,
       codeBlockLabel: u,
@@ -751,56 +751,56 @@ const P = (e) => {
   ) });
 }, En = "_summaryCard_jva4h_1", Tn = {
   summaryCard: En
-}, kn = (e) => {
+}, On = (e) => {
   const t = e.dataSource, s = A(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), r = e.locale ?? "en", i = A(() => {
-    var c, n, d;
-    const l = {
-      title: (c = e == null ? void 0 : e.translations) == null ? void 0 : c.title,
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), r = e.locale ?? "en", l = A(() => {
+    var o, n, d;
+    const i = {
+      title: (o = e == null ? void 0 : e.translations) == null ? void 0 : o.title,
       loading: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.loading,
       noData: (d = e == null ? void 0 : e.translations) == null ? void 0 : d.noData
     };
     return Object.fromEntries(
-      Object.entries(l).filter(([, a]) => !!a)
+      Object.entries(i).filter(([, a]) => !!a)
     );
   }, [e == null ? void 0 : e.translations]);
-  return z(() => {
+  return V(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: r,
-      translations: i
+      translations: l
     });
-  }, [e.onResolveProps, s, r, i]), e.onResolveProps ? null : /* @__PURE__ */ o.jsx("section", { className: Tn.summaryCard, children: /* @__PURE__ */ o.jsx(
-    Lt,
+  }, [e.onResolveProps, s, r, l]), e.onResolveProps ? null : /* @__PURE__ */ c.jsx("section", { className: Tn.summaryCard, children: /* @__PURE__ */ c.jsx(
+    Kt,
     {
       dataSource: s,
       locale: r,
-      translations: i
+      translations: l
     }
   ) });
-}, On = "_body_14tsv_1", An = "_body_content_14tsv_5", De = {
-  body: On,
-  body_content: An
-}, $n = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: De.body, children: /* @__PURE__ */ o.jsx("div", { className: De.body_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(k, { children: t }, s)) }) }), qn = "_slotStack_1b4wy_1", Dn = {
-  slotStack: qn
-}, Rn = (e) => {
+}, An = "_body_14tsv_1", $n = "_body_content_14tsv_5", Re = {
+  body: An,
+  body_content: $n
+}, qn = ({ inputs: e }) => /* @__PURE__ */ c.jsx("section", { className: Re.body, children: /* @__PURE__ */ c.jsx("div", { className: Re.body_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx(T, { children: t }, s)) }) }), Dn = "_slotStack_1b4wy_1", Rn = {
+  slotStack: Dn
+}, Ln = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    content: c
+    hash: l,
+    responseKey: i,
+    content: o
   } = e, n = ne.useThemeStore((u) => u.theme.mode) === "dark", d = O(
     t,
     s,
-    c != null && c.length ? c : null
-  ), a = d && d.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Dn.slotStack, children: d.map((u, h) => /* @__PURE__ */ o.jsx(k, { children: u }, `box-${i}-${h}`)) }) : null;
-  return /* @__PURE__ */ o.jsx(ct, { darkMode: n, children: a });
+    o != null && o.length ? o : null
+  ), a = d && d.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Rn.slotStack, children: d.map((u, h) => /* @__PURE__ */ c.jsx(T, { children: u }, `box-${l}-${h}`)) }) : null;
+  return /* @__PURE__ */ c.jsx(lt, { darkMode: n, children: a });
 };
 var he = { exports: {} };
 /*!
@@ -808,30 +808,30 @@ var he = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Re;
-function Ln() {
-  return Re || (Re = 1, (function(e) {
+var Le;
+function In() {
+  return Le || (Le = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function s() {
-        for (var r = [], i = 0; i < arguments.length; i++) {
-          var l = arguments[i];
-          if (l) {
-            var c = typeof l;
-            if (c === "string" || c === "number")
-              r.push(l);
-            else if (Array.isArray(l)) {
-              if (l.length) {
-                var n = s.apply(null, l);
+        for (var r = [], l = 0; l < arguments.length; l++) {
+          var i = arguments[l];
+          if (i) {
+            var o = typeof i;
+            if (o === "string" || o === "number")
+              r.push(i);
+            else if (Array.isArray(i)) {
+              if (i.length) {
+                var n = s.apply(null, i);
                 n && r.push(n);
               }
-            } else if (c === "object") {
-              if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
-                r.push(l.toString());
+            } else if (o === "object") {
+              if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
+                r.push(i.toString());
                 continue;
               }
-              for (var d in l)
-                t.call(l, d) && l[d] && r.push(d);
+              for (var d in i)
+                t.call(i, d) && i[d] && r.push(d);
             }
           }
         }
@@ -841,22 +841,22 @@ function Ln() {
     })();
   })(he)), he.exports;
 }
-var In = Ln();
-const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColumn_1xrth_8", Gn = "_legend_1xrth_14", Un = "_options_1xrth_20", Mn = "_optionsRow_1xrth_25", zn = "_optionsColumn_1xrth_36", Y = {
-  fieldset: Bn,
-  fieldsetColumn: Kn,
-  legend: Gn,
+var Bn = In();
+const F = /* @__PURE__ */ _n(Bn), Kn = "_fieldset_1xrth_1", Gn = "_fieldsetColumn_1xrth_8", Mn = "_legend_1xrth_14", Un = "_options_1xrth_20", Vn = "_optionsRow_1xrth_25", zn = "_optionsColumn_1xrth_36", Y = {
+  fieldset: Kn,
+  fieldsetColumn: Gn,
+  legend: Mn,
   options: Un,
-  optionsRow: Mn,
+  optionsRow: Vn,
   optionsColumn: zn
-}, Vn = (e) => {
+}, Hn = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    label: i,
-    value: l,
-    required: c,
+    label: l,
+    value: i,
+    required: o,
     actionType: n,
     dependencies: d,
     direction: a,
@@ -866,42 +866,42 @@ const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColum
     d
   ), g = v(
     (b) => {
-      var j, N;
-      return (N = (j = b[t]) == null ? void 0 : j.entries) == null ? void 0 : N[r];
+      var C, j;
+      return (j = (C = b[t]) == null ? void 0 : C.entries) == null ? void 0 : j[r];
     }
-  ), y = g != null ? String(g) : l ?? "", x = f, m = A(() => i ? c ? `${i} *` : i : null, [i, c]), p = R(
+  ), x = g != null ? String(g) : i ?? "", m = f, y = A(() => l ? o ? `${l} *` : l : null, [l, o]), p = R(
     async (b) => {
-      var j;
-      if (!x)
+      var C;
+      if (!m)
         try {
-          const N = {
-            ...(j = v.getState()[t]) == null ? void 0 : j.entries,
+          const j = {
+            ...(C = v.getState()[t]) == null ? void 0 : C.entries,
             [r]: b
           };
-          if (q(t, N), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
-            const E = await _(
+          if (q(t, j), n === "GO_TO_NEXT_UI" || n === "GO_TO_NEXT_UI_WITHOUT_LOADING") {
+            const k = await _(
               t,
               s,
-              N,
+              j,
               r,
               n === "GO_TO_NEXT_UI"
             );
-            E != null && E.data && $(t, E == null ? void 0 : E.data);
+            k != null && k.data && $(t, k == null ? void 0 : k.data);
           }
-        } catch (N) {
-          alert(JSON.stringify(N));
+        } catch (j) {
+          alert(JSON.stringify(j));
         }
     },
     [
       n,
       _,
-      x,
+      m,
       s,
       r,
       t
     ]
   );
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     "fieldset",
     {
       className: F(
@@ -909,21 +909,21 @@ const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColum
         h === "column" && Y.fieldsetColumn
       ),
       children: [
-        m ? /* @__PURE__ */ o.jsx("legend", { className: Y.legend, children: m }) : null,
-        /* @__PURE__ */ o.jsx(
+        y ? /* @__PURE__ */ c.jsx("legend", { className: Y.legend, children: y }) : null,
+        /* @__PURE__ */ c.jsx(
           "div",
           {
             className: F(
               Y.options,
               h === "column" ? Y.optionsColumn : Y.optionsRow
             ),
-            children: u.map((b) => /* @__PURE__ */ o.jsx(
-              it,
+            children: u.map((b) => /* @__PURE__ */ c.jsx(
+              dt,
               {
                 name: r,
                 value: b.value,
-                checked: y === b.value,
-                disabled: x || b.disabled,
+                checked: x === b.value,
+                disabled: m || b.disabled,
                 labelRight: b.label,
                 onChange: () => {
                   p(b.value);
@@ -936,25 +936,34 @@ const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColum
       ]
     }
   );
-}, Jn = ({
+}, Xn = ({
   userFlow: e,
   pageId: t,
   component: s,
   hash: r,
-  responseKey: i,
-  items: l,
-  itemActive: c,
+  responseKey: l,
+  items: i,
+  itemActive: o,
   darkMode: n
-}) => /* @__PURE__ */ o.jsx(lt, { items: l, itemActive: c, darkMode: n }), Xn = ({
+}) => /* @__PURE__ */ c.jsx(_t, { items: i, itemActive: o, darkMode: n }), Jn = ({
+  userFlow: e,
+  pageId: t,
+  component: s,
+  hash: r,
+  responseKey: l,
+  total: i,
+  done: o,
+  inProgress: n
+}) => /* @__PURE__ */ c.jsx(ut, { total: i, done: o, inProgress: n }), Wn = ({
   userFlow: e,
   items: t,
   responseKey: s
 }) => {
-  const { getNextUI: r } = K(), i = R(
-    async ({ actionType: c, hashCode: n, redirectUrl: d }) => {
+  const { getNextUI: r } = K(), l = R(
+    async ({ actionType: o, hashCode: n, redirectUrl: d }) => {
       var a;
       try {
-        switch (c) {
+        switch (o) {
           case "GO_TO_NEXT_UI":
             const u = await r(
               e,
@@ -968,7 +977,7 @@ const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColum
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${c}`);
+            console.warn(`Unhandled actionType: ${o}`);
             break;
         }
       } catch (u) {
@@ -976,25 +985,25 @@ const F = /* @__PURE__ */ dn(In), Bn = "_fieldset_1xrth_1", Kn = "_fieldsetColum
       }
     },
     []
-  ), l = A(() => t == null ? void 0 : t.map((c) => ({
-    title: c == null ? void 0 : c.title,
-    component: /* @__PURE__ */ o.jsx("div", { onClick: () => i(c) })
+  ), i = A(() => t == null ? void 0 : t.map((o) => ({
+    title: o == null ? void 0 : o.title,
+    component: /* @__PURE__ */ c.jsx("div", { onClick: () => l(o) })
   })), []);
-  return /* @__PURE__ */ o.jsx(dt, { items: l });
+  return /* @__PURE__ */ c.jsx(ht, { items: i });
 };
-function je(e, t) {
-  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: i } = K();
+function we(e, t) {
+  const { getNextUI: s, fetchDataSource: r, fetchAndGetNextUI: l } = K();
   return R(
-    async (l) => {
-      var _, f, g, y;
-      const { responseKey: c, actionType: n, dataSource: d, redirectUrl: a, dependencies: u } = l, h = (_ = v.getState()[e]) == null ? void 0 : _.entries;
-      if (!He(h, u))
+    async (i) => {
+      var _, f, g, x;
+      const { responseKey: o, actionType: n, dataSource: d, redirectUrl: a, dependencies: u } = i, h = (_ = v.getState()[e]) == null ? void 0 : _.entries;
+      if (!Qe(h, u))
         try {
-          const x = {
+          const m = {
             ...(f = v.getState()[e]) == null ? void 0 : f.entries,
-            [c]: { status: 200 }
+            [o]: { status: 200 }
           };
-          switch (q(e, x), n) {
+          switch (q(e, m), n) {
             case "CLOSE_MODAL":
               ce(e, !1);
               break;
@@ -1005,50 +1014,50 @@ function je(e, t) {
               W(e, !0);
               break;
             case "GO_TO_NEXT_UI": {
-              const m = await s(
+              const y = await s(
                 e,
                 t,
-                x,
-                c
+                m,
+                o
               );
-              m != null && m.data && $(e, m == null ? void 0 : m.data);
+              y != null && y.data && $(e, y == null ? void 0 : y.data);
               break;
             }
             case "FETCH_AND_GO_TO_NEXT_UI": {
-              const m = await i(
+              const y = await l(
                 e,
                 t,
-                x,
-                c,
+                m,
+                o,
                 d
               );
-              m != null && m.data && $(e, m == null ? void 0 : m.data);
+              y != null && y.data && $(e, y == null ? void 0 : y.data);
               break;
             }
             case "GET_DATA_SOURCE": {
-              const m = await s(
+              const y = await s(
                 e,
                 t,
-                x,
-                c
-              ), p = (g = m == null ? void 0 : m.data) == null ? void 0 : g.content;
+                m,
+                o
+              ), p = (g = y == null ? void 0 : y.data) == null ? void 0 : g.content;
               if ((p == null ? void 0 : p.type) !== "fetch")
                 break;
-              const b = p == null ? void 0 : p.dataSource, j = await r(b, e, !1), N = {
-                ...(y = v.getState()[e]) == null ? void 0 : y.entries,
-                [c]: {
-                  status: j == null ? void 0 : j.status,
-                  content: j == null ? void 0 : j.data
+              const b = p == null ? void 0 : p.dataSource, C = await r(b, e, !1), j = {
+                ...(x = v.getState()[e]) == null ? void 0 : x.entries,
+                [o]: {
+                  status: C == null ? void 0 : C.status,
+                  content: C == null ? void 0 : C.data
                 }
               };
-              q(e, N);
-              const C = await s(
+              q(e, j);
+              const N = await s(
                 e,
                 t,
-                N,
-                c
+                j,
+                o
               );
-              C != null && C.data && $(e, C == null ? void 0 : C.data);
+              N != null && N.data && $(e, N == null ? void 0 : N.data);
               break;
             }
             case "REDIRECT":
@@ -1057,12 +1066,12 @@ function je(e, t) {
             default:
               console.warn(`Unhandled actionType: ${n}`);
           }
-        } catch (x) {
-          alert(JSON.stringify(x));
+        } catch (m) {
+          alert(JSON.stringify(m));
         }
     },
     [
-      i,
+      l,
       r,
       s,
       t,
@@ -1070,65 +1079,65 @@ function je(e, t) {
     ]
   );
 }
-const Hn = (e) => {
+const Qn = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
-    label: l,
-    content: c,
+    actionType: l,
+    label: i,
+    content: o,
     dataSource: n,
     redirectUrl: d,
     dependencies: a,
     onClick: u,
     ...h
-  } = e, _ = je(t, s), { disabled: f } = I(
+  } = e, _ = we(t, s), { disabled: f } = I(
     t,
     a
   ), g = {
     ...h,
-    children: c ?? l
-  }, y = (g == null ? void 0 : g.disabled) ?? f, x = R(async () => {
+    children: o ?? i
+  }, x = (g == null ? void 0 : g.disabled) ?? f, m = R(async () => {
     await _({
       responseKey: r,
-      actionType: i,
+      actionType: l,
       dataSource: n,
       redirectUrl: d,
       dependencies: a
     });
   }, [
-    i,
+    l,
     n,
     a,
     d,
     r,
     _
   ]);
-  return /* @__PURE__ */ o.jsx(
-    _t,
+  return /* @__PURE__ */ c.jsx(
+    ft,
     {
       ...g,
-      disabled: y,
-      onClick: () => !y && (u ?? x)()
+      disabled: x,
+      onClick: () => !x && (u ?? m)()
     }
   );
-}, Wn = "_slotStack_12u4t_5", Le = {
-  slotStack: Wn
-}, Qn = (e) => {
+}, Yn = "_slotStack_12u4t_5", Ie = {
+  slotStack: Yn
+}, Zn = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    dependencies: c,
+    hash: l,
+    responseKey: i,
+    dependencies: o,
     content: n,
     actionContent: d,
     ...a
   } = e, { disabled: u } = I(
     t,
-    c
+    o
   ), h = O(
     t,
     s,
@@ -1137,48 +1146,48 @@ const Hn = (e) => {
     t,
     s,
     d && d.length > 0 ? d : null
-  ), f = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Le.slotStack, children: h.map((x, m) => /* @__PURE__ */ o.jsx(k, { children: x }, `card-accordion-body-${i}-${m}`)) }) : void 0, g = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Le.slotStack, children: _.map((x, m) => /* @__PURE__ */ o.jsx(k, { children: x }, `card-accordion-actions-${i}-${m}`)) }) : void 0, y = a.disabled || u;
-  return /* @__PURE__ */ o.jsx(
-    ut,
+  ), f = h && h.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Ie.slotStack, children: h.map((m, y) => /* @__PURE__ */ c.jsx(T, { children: m }, `card-accordion-body-${l}-${y}`)) }) : void 0, g = _ && _.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Ie.slotStack, children: _.map((m, y) => /* @__PURE__ */ c.jsx(T, { children: m }, `card-accordion-actions-${l}-${y}`)) }) : void 0, x = a.disabled || u;
+  return /* @__PURE__ */ c.jsx(
+    yt,
     {
       ...a,
-      disabled: y,
+      disabled: x,
       actionContent: g,
       children: f ?? null
     }
   );
-}, Yn = "_slotStack_ivk5b_1", Zn = {
-  slotStack: Yn
-}, Fn = (e) => {
+}, Fn = "_slotStack_ivk5b_1", Pn = {
+  slotStack: Fn
+}, es = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    content: c,
+    hash: l,
+    responseKey: i,
+    content: o,
     colorId: n,
     disabled: d,
     actionType: a,
     dataSource: u,
     redirectUrl: h,
     dependencies: _
-  } = e, { getNextUI: f, fetchDataSource: g, fetchAndGetNextUI: y } = K(), { disabled: x } = I(
+  } = e, { getNextUI: f, fetchDataSource: g, fetchAndGetNextUI: x } = K(), { disabled: m } = I(
     t,
     _
-  ), m = d ?? x, p = O(
+  ), y = d ?? m, p = O(
     t,
     s,
-    c && c.length > 0 ? c : null
-  ), b = p && p.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Zn.slotStack, children: p.map((N, C) => /* @__PURE__ */ o.jsx(k, { children: N }, `card-body-${i}-${C}`)) }) : null, j = R(async () => {
-    var N, C, w;
-    if (!(!a || m))
+    o && o.length > 0 ? o : null
+  ), b = p && p.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Pn.slotStack, children: p.map((j, N) => /* @__PURE__ */ c.jsx(T, { children: j }, `card-body-${l}-${N}`)) }) : null, C = R(async () => {
+    var j, N, w;
+    if (!(!a || y))
       try {
-        const E = {
-          ...(N = v.getState()[t]) == null ? void 0 : N.entries,
-          [l]: { status: 200 }
+        const k = {
+          ...(j = v.getState()[t]) == null ? void 0 : j.entries,
+          [i]: { status: 200 }
         };
-        switch (q(t, E), a) {
+        switch (q(t, k), a) {
           case "CLOSE_MODAL":
             ce(t, !1);
             break;
@@ -1190,22 +1199,22 @@ const Hn = (e) => {
             break;
           case "GO_TO_NEXT_UI":
           case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-            const T = await f(
+            const E = await f(
               t,
               s,
-              E,
-              l,
+              k,
+              i,
               a === "GO_TO_NEXT_UI"
             );
-            T != null && T.data && $(t, T == null ? void 0 : T.data);
+            E != null && E.data && $(t, E == null ? void 0 : E.data);
             break;
           }
           case "FETCH_AND_GO_TO_NEXT_UI": {
-            const S = await y(
+            const S = await x(
               t,
               s,
-              E,
-              l,
+              k,
+              i,
               u
             );
             S != null && S.data && $(t, S == null ? void 0 : S.data);
@@ -1215,24 +1224,24 @@ const Hn = (e) => {
             const S = await f(
               t,
               s,
-              E,
-              l
-            ), T = (C = S == null ? void 0 : S.data) == null ? void 0 : C.content;
-            if ((T == null ? void 0 : T.type) !== "fetch")
+              k,
+              i
+            ), E = (N = S == null ? void 0 : S.data) == null ? void 0 : N.content;
+            if ((E == null ? void 0 : E.type) !== "fetch")
               break;
-            const G = T == null ? void 0 : T.dataSource, U = await g(G, t, !1), J = {
+            const G = E == null ? void 0 : E.dataSource, M = await g(G, t, !1), H = {
               ...(w = v.getState()[t]) == null ? void 0 : w.entries,
-              [l]: {
-                status: U == null ? void 0 : U.status,
-                content: U == null ? void 0 : U.data
+              [i]: {
+                status: M == null ? void 0 : M.status,
+                content: M == null ? void 0 : M.data
               }
             };
-            q(t, J);
+            q(t, H);
             const D = await f(
               t,
               s,
-              J,
-              l
+              H,
+              i
             );
             D != null && D.data && $(t, D == null ? void 0 : D.data);
             break;
@@ -1243,65 +1252,65 @@ const Hn = (e) => {
           default:
             console.warn(`Unhandled card actionType: ${a}`);
         }
-      } catch (E) {
-        alert(JSON.stringify(E));
+      } catch (k) {
+        alert(JSON.stringify(k));
       }
   }, [
     a,
     u,
-    m,
     y,
+    x,
     g,
     f,
     s,
     h,
-    l,
+    i,
     t
   ]);
-  return /* @__PURE__ */ o.jsx(
-    ht,
+  return /* @__PURE__ */ c.jsx(
+    mt,
     {
       colorId: n,
-      disabled: m,
-      onClick: a && !m ? () => void j() : void 0,
+      disabled: y,
+      onClick: a && !y ? () => void C() : void 0,
       children: b
     }
   );
-}, Pn = (e) => {
-  const { content: t, description: s, ...r } = e, i = {
+}, ts = (e) => {
+  const { content: t, description: s, ...r } = e, l = {
     ...r,
     children: t ?? s
   };
-  return /* @__PURE__ */ o.jsx(ge, { ...i });
-}, es = (e, t, s) => {
-  const { url: r, paginationKeys: i, params: l } = e, c = [], n = (i == null ? void 0 : i.page) ?? "page";
-  if (c.push(`${n}=${t}`), typeof s == "string") {
-    const u = (i == null ? void 0 : i.text) ?? "text";
-    c.push(`${u}=${encodeURIComponent(s || "")}`);
+  return /* @__PURE__ */ c.jsx(pe, { ...l });
+}, ns = (e, t, s) => {
+  const { url: r, paginationKeys: l, params: i } = e, o = [], n = (l == null ? void 0 : l.page) ?? "page";
+  if (o.push(`${n}=${t}`), typeof s == "string") {
+    const u = (l == null ? void 0 : l.text) ?? "text";
+    o.push(`${u}=${encodeURIComponent(s || "")}`);
   }
-  if (l && typeof l == "object") {
-    const u = Object.entries(l).map(
+  if (i && typeof i == "object") {
+    const u = Object.entries(i).map(
       ([h, _]) => `${encodeURIComponent(h)}=${encodeURIComponent(_)}`
     );
-    c.push(...u);
+    o.push(...u);
   }
-  const d = c.join("&");
+  const d = o.join("&");
   return d ? `${r}?${d}` : r;
-}, Ne = (e, t, s, r) => {
-  const { type: i, url: l, method: c, headers: n } = e;
-  if (i === "rest") {
-    const d = es(e, t, s), u = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
+}, Ce = (e, t, s, r) => {
+  const { type: l, url: i, method: o, headers: n } = e;
+  if (l === "rest") {
+    const d = ns(e, t, s), u = { ...(e == null ? void 0 : e.data) ?? {}, ...r ?? {} };
     return {
       type: "rest",
       url: d,
-      method: c,
+      method: o,
       headers: n,
       data: u
     };
   } else
     return {
       type: "graphql",
-      url: l,
+      url: i,
       method: "post",
       headers: n,
       query: e == null ? void 0 : e.query,
@@ -1311,216 +1320,221 @@ const Hn = (e) => {
         page: t
       }
     };
-}, fe = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ts = (e, t) => {
+}, fe = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, ss = (e, t) => {
   if (!t || e == null)
     return null;
-  const { extractionJsonPath: s, injectionJsonPath: r } = t, i = B.value(e, s);
-  if (i == null)
+  const { extractionJsonPath: s, injectionJsonPath: r } = t, l = B.value(e, s);
+  if (l == null)
     return null;
   try {
-    const l = {};
-    return B.value(l, r, i), l;
-  } catch (l) {
+    const i = {};
+    return B.value(i, r, l), i;
+  } catch (i) {
     return console.warn(
       "[buildCursorPayload] invalid injectionJsonPath:",
       r,
-      l
+      i
     ), null;
   }
-}, Ye = (e, t, s, r) => {
-  const i = B.query(e, t), l = i == null ? void 0 : i.map((a) => {
+}, Fe = (e, t, s, r) => {
+  const l = B.query(e, t), i = l == null ? void 0 : l.map((a) => {
     var u, h;
     if (s) {
       const _ = {};
       for (const [f, g] of Object.entries(s))
         if (typeof g == "object" && "path" in g) {
-          const y = g, x = (u = B.query(a, y.path)) == null ? void 0 : u[0];
-          y.translations && String(x) in y.translations ? _[f] = fe(
-            y.translations[String(x)]
-          ) : _[f] = fe(x);
+          const x = g, m = (u = B.query(a, x.path)) == null ? void 0 : u[0];
+          x.translations && String(m) in x.translations ? _[f] = fe(
+            x.translations[String(m)]
+          ) : _[f] = fe(m);
         } else {
-          const y = g;
-          _[f] = fe((h = B.query(a, y)) == null ? void 0 : h[0]);
+          const x = g;
+          _[f] = fe((h = B.query(a, x)) == null ? void 0 : h[0]);
         }
       return _;
     } else
       return a;
-  }), c = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
-    size: c,
+  }), o = 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: o,
     total: n,
     totalPages: r != null && r.totalPages ? B.value(
       e,
       (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
-    ) : c > 0 ? Math.ceil(n / c) : 0
+    ) : o > 0 ? Math.ceil(n / o) : 0
   };
-  return { items: l, pagination: d };
-}, ie = ({ withPadding: e = !1 }) => {
-  const t = (s) => /* @__PURE__ */ o.jsx("span", { style: { color: M.labelColor }, children: s });
-  return /* @__PURE__ */ o.jsx(
-    It,
+  return { items: i, pagination: d };
+}, Ne = ({
+  width: e,
+  data: t,
+  Chart: s,
+  children: r
+}) => e ? /* @__PURE__ */ c.jsx(s, { width: e, height: oe, data: t, children: r }) : /* @__PURE__ */ c.jsx(Je, { width: "100%", height: oe, children: /* @__PURE__ */ c.jsx(s, { data: t, children: r }) }), ie = ({ withPadding: e = !1 }) => {
+  const t = (s) => /* @__PURE__ */ c.jsx("span", { style: { color: U.labelColor }, children: s });
+  return /* @__PURE__ */ c.jsx(
+    Gt,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: M.fontSize,
-        fontFamily: M.fontFamily,
+        fontSize: U.fontSize,
+        fontFamily: U.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
   );
-}, ns = ({
+}, as = ({
   active: e,
   payload: t,
   label: s,
   tooltipKey: r
 }) => {
-  var l;
+  var i;
   if (!e || !t || !t.length)
     return null;
-  const i = {
-    backgroundColor: M.tooltipBg,
-    borderRadius: M.tooltipBorderRadius,
-    color: M.tooltipColor,
+  const l = {
+    backgroundColor: U.tooltipBg,
+    borderRadius: U.tooltipBorderRadius,
+    color: U.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
   if (r) {
-    const c = (l = t[0]) == null ? void 0 : l.payload;
-    if (c && c[r] !== void 0 && c[r] !== null)
-      return /* @__PURE__ */ o.jsx("div", { style: i, children: /* @__PURE__ */ o.jsx("p", { style: { margin: 0 }, children: c[r] }) });
+    const o = (i = t[0]) == null ? void 0 : i.payload;
+    if (o && o[r] !== void 0 && o[r] !== null)
+      return /* @__PURE__ */ c.jsx("div", { style: l, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: o[r] }) });
   }
-  return /* @__PURE__ */ o.jsxs("div", { style: i, children: [
-    /* @__PURE__ */ o.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
-    t.map((c, n) => /* @__PURE__ */ o.jsx("p", { style: { margin: "2px 0", color: c.color }, children: `${c.name}: ${c.value}` }, n))
+  return /* @__PURE__ */ c.jsxs("div", { style: l, children: [
+    /* @__PURE__ */ c.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    t.map((o, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: o.color }, children: `${o.name}: ${o.value}` }, n))
   ] });
-}, le = ({ tooltipKey: e } = {}) => /* @__PURE__ */ o.jsx(
-  Bt,
+}, le = ({ tooltipKey: e } = {}) => /* @__PURE__ */ c.jsx(
+  Mt,
   {
-    content: /* @__PURE__ */ o.jsx(ns, { tooltipKey: e })
+    content: /* @__PURE__ */ c.jsx(as, { tooltipKey: e })
   }
-), we = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
-  Kt,
+), ve = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ c.jsx(
+  Ut,
   {
     dataKey: e,
     hide: t,
     tick: {
-      fill: M.labelColor,
-      fontSize: M.fontSize
+      fill: U.labelColor,
+      fontSize: U.fontSize
     }
   }
-), Ce = () => /* @__PURE__ */ o.jsx(
-  Gt,
+), Se = () => /* @__PURE__ */ c.jsx(
+  Vt,
   {
     tick: {
-      fill: M.labelColor,
-      fontSize: M.fontSize
+      fill: U.labelColor,
+      fontSize: U.fontSize
     }
   }
-), ss = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(oe, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ut, { data: t, children: [
-    /* @__PURE__ */ o.jsx(pe, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(we, { dataKey: s }),
-    /* @__PURE__ */ o.jsx(Ce, {}),
-    /* @__PURE__ */ o.jsx(le, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ie, {}),
-    r.map((l, c) => /* @__PURE__ */ o.jsx(
-      Mt,
+), rs = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l, width: i } = e;
+  return /* @__PURE__ */ c.jsxs(Ne, { width: i, data: t, Chart: zt, children: [
+    /* @__PURE__ */ c.jsx(be, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ve, { dataKey: s }),
+    /* @__PURE__ */ c.jsx(Se, {}),
+    /* @__PURE__ */ c.jsx(le, { tooltipKey: l }),
+    /* @__PURE__ */ c.jsx(ie, {}),
+    r.map((o, n) => /* @__PURE__ */ c.jsx(
+      Ht,
       {
         type: "monotone",
-        dataKey: l,
-        stroke: V[c % V.length],
-        fill: V[c % V.length]
+        dataKey: o,
+        stroke: z[n % z.length],
+        fill: z[n % z.length]
       },
-      l
+      o
     ))
-  ] }) });
-}, as = (e) => {
-  const { data: t, yKeys: s, xKey: r, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(oe, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(zt, { data: t, children: [
-    /* @__PURE__ */ o.jsx(pe, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(we, { hide: !0, dataKey: r }),
-    /* @__PURE__ */ o.jsx(Ce, {}),
-    /* @__PURE__ */ o.jsx(le, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ie, { withPadding: !0 }),
-    s.map((l, c) => /* @__PURE__ */ o.jsx(
-      Vt,
+  ] });
+}, os = (e) => {
+  const { data: t, yKeys: s, xKey: r, tooltipKey: l, width: i } = e;
+  return /* @__PURE__ */ c.jsxs(Ne, { width: i, data: t, Chart: Xt, children: [
+    /* @__PURE__ */ c.jsx(be, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ve, { dataKey: r }),
+    /* @__PURE__ */ c.jsx(Se, {}),
+    /* @__PURE__ */ c.jsx(le, { tooltipKey: l }),
+    /* @__PURE__ */ c.jsx(ie, {}),
+    s.map((o, n) => /* @__PURE__ */ c.jsx(
+      Jt,
       {
-        dataKey: l,
-        fill: V[c % V.length]
+        dataKey: o,
+        fill: z[n % z.length]
       },
-      l
+      o
     ))
-  ] }) });
-}, rs = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
-  return /* @__PURE__ */ o.jsx(oe, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Jt, { data: t, children: [
-    /* @__PURE__ */ o.jsx(pe, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ o.jsx(we, { dataKey: s }),
-    /* @__PURE__ */ o.jsx(Ce, {}),
-    /* @__PURE__ */ o.jsx(le, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ie, {}),
-    r.map((l, c) => /* @__PURE__ */ o.jsx(
-      Xt,
+  ] });
+}, cs = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l, width: i } = e;
+  return /* @__PURE__ */ c.jsxs(Ne, { width: i, data: t, Chart: Wt, children: [
+    /* @__PURE__ */ c.jsx(be, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ve, { dataKey: s }),
+    /* @__PURE__ */ c.jsx(Se, {}),
+    /* @__PURE__ */ c.jsx(le, { tooltipKey: l }),
+    /* @__PURE__ */ c.jsx(ie, {}),
+    r.map((o, n) => /* @__PURE__ */ c.jsx(
+      Qt,
       {
         type: "monotone",
-        dataKey: l,
-        stroke: V[c % V.length],
+        dataKey: o,
+        stroke: z[n % z.length],
         strokeWidth: 2,
         dot: !1
       },
-      l
+      o
     ))
-  ] }) });
-}, os = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e, l = ({
-    cx: c,
+  ] });
+}, is = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e, i = ({
+    cx: o,
     cy: n,
     midAngle: d,
     innerRadius: a,
     outerRadius: u,
     value: h
   }) => {
-    const _ = Math.PI / 180, f = 25 + a + (u - a), g = c + f * Math.cos(-(d ?? 0) * _), y = n + f * Math.sin(-(d ?? 0) * _);
-    return /* @__PURE__ */ o.jsx(
+    const _ = Math.PI / 180, f = 25 + a + (u - a), g = o + f * Math.cos(-(d ?? 0) * _), x = n + f * Math.sin(-(d ?? 0) * _);
+    return /* @__PURE__ */ c.jsx(
       "text",
       {
         x: g,
-        y,
-        fill: M.labelColor,
-        color: M.labelColor,
+        y: x,
+        fill: U.labelColor,
+        color: U.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: h
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(oe, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Ht, { children: [
-    /* @__PURE__ */ o.jsx(le, { tooltipKey: i }),
-    /* @__PURE__ */ o.jsx(ie, {}),
-    /* @__PURE__ */ o.jsx(
-      Wt,
+  return /* @__PURE__ */ c.jsx(Je, { width: "100%", height: oe, children: /* @__PURE__ */ c.jsxs(Yt, { children: [
+    /* @__PURE__ */ c.jsx(le, { tooltipKey: l }),
+    /* @__PURE__ */ c.jsx(ie, {}),
+    /* @__PURE__ */ c.jsx(
+      Zt,
       {
         data: t,
         dataKey: r[0],
         nameKey: s,
-        label: l,
+        label: i,
         outerRadius: 120,
-        children: t.map((c, n) => /* @__PURE__ */ o.jsx(
-          Qt,
+        children: t.map((o, n) => /* @__PURE__ */ c.jsx(
+          Ft,
           {
-            fill: V[n % V.length]
+            fill: z[n % z.length]
           },
           `cell-${n}`
         ))
       }
     )
   ] }) });
-}, cs = {
-  area: ss,
-  bar: as,
-  line: rs,
-  pie: os
-}, V = [
+}, oe = 400, Pe = 56, ls = /* @__PURE__ */ new Set(["bar", "line", "area"]), ds = {
+  area: rs,
+  bar: os,
+  line: cs,
+  pie: is
+}, z = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1538,78 +1552,151 @@ const Hn = (e) => {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], M = {
+], U = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
   tooltipBg: "#fff",
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
-}, is = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: l, ...c } = e, n = cs[c.type];
-  if (!n)
-    return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = K(), [a, u] = L(!1), [h, _] = L([]), f = async () => {
-    var y, x;
+};
+function _s(e, t, s = Pe) {
+  return e <= 0 ? 0 : t <= 0 ? e : Math.max(e, t * s);
+}
+const us = "_chartScrollViewport_sm5hx_1", hs = "_chartScrollViewport_track_sm5hx_29", Be = {
+  chartScrollViewport: us,
+  chartScrollViewport_track: hs
+}, fs = "Scrollable chart area", ys = ({
+  dataLength: e,
+  minCategoryWidth: t,
+  children: s
+}) => {
+  const r = ge(null), [l, i] = L(0), o = t ?? Pe;
+  V(() => {
+    const u = r.current;
+    if (!u)
+      return;
+    const h = () => {
+      i(u.clientWidth);
+    };
+    h();
+    const _ = new ResizeObserver(h);
+    return _.observe(u), () => _.disconnect();
+  }, []);
+  const n = _s(
+    l,
+    e,
+    o
+  ), d = l > 0 && n > l, a = R(
+    (u) => {
+      const h = r.current;
+      if (h)
+        switch (u.key) {
+          case "ArrowLeft":
+            h.scrollLeft -= o, u.preventDefault();
+            break;
+          case "ArrowRight":
+            h.scrollLeft += o, u.preventDefault();
+            break;
+          case "Home":
+            h.scrollLeft = 0, u.preventDefault();
+            break;
+          case "End":
+            h.scrollLeft = h.scrollWidth - h.clientWidth, u.preventDefault();
+            break;
+        }
+    },
+    [o]
+  );
+  return /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      ref: r,
+      className: Be.chartScrollViewport,
+      role: d ? "region" : void 0,
+      tabIndex: d ? 0 : void 0,
+      "aria-label": d ? fs : void 0,
+      onKeyDown: d ? a : void 0,
+      children: /* @__PURE__ */ c.jsx(
+        "div",
+        {
+          className: Be.chartScrollViewport_track,
+          style: { width: n, height: oe },
+          children: l > 0 ? s(n) : null
+        }
+      )
+    }
+  );
+}, ms = (e) => {
+  const { component: t, userFlow: s, hash: r, responseKey: l, dataSource: i, ...o } = e, n = ds[o.type], { fetchDataSource: d } = K(), [a, u] = L(!1), [h, _] = L([]), f = async () => {
+    var m, y;
     try {
       u(!0);
-      const { jsonPathData: m, mapperData: p } = l, b = Ne(
-        l,
+      const { jsonPathData: p, mapperData: b } = i, C = Ce(
+        i,
         1
       ), j = await d(
-        b,
+        C,
         s,
         !1
-      ), N = m ? (y = Ye(j == null ? void 0 : j.data, m, p)) == null ? void 0 : y.items : (x = j == null ? void 0 : j.data) == null ? void 0 : x.data;
+      ), N = p ? (m = Fe(j == null ? void 0 : j.data, p, b)) == null ? void 0 : m.items : (y = j == null ? void 0 : j.data) == null ? void 0 : y.data;
       _(N), u(!1);
-    } catch (m) {
-      alert(JSON.stringify(m)), u(!1);
+    } catch (p) {
+      alert(JSON.stringify(p)), u(!1);
     }
   };
-  z(() => {
-    l ? f() : _(c.data);
-  }, []);
+  if (V(() => {
+    n && (i ? f() : _(o.data));
+  }, []), !n)
+    return /* @__PURE__ */ c.jsx("div", { children: "Not supported chart type" });
   const g = {
-    ...c,
+    ...o,
     data: h
   };
-  return a ? /* @__PURE__ */ o.jsx(Ve, { height: 400 }) : h.length > 0 ? n(g) : /* @__PURE__ */ o.jsx(ge, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
-}, ls = (e) => {
+  return a ? /* @__PURE__ */ c.jsx(He, { height: 400 }) : h.length === 0 ? /* @__PURE__ */ c.jsx(pe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) : ls.has(o.type) ? /* @__PURE__ */ c.jsx(
+    ys,
+    {
+      dataLength: h.length,
+      minCategoryWidth: o.minCategoryWidth,
+      children: (m) => /* @__PURE__ */ c.jsx(n, { ...g, width: m })
+    }
+  ) : /* @__PURE__ */ c.jsx(n, { ...g });
+}, xs = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
-    label: l,
-    value: c,
+    actionType: l,
+    label: i,
+    value: o,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: h } = K(), [_, f] = L(c || !1), { disabled: g } = I(
+  }, { getNextUI: h } = K(), [_, f] = L(o || !1), { disabled: g } = I(
     t,
     d
-  ), y = A(() => n && l ? `${l} *` : l ?? "", [l, n]), x = R(async () => {
+  ), x = A(() => n && i ? `${i} *` : i ?? "", [i, n]), m = R(async () => {
     var p;
     try {
       const b = !_;
       f(b);
-      const j = {
+      const C = {
         ...(p = v.getState()[t]) == null ? void 0 : p.entries,
         [r]: b
       };
-      switch (q(t, j), i) {
+      switch (q(t, C), l) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await h(
+          const N = await h(
             t,
             s,
-            j,
+            C,
             r,
-            i === "GO_TO_NEXT_UI"
+            l === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && $(t, C == null ? void 0 : C.data);
+          N != null && N.data && $(t, N == null ? void 0 : N.data);
           break;
         }
         default:
@@ -1618,83 +1705,83 @@ const Hn = (e) => {
     } catch (b) {
       console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]), m = (u == null ? void 0 : u.disabled) ?? g;
-  return /* @__PURE__ */ o.jsx(
-    ft,
+  }, [t, s, r, l, _]), y = (u == null ? void 0 : u.disabled) ?? g;
+  return /* @__PURE__ */ c.jsx(
+    xt,
     {
       ...u,
-      labelRight: y,
+      labelRight: x,
       checked: _,
-      disabled: m,
+      disabled: y,
       onChange: () => {
-        !m && x();
+        !y && m();
       }
     }
   );
-}, ds = "_codeEditor_1wi2p_1", _s = "_codeEditor_label_1wi2p_4", us = "_codeEditor_wrapper_1wi2p_13", hs = "_input_1wi2p_17", fs = "_preview_1wi2p_18", ms = "_preview_inner_1wi2p_33", Z = {
-  codeEditor: ds,
-  codeEditor_label: _s,
-  codeEditor_wrapper: us,
-  input: hs,
-  preview: fs,
-  preview_inner: ms
-}, ys = (e) => {
+}, gs = "_codeEditor_1wi2p_1", ps = "_codeEditor_label_1wi2p_4", bs = "_codeEditor_wrapper_1wi2p_13", js = "_input_1wi2p_17", ws = "_preview_1wi2p_18", Cs = "_preview_inner_1wi2p_33", Z = {
+  codeEditor: gs,
+  codeEditor_label: ps,
+  codeEditor_wrapper: bs,
+  input: js,
+  preview: ws,
+  preview_inner: Cs
+}, Ns = (e) => {
   const {
     userFlow: t,
     responseKey: s,
     label: r,
-    language: i,
-    placeholder: l,
-    value: c,
+    language: l,
+    placeholder: i,
+    value: o,
     required: n,
     dependencies: d,
     disabled: a,
     showPreview: u,
     height: h = "400px"
-  } = e, [_, f] = L(c ?? ""), g = ne.useThemeStore((j) => j.theme.mode), { disabled: y } = I(
+  } = e, [_, f] = L(o ?? ""), g = ne.useThemeStore((C) => C.theme.mode), { disabled: x } = I(
     t,
     d
-  ), x = a ?? y, m = {
-    json: ve(),
-    markdown: Zt(),
-    sql: Ft(),
-    yaml: Pt()
-  }, p = A(() => n && r ? `${r} *` : r ?? "", [r, n]), b = (j) => {
-    f(j);
-    const N = {
-      [s]: j
+  ), m = a ?? x, y = {
+    json: ke(),
+    markdown: en(),
+    sql: tn(),
+    yaml: nn()
+  }, p = A(() => n && r ? `${r} *` : r ?? "", [r, n]), b = (C) => {
+    f(C);
+    const j = {
+      [s]: C
     };
-    q(t, N);
+    q(t, j);
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: Z.codeEditor, children: [
-    p && p !== "" && /* @__PURE__ */ o.jsx("label", { className: Z.codeEditor_label, children: p }),
-    /* @__PURE__ */ o.jsxs("div", { className: Z.codeEditor_wrapper, children: [
-      /* @__PURE__ */ o.jsx(
-        Yt,
+  return /* @__PURE__ */ c.jsxs("div", { className: Z.codeEditor, children: [
+    p && p !== "" && /* @__PURE__ */ c.jsx("label", { className: Z.codeEditor_label, children: p }),
+    /* @__PURE__ */ c.jsxs("div", { className: Z.codeEditor_wrapper, children: [
+      /* @__PURE__ */ c.jsx(
+        Pt,
         {
           className: Z.input,
           value: _,
           height: h,
-          placeholder: l,
-          extensions: [m[i] ?? ve()],
-          onChange: (j) => b(j),
+          placeholder: i,
+          extensions: [y[l] ?? ke()],
+          onChange: (C) => b(C),
           theme: g,
-          editable: !x
+          editable: !m
         }
       ),
-      i === "markdown" && u && /* @__PURE__ */ o.jsx("div", { className: Z.preview, style: { height: h }, children: /* @__PURE__ */ o.jsx(Je, { className: Z.preview_inner, children: _ }) })
+      l === "markdown" && u && /* @__PURE__ */ c.jsx("div", { className: Z.preview, style: { height: h }, children: /* @__PURE__ */ c.jsx(Xe, { className: Z.preview_inner, children: _ }) })
     ] })
   ] });
-}, xs = "_slotStack_6n2wy_5", Ie = {
-  slotStack: xs
-}, gs = (e) => {
+}, vs = "_slotStack_6n2wy_5", Ke = {
+  slotStack: vs
+}, Ss = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    content: c,
+    hash: l,
+    responseKey: i,
+    content: o,
     topContent: n,
     icon: d,
     headerStatusColor: a,
@@ -1702,77 +1789,77 @@ const Hn = (e) => {
   } = e, h = a ? `palette_${a}_50` : void 0, _ = O(
     t,
     s,
-    c && c.length > 0 ? c : null
+    o && o.length > 0 ? o : null
   ), f = O(
     t,
     s,
     n && n.length > 0 ? n : null
-  ), g = _ && _.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ie.slotStack, children: _.map((x, m) => /* @__PURE__ */ o.jsx(k, { children: x }, `data-card-body-${i}-${m}`)) }) : void 0, y = f && f.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ie.slotStack, children: f.map((x, m) => /* @__PURE__ */ o.jsx(k, { children: x }, `data-card-top-${i}-${m}`)) }) : void 0;
-  return /* @__PURE__ */ o.jsx(
-    mt,
+  ), g = _ && _.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Ke.slotStack, children: _.map((m, y) => /* @__PURE__ */ c.jsx(T, { children: m }, `data-card-body-${l}-${y}`)) }) : void 0, x = f && f.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Ke.slotStack, children: f.map((m, y) => /* @__PURE__ */ c.jsx(T, { children: m }, `data-card-top-${l}-${y}`)) }) : void 0;
+  return /* @__PURE__ */ c.jsx(
+    gt,
     {
       ...u,
       icon: d,
       headerStatusColor: h,
-      topContent: y,
+      topContent: x,
       children: g
     }
   );
-}, ps = "_dividerNotFront_tze3j_1", bs = {
-  dividerNotFront: ps
-}, js = (e) => /* @__PURE__ */ o.jsx(yt, { ...e, className: bs.dividerNotFront }), Ns = "_drawer_13pxo_1", ws = "_drawerBody_13pxo_5", Cs = "_drawerFooter_13pxo_11", me = {
-  drawer: Ns,
-  drawerBody: ws,
-  drawerFooter: Cs
-}, vs = ({
+}, ks = "_dividerNotFront_tze3j_1", Es = {
+  dividerNotFront: ks
+}, Ts = (e) => /* @__PURE__ */ c.jsx(pt, { ...e, className: Es.dividerNotFront }), Os = "_drawer_13pxo_1", As = "_drawerBody_13pxo_5", $s = "_drawerFooter_13pxo_11", ye = {
+  drawer: Os,
+  drawerBody: As,
+  drawerFooter: $s
+}, qs = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
-  footer: l,
-  ...c
+  body: l,
+  footer: i,
+  ...o
 }) => {
-  const n = v((y) => {
-    var x;
-    return (x = y[e]) == null ? void 0 : x.isDrawerOpen;
-  }), d = v((y) => {
-    var x;
-    return (x = y[e]) == null ? void 0 : x.isLoading;
+  const n = v((x) => {
+    var m;
+    return (m = x[e]) == null ? void 0 : m.isDrawerOpen;
+  }), d = v((x) => {
+    var m;
+    return (m = x[e]) == null ? void 0 : m.isLoading;
   }), a = n && !d, u = {
-    ...c,
+    ...o,
     isOpen: a,
     children: null
   }, h = R(() => {
-    be(e), W(e, !1);
-  }, [e]), _ = Array.isArray(r) ? O(e, t, r) : r ? /* @__PURE__ */ o.jsx(ze, { type: "h2", children: r }) : void 0, f = O(e, t, i), g = l ? O(e, t, l) : void 0;
-  return /* @__PURE__ */ o.jsx(
-    xt,
+    je(e), W(e, !1);
+  }, [e]), _ = Array.isArray(r) ? O(e, t, r) : r ? /* @__PURE__ */ c.jsx(ze, { type: "h2", children: r }) : void 0, f = O(e, t, l), g = i ? O(e, t, i) : void 0;
+  return /* @__PURE__ */ c.jsx(
+    bt,
     {
       ...u,
-      className: me.drawer,
+      className: ye.drawer,
       isOpen: a,
       onClose: h,
       heightGap: 0,
-      title: _ ? /* @__PURE__ */ o.jsx(o.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
-      children: /* @__PURE__ */ o.jsx("section", { className: me.drawerBody, children: f.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `drawer-body-${x}`)) }),
-      footer: g ? /* @__PURE__ */ o.jsx("div", { className: me.drawerFooter, children: g.map((y, x) => /* @__PURE__ */ o.jsx(k, { children: y }, `drawer-footer-${x}`)) }) : void 0
+      title: _ ? /* @__PURE__ */ c.jsx(c.Fragment, { children: Array.isArray(_) ? _.map((x, m) => /* @__PURE__ */ c.jsx(T, { children: x }, `drawer-header-${m}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ c.jsx("section", { className: ye.drawerBody, children: f.map((x, m) => /* @__PURE__ */ c.jsx(T, { children: x }, `drawer-body-${m}`)) }),
+      footer: g ? /* @__PURE__ */ c.jsx("div", { className: ye.drawerFooter, children: g.map((x, m) => /* @__PURE__ */ c.jsx(T, { children: x }, `drawer-footer-${m}`)) }) : void 0
     }
   );
-}, Ss = (e) => {
+}, Ds = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    content: c,
+    hash: l,
+    responseKey: i,
+    content: o,
     items: n,
     disabled: d,
     variant: a,
     leftIcon: u,
     rightIcon: h
-  } = e, _ = je(t, s), f = A(
+  } = e, _ = we(t, s), f = A(
     () => n.map((g) => ({
       label: g.content ?? g.label ?? "",
       onClick: () => {
@@ -1787,24 +1874,24 @@ const Hn = (e) => {
     })),
     [n, _]
   );
-  return /* @__PURE__ */ o.jsx(
-    gt,
+  return /* @__PURE__ */ c.jsx(
+    jt,
     {
       disabled: d,
       variant: a,
       items: f,
-      children: /* @__PURE__ */ o.jsxs(k, { children: [
-        u ? /* @__PURE__ */ o.jsx(
-          Se,
+      children: /* @__PURE__ */ c.jsxs(T, { children: [
+        u ? /* @__PURE__ */ c.jsx(
+          Ee,
           {
             name: u,
             size: "md",
             style: { marginRight: 8, verticalAlign: "middle" }
           }
         ) : null,
-        c,
-        h ? /* @__PURE__ */ o.jsx(
-          Se,
+        o,
+        h ? /* @__PURE__ */ c.jsx(
+          Ee,
           {
             name: h,
             size: "md",
@@ -1814,17 +1901,17 @@ const Hn = (e) => {
       ] })
     }
   );
-}, Es = "_header_g1eri_1", Ts = "_header_content_g1eri_5", Be = {
-  header: Es,
-  header_content: Ts
-}, ks = ({ components: e = [] }) => /* @__PURE__ */ o.jsx("section", { className: F(Be.header, "avocado-dark-theme"), children: /* @__PURE__ */ o.jsx("div", { className: Be.header_content, children: e.map((t, s) => /* @__PURE__ */ o.jsx(k, { children: t }, s)) }) }), Os = (e) => {
+}, Rs = "_header_g1eri_1", Ls = "_header_content_g1eri_5", Ge = {
+  header: Rs,
+  header_content: Ls
+}, Is = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: F(Ge.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ge.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx(T, { children: t }, s)) }) }), Bs = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
-    content: l,
-    redirectUrl: c,
+    actionType: l,
+    content: i,
+    redirectUrl: o,
     target: n,
     dependencies: d,
     component: a,
@@ -1833,18 +1920,18 @@ const Hn = (e) => {
   } = e, { getNextUI: _ } = K(), { disabled: f } = I(
     t,
     d
-  ), g = i && h ? (() => {
-    const { href: m, target: p, download: b, ...j } = h;
-    return j;
-  })() : h, y = R(async () => {
-    var m;
-    if (i)
+  ), g = l && h ? (() => {
+    const { href: y, target: p, download: b, ...C } = h;
+    return C;
+  })() : h, x = R(async () => {
+    var y;
+    if (l)
       try {
         const p = {
-          ...(m = v.getState()[t]) == null ? void 0 : m.entries,
+          ...(y = v.getState()[t]) == null ? void 0 : y.entries,
           [r]: { status: 200 }
         };
-        switch (q(t, p), i) {
+        switch (q(t, p), l) {
           case "GO_TO_NEXT_UI": {
             const b = await _(
               t,
@@ -1856,49 +1943,49 @@ const Hn = (e) => {
             break;
           }
           case "REDIRECT":
-            if (!c) {
+            if (!o) {
               console.warn("Missing redirectUrl for REDIRECT actionType");
               break;
             }
-            n === "_blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.assign(c);
+            n === "_blank" ? window.open(o, "_blank", "noopener,noreferrer") : window.location.assign(o);
             break;
           default:
-            console.warn(`Unhandled actionType for link: ${i}`);
+            console.warn(`Unhandled actionType for link: ${l}`);
             break;
         }
       } catch (p) {
         alert(JSON.stringify(p));
       }
-  }, [i, _, s, c, r, n, t]), x = g.disabled ?? f;
-  return /* @__PURE__ */ o.jsx(
-    pt,
+  }, [l, _, s, o, r, n, t]), m = g.disabled ?? f;
+  return /* @__PURE__ */ c.jsx(
+    wt,
     {
       ...g,
-      disabled: x,
-      onClick: i ? y : void 0,
-      children: l
+      disabled: m,
+      onClick: l ? x : void 0,
+      children: i
     }
   );
-}, As = (e) => {
+}, Ks = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    items: c,
+    hash: l,
+    responseKey: i,
+    items: o,
     closeOnClick: n,
     disabled: d,
     listOrigin: a,
     size: u,
     variant: h
-  } = e, _ = je(t, s), f = A(
-    () => c.map((g) => ({
+  } = e, _ = we(t, s), f = A(
+    () => o.map((g) => ({
       icon: g.leftIcon,
       label: g.content ?? g.label ?? "",
-      onClick: (y) => {
-        var x;
-        (x = y == null ? void 0 : y.preventDefault) == null || x.call(y), _({
+      onClick: (x) => {
+        var m;
+        (m = x == null ? void 0 : x.preventDefault) == null || m.call(x), _({
           responseKey: g.responseKey,
           actionType: g.actionType,
           dataSource: g.dataSource,
@@ -1907,10 +1994,10 @@ const Hn = (e) => {
         });
       }
     })),
-    [c, _]
+    [o, _]
   );
-  return /* @__PURE__ */ o.jsx(
-    bt,
+  return /* @__PURE__ */ c.jsx(
+    Ct,
     {
       items: f,
       closeOnClick: n,
@@ -1920,60 +2007,60 @@ const Hn = (e) => {
       variant: h
     }
   );
-}, $s = "_modalContent_p06ci_1", qs = {
-  modalContent: $s
-}, Ds = ({
+}, Gs = "_modalContent_p06ci_1", Ms = {
+  modalContent: Gs
+}, Us = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
-  footer: l,
-  headerStatusColor: c,
+  body: l,
+  footer: i,
+  headerStatusColor: o,
   ...n
 }) => {
-  const d = v((m) => {
+  const d = v((y) => {
     var p;
-    return (p = m[e]) == null ? void 0 : p.isModalOpen;
-  }), a = v((m) => {
+    return (p = y[e]) == null ? void 0 : p.isModalOpen;
+  }), a = v((y) => {
     var p;
-    return (p = m[e]) == null ? void 0 : p.isLoading;
+    return (p = y[e]) == null ? void 0 : p.isLoading;
   }), u = d && !a, h = {
     ...n
-  }, _ = (h == null ? void 0 : h.headerStatusColor) ?? c, f = R(() => {
-    be(e), ce(e, !1);
-  }, [e, s]), g = Array.isArray(r) ? O(e, t, r) : r, y = O(e, t, i), x = O(e, t, l);
-  return /* @__PURE__ */ o.jsx(
-    jt,
+  }, _ = (h == null ? void 0 : h.headerStatusColor) ?? o, f = R(() => {
+    je(e), ce(e, !1);
+  }, [e, s]), g = Array.isArray(r) ? O(e, t, r) : r, x = O(e, t, l), m = O(e, t, i);
+  return /* @__PURE__ */ c.jsx(
+    Nt,
     {
       ...h,
       headerStatusColor: _,
-      header: typeof g == "string" ? g : /* @__PURE__ */ o.jsx(o.Fragment, { children: g.map((m, p) => /* @__PURE__ */ o.jsx(k, { children: m }, `modal-header-${p}`)) }),
-      children: /* @__PURE__ */ o.jsx("section", { className: qs.modalContent, children: y.map((m, p) => /* @__PURE__ */ o.jsx(k, { children: m }, `modal-body-${p}`)) }),
-      actions: /* @__PURE__ */ o.jsx(o.Fragment, { children: x.map((m, p) => /* @__PURE__ */ o.jsx(k, { children: m }, `modal-footer-${p}`)) }),
+      header: typeof g == "string" ? g : /* @__PURE__ */ c.jsx(c.Fragment, { children: g.map((y, p) => /* @__PURE__ */ c.jsx(T, { children: y }, `modal-header-${p}`)) }),
+      children: /* @__PURE__ */ c.jsx("section", { className: Ms.modalContent, children: x.map((y, p) => /* @__PURE__ */ c.jsx(T, { children: y }, `modal-body-${p}`)) }),
+      actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: m.map((y, p) => /* @__PURE__ */ c.jsx(T, { children: y }, `modal-footer-${p}`)) }),
       open: u,
       onClose: f
     }
   );
-}, Rs = ({ userFlow: e, pageId: t }) => {
-  var l, c;
-  const s = an(e);
+}, Vs = ({ userFlow: e, pageId: t }) => {
+  var i, o;
+  const s = rn(e);
   if (!s)
     return null;
   const r = [
     ...(s == null ? void 0 : s.components) || [],
-    ...((l = s == null ? void 0 : s.header) == null ? void 0 : l.components) || [],
-    ...((c = s == null ? void 0 : s.body) == null ? void 0 : c.components) || []
-  ], i = O(
+    ...((i = s == null ? void 0 : s.header) == null ? void 0 : i.components) || [],
+    ...((o = s == null ? void 0 : s.body) == null ? void 0 : o.components) || []
+  ], l = O(
     e,
     t,
     r
   );
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
+  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__ */ o.jsx(k, { children: n }, a);
+    return /* @__PURE__ */ c.jsx(T, { children: n }, a);
   }) });
-}, Ls = {
+}, zs = {
   success: {
     color: "success-opacity",
     textColor: "success-60",
@@ -1999,60 +2086,60 @@ const Hn = (e) => {
     textColor: "neutral-70",
     iconColor: "neutral-70"
   }
-}, Is = (e) => {
-  const { content: t, variant: s = "neutral", ...r } = e, i = Ls[s], l = {
+}, Hs = (e) => {
+  const { content: t, variant: s = "neutral", ...r } = e, l = zs[s], i = {
     ...r,
     children: t,
-    color: (r == null ? void 0 : r.color) ?? i.color,
-    textColor: (r == null ? void 0 : r.textColor) ?? i.textColor,
-    iconColor: (r == null ? void 0 : r.iconColor) ?? i.iconColor
+    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
   };
-  return /* @__PURE__ */ o.jsx(ye, { ...l });
-}, Bs = (e) => {
+  return /* @__PURE__ */ c.jsx(me, { ...i });
+}, Xs = (e) => {
   const { content: t } = e;
-  return /* @__PURE__ */ o.jsx(Je, { children: t });
-}, Ks = (e) => {
+  return /* @__PURE__ */ c.jsx(Xe, { children: t });
+}, Js = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
-    dataSource: l,
-    dependencies: c,
+    actionType: l,
+    dataSource: i,
+    dependencies: o,
     onClick: n,
     ...d
   } = e, { getNextUI: a, fetchAndGetNextUI: u } = K(), { disabled: h } = I(
     t,
-    c
+    o
   ), _ = {
     ...d
   }, f = (_ == null ? void 0 : _.disabled) ?? h, g = R(async () => {
-    var y;
+    var x;
     try {
-      const x = {
-        ...(y = v.getState()[t]) == null ? void 0 : y.entries,
+      const m = {
+        ...(x = v.getState()[t]) == null ? void 0 : x.entries,
         [r]: { status: 200 }
       };
-      switch (q(t, x), i) {
+      switch (q(t, m), l) {
         case "GO_TO_NEXT_UI": {
-          const m = await a(
+          const y = await a(
             t,
             s,
-            x,
+            m,
             r
           );
-          m != null && m.data && $(t, m == null ? void 0 : m.data);
+          y != null && y.data && $(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,
+            m,
             r,
-            l
+            i
           );
-          m != null && m.data && $(t, m == null ? void 0 : m.data);
+          y != null && y.data && $(t, y == null ? void 0 : y.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -2065,23 +2152,23 @@ const Hn = (e) => {
           W(t, !0);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
-    } catch (x) {
-      alert(JSON.stringify(x));
+    } catch (m) {
+      alert(JSON.stringify(m));
     }
-  }, [i, l, s, r, t]);
-  return /* @__PURE__ */ o.jsx(
-    Nt,
+  }, [l, i, s, r, t]);
+  return /* @__PURE__ */ c.jsx(
+    vt,
     {
       ..._,
       disabled: f,
       onClick: () => !f && (n ?? g)()
     }
   );
-}, Gs = "_row_1bqj4_1", Us = "_row_column_1bqj4_65", X = {
-  row: Gs,
+}, Ws = "_row_1bqj4_1", Qs = "_row_column_1bqj4_65", X = {
+  row: Ws,
   "row__gap-none": "_row__gap-none_1bqj4_5",
   "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
   "row__gap-xs": "_row__gap-xs_1bqj4_11",
@@ -2102,7 +2189,7 @@ const Hn = (e) => {
   "row__align-center": "_row__align-center_1bqj4_56",
   "row__align-stretch": "_row__align-stretch_1bqj4_59",
   "row__align-baseline": "_row__align-baseline_1bqj4_62",
-  row_column: Us,
+  row_column: Qs,
   "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",
@@ -2123,16 +2210,16 @@ const Hn = (e) => {
   "row_column__align-center": "_row_column__align-center_1bqj4_123",
   "row_column__align-stretch": "_row_column__align-stretch_1bqj4_126",
   "row_column__align-baseline": "_row_column__align-baseline_1bqj4_129"
-}, Ms = (e) => {
+}, Ys = (e) => {
   const {
     userFlow: t,
     pageId: s,
     columnWidth: r,
-    columns: i,
-    gap: l = "md",
-    justifyContent: c = "start",
+    columns: l,
+    gap: i = "md",
+    justifyContent: o = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(i) ? i.map((a, u) => {
+  } = e, d = Array.isArray(l) ? l.map((a, u) => {
     const h = `col_${u}`, _ = `col_${u}`;
     if (Array.isArray(a))
       return {
@@ -2153,18 +2240,18 @@ const Hn = (e) => {
       responseKey: (f == null ? void 0 : f.responseKey) ?? _
     };
   }) : [];
-  return d.length === 0 ? null : /* @__PURE__ */ o.jsx(
+  return d.length === 0 ? null : /* @__PURE__ */ c.jsx(
     "div",
     {
       className: F(
         X.row,
-        X[`row__gap-${l}`],
-        X[`row__justify-${c}`],
+        X[`row__gap-${i}`],
+        X[`row__justify-${o}`],
         X[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((a, u) => {
         const h = (r == null ? void 0 : r[u]) || `${100 / d.length}%`, _ = O(t, s, a.items);
-        return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
+        return !_ || _.length === 0 ? null : /* @__PURE__ */ c.jsx(
           "div",
           {
             className: F(
@@ -2182,17 +2269,17 @@ const Hn = (e) => {
     }
   );
 };
-function Ze({
+function et({
   userFlow: e,
   pageId: t,
   responseKey: s,
   actionType: r,
-  getNextUI: i,
-  isMulti: l = !1,
-  debounceMs: c
+  getNextUI: l,
+  isMulti: i = !1,
+  debounceMs: o
 }) {
-  const n = Me(null);
-  z(() => () => {
+  const n = ge(null);
+  V(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
   const d = R(
@@ -2201,79 +2288,79 @@ function Ze({
       const h = {
         ...(f = v.getState()[e]) == null ? void 0 : f.entries
       };
-      if (u ? (h[s] = u, q(e, h)) : (delete h[s], rn(e, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+      if (u ? (h[s] = u, q(e, h)) : (delete h[s], on(e, s)), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await i(
+          const x = await l(
             e,
             t,
             h,
             s,
             r === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && $(e, y.data);
+          x != null && x.data && $(e, x.data);
         } catch (g) {
           console.error("[useSelectChange] Failed to fetch next UI", g);
         }
     },
-    [e, t, s, r, i]
+    [e, t, s, r, l]
   );
   return R(
     (u) => {
-      if (!l) {
+      if (!i) {
         d(u);
         return;
       }
-      if (c == null) {
+      if (o == null) {
         d(u);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
         d(u), n.current = null;
-      }, c);
+      }, o);
     },
-    [l, c, d]
+    [i, o, d]
   );
 }
-const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
+const Zs = /\{([^}]+)\}/g, Fs = (e, t) => {
   var s;
-  return t.includes("{") ? t.replace(zs, (r, i) => {
-    var c;
-    const l = (c = B.query(e, i.trim())) == null ? void 0 : c[0];
-    return l != null ? String(l) : "";
+  return t.includes("{") ? t.replace(Zs, (r, l) => {
+    var o;
+    const i = (o = B.query(e, l.trim())) == null ? void 0 : o[0];
+    return i != null ? String(i) : "";
   }) : (s = B.query(e, t)) == null ? void 0 : s[0];
-}, Js = (e, t, s, r) => {
-  const i = B.query(e, t);
-  return (i == null ? void 0 : i.map((l) => {
+}, Ps = (e, t, s, r) => {
+  const l = B.query(e, t);
+  return (l == null ? void 0 : l.map((i) => {
     var d;
-    const c = Vs(l, s), n = r ? (d = B.query(l, r)) == null ? void 0 : d[0] : l;
-    return { label: c, value: n };
+    const o = Fs(i, s), n = r ? (d = B.query(i, r)) == null ? void 0 : d[0] : i;
+    return { label: o, value: n };
   })) ?? [];
-}, Xs = (e, t, s, r = 10) => {
+}, ea = (e, t, s, r = 10) => {
   var n, d;
-  let i, l;
+  let l, i;
   if (s) {
     const a = B.value(e, s.size ?? "$.meta.size") ?? r, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
-    i = a, l = u;
+    l = a, i = u;
   } else {
     const a = e == null ? void 0 : e.meta;
-    i = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, l = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
+    l = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, i = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
   }
-  const c = l > 0 ? Math.ceil(l / i) > t : !1;
+  const o = i > 0 ? Math.ceil(i / l) > t : !1;
   return {
-    pageSize: i,
-    total: l,
-    hasMore: c
+    pageSize: l,
+    total: i,
+    hasMore: o
   };
-}, Hs = "_selectNotFront_ch3v5_1", Fe = {
-  selectNotFront: Hs
-}, Ws = ({
+}, ta = "_selectNotFront_ch3v5_1", tt = {
+  selectNotFront: ta
+}, na = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   required: r,
-  dataSource: i,
-  actionType: l,
-  dependencies: c,
+  dataSource: l,
+  actionType: i,
+  dependencies: o,
   debounceMs: n,
   ...d
 }) => {
@@ -2281,83 +2368,83 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     ...d
   }, { getNextUI: u, fetchDataSource: h } = K(), [_, f] = L((a == null ? void 0 : a.value) ?? ""), { disabled: g } = I(
     e,
-    c
-  ), y = (a == null ? void 0 : a.disabled) ?? g, x = A(() => 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 = A(() => {
-    const N = a != null && a.isMulti ? _ : [_], C = {};
-    return Array.isArray(N) && N.forEach((w) => {
+    o
+  ), x = (a == null ? void 0 : a.disabled) ?? g, m = A(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), y = A(() => {
+    const j = a != null && a.isMulti ? _ : [_], N = {};
+    return Array.isArray(j) && j.forEach((w) => {
       if (!w) return;
-      const E = JSON.stringify(w.value), S = JSON.stringify(w.label);
-      C[E] = w, S in C || (C[S] = w);
-    }), C;
-  }, [_]), p = Ze({
+      const k = JSON.stringify(w.value), S = JSON.stringify(w.label);
+      N[k] = w, S in N || (N[S] = w);
+    }), N;
+  }, [_]), p = et({
     userFlow: e,
     pageId: t,
     responseKey: s,
-    actionType: l,
+    actionType: i,
     getNextUI: u,
     isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
-  }), b = (N) => {
-    f(N), p(N);
-  }, j = async (N, C, { page: w }) => {
+  }), b = (j) => {
+    f(j), p(j);
+  }, C = async (j, N, { page: w }) => {
     const {
-      jsonPathLabel: E,
+      jsonPathLabel: k,
       jsonPathOptions: S,
-      jsonPathValue: T,
+      jsonPathValue: E,
       jsonPathPagination: G
-    } = i, U = Ne(
-      i,
+    } = l, M = Ce(
+      l,
       w,
-      N
-    ), J = await h(
-      U,
+      j
+    ), H = await h(
+      M,
       e,
       !1
-    ), D = J == null ? void 0 : J.data, ae = D ? Js(
+    ), D = H == null ? void 0 : H.data, ae = D ? Ps(
       D,
       S,
-      E,
-      T
-    ) : [], { hasMore: tt } = Xs(
+      k,
+      E
+    ) : [], { hasMore: st } = ea(
       D,
       w,
       G
     );
     return {
       options: ae,
-      hasMore: tt,
+      hasMore: st,
       additional: {
         page: w + 1
       }
     };
   };
-  return /* @__PURE__ */ o.jsx(
-    wt,
+  return /* @__PURE__ */ c.jsx(
+    St,
     {
       ...a,
-      className: Fe.selectNotFront,
-      label: x,
+      className: tt.selectNotFront,
+      label: m,
       value: _,
-      disabled: y,
-      noOptionsMessage: () => /* @__PURE__ */ o.jsx(o.Fragment, { children: "Sin opciones" }),
-      onChange: (N) => !y && b(N),
-      loadOptions: j,
+      disabled: x,
+      noOptionsMessage: () => /* @__PURE__ */ c.jsx(c.Fragment, { children: "Sin opciones" }),
+      onChange: (j) => !x && b(j),
+      loadOptions: C,
       additional: { page: 1 },
-      isOptionDisabled: (N) => {
-        const C = JSON.stringify(N == null ? void 0 : N.value), w = JSON.stringify(N == null ? void 0 : N.label);
-        return !!(m != null && m[C]) || !!(m != null && m[w]);
+      isOptionDisabled: (j) => {
+        const N = JSON.stringify(j == null ? void 0 : j.value), w = JSON.stringify(j == null ? void 0 : j.label);
+        return !!(y != null && y[N]) || !!(y != null && y[w]);
       },
       debounceTimeout: 350
     }
   );
-}, Qs = ({
+}, sa = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   dataSource: r,
-  required: i,
-  actionType: l,
-  dependencies: c,
+  required: l,
+  actionType: i,
+  dependencies: o,
   debounceMs: n,
   ...d
 }) => {
@@ -2365,81 +2452,81 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     ...d
   }, { getNextUI: u } = K(), [h, _] = L(a.value || ""), { disabled: f } = I(
     e,
-    c
-  ), g = (a == null ? void 0 : a.disabled) ?? f, y = A(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), x = Ze({
+    o
+  ), g = (a == null ? void 0 : a.disabled) ?? f, x = A(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), m = et({
     userFlow: e,
     pageId: t,
     responseKey: s,
-    actionType: l,
+    actionType: i,
     getNextUI: u,
     isMulti: a == null ? void 0 : a.isMulti,
     debounceMs: n
-  }), m = (p) => {
-    _(p), x(p);
+  }), y = (p) => {
+    _(p), m(p);
   };
-  return /* @__PURE__ */ o.jsx(
-    Ct,
+  return /* @__PURE__ */ c.jsx(
+    kt,
     {
       ...a,
-      className: Fe.selectNotFront,
-      label: y,
+      className: tt.selectNotFront,
+      label: x,
       value: h,
       disabled: g,
-      onChange: (p) => !g && m(p)
+      onChange: (p) => !g && y(p)
     }
   );
-}, Ys = (e) => {
+}, aa = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(Ws, { ...e }) : /* @__PURE__ */ o.jsx(Qs, { ...e });
-}, Zs = "_spacing_19hqa_1", Fs = "_spacing__xxs_19hqa_1", Ps = "_spacing__xs_19hqa_4", ea = "_spacing__sm_19hqa_7", ta = "_spacing__md_19hqa_10", na = "_spacing__lg_19hqa_13", sa = "_spacing__xl_19hqa_16", aa = "_spacing__xxl_19hqa_19", ra = "_spacing__xxxl_19hqa_22", Ke = {
-  spacing: Zs,
-  spacing__xxs: Fs,
-  spacing__xs: Ps,
-  spacing__sm: ea,
-  spacing__md: ta,
-  spacing__lg: na,
-  spacing__xl: sa,
-  spacing__xxl: aa,
-  spacing__xxxl: ra
-}, oa = (e) => {
-  const { size: t } = e, s = F(Ke.spacing, Ke[`spacing__${t}`]);
-  return /* @__PURE__ */ o.jsx("div", { className: s });
-}, ca = (e) => {
+  return t ? /* @__PURE__ */ c.jsx(na, { ...e }) : /* @__PURE__ */ c.jsx(sa, { ...e });
+}, ra = "_spacing_19hqa_1", oa = "_spacing__xxs_19hqa_1", ca = "_spacing__xs_19hqa_4", ia = "_spacing__sm_19hqa_7", la = "_spacing__md_19hqa_10", da = "_spacing__lg_19hqa_13", _a = "_spacing__xl_19hqa_16", ua = "_spacing__xxl_19hqa_19", ha = "_spacing__xxxl_19hqa_22", Me = {
+  spacing: ra,
+  spacing__xxs: oa,
+  spacing__xs: ca,
+  spacing__sm: ia,
+  spacing__md: la,
+  spacing__lg: da,
+  spacing__xl: _a,
+  spacing__xxl: ua,
+  spacing__xxxl: ha
+}, fa = (e) => {
+  const { size: t } = e, s = F(Me.spacing, Me[`spacing__${t}`]);
+  return /* @__PURE__ */ c.jsx("div", { className: s });
+}, ya = (e) => {
   const {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
-    label: l,
-    value: c,
+    actionType: l,
+    label: i,
+    value: o,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: h } = K(), [_, f] = L(c || !1), { disabled: g } = I(
+  }, { getNextUI: h } = K(), [_, f] = L(o || !1), { disabled: g } = I(
     t,
     d
-  ), y = (u == null ? void 0 : u.disabled) ?? g, x = A(() => n && l ? `${l} *` : l ?? "", [l, n]), m = R(async () => {
+  ), x = (u == null ? void 0 : u.disabled) ?? g, m = A(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
     var p;
     try {
       const b = !_;
       f(b);
-      const j = {
+      const C = {
         ...(p = v.getState()[t]) == null ? void 0 : p.entries,
         [r]: b
       };
-      switch (q(t, j), i) {
+      switch (q(t, C), l) {
         case "GO_TO_NEXT_UI":
         case "GO_TO_NEXT_UI_WITHOUT_LOADING": {
-          const C = await h(
+          const N = await h(
             t,
             s,
-            j,
+            C,
             r,
-            i === "GO_TO_NEXT_UI"
+            l === "GO_TO_NEXT_UI"
           );
-          C != null && C.data && $(t, C == null ? void 0 : C.data);
+          N != null && N.data && $(t, N == null ? void 0 : N.data);
           break;
         }
         default:
@@ -2448,37 +2535,37 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     } catch (b) {
       console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]);
-  return /* @__PURE__ */ o.jsx(
-    vt,
+  }, [t, s, r, l, _]);
+  return /* @__PURE__ */ c.jsx(
+    Et,
     {
       ...u,
-      label: x,
+      label: m,
       checked: _,
-      disabled: y,
-      onChange: () => !y && m()
+      disabled: x,
+      onChange: () => !x && y()
     }
   );
-}, ia = "_tableSkeleton_3nr9n_1", la = "_tableArrayPills_3nr9n_7", Pe = {
-  tableSkeleton: ia,
-  tableArrayPills: la
-}, da = ({ values: e }) => {
+}, ma = "_tableSkeleton_3nr9n_1", xa = "_tableArrayPills_3nr9n_7", nt = {
+  tableSkeleton: ma,
+  tableArrayPills: xa
+}, ga = ({ values: e }) => {
   const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
-  return /* @__PURE__ */ o.jsxs("div", { className: Pe.tableArrayPills, children: [
-    s.map((i, l) => /* @__PURE__ */ o.jsx(ye, { children: String(i) }, l)),
-    r > 0 && /* @__PURE__ */ o.jsxs(ye, { outlined: !0, children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: nt.tableArrayPills, children: [
+    s.map((l, i) => /* @__PURE__ */ c.jsx(me, { children: String(l) }, i)),
+    r > 0 && /* @__PURE__ */ c.jsxs(me, { outlined: !0, children: [
       "+",
       r
     ] })
   ] });
-}, _a = ({
+}, pa = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: s,
   component: r,
-  rowData: i
+  rowData: l
 }) => {
-  const { getNextUI: l, fetchAndGetNextUI: c, fetchDataSource: n } = K(), d = O(e, t, [
+  const { getNextUI: i, fetchAndGetNextUI: o, fetchDataSource: n } = K(), d = O(e, t, [
     { ...r }
   ]), a = (d == null ? void 0 : d[0]) || null;
   if (!a) return null;
@@ -2487,29 +2574,29 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     responseKey: h,
     dataSource: _
   } = a.props, f = R(async () => {
-    var g, y, x;
+    var g, x, m;
     try {
-      const m = {
+      const y = {
         ...(g = v.getState()[e]) == null ? void 0 : g.entries,
         [h]: { status: 200 },
-        [s]: [{ ...i }]
+        [s]: [{ ...l }]
       };
-      switch (q(e, m), u) {
+      switch (q(e, y), u) {
         case "GO_TO_NEXT_UI": {
-          const p = await l(
+          const p = await i(
             e,
             t,
-            m,
+            y,
             h
           );
           p != null && p.data && $(e, p == null ? void 0 : p.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const p = await c(
+          const p = await o(
             e,
             t,
-            m,
+            y,
             h,
             _
           );
@@ -2517,30 +2604,30 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
           break;
         }
         case "GET_DATA_SOURCE": {
-          const p = await l(
+          const p = await i(
             e,
             t,
-            m,
+            y,
             h
-          ), b = (y = p == null ? void 0 : p.data) == null ? void 0 : y.content;
+          ), b = (x = p == null ? void 0 : p.data) == null ? void 0 : x.content;
           if ((b == null ? void 0 : b.type) !== "fetch") break;
-          const j = b == null ? void 0 : b.dataSource, N = await n(
-            j,
+          const C = b == null ? void 0 : b.dataSource, j = await n(
+            C,
             e,
             // Avoid to handle loading state until all the requests are done
             !1
-          ), C = {
-            ...(x = v.getState()[e]) == null ? void 0 : x.entries,
+          ), N = {
+            ...(m = v.getState()[e]) == null ? void 0 : m.entries,
             [h]: {
-              status: N == null ? void 0 : N.status,
-              content: N == null ? void 0 : N.data
+              status: j == null ? void 0 : j.status,
+              content: j == null ? void 0 : j.data
             }
           };
-          q(e, C);
-          const w = await l(
+          q(e, N);
+          const w = await i(
             e,
             t,
-            C,
+            N,
             h
           );
           w != null && w.data && $(e, w == null ? void 0 : w.data);
@@ -2550,38 +2637,38 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
           console.warn(`Unhandled actionType: ${u}`);
           break;
       }
-    } catch (m) {
-      alert(JSON.stringify(m));
+    } catch (y) {
+      alert(JSON.stringify(y));
     }
   }, [u, _, t, h, e]);
-  return at(a, {
+  return ot(a, {
     onClick: f
   });
-}, ua = () => /* @__PURE__ */ o.jsx("div", { className: Pe.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
-  Ve,
+}, ba = () => /* @__PURE__ */ c.jsx("div", { className: nt.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ c.jsx(
+  He,
   {
     maxWidth: "100%",
     height: 42,
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), ha = ({
+)) }), ja = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   component: r,
-  dataSource: i,
-  rightActions: l,
-  ...c
+  dataSource: l,
+  rightActions: i,
+  ...o
 }) => {
-  var j, N, C;
-  const { fetchDataSource: n } = K(), [d, a] = L(!1), [u, h] = L(1), [_, f] = L(null), g = Me(
+  var C, j, N;
+  const { fetchDataSource: n } = K(), [d, a] = L(!1), [u, h] = L(1), [_, f] = L(null), g = ge(
     /* @__PURE__ */ new Map([[1, null]])
-  ), y = A(() => {
-    if (l != null && l.length)
-      return l.map((w, E) => ({
-        renderContent: (S) => /* @__PURE__ */ o.jsx(
-          _a,
+  ), x = A(() => {
+    if (i != null && i.length)
+      return i.map((w, k) => ({
+        renderContent: (S) => /* @__PURE__ */ c.jsx(
+          pa,
           {
             userFlow: e,
             pageId: t,
@@ -2589,106 +2676,106 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
             component: w,
             rowData: S
           },
-          `tableRowAction${E}`
+          `tableRowAction${k}`
         )
       }));
-  }, [l, e, t]), x = async (w = 1) => {
+  }, [i, e, t]), m = async (w = 1) => {
     const {
-      mapperData: E,
+      mapperData: k,
       jsonPathData: S,
-      jsonPathPagination: T,
+      jsonPathPagination: E,
       jsonPathCursorPagination: G
-    } = i;
+    } = l;
     if (G && w !== 1 && !g.current.has(w)) {
-      h(1), x(1);
+      h(1), m(1);
       return;
     }
     G && w === 1 && (g.current = /* @__PURE__ */ new Map([[1, null]]));
     try {
       a(!0);
-      const U = G ? g.current.get(w) ?? null : null, J = Ne(
-        i,
+      const M = G ? g.current.get(w) ?? null : null, H = Ce(
+        l,
         w,
         void 0,
-        U
+        M
       ), D = await n(
-        J,
+        H,
         e,
         !1
       );
       if (f(
-        Ye(
+        Fe(
           D == null ? void 0 : D.data,
           S,
-          E,
-          T
+          k,
+          E
         )
       ), G) {
-        const ae = ts(
+        const ae = ss(
           D == null ? void 0 : D.data,
           G
         );
         ae && g.current.set(w + 1, ae);
       }
       a(!1);
-    } catch (U) {
-      console.error("[TableNotFront] fetchData:", U), a(!1);
+    } catch (M) {
+      console.error("[TableNotFront] fetchData:", M), a(!1);
     }
-  }, m = (w) => {
-    h(w), x(w);
+  }, y = (w) => {
+    h(w), m(w);
   };
-  z(() => {
-    x();
+  V(() => {
+    m();
   }, []);
-  const p = A(() => !(_ != null && _.items) || !(c != null && c.columns) ? c == null ? void 0 : c.columns : c.columns.map((w) => {
+  const p = A(() => !(_ != null && _.items) || !(o != null && o.columns) ? o == null ? void 0 : o.columns : o.columns.map((w) => {
     var S;
     return ((S = _ == null ? void 0 : _.items) == null ? void 0 : S.some(
-      (T) => Array.isArray(w != null && w.accessor ? T[w == null ? void 0 : w.accessor] : void 0)
+      (E) => Array.isArray(w != null && w.accessor ? E[w == null ? void 0 : w.accessor] : void 0)
     )) ? {
       ...w,
-      renderCell: (T) => {
-        const G = w.accessor ? T[w.accessor] : void 0;
-        return Array.isArray(G) ? /* @__PURE__ */ o.jsx(da, { values: G }) : G ?? "";
+      renderCell: (E) => {
+        const G = w.accessor ? E[w.accessor] : void 0;
+        return Array.isArray(G) ? /* @__PURE__ */ c.jsx(ga, { values: G }) : G ?? "";
       }
     } : w;
-  }), [_ == null ? void 0 : _.items, c == null ? void 0 : c.columns]), b = {
-    ...c,
+  }), [_ == null ? void 0 : _.items, o == null ? void 0 : o.columns]), b = {
+    ...o,
     data: _ == null ? void 0 : _.items,
     columns: p,
-    rightActions: y
+    rightActions: x
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(ua, {}) : _ && ((j = _ == null ? void 0 : _.items) == null ? void 0 : j.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(St, { ...b }),
-    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
-      Et,
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: d ? /* @__PURE__ */ c.jsx(ba, {}) : _ && ((C = _ == null ? void 0 : _.items) == null ? void 0 : C.length) > 0 ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(Tt, { ...b }),
+    (_ == null ? void 0 : _.pagination) && ((j = _ == null ? void 0 : _.pagination) == null ? void 0 : j.totalPages) > 1 && /* @__PURE__ */ c.jsx(
+      Ot,
       {
         classname: { global: "row__end" },
         page: u,
         size: _ == null ? void 0 : _.pagination.size,
-        total: (C = _ == null ? void 0 : _.pagination) == null ? void 0 : C.total,
-        onChange: m
+        total: (N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.total,
+        onChange: y
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(ge, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, fa = "_tabsPanel_kvslb_1", ma = {
-  tabsPanel: fa
-}, ya = ({ userFlow: e, pageId: t, components: s }) => {
+  ] }) : /* @__PURE__ */ c.jsx(pe, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, wa = "_tabsPanel_kvslb_1", Ca = {
+  tabsPanel: wa
+}, Na = ({ userFlow: e, pageId: t, components: s }) => {
   const r = O(e, t, s);
-  return r != null && r.length ? /* @__PURE__ */ o.jsx("section", { className: ma.tabsPanel, children: r.map((i, l) => /* @__PURE__ */ o.jsx(k, { children: i }, `tabs-panel-${l}`)) }) : null;
-}, xa = ({
+  return r != null && r.length ? /* @__PURE__ */ c.jsx("section", { className: Ca.tabsPanel, children: r.map((l, i) => /* @__PURE__ */ c.jsx(T, { children: l }, `tabs-panel-${i}`)) }) : null;
+}, va = ({
   userFlow: e,
   pageId: t,
   hash: s,
   items: r,
-  activeIndex: i,
-  className: l,
-  responseKey: c
+  activeIndex: l,
+  className: i,
+  responseKey: o
 }) => {
   const n = r.map((a, u) => ({
     label: a.label,
     disabled: a.disabled,
-    children: /* @__PURE__ */ o.jsx(
-      ya,
+    children: /* @__PURE__ */ c.jsx(
+      Na,
       {
         userFlow: e,
         pageId: t,
@@ -2700,27 +2787,27 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     var h;
     const u = {
       ...(h = v.getState()[e]) == null ? void 0 : h.entries,
-      [c]: a
+      [o]: a
     };
     q(e, u);
   };
-  return /* @__PURE__ */ o.jsx(
-    Tt,
+  return /* @__PURE__ */ c.jsx(
+    At,
     {
-      className: l,
-      activeIndex: i,
+      className: i,
+      activeIndex: l,
       items: n,
       onClick: d
     }
   );
-}, ga = (e) => {
+}, Sa = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    required: c,
+    hash: l,
+    responseKey: i,
+    required: o,
     dependencies: n,
     ...d
   } = e, a = {
@@ -2728,33 +2815,33 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
   }, [u, h] = L((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = I(
     t,
     n
-  ), f = (a == null ? void 0 : a.disabled) ?? _, g = A(() => c && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), y = (x) => {
+  ), f = (a == null ? void 0 : a.disabled) ?? _, g = A(() => o && (a != null && a.label) ? `${a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, o]), x = (m) => {
     var p;
-    const m = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
-    h(m), q(t, { [l]: m });
+    const y = (p = m == null ? void 0 : m.target) == null ? void 0 : p.value;
+    h(y), q(t, { [i]: y });
   };
-  return z(() => {
+  return V(() => {
     h((a == null ? void 0 : a.value) ?? "");
-  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    kt,
+  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ c.jsx(
+    $t,
     {
       ...a,
       label: g,
       value: u,
       disabled: f,
-      onChange: (x) => !f && y(x)
+      onChange: (m) => !f && x(m)
     }
   );
-}, pa = "_textFieldNotFront_1n8fy_1", ba = {
-  textFieldNotFront: pa
-}, ja = (e) => {
+}, ka = "_textFieldNotFront_1n8fy_1", Ea = {
+  textFieldNotFront: ka
+}, Ta = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    required: c,
+    hash: l,
+    responseKey: i,
+    required: o,
     dependencies: n,
     ...d
   } = e, a = {
@@ -2762,76 +2849,76 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
   }, [u, h] = L((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = I(
     t,
     n
-  ), f = (a == null ? void 0 : a.disabled) ?? _, g = A(() => c && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, c]), y = (x) => {
+  ), f = (a == null ? void 0 : a.disabled) ?? _, g = A(() => o && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, o]), x = (m) => {
     var b;
-    const m = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
-    h(m);
+    const y = (b = m == null ? void 0 : m.target) == null ? void 0 : b.value;
+    h(y);
     const p = {
-      [l]: m
+      [i]: y
     };
     q(t, p);
   };
-  return z(() => {
+  return V(() => {
     h((a == null ? void 0 : a.value) ?? "");
-  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ o.jsx(
-    Ot,
+  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ c.jsx(
+    qt,
     {
       ...a,
-      className: ba.textFieldNotFront,
+      className: Ea.textFieldNotFront,
       allowClear: !1,
       label: g,
       value: u,
       disabled: f,
-      onChange: (x) => !f && y(x)
+      onChange: (m) => !f && x(m)
     }
   );
-}, Na = ({
+}, Oa = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   variant: r,
-  content: i,
-  actionType: l,
-  redirectUrl: c
+  content: l,
+  actionType: i,
+  redirectUrl: o
 }) => {
   const n = R(async () => {
-    be(e);
+    je(e);
     try {
-      switch (l) {
+      switch (i) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = c;
+          window.location.href = o;
           break;
         default:
-          console.warn(`Unhandled actionType: ${l}`);
+          console.warn(`Unhandled actionType: ${i}`);
           break;
       }
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [l, t, s, e, c]);
-  return z(() => {
+  }, [i, t, s, e, o]);
+  return V(() => {
     ({
       info: ee.info,
       error: ee.error,
       success: ee.success,
       warning: ee.warning
-    }[r] || ee.info)(i, {
-      autoClose: l ? !1 : 4e3,
+    }[r] || ee.info)(l, {
+      autoClose: i ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, wa = "_tooltipNotFront_106iw_1", Ca = "_tooltipNotFront_content_106iw_5", Ge = {
-  tooltipNotFront: wa,
-  tooltipNotFront_content: Ca
-}, va = (e) => {
+}, Aa = "_tooltipNotFront_106iw_1", $a = "_tooltipNotFront_content_106iw_5", Ue = {
+  tooltipNotFront: Aa,
+  tooltipNotFront_content: $a
+}, qa = (e) => {
   const {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
-    responseKey: l,
-    content: c,
+    hash: l,
+    responseKey: i,
+    content: o,
     label: n,
     placement: d,
     notShowArrow: a,
@@ -2839,12 +2926,12 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
   } = e, h = O(
     t,
     s,
-    c != null && c.length ? c : null
-  ), _ = h && h.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: Ge.tooltipNotFront_content, children: h.map((f, g) => /* @__PURE__ */ o.jsx(k, { children: f }, `tooltip-${i}-${g}`)) }) : null;
-  return /* @__PURE__ */ o.jsx(
-    At,
+    o != null && o.length ? o : null
+  ), _ = h && h.length > 0 ? /* @__PURE__ */ c.jsx("div", { className: Ue.tooltipNotFront_content, children: h.map((f, g) => /* @__PURE__ */ c.jsx(T, { children: f }, `tooltip-${l}-${g}`)) }) : null;
+  return /* @__PURE__ */ c.jsx(
+    Dt,
     {
-      className: Ge.tooltipNotFront,
+      className: Ue.tooltipNotFront,
       label: n,
       placement: d,
       notShowArrow: a,
@@ -2853,155 +2940,112 @@ const zs = /\{([^}]+)\}/g, Vs = (e, t) => {
     }
   );
 };
-function Ma({
-  routes: e,
-  renderPage: t,
-  renderFallback: s,
-  redirectTo: r = "/"
-}) {
-  return /* @__PURE__ */ o.jsxs(en, { children: [
-    e.map((i) => /* @__PURE__ */ o.jsx(
-      Ee,
-      {
-        path: i.path,
-        element: i.canAccess ? t(i.sessionName) : (s == null ? void 0 : s()) ?? null
-      },
-      `${i.path}:${i.sessionName}`
-    )),
-    /* @__PURE__ */ o.jsx(Ee, { path: "*", element: /* @__PURE__ */ o.jsx(tn, { to: r, replace: !0 }) })
-  ] });
-}
-function za({
+function Wa({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: s,
   children: r
 }) {
-  const i = Sa(
+  const l = Da(
     e,
     t,
     null,
     s
   );
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    i,
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    l,
     r
   ] });
 }
-const Ue = (e, t, s, r, i) => {
-  const l = O(
+const Ve = (e, t, s, r, l) => {
+  const i = O(
     e,
     t,
     (r == null ? void 0 : r.components) || null,
-    i
+    l
   );
   switch (s) {
     case "body":
-      return /* @__PURE__ */ o.jsx(
-        $n,
+      return /* @__PURE__ */ c.jsx(
+        qn,
         {
           ...r,
-          inputs: l || []
+          inputs: i || []
         },
         JSON.stringify(r == null ? void 0 : r.components)
       );
     case "header":
-      return /* @__PURE__ */ o.jsx(
-        ks,
+      return /* @__PURE__ */ c.jsx(
+        Is,
         {
           ...r,
-          components: l || []
+          components: i || []
         },
         JSON.stringify(r == null ? void 0 : r.components)
       );
     default:
       return null;
   }
-}, Sa = (e, t, s, r) => {
+}, Da = (e, t, s, r) => {
   var _, f, g;
-  const [i, l] = L(!1), c = v((y) => y), n = (_ = c[e]) == null ? void 0 : _.currentPageId;
-  z(() => {
+  const [l, i] = L(!1), o = v((x) => x), n = (_ = o[e]) == null ? void 0 : _.currentPageId;
+  V(() => {
     if (typeof window > "u") return;
-    const y = new URL(window.location.href), x = y.searchParams.get("sessionId");
-    x && (sessionStorage.setItem("sessionId", x), y.searchParams.delete("sessionId"), window.history.replaceState({}, "", y.toString()));
+    const x = new URL(window.location.href), m = x.searchParams.get("sessionId");
+    m && (sessionStorage.setItem("sessionId", m), x.searchParams.delete("sessionId"), window.history.replaceState({}, "", x.toString()));
   }, []);
-  const d = n ? Ue(
+  const d = n ? Ve(
     e,
     n,
     "header",
-    ((f = c[e].pages[n].page) == null ? void 0 : f.header) || null,
+    ((f = o[e].pages[n].page) == null ? void 0 : f.header) || null,
     r
-  ) : null, a = n ? Ue(
+  ) : null, a = n ? Ve(
     e,
     n,
     "body",
-    ((g = c[e].pages[n].page) == null ? void 0 : g.body) || null,
+    ((g = o[e].pages[n].page) == null ? void 0 : g.body) || null,
     r
   ) : null, u = A(() => {
-    var y;
-    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      ((y = c[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ o.jsx($t, {}),
+    var x;
+    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      ((x = o[e]) == null ? void 0 : x.isLoading) && /* @__PURE__ */ c.jsx(Rt, {}),
       d,
       a,
-      n && /* @__PURE__ */ o.jsx(Rs, { userFlow: e, pageId: n }),
-      c[e] && /* @__PURE__ */ o.jsx(qt, {})
+      n && /* @__PURE__ */ c.jsx(Vs, { userFlow: e, pageId: n }),
+      o[e] && /* @__PURE__ */ c.jsx(Lt, {})
     ] });
   }, [d, a, n, e]), h = async () => {
     try {
-      const y = await Qe(
+      const x = await Ze(
         t,
         e
-      ), x = y == null ? void 0 : y.data, m = x == null ? void 0 : x.content;
-      (y == null ? void 0 : y.status) === 200 ? de(e, t, m, x == null ? void 0 : x.sessionState) : l(!0);
-    } catch (y) {
-      console.error("[not-page]: API call failed", y), l(!0);
+      ), m = x == null ? void 0 : x.data, y = m == null ? void 0 : m.content;
+      (x == null ? void 0 : x.status) === 200 ? de(e, t, y, m == null ? void 0 : m.sessionState) : i(!0);
+    } catch (x) {
+      console.error("[not-page]: API call failed", x), i(!0);
     }
   };
-  return z(() => {
-    t != null && t.api && !s && e ? h() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? de(e, t, s) : (!(t != null && t.api) && !s || !e) && (l(!0), console.error(
+  return V(() => {
+    t != null && t.api && !s && e ? h() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? de(e, t, s) : (!(t != null && t.api) && !s || !e) && (i(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
       "not userFlow"
     ));
-    const y = "avocado-theme-mode-changed", x = (m) => {
-      const p = m.detail;
+    const x = "avocado-theme-mode-changed", m = (y) => {
+      const p = y.detail;
       ne.setThemeMode(p);
     };
-    return window.addEventListener(y, x), () => {
-      window.removeEventListener(y, x);
+    return window.addEventListener(x, m), () => {
+      window.removeEventListener(x, m);
     };
-  }, []), i && console.error("[not-page]: No render page"), u;
+  }, []), l && console.error("[not-page]: No render page"), u;
 };
-function Ea(e) {
-  const t = e.replace(/\/{2,}/g, "/");
-  return !t || t === "/" ? "/" : t.replace(/\/+$/, "");
-}
-function Va(e, t) {
-  return t.requiredPermissions.length === 0 ? !0 : t.requiredPermissions.some(
-    (s) => e.includes(s)
-  );
-}
-function et(e, t) {
-  return e === t || e.startsWith(`${t}/`);
-}
-function Ja(e, t) {
-  return e.filter((s) => et(s.path, t));
-}
-function Xa(e, t) {
-  const s = Ea(e);
-  return et(s, t) ? s.slice(t.length) || "/" : s;
-}
 export {
-  is as Chart,
-  Ma as NotFrontDynamicRouter,
-  za as NotFrontPage,
-  Ms as Row,
-  hn as heading,
-  Ea as normalizePathname,
-  et as pathBelongsToPrefix,
-  Ja as selectDynamicRoutesUnderPrefix,
-  Xa as stripPrefixFromPathname,
-  fn as text,
-  Sa as usePage,
-  Va as userCanAccessDynamicRoute
+  ms as Chart,
+  Wa as NotFrontPage,
+  Ys as Row,
+  fn as heading,
+  yn as text,
+  Da as usePage
 };