@foris/avocado-not-front 4.3.1 → 4.3.2

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

@@ -1,16 +1,16 @@
 import V from "axios";
 import { create as Qe } from "zustand";
-import Ye, { useMemo as $, useEffect as M, useState as T, Fragment as k, useCallback as R, useRef as Ze, cloneElement as Fe } from "react";
+import Ye, { useMemo as T, useEffect as z, useState as $, Fragment as k, useCallback as R, useRef as Ze, cloneElement as Fe } from "react";
 import { Heading as Be, Text as Pe, ThemeStore as te, Breadcrumbs as et, Button as tt, CardAccordion as nt, CardNotification as me, Checkbox as st, PreviewerMarkdown as Ie, DataCard as at, Divider as rt, SkeletonBase as Ke, Link as ot, Modal as ct, Pill as he, RoundButton as it, SelectPagination as lt, Select as dt, Switch as _t, Table as ut, Pager as ht, Tabs as ft, TextField as mt, toast as W, Accordion as yt, Drawer as xt, Loading as gt, Toaster as pt } from "@foris/avocado-suite";
 import { ChatPanel as bt, SummaryCard as jt, PromptCodeEditor as wt } from "@foris/ai-agent";
 import Ct from "@uiw/react-codemirror";
 import { json as we } from "@codemirror/lang-json";
 import { markdown as Nt } from "@codemirror/lang-markdown";
 import { sql as vt } from "@codemirror/lang-sql";
-import { yaml as St } from "@codemirror/lang-yaml";
-import K from "jsonpath";
-import { Legend as Et, Tooltip as kt, XAxis as $t, YAxis as qt, ResponsiveContainer as ne, AreaChart as Tt, CartesianGrid as ye, Area as At, BarChart as Ot, Bar as Rt, LineChart as Dt, Line as Lt, PieChart as Bt, Pie as It, Cell as Kt } from "recharts";
-import { Routes as zt, Route as Ce, Navigate as Mt } from "react-router-dom";
+import { yaml as Et } from "@codemirror/lang-yaml";
+import L from "jsonpath";
+import { Legend as St, Tooltip as kt, XAxis as Tt, YAxis as qt, ResponsiveContainer as ne, AreaChart as $t, CartesianGrid as ye, Area as At, BarChart as Ot, Bar as Rt, LineChart as Dt, Line as Lt, PieChart as Bt, Pie as It, Cell as Kt } from "recharts";
+import { Routes as Mt, Route as Ce, Navigate as zt } from "react-router-dom";
 const v = Qe(() => ({})), ce = (e, t, a, s) => {
   const c = a == null ? void 0 : a.hash, i = s && Object.keys(s).length > 0 ? { ...s } : {};
   v.setState((l) => {
@@ -35,7 +35,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
       }
     };
   });
-}, ze = (e, t, a) => {
+}, Me = (e, t, a) => {
   const s = a && Object.keys(a).length > 0 ? { ...e, ...a } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(s).filter(
@@ -44,7 +44,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
   );
 }, Gt = (e, t, a, s, c) => {
   sessionStorage.setItem("sessionId", a), v.setState((i) => {
-    const l = i[e] ?? {}, n = l.entries ?? {}, d = ze(
+    const l = i[e] ?? {}, n = l.entries ?? {}, d = Me(
       n,
       s,
       c
@@ -69,7 +69,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
 }, Ut = (e, t, a, s) => {
   v.setState((c) => {
     var r;
-    const i = c[e] ?? {}, l = i.entries ?? {}, n = ze(
+    const i = c[e] ?? {}, l = i.entries ?? {}, n = Me(
       l,
       a,
       s
@@ -173,7 +173,7 @@ const v = Qe(() => ({})), ce = (e, t, a, s) => {
   });
 };
 let ie = !1, P = [], ve = !1;
-const Vt = (e) => e._userFlow || null, Se = (e) => {
+const Vt = (e) => e._userFlow || null, Ee = (e) => {
   P.forEach(({ resolve: t, reject: a }) => {
     e ? a(e) : t(void 0);
   }), P = [];
@@ -200,7 +200,7 @@ const Vt = (e) => e._userFlow || null, Se = (e) => {
             r = n.headers();
           else
             throw new Error("No refresh handler available");
-          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(i, JSON.stringify(r)) : Ne(i, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Se(null), V(t);
+          return n.onAuthenticationError && (typeof n.headers == "string" ? Ne(i, JSON.stringify(r)) : Ne(i, r)), t.headers || (t.headers = {}), Object.assign(t.headers, r), Ee(null), V(t);
         } catch (r) {
           return console.error(
             "[axiosInterceptors] Token refresh failed:",
@@ -208,7 +208,7 @@ const Vt = (e) => e._userFlow || null, Se = (e) => {
           ), console.error(
             "[axiosInterceptors] Rejecting queued requests:",
             P.length
-          ), Se(r), Promise.reject(r);
+          ), Ee(r), Promise.reject(r);
         } finally {
           ie = !1;
         }
@@ -246,10 +246,10 @@ var le = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ee;
+var Se;
 function Qt() {
-  if (Ee) return Q;
-  Ee = 1;
+  if (Se) return Q;
+  Se = 1;
   var e = Ye, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(n, d, r) {
     var u, f = {}, _ = null, h = null;
@@ -281,12 +281,12 @@ const Zt = (e) => {
   };
   return /* @__PURE__ */ o.jsx(Pe, { ...t });
 }, Pt = (e) => {
-  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = $(() => ({
+  const t = te.useThemeStore((l) => l.theme.mode), a = e.dataSource, s = T(() => ({
     url: e.dataSource.url,
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     params: a == null ? void 0 : a.data
-  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), c = e.locale ?? "en", i = $(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, a == null ? void 0 : a.data]), c = e.locale ?? "en", i = T(() => {
     var n, d, r, u, f;
     const l = {
       title: (n = e == null ? void 0 : e.translations) == null ? void 0 : n.title,
@@ -297,7 +297,7 @@ const Zt = (e) => {
     };
     return Object.fromEntries(Object.entries(l).filter(([, _]) => !!_));
   }, [e == null ? void 0 : e.translations]);
-  return M(() => {
+  return z(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: s,
       locale: c,
@@ -325,12 +325,12 @@ const Zt = (e) => {
 }, en = "_summaryCard_jva4h_1", tn = {
   summaryCard: en
 }, nn = (e) => {
-  const t = e.dataSource, a = $(() => ({
+  const t = e.dataSource, a = T(() => ({
     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]), s = e.locale ?? "en", c = $(() => {
+  }), [e.dataSource.url, e.dataSource.method, e.dataSource.headers, t == null ? void 0 : t.data]), s = e.locale ?? "en", c = T(() => {
     var l, n, d;
     const i = {
       title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
@@ -341,7 +341,7 @@ const Zt = (e) => {
       Object.entries(i).filter(([, r]) => !!r)
     );
   }, [e == null ? void 0 : e.translations]);
-  return M(() => {
+  return z(() => {
     e.onResolveProps && e.onResolveProps({
       dataSource: a,
       locale: s,
@@ -355,12 +355,12 @@ const Zt = (e) => {
       translations: c
     }
   ) });
-}, B = (e, t) => {
+}, I = (e, t) => {
   const a = v((s) => {
     var c;
     return ((c = s[e]) == null ? void 0 : c.entries) || {};
   });
-  return $(() => {
+  return T(() => {
     const s = {
       disabled: !1
     };
@@ -385,9 +385,9 @@ const Zt = (e) => {
     inputLabel: d,
     inputPlaceholder: r,
     codeBlockLabel: u
-  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = T(
+  } = e, f = te.useThemeStore((p) => p.theme.mode), [_, h] = $(
     s || ""
-  ), { disabled: b } = B(
+  ), { disabled: b } = I(
     t,
     l
   ), m = i ?? b, x = c ?? "json", y = {
@@ -402,7 +402,7 @@ const Zt = (e) => {
     };
     O(t, N);
   };
-  return M(() => {
+  return z(() => {
     s !== void 0 && s !== _ && h(s);
   }, [s]), /* @__PURE__ */ o.jsx("section", { className: an.promptCodeEditor, children: /* @__PURE__ */ o.jsx(
     wt,
@@ -418,10 +418,10 @@ const Zt = (e) => {
       onCodeChange: g
     }
   ) });
-}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", $e = {
+}, on = "_body_14tsv_1", cn = "_body_content_14tsv_5", Te = {
   body: on,
   body_content: cn
-}, ln = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: $e.body, children: /* @__PURE__ */ o.jsx("div", { className: $e.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), X = (e) => {
+}, ln = ({ inputs: e }) => /* @__PURE__ */ o.jsx("section", { className: Te.body, children: /* @__PURE__ */ o.jsx("div", { className: Te.body_content, children: e.map((t, a) => /* @__PURE__ */ o.jsx(k, { children: t }, a)) }) }), X = (e) => {
   if (!e)
     return { "content-type": "application/json" };
   if (typeof e == "function")
@@ -509,7 +509,7 @@ const Zt = (e) => {
     }),
     controller: l
   };
-}, Me = () => {
+}, ze = () => {
   let e;
   return { callEndpoint: async (s) => {
     s.controller && (e = s.controller);
@@ -525,7 +525,7 @@ const Zt = (e) => {
   } };
 }, Ge = async (e, t, a = "", s = {}, c = {}) => {
   try {
-    const { callEndpoint: i } = Me(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
+    const { callEndpoint: i } = ze(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), r = new URLSearchParams({ session_name: t });
     a && r.append("hash_code", a), d && r.append("sessionId", d);
     const u = `${l}/not-front/next-ui/?${r.toString()}`, f = X(n), _ = fe(
       u,
@@ -539,8 +539,8 @@ const Zt = (e) => {
   } catch (i) {
     return console.error(i), Promise.reject(i);
   }
-}, I = () => {
-  const e = v((n) => n), { callEndpoint: t } = Me(), a = async (n, d, r, u, f = !0) => {
+}, K = () => {
+  const e = v((n) => n), { callEndpoint: t } = ze(), a = async (n, d, r, u, f = !0) => {
     var _;
     try {
       const h = (_ = e[n]) == null ? void 0 : _.apiConfig, b = {
@@ -647,7 +647,7 @@ const Zt = (e) => {
   items: t,
   responseKey: a
 }) => {
-  const { getNextUI: s } = I(), c = R(
+  const { getNextUI: s } = K(), c = R(
     async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
       var r;
       try {
@@ -673,7 +673,7 @@ const Zt = (e) => {
       }
     },
     []
-  ), i = $(() => t == null ? void 0 : t.map((l) => ({
+  ), i = T(() => t == null ? void 0 : t.map((l) => ({
     title: l == null ? void 0 : l.title,
     component: /* @__PURE__ */ o.jsx("div", { onClick: () => c(l) })
   })), []);
@@ -691,7 +691,7 @@ const Zt = (e) => {
     dependencies: r,
     onClick: u,
     ...f
-  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: b } = I(), { disabled: m } = B(
+  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: b } = K(), { disabled: m } = I(
     t,
     r
   ), x = {
@@ -741,9 +741,9 @@ const Zt = (e) => {
             a,
             C,
             s
-          ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
-          if ((E == null ? void 0 : E.type) !== "fetch") break;
-          const D = E == null ? void 0 : E.dataSource, q = await h(
+          ), S = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
+          if ((S == null ? void 0 : S.type) !== "fetch") break;
+          const D = S == null ? void 0 : S.dataSource, q = await h(
             D,
             t,
             // Avoid to handle loading state until all the requests are done
@@ -784,10 +784,10 @@ const Zt = (e) => {
       onClick: () => !y && (u ?? g)()
     }
   );
-}, S = (e, t, a, s) => {
+}, E = (e, t, a, s) => {
   var l;
   const c = {
-    accordion: (n) => /* @__PURE__ */ o.jsx(Bs, { ...n, userFlow: e, pageId: t }),
+    accordion: (n) => /* @__PURE__ */ o.jsx(Ks, { ...n, userFlow: e, pageId: t }),
     aiChatPanel: (n) => /* @__PURE__ */ o.jsx(Pt, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiChatPanel }),
     aiSummaryCard: (n) => /* @__PURE__ */ o.jsx(nn, { ...n, userFlow: e, pageId: t, onResolveProps: s == null ? void 0 : s.aiSummaryCard }),
     aiPromptCodeEditor: (n) => /* @__PURE__ */ o.jsx(rn, { ...n, userFlow: e, pageId: t }),
@@ -796,11 +796,11 @@ const Zt = (e) => {
     cardAccordion: (n) => /* @__PURE__ */ o.jsx(xn, { ...n, userFlow: e, pageId: t }),
     cardNotification: (n) => /* @__PURE__ */ o.jsx(bn, { ...n }),
     chart: (n) => /* @__PURE__ */ o.jsx(Gn, { ...n, userFlow: e }),
-    dataCard: (n) => /* @__PURE__ */ o.jsx(Tn, { ...n, userFlow: e, pageId: t }),
+    dataCard: (n) => /* @__PURE__ */ o.jsx($n, { ...n, userFlow: e, pageId: t }),
     checkbox: (n) => /* @__PURE__ */ o.jsx(jn, { ...n, userFlow: e, pageId: t }),
-    code: (n) => /* @__PURE__ */ o.jsx(En, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ o.jsx(Sn, { ...n, userFlow: e, pageId: t }),
     divider: (n) => /* @__PURE__ */ o.jsx(Rn, { ...n }),
-    drawer: (n) => /* @__PURE__ */ o.jsx(Ms, { ...n, userFlow: e, pageId: t }),
+    drawer: (n) => /* @__PURE__ */ o.jsx(Us, { ...n, userFlow: e, pageId: t }),
     heading: (n) => Zt(n),
     link: (n) => /* @__PURE__ */ o.jsx(Hn, { ...n, userFlow: e, pageId: t }),
     pill: (n) => /* @__PURE__ */ o.jsx(Fn, { ...n }),
@@ -808,14 +808,14 @@ const Zt = (e) => {
     modal: (n) => /* @__PURE__ */ o.jsx(Qn, { ...n, userFlow: e, pageId: t }),
     roundButton: (n) => /* @__PURE__ */ o.jsx(es, { ...n, userFlow: e, pageId: t }),
     row: (n) => /* @__PURE__ */ o.jsx(ss, { ...n, userFlow: e, pageId: t }),
-    select: (n) => /* @__PURE__ */ o.jsx(ls, { ...n, userFlow: e, pageId: t }),
-    switch: (n) => /* @__PURE__ */ o.jsx(bs, { ...n, userFlow: e, pageId: t }),
-    spacing: (n) => /* @__PURE__ */ o.jsx(ps, { ...n, userFlow: e, pageId: t }),
-    table: (n) => /* @__PURE__ */ o.jsx(Ss, { ...n, userFlow: e, pageId: t }),
-    tabs: (n) => /* @__PURE__ */ o.jsx(qs, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ o.jsx(_s, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ o.jsx(ws, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ o.jsx(js, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ o.jsx(ks, { ...n, userFlow: e, pageId: t }),
+    tabs: (n) => /* @__PURE__ */ o.jsx(As, { ...n, userFlow: e, pageId: t }),
     text: (n) => Ft(n),
-    textField: (n) => /* @__PURE__ */ o.jsx(Os, { ...n, userFlow: e, pageId: t }),
-    toast: (n) => /* @__PURE__ */ o.jsx(Rs, { ...n, userFlow: e, pageId: t })
+    textField: (n) => /* @__PURE__ */ o.jsx(Ds, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ o.jsx(Ls, { ...n, userFlow: e, pageId: t })
   };
   return (l = a == null ? void 0 : a.filter(Boolean)) == null ? void 0 : l.map((n) => {
     const d = c[n.component];
@@ -834,14 +834,14 @@ const Zt = (e) => {
     content: n,
     actionContent: d,
     ...r
-  } = e, { disabled: u } = B(
+  } = e, { disabled: u } = I(
     t,
     l
-  ), f = S(
+  ), f = E(
     t,
     a,
     n && n.length > 0 ? n : null
-  ), _ = S(
+  ), _ = E(
     t,
     a,
     d && d.length > 0 ? d : null
@@ -882,10 +882,10 @@ const Zt = (e) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
+  }, { getNextUI: f } = K(), [_, h] = $(l || !1), { disabled: b } = I(
     t,
     d
-  ), m = $(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
+  ), m = T(() => n && i ? `${i} *` : i ?? "", [i, n]), x = R(async () => {
     var g;
     try {
       const p = !_;
@@ -924,13 +924,13 @@ const Zt = (e) => {
       }
     }
   );
-}, wn = "_codeEditor_1coz7_1", Cn = "_codeEditor_label_1coz7_4", Nn = "_codeEditor_wrapper_1coz7_13", vn = "_input_1coz7_17", Sn = "_preview_1coz7_18", Y = {
+}, wn = "_codeEditor_1coz7_1", Cn = "_codeEditor_label_1coz7_4", Nn = "_codeEditor_wrapper_1coz7_13", vn = "_input_1coz7_17", En = "_preview_1coz7_18", Y = {
   codeEditor: wn,
   codeEditor_label: Cn,
   codeEditor_wrapper: Nn,
   input: vn,
-  preview: Sn
-}, En = (e) => {
+  preview: En
+}, Sn = (e) => {
   const {
     userFlow: t,
     responseKey: a,
@@ -942,15 +942,15 @@ const Zt = (e) => {
     dependencies: d,
     disabled: r,
     showPreview: u
-  } = e, [f, _] = T(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: b } = B(
+  } = e, [f, _] = $(l ?? ""), h = te.useThemeStore((p) => p.theme.mode), { disabled: b } = I(
     t,
     d
   ), m = r ?? b, x = {
     json: we(),
     markdown: Nt(),
     sql: vt(),
-    yaml: St()
-  }, y = $(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
+    yaml: Et()
+  }, y = T(() => n && s ? `${s} *` : s ?? "", [s, n]), g = (p) => {
     _(p);
     const N = {
       [a]: p
@@ -983,9 +983,9 @@ var de = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Te;
+var $e;
 function kn() {
-  return Te || (Te = 1, (function(e) {
+  return $e || ($e = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function a() {
@@ -1016,10 +1016,10 @@ function kn() {
     })();
   })(de)), de.exports;
 }
-var $n = kn();
-const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
+var Tn = kn();
+const ee = /* @__PURE__ */ Wt(Tn), qn = "_slotStack_6n2wy_5", Ae = {
   slotStack: qn
-}, Tn = (e) => {
+}, $n = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1031,11 +1031,11 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     icon: d,
     headerStatusColor: r,
     ...u
-  } = e, f = r ? `palette_${r}_50` : void 0, _ = S(
+  } = e, f = r ? `palette_${r}_50` : void 0, _ = E(
     t,
     a,
     l && l.length > 0 ? l : null
-  ), h = S(
+  ), h = E(
     t,
     a,
     n && n.length > 0 ? n : null
@@ -1087,41 +1087,41 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     }
   };
 }, _e = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Ue = (e, t, a, s) => {
-  const c = K.query(e, t), i = c == null ? void 0 : c.map((r) => {
+  const c = L.query(e, t), i = c == null ? void 0 : c.map((r) => {
     var u, f;
     if (a) {
       const _ = {};
       for (const [h, b] of Object.entries(a))
         if (typeof b == "object" && "path" in b) {
-          const m = b, x = (u = K.query(r, m.path)) == null ? void 0 : u[0];
+          const m = b, x = (u = L.query(r, m.path)) == null ? void 0 : u[0];
           m.translations && String(x) in m.translations ? _[h] = _e(
             m.translations[String(x)]
           ) : _[h] = _e(x);
         } else {
           const m = b;
-          _[h] = _e((f = K.query(r, m)) == null ? void 0 : f[0]);
+          _[h] = _e((f = L.query(r, m)) == null ? void 0 : f[0]);
         }
       return _;
     } else
       return r;
-  }), l = K.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? c.length, n = K.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
+  }), l = L.value(e, (s == null ? void 0 : s.size) ?? "$.meta.size") ?? c.length, n = L.value(e, (s == null ? void 0 : s.total) ?? "$.meta.total") ?? 0, d = {
     size: l,
     total: n,
-    totalPages: s != null && s.totalPages ? K.value(
+    totalPages: s != null && s.totalPages ? L.value(
       e,
       (s == null ? void 0 : s.totalPages) ?? "$.meta.totalPages"
     ) : l > 0 ? Math.ceil(n / l) : 0
   };
   return { items: i, pagination: d };
 }, se = ({ withPadding: e = !1 }) => {
-  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: L.labelColor }, children: a });
+  const t = (a) => /* @__PURE__ */ o.jsx("span", { style: { color: B.labelColor }, children: a });
   return /* @__PURE__ */ o.jsx(
-    Et,
+    St,
     {
       formatter: t,
       wrapperStyle: {
-        fontSize: L.fontSize,
-        fontFamily: L.fontFamily,
+        fontSize: B.fontSize,
+        fontFamily: B.fontFamily,
         padding: e ? "1rem 0" : "0"
       }
     }
@@ -1136,9 +1136,9 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   if (!e || !t || !t.length)
     return null;
   const c = {
-    backgroundColor: L.tooltipBg,
-    borderRadius: L.tooltipBorderRadius,
-    color: L.tooltipColor,
+    backgroundColor: B.tooltipBg,
+    borderRadius: B.tooltipBorderRadius,
+    color: B.tooltipColor,
     padding: "8px 12px",
     border: "1px solid #e5e7eb"
   };
@@ -1157,26 +1157,26 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     content: /* @__PURE__ */ o.jsx(Ln, { tooltipKey: e })
   }
 ), be = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ o.jsx(
-  $t,
+  Tt,
   {
     dataKey: e,
     hide: t,
     tick: {
-      fill: L.labelColor,
-      fontSize: L.fontSize
+      fill: B.labelColor,
+      fontSize: B.fontSize
     }
   }
 ), je = () => /* @__PURE__ */ o.jsx(
   qt,
   {
     tick: {
-      fill: L.labelColor,
-      fontSize: L.fontSize
+      fill: B.labelColor,
+      fontSize: B.fontSize
     }
   }
 ), Bn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e;
-  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs(Tt, { data: t, children: [
+  return /* @__PURE__ */ o.jsx(ne, { width: "100%", height: 400, children: /* @__PURE__ */ o.jsxs($t, { data: t, children: [
     /* @__PURE__ */ o.jsx(ye, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ o.jsx(be, { dataKey: a }),
     /* @__PURE__ */ o.jsx(je, {}),
@@ -1187,8 +1187,8 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       {
         type: "monotone",
         dataKey: i,
-        stroke: z[l % z.length],
-        fill: z[l % z.length]
+        stroke: M[l % M.length],
+        fill: M[l % M.length]
       },
       i
     ))
@@ -1205,7 +1205,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       Rt,
       {
         dataKey: i,
-        fill: z[l % z.length]
+        fill: M[l % M.length]
       },
       i
     ))
@@ -1223,14 +1223,14 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       {
         type: "monotone",
         dataKey: i,
-        stroke: z[l % z.length],
+        stroke: M[l % M.length],
         strokeWidth: 2,
         dot: !1
       },
       i
     ))
   ] }) });
-}, zn = (e) => {
+}, Mn = (e) => {
   const { data: t, xKey: a, yKeys: s, tooltipKey: c } = e, i = ({
     cx: l,
     cy: n,
@@ -1245,8 +1245,8 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       {
         x: b,
         y: m,
-        fill: L.labelColor,
-        color: L.labelColor,
+        fill: B.labelColor,
+        color: B.labelColor,
         textAnchor: "middle",
         dominantBaseline: "central",
         children: f
@@ -1267,19 +1267,19 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
         children: t.map((l, n) => /* @__PURE__ */ o.jsx(
           Kt,
           {
-            fill: z[n % z.length]
+            fill: M[n % M.length]
           },
           `cell-${n}`
         ))
       }
     )
   ] }) });
-}, Mn = {
+}, zn = {
   area: Bn,
   bar: In,
   line: Kn,
-  pie: zn
-}, z = [
+  pie: Mn
+}, M = [
   "var(--color-primitive-palette-1-50)",
   "var(--color-primitive-palette-2-50)",
   "var(--color-primitive-palette-3-50)",
@@ -1297,7 +1297,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   "var(--color-primitive-palette-15-50)",
   "var(--color-primitive-palette-16-50)",
   "var(--color-primitive-palette-17-50)"
-], L = {
+], B = {
   fontFamily: "Roboto, sans-serif",
   fontSize: 12,
   labelColor: "var(--color-neutral-90)",
@@ -1305,10 +1305,10 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
 }, Gn = (e) => {
-  const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = Mn[l.type];
+  const { component: t, userFlow: a, hash: s, responseKey: c, dataSource: i, ...l } = e, n = zn[l.type];
   if (!n)
     return /* @__PURE__ */ o.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [r, u] = T(!1), [f, _] = T([]), h = async () => {
+  const { fetchDataSource: d } = K(), [r, u] = $(!1), [f, _] = $([]), h = async () => {
     var m, x;
     try {
       u(!0);
@@ -1325,7 +1325,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
       alert(JSON.stringify(y)), u(!1);
     }
   };
-  M(() => {
+  z(() => {
     i ? h() : _(l.data);
   }, []);
   const b = {
@@ -1349,7 +1349,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     component: r,
     hash: u,
     ...f
-  } = e, { getNextUI: _ } = I(), { disabled: h } = B(
+  } = e, { getNextUI: _ } = K(), { disabled: h } = I(
     t,
     d
   ), b = c && f ? (() => {
@@ -1420,7 +1420,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     ...n
   }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = R(() => {
     xe(e), ge(e, !1);
-  }, [e, a]), b = Array.isArray(s) ? S(e, t, s) : s, m = S(e, t, c), x = S(e, t, i);
+  }, [e, a]), b = Array.isArray(s) ? E(e, t, s) : s, m = E(e, t, c), x = E(e, t, i);
   return /* @__PURE__ */ o.jsx(
     ct,
     {
@@ -1442,7 +1442,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     ...(a == null ? void 0 : a.components) || [],
     ...((i = a == null ? void 0 : a.header) == null ? void 0 : i.components) || [],
     ...((l = a == null ? void 0 : a.body) == null ? void 0 : l.components) || []
-  ], c = S(
+  ], c = E(
     e,
     t,
     s
@@ -1499,7 +1499,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
     dependencies: l,
     onClick: n,
     ...d
-  } = e, { getNextUI: r, fetchAndGetNextUI: u } = I(), { disabled: f } = B(
+  } = e, { getNextUI: r, fetchAndGetNextUI: u } = K(), { disabled: f } = I(
     t,
     l
   ), _ = {
@@ -1641,7 +1641,7 @@ const ee = /* @__PURE__ */ Wt($n), qn = "_slotStack_6n2wy_5", Ae = {
         J[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((r, u) => {
-        const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = S(t, a, r.items);
+        const f = (s == null ? void 0 : s[u]) || `${100 / d.length}%`, _ = E(t, a, r.items);
         return !_ || _.length === 0 ? null : /* @__PURE__ */ o.jsx(
           "div",
           {
@@ -1670,7 +1670,7 @@ function Je({
   debounceMs: l
 }) {
   const n = Ze(null);
-  M(() => () => {
+  z(() => () => {
     n.current !== null && (clearTimeout(n.current), n.current = null);
   }, []);
   const d = R(
@@ -1713,18 +1713,25 @@ function Je({
     [i, l, d]
   );
 }
-const as = (e, t, a, s) => {
-  const c = K.query(e, t);
+const as = /\{([^}]+)\}/g, rs = (e, t) => {
+  var a;
+  return t.includes("{") ? t.replace(as, (s, c) => {
+    var l;
+    const i = (l = L.query(e, c.trim())) == null ? void 0 : l[0];
+    return i != null ? String(i) : "";
+  }) : (a = L.query(e, t)) == null ? void 0 : a[0];
+}, os = (e, t, a, s) => {
+  const c = L.query(e, t);
   return (c == null ? void 0 : c.map((i) => {
-    var d, r;
-    const l = (d = K.query(i, a)) == null ? void 0 : d[0], n = s ? (r = K.query(i, s)) == null ? void 0 : r[0] : i;
+    var d;
+    const l = rs(i, a), n = s ? (d = L.query(i, s)) == null ? void 0 : d[0] : i;
     return { label: l, value: n };
   })) ?? [];
-}, rs = (e, t, a, s = 10) => {
+}, cs = (e, t, a, s = 10) => {
   var n, d;
   let c, i;
   if (a) {
-    const r = K.value(e, a.size ?? "$.meta.size") ?? s, u = K.value(e, a.total ?? "$.meta.total") ?? 0;
+    const r = L.value(e, a.size ?? "$.meta.size") ?? s, u = L.value(e, a.total ?? "$.meta.total") ?? 0;
     c = r, i = u;
   } else {
     const r = e == null ? void 0 : e.meta;
@@ -1736,9 +1743,9 @@ const as = (e, t, a, s) => {
     total: i,
     hasMore: l
   };
-}, os = "_selectNotFront_1yw9q_1", Ve = {
-  selectNotFront: os
-}, cs = ({
+}, is = "_selectNotFront_1yw9q_1", Ve = {
+  selectNotFront: is
+}, ls = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1751,14 +1758,14 @@ const as = (e, t, a, s) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = T((r == null ? void 0 : r.value) ?? ""), { disabled: b } = B(
+  }, { getNextUI: u, fetchDataSource: f } = K(), [_, h] = $((r == null ? void 0 : r.value) ?? ""), { disabled: b } = I(
     e,
     l
-  ), m = (r == null ? void 0 : r.disabled) ?? b, x = $(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), y = $(() => {
+  ), m = (r == null ? void 0 : r.disabled) ?? b, x = T(() => s && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, s]), y = T(() => {
     const j = r != null && r.isMulti ? _ : [_], C = {};
     return typeof j == "object" && "length" in j && (j == null || j.forEach((w) => {
-      const E = JSON.stringify(w.value), D = JSON.stringify(w.label);
-      C[E] = w, D in C || (C[D] = w);
+      const S = JSON.stringify(w.value), D = JSON.stringify(w.label);
+      C[S] = w, D in C || (C[D] = w);
     })), C;
   }, [_]), g = Je({
     userFlow: e,
@@ -1772,7 +1779,7 @@ const as = (e, t, a, s) => {
     h(j), g(j);
   }, N = async (j, C, { page: w }) => {
     const {
-      jsonPathLabel: E,
+      jsonPathLabel: S,
       jsonPathOptions: D,
       jsonPathValue: q,
       jsonPathPagination: G
@@ -1784,12 +1791,12 @@ const as = (e, t, a, s) => {
       U,
       e,
       !1
-    ), oe = re == null ? void 0 : re.data, Xe = oe ? as(
+    ), oe = re == null ? void 0 : re.data, Xe = oe ? os(
       oe,
       D,
-      E,
+      S,
       q
-    ) : [], { hasMore: We } = rs(
+    ) : [], { hasMore: We } = cs(
       oe,
       w,
       G
@@ -1821,7 +1828,7 @@ const as = (e, t, a, s) => {
       debounceTimeout: 350
     }
   );
-}, is = ({
+}, ds = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -1834,10 +1841,10 @@ const as = (e, t, a, s) => {
 }) => {
   const r = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = T(r.value || ""), { disabled: h } = B(
+  }, { getNextUI: u } = K(), [f, _] = $(r.value || ""), { disabled: h } = I(
     e,
     l
-  ), b = (r == null ? void 0 : r.disabled) ?? h, m = $(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), x = Je({
+  ), b = (r == null ? void 0 : r.disabled) ?? h, m = T(() => c && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, c]), x = Je({
     userFlow: e,
     pageId: t,
     responseKey: a,
@@ -1859,23 +1866,23 @@ const as = (e, t, a, s) => {
       onChange: (g) => !b && y(g)
     }
   );
-}, ls = (e) => {
+}, _s = (e) => {
   const { dataSource: t } = e;
-  return t ? /* @__PURE__ */ o.jsx(cs, { ...e }) : /* @__PURE__ */ o.jsx(is, { ...e });
-}, ds = "_spacing_19hqa_1", _s = "_spacing__xxs_19hqa_1", us = "_spacing__xs_19hqa_4", hs = "_spacing__sm_19hqa_7", fs = "_spacing__md_19hqa_10", ms = "_spacing__lg_19hqa_13", ys = "_spacing__xl_19hqa_16", xs = "_spacing__xxl_19hqa_19", gs = "_spacing__xxxl_19hqa_22", Re = {
-  spacing: ds,
-  spacing__xxs: _s,
-  spacing__xs: us,
-  spacing__sm: hs,
-  spacing__md: fs,
-  spacing__lg: ms,
-  spacing__xl: ys,
-  spacing__xxl: xs,
-  spacing__xxxl: gs
-}, ps = (e) => {
+  return t ? /* @__PURE__ */ o.jsx(ls, { ...e }) : /* @__PURE__ */ o.jsx(ds, { ...e });
+}, us = "_spacing_19hqa_1", hs = "_spacing__xxs_19hqa_1", fs = "_spacing__xs_19hqa_4", ms = "_spacing__sm_19hqa_7", ys = "_spacing__md_19hqa_10", xs = "_spacing__lg_19hqa_13", gs = "_spacing__xl_19hqa_16", ps = "_spacing__xxl_19hqa_19", bs = "_spacing__xxxl_19hqa_22", Re = {
+  spacing: us,
+  spacing__xxs: hs,
+  spacing__xs: fs,
+  spacing__sm: ms,
+  spacing__md: ys,
+  spacing__lg: xs,
+  spacing__xl: gs,
+  spacing__xxl: ps,
+  spacing__xxxl: bs
+}, js = (e) => {
   const { size: t } = e, a = ee(Re.spacing, Re[`spacing__${t}`]);
   return /* @__PURE__ */ o.jsx("div", { className: a });
-}, bs = (e) => {
+}, ws = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -1888,10 +1895,10 @@ const as = (e, t, a, s) => {
     ...r
   } = e, u = {
     ...r
-  }, { getNextUI: f } = I(), [_, h] = T(l || !1), { disabled: b } = B(
+  }, { getNextUI: f } = K(), [_, h] = $(l || !1), { disabled: b } = I(
     t,
     d
-  ), m = (u == null ? void 0 : u.disabled) ?? b, x = $(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
+  ), m = (u == null ? void 0 : u.disabled) ?? b, x = T(() => n && i ? `${i} *` : i ?? "", [i, n]), y = R(async () => {
     var g;
     try {
       const p = !_;
@@ -1928,10 +1935,10 @@ const as = (e, t, a, s) => {
       onChange: () => !m && y()
     }
   );
-}, js = "_tableSkeleton_3nr9n_1", ws = "_tableArrayPills_3nr9n_7", He = {
-  tableSkeleton: js,
-  tableArrayPills: ws
-}, Cs = ({ values: e }) => {
+}, Cs = "_tableSkeleton_3nr9n_1", Ns = "_tableArrayPills_3nr9n_7", He = {
+  tableSkeleton: Cs,
+  tableArrayPills: Ns
+}, vs = ({ values: e }) => {
   const a = e == null ? void 0 : e.slice(0, 4), s = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ o.jsxs("div", { className: He.tableArrayPills, children: [
     a.map((c, i) => /* @__PURE__ */ o.jsx(he, { children: String(c) }, i)),
@@ -1940,14 +1947,14 @@ const as = (e, t, a, s) => {
       s
     ] })
   ] });
-}, Ns = ({
+}, Es = ({
   userFlow: e,
   pageId: t,
   tableResponseKey: a,
   component: s,
   rowData: c
 }) => {
-  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = S(e, t, [
+  const { getNextUI: i, fetchAndGetNextUI: l, fetchDataSource: n } = K(), d = E(e, t, [
     { ...s }
   ]), r = (d == null ? void 0 : d[0]) || null;
   if (!r) return null;
@@ -2026,7 +2033,7 @@ const as = (e, t, a, s) => {
   return Fe(r, {
     onClick: h
   });
-}, vs = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
+}, Ss = () => /* @__PURE__ */ o.jsx("div", { className: He.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ o.jsx(
   Ke,
   {
     maxWidth: "100%",
@@ -2034,7 +2041,7 @@ const as = (e, t, a, s) => {
     radius: 8
   },
   `tableSkeletonBase${t}`
-)) }), Ss = ({
+)) }), ks = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2044,17 +2051,17 @@ const as = (e, t, a, s) => {
   ...l
 }) => {
   var p, N, j;
-  const { fetchDataSource: n } = I(), [d, r] = T(!1), [u, f] = T(1), [_, h] = T(null), b = $(() => {
+  const { fetchDataSource: n } = K(), [d, r] = $(!1), [u, f] = $(1), [_, h] = $(null), b = T(() => {
     if (i != null && i.length)
       return i.map((C, w) => ({
-        renderContent: (E) => /* @__PURE__ */ o.jsx(
-          Ns,
+        renderContent: (S) => /* @__PURE__ */ o.jsx(
+          Es,
           {
             userFlow: e,
             pageId: t,
             tableResponseKey: a,
             component: C,
-            rowData: E
+            rowData: S
           },
           `tableRowAction${w}`
         )
@@ -2062,7 +2069,7 @@ const as = (e, t, a, s) => {
   }, [i, e, t]), m = async (C = 1) => {
     try {
       r(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: D } = c, q = pe(
+      const { jsonPathData: w, mapperData: S, jsonPathPagination: D } = c, q = pe(
         c,
         C
       ), G = await n(
@@ -2074,7 +2081,7 @@ const as = (e, t, a, s) => {
         Ue(
           G == null ? void 0 : G.data,
           w,
-          E,
+          S,
           D
         )
       ), r(!1);
@@ -2084,18 +2091,18 @@ const as = (e, t, a, s) => {
   }, x = (C) => {
     f(C), m(C);
   };
-  M(() => {
+  z(() => {
     m();
   }, []);
-  const y = $(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
-    var E;
-    return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
+  const y = T(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+    var S;
+    return ((S = _ == null ? void 0 : _.items) == null ? void 0 : S.some(
       (D) => Array.isArray(C != null && C.accessor ? D[C == null ? void 0 : C.accessor] : void 0)
     )) ? {
       ...C,
       renderCell: (D) => {
         const q = C.accessor ? D[C.accessor] : void 0;
-        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(Cs, { values: q }) : q;
+        return Array.isArray(q) ? /* @__PURE__ */ o.jsx(vs, { values: q }) : q;
       }
     } : C;
   }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
@@ -2104,7 +2111,7 @@ const as = (e, t, a, s) => {
     columns: y,
     rightActions: b
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(vs, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: d ? /* @__PURE__ */ o.jsx(Ss, {}) : _ && ((p = _ == null ? void 0 : _.items) == null ? void 0 : p.length) > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsx(ut, { ...g }),
     (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ o.jsx(
       ht,
@@ -2117,12 +2124,12 @@ const as = (e, t, a, s) => {
       }
     )
   ] }) : /* @__PURE__ */ o.jsx(me, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
-}, Es = "_tabsPanel_kvslb_1", ks = {
-  tabsPanel: Es
+}, Ts = "_tabsPanel_kvslb_1", qs = {
+  tabsPanel: Ts
 }, $s = ({ userFlow: e, pageId: t, components: a }) => {
-  const s = S(e, t, a);
-  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: ks.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${i}`)) }) : null;
-}, qs = ({
+  const s = E(e, t, a);
+  return s != null && s.length ? /* @__PURE__ */ o.jsx("section", { className: qs.tabsPanel, children: s.map((c, i) => /* @__PURE__ */ o.jsx(k, { children: c }, `tabs-panel-${i}`)) }) : null;
+}, As = ({
   userFlow: e,
   pageId: t,
   hash: a,
@@ -2160,9 +2167,9 @@ const as = (e, t, a, s) => {
       onClick: d
     }
   );
-}, Ts = "_textFieldNotFront_cps4i_1", As = {
-  textFieldNotFront: Ts
-}, Os = (e) => {
+}, Os = "_textFieldNotFront_cps4i_1", Rs = {
+  textFieldNotFront: Os
+}, Ds = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -2174,10 +2181,10 @@ const as = (e, t, a, s) => {
     ...d
   } = e, r = {
     ...d
-  }, [u, f] = T((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = B(
+  }, [u, f] = $((r == null ? void 0 : r.value) ?? ""), { disabled: _ } = I(
     t,
     n
-  ), h = (r == null ? void 0 : r.disabled) ?? _, b = $(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), m = (x) => {
+  ), h = (r == null ? void 0 : r.disabled) ?? _, b = T(() => l && (r != null && r.label) ? `${r == null ? void 0 : r.label} *` : (r == null ? void 0 : r.label) ?? "", [r == null ? void 0 : r.label, l]), m = (x) => {
     var p;
     const y = (p = x == null ? void 0 : x.target) == null ? void 0 : p.value;
     f(y);
@@ -2186,13 +2193,13 @@ const as = (e, t, a, s) => {
     };
     O(t, g);
   };
-  return M(() => {
+  return z(() => {
     f((r == null ? void 0 : r.value) ?? "");
   }, [r == null ? void 0 : r.value]), /* @__PURE__ */ o.jsx(
     mt,
     {
       ...r,
-      className: As.textFieldNotFront,
+      className: Rs.textFieldNotFront,
       allowClear: !1,
       label: b,
       value: u,
@@ -2200,7 +2207,7 @@ const as = (e, t, a, s) => {
       onChange: (x) => !h && m(x)
     }
   );
-}, Rs = ({
+}, Ls = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2224,7 +2231,7 @@ const as = (e, t, a, s) => {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
   }, [i, t, a, e, l]);
-  return M(() => {
+  return z(() => {
     ({
       info: W.info,
       error: W.error,
@@ -2236,10 +2243,10 @@ const as = (e, t, a, s) => {
       onClose: n
     });
   }, [n, e]), null;
-}, Ds = "_accordion_1ri2t_1", Ls = "_accordionBody_1ri2t_8", De = {
-  accordion: Ds,
-  accordionBody: Ls
-}, Bs = (e) => {
+}, Bs = "_accordion_1ri2t_1", Is = "_accordionBody_1ri2t_8", De = {
+  accordion: Bs,
+  accordionBody: Is
+}, Ks = (e) => {
   const {
     userFlow: t,
     pageId: a,
@@ -2249,12 +2256,12 @@ const as = (e, t, a, s) => {
     actionContent: l,
     components: n,
     ...d
-  } = e, { getNextUI: r } = I(), [u, f] = T(
+  } = e, { getNextUI: r } = K(), [u, f] = $(
     d.checkboxChecked || !1
-  ), { disabled: _ } = B(
+  ), { disabled: _ } = I(
     t,
     c
-  ), h = S(t, a, n), b = l ? S(t, a, l) : void 0, m = i ? S(t, a, i) : void 0, x = R(
+  ), h = E(t, a, n), b = l ? E(t, a, l) : void 0, m = i ? E(t, a, i) : void 0, x = R(
     async (p) => {
       var N;
       try {
@@ -2289,11 +2296,11 @@ const as = (e, t, a, s) => {
     children: h ? /* @__PURE__ */ o.jsx("section", { className: De.accordionBody, children: h.map((p, N) => /* @__PURE__ */ o.jsx(k, { children: p }, `accordion-child-${N}`)) }) : void 0
   };
   return /* @__PURE__ */ o.jsx(yt, { ...g });
-}, Is = "_drawer_13pxo_1", Ks = "_drawerBody_13pxo_5", zs = "_drawerFooter_13pxo_11", ue = {
-  drawer: Is,
-  drawerBody: Ks,
-  drawerFooter: zs
-}, Ms = ({
+}, Ms = "_drawer_13pxo_1", zs = "_drawerBody_13pxo_5", Gs = "_drawerFooter_13pxo_11", ue = {
+  drawer: Ms,
+  drawerBody: zs,
+  drawerFooter: Gs
+}, Us = ({
   userFlow: e,
   pageId: t,
   responseKey: a,
@@ -2314,7 +2321,7 @@ const as = (e, t, a, s) => {
     children: null
   }, f = R(() => {
     xe(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(s) ? S(e, t, s) : s ? /* @__PURE__ */ o.jsx(Be, { type: "h2", children: s }) : void 0, h = S(e, t, c), b = i ? S(e, t, i) : void 0;
+  }, [e]), _ = Array.isArray(s) ? E(e, t, s) : s ? /* @__PURE__ */ o.jsx(Be, { type: "h2", children: s }) : void 0, h = E(e, t, c), b = i ? E(e, t, i) : void 0;
   return /* @__PURE__ */ o.jsx(
     xt,
     {
@@ -2329,13 +2336,13 @@ const as = (e, t, a, s) => {
     }
   );
 };
-function na({
+function aa({
   routes: e,
   renderPage: t,
   renderFallback: a,
   redirectTo: s = "/"
 }) {
-  return /* @__PURE__ */ o.jsxs(zt, { children: [
+  return /* @__PURE__ */ o.jsxs(Mt, { children: [
     e.map((c) => /* @__PURE__ */ o.jsx(
       Ce,
       {
@@ -2344,16 +2351,16 @@ function na({
       },
       `${c.path}:${c.sessionName}`
     )),
-    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(Mt, { to: s, replace: !0 }) })
+    /* @__PURE__ */ o.jsx(Ce, { path: "*", element: /* @__PURE__ */ o.jsx(zt, { to: s, replace: !0 }) })
   ] });
 }
-function sa({
+function ra({
   sessionName: e,
   apiConfig: t,
   onResolveComponentProps: a,
   children: s
 }) {
-  const c = Gs(
+  const c = Js(
     e,
     t,
     null,
@@ -2365,7 +2372,7 @@ function sa({
   ] });
 }
 const Le = (e, t, a, s, c) => {
-  const i = S(
+  const i = E(
     e,
     t,
     (s == null ? void 0 : s.components) || null,
@@ -2393,9 +2400,9 @@ const Le = (e, t, a, s, c) => {
     default:
       return null;
   }
-}, Gs = (e, t, a, s) => {
+}, Js = (e, t, a, s) => {
   var _, h, b;
-  const [c, i] = T(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? Le(
+  const [c, i] = $(!1), l = v((m) => m), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? Le(
     e,
     n,
     "header",
@@ -2407,7 +2414,7 @@ const Le = (e, t, a, s, c) => {
     "body",
     ((b = l[e].pages[n].page) == null ? void 0 : b.body) || null,
     s
-  ) : null, u = $(() => {
+  ) : null, u = T(() => {
     var m;
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       ((m = l[e]) == null ? void 0 : m.isLoading) && /* @__PURE__ */ o.jsx(gt, {}),
@@ -2427,7 +2434,7 @@ const Le = (e, t, a, s, c) => {
       console.error("[not-page]: API call failed", m), i(!0);
     }
   };
-  return M(() => {
+  return z(() => {
     t != null && t.api && !a && e ? f() : !(t != null && t.api) && a && e || t != null && t.api && a && e ? ce(e, t, a) : (!(t != null && t.api) && !a || !e) && (i(!0), console.error(
       "[not-page]: API call failed",
       "not api config",
@@ -2444,10 +2451,10 @@ const Le = (e, t, a, s, c) => {
 };
 export {
   Gn as Chart,
-  na as NotFrontDynamicRouter,
-  sa as NotFrontPage,
+  aa as NotFrontDynamicRouter,
+  ra as NotFrontPage,
   ss as Row,
   Zt as heading,
   Ft as text,
-  Gs as usePage
+  Js as usePage
 };