@foris/avocado-not-front 4.6.3 → 4.7.0-beta.0.5

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

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