@foris/avocado-not-front 2.0.1 → 2.0.2

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

@@ -1,6 +1,6 @@
 import V from "axios";
 import { create as Ue } from "zustand";
-import Ve, { useEffect as J, useMemo as O, useState as S, Fragment as $, useCallback as D, useRef as Je, cloneElement as He } from "react";
+import Ve, { useEffect as J, useMemo as O, useState as q, Fragment as $, useCallback as D, useRef as Je, cloneElement as He } from "react";
 import { Heading as Ae, Text as Xe, ThemeStore as ue, Breadcrumbs as We, Button as Qe, CardNotification as he, Checkbox as Ye, PreviewerMarkdown as Ze, Divider as Fe, SkeletonBase as Oe, Modal as Pe, Pill as de, RoundButton as et, SelectPagination as tt, Select as nt, Switch as rt, Table as st, Pager as at, TextField as ot, toast as W, Accordion as ct, Drawer as it, Loading as lt, Toaster as dt } from "@foris/avocado-suite";
 import { SummaryCard as _t, PromptCodeEditor as ut } from "@foris/ai-agent";
 import ht from "@uiw/react-codemirror";
@@ -9,25 +9,25 @@ import { markdown as ft } from "@codemirror/lang-markdown";
 import { sql as yt } from "@codemirror/lang-sql";
 import { yaml as mt } from "@codemirror/lang-yaml";
 import B from "jsonpath";
-import { Legend as xt, Tooltip as gt, XAxis as pt, YAxis as bt, ResponsiveContainer as te, AreaChart as jt, CartesianGrid as fe, Area as wt, BarChart as Ct, Bar as Nt, LineChart as vt, Line as Et, PieChart as kt, Pie as St, Cell as qt } from "recharts";
-const v = Ue(() => ({})), oe = (e, t, s) => {
-  const r = s == null ? void 0 : s.hash;
+import { Legend as xt, Tooltip as gt, XAxis as pt, YAxis as bt, ResponsiveContainer as te, AreaChart as jt, CartesianGrid as fe, Area as wt, BarChart as Ct, Bar as Nt, LineChart as vt, Line as Et, PieChart as kt, Pie as qt, Cell as St } from "recharts";
+const v = Ue(() => ({})), oe = (e, t, s, r) => {
+  const l = s == null ? void 0 : s.hash, o = r && Object.keys(r).length > 0 ? { ...r } : {};
   v.setState((i) => {
-    var o;
+    var n;
     return {
       ...i,
       [e]: {
         ...i[e],
         apiConfig: t,
-        currentPageId: r,
+        currentPageId: l,
         isLoading: !1,
         isModalOpen: !0,
         isDrawerOpen: !1,
-        entries: {},
+        entries: o,
         overlay: null,
         pages: {
-          ...(o = i[e]) == null ? void 0 : o.pages,
-          [r]: {
+          ...(n = i[e]) == null ? void 0 : n.pages,
+          [l]: {
             page: s
           }
         }
@@ -38,26 +38,26 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
   const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
   return t.length === 0 ? e : Object.fromEntries(
     Object.entries(r).filter(
-      ([i]) => !t.includes(i)
+      ([l]) => !t.includes(l)
     )
   );
-}, At = (e, t, s, r, i) => {
+}, At = (e, t, s, r, l) => {
   sessionStorage.setItem("sessionId", s), v.setState((o) => {
-    const l = o[e] ?? {}, n = l.entries ?? {}, d = Te(
+    const i = o[e] ?? {}, n = i.entries ?? {}, d = Te(
       n,
       r,
-      i
+      l
     );
     return {
       ...o,
       [e]: {
-        ...l,
+        ...i,
         currentPageId: t.hash,
         entries: d,
         isLoading: !1,
         overlay: null,
         pages: {
-          ...l.pages,
+          ...i.pages,
           [t.hash]: {
             page: { ...t }
           }
@@ -66,17 +66,17 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
     };
   });
 }, Ot = (e, t, s, r) => {
-  v.setState((i) => {
+  v.setState((l) => {
     var a;
-    const o = i[e] ?? {}, l = o.entries ?? {}, n = Te(
-      l,
+    const o = l[e] ?? {}, i = o.entries ?? {}, n = Te(
+      i,
       s,
       r
     ), d = (a = t.components) == null ? void 0 : a.some(
       (u) => u.component === "drawer"
     );
     return {
-      ...i,
+      ...l,
       [e]: {
         ...o,
         entries: n,
@@ -98,23 +98,23 @@ const v = Ue(() => ({})), oe = (e, t, s) => {
 }, Tt = (e) => {
   var s;
   return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
-}, q = (e, t) => {
+}, S = (e, t) => {
   const {
     content: s,
     sessionId: r,
-    deprecatedStateKeys: i = [],
-    sessionState: o = {}
+    deprecatedStateKeys: l = [],
+    sessionState: o
   } = t;
   s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? At(
     e,
     s,
     r,
-    i,
+    l,
     o
   ) : Ot(
     e,
     s,
-    i,
+    l,
     o
   ));
 }, L = (e, t) => {
@@ -177,12 +177,12 @@ const $t = (e) => e._userFlow || null, Ce = (e) => {
     e ? s(e) : t(void 0);
   }), P = [];
 }, Rt = async (e) => {
-  var r, i;
+  var r, l;
   const t = e == null ? void 0 : e.config;
   if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
     const o = $t(t);
     if (o) {
-      const n = (i = v.getState()[o]) == null ? void 0 : i.apiConfig;
+      const n = (l = v.getState()[o]) == null ? void 0 : l.apiConfig;
       if (!n)
         return Promise.reject(e);
       if (n.onAuthenticationError || typeof n.headers == "function") {
@@ -250,8 +250,8 @@ function Bt() {
   if (Ne)
     return Q;
   Ne = 1;
-  var e = Ve, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(n, d, a) {
+  var e = Ve, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(n, d, a) {
     var u, f = {}, _ = null, h = null;
     a !== void 0 && (_ = "" + a), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
     for (u in d)
@@ -259,9 +259,9 @@ function Bt() {
     if (n && n.defaultProps)
       for (u in d = n.defaultProps, d)
         f[u] === void 0 && (f[u] = d[u]);
-    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: i.current };
+    return { $$typeof: t, type: n, key: _, ref: h, props: f, _owner: l.current };
   }
-  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
+  return Q.Fragment = s, Q.jsx = i, Q.jsxs = i, Q;
 }
 $e.exports = Bt();
 var c = $e.exports;
@@ -292,10 +292,10 @@ const It = (e) => {
     method: e.dataSource.method,
     headers: e.dataSource.headers,
     body: t == null ? void 0 : t.data
-  }, r = e.locale ?? "en", i = O(() => {
-    var l, n, d;
+  }, r = e.locale ?? "en", l = O(() => {
+    var i, n, d;
     const o = {
-      title: (l = e == null ? void 0 : e.translations) == null ? void 0 : l.title,
+      title: (i = e == null ? void 0 : e.translations) == null ? void 0 : i.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
     };
@@ -308,21 +308,21 @@ const It = (e) => {
     {
       dataSource: s,
       locale: r,
-      translations: i
+      translations: l
     }
   ) });
 }, M = (e, t) => {
   const s = v((r) => {
-    var i;
-    return ((i = r[e]) == null ? void 0 : i.entries) || {};
+    var l;
+    return ((l = r[e]) == null ? void 0 : l.entries) || {};
   });
   return O(() => {
     const r = {
       disabled: !1
     };
-    return !t || t.length === 0 || t.forEach((i) => {
-      const o = s[i.key], l = o == null || o === "" || Array.isArray(o) && o.length === 0;
-      i.when === "empty" && l && i.actions.forEach((d) => {
+    return !t || t.length === 0 || t.forEach((l) => {
+      const o = s[l.key], i = o == null || o === "" || Array.isArray(o) && o.length === 0;
+      l.when === "empty" && i && l.actions.forEach((d) => {
         r[d] = !0;
       });
     }), r;
@@ -334,19 +334,19 @@ const It = (e) => {
     userFlow: t,
     responseKey: s,
     codeBlockValue: r,
-    language: i,
+    language: l,
     disabled: o,
-    dependencies: l,
+    dependencies: i,
     dataSource: n,
     inputLabel: d,
     inputPlaceholder: a,
     codeBlockLabel: u
-  } = e, f = ue.useThemeStore((b) => b.theme.mode), [_, h] = S(
+  } = e, f = ue.useThemeStore((b) => b.theme.mode), [_, h] = q(
     r || ""
   ), { disabled: j } = M(
     t,
-    l
-  ), y = o ?? j, x = i ?? "json", m = {
+    i
+  ), y = o ?? j, x = l ?? "json", m = {
     url: (n == null ? void 0 : n.url) || "",
     method: (n == null ? void 0 : n.method) || "post",
     headers: n == null ? void 0 : n.headers,
@@ -389,24 +389,24 @@ const It = (e) => {
       return { "content-type": "application/json", Authorization: e };
     }
   return e;
-}, F = () => new AbortController(), Yt = (e, t = {}, s = {}, r = !1, i) => {
+}, F = () => new AbortController(), Yt = (e, t = {}, s = {}, r = !1, l) => {
   const o = F();
   r && o.abort();
-  const l = X(t);
+  const i = X(t);
   return {
     call: V.get(e, {
       headers: {
-        ...l
+        ...i
       },
       params: s,
       signal: o.signal,
-      _userFlow: i
+      _userFlow: l
     }),
     controller: o
   };
-}, _e = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, _e = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.post(e, s, {
@@ -414,14 +414,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Zt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Zt = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.put(e, s, {
@@ -429,14 +429,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Ft = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Ft = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.patch(e, s, {
@@ -444,14 +444,14 @@ const It = (e) => {
         ...n
       },
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
-}, Pt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
-  const l = F();
-  i && l.abort();
+}, Pt = (e, t = {}, s = {}, r = {}, l = !1, o) => {
+  const i = F();
+  l && i.abort();
   const n = X(t);
   return {
     call: V.delete(e, {
@@ -460,34 +460,34 @@ const It = (e) => {
       },
       data: s,
       params: r,
-      signal: l.signal,
+      signal: i.signal,
       _userFlow: o
     }),
-    controller: l
+    controller: i
   };
 }, Re = () => {
   let e;
   return { callEndpoint: async (r) => {
     r.controller && (e = r.controller);
-    let i = {};
+    let l = {};
     try {
-      i = await r.call;
+      l = await r.call;
     } catch (o) {
       throw o;
     }
-    return i;
+    return l;
   }, cancelEndpoint: () => {
     e && e.abort();
   } };
-}, De = async (e, t, s = "", r = {}, i = {}) => {
+}, De = async (e, t, s = "", r = {}, l = {}) => {
   try {
-    const { callEndpoint: o } = Re(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
+    const { callEndpoint: o } = Re(), { api: i, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
     s && a.append("hash_code", s), d && a.append("sessionId", d);
-    const u = `${l}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = _e(
+    const u = `${i}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = _e(
       u,
       f,
       r,
-      i,
+      l,
       !1,
       t
     );
@@ -527,7 +527,7 @@ const It = (e) => {
       default:
         return Yt(u, f, h, !1, d);
     }
-  }, i = (n, d) => {
+  }, l = (n, d) => {
     const { url: a, headers: u } = n, f = {
       query: n == null ? void 0 : n.query,
       variables: (n == null ? void 0 : n.variables) || {}
@@ -557,7 +557,7 @@ const It = (e) => {
           _ = r(n, d);
           break;
         case "graphql":
-          _ = i(n, d);
+          _ = l(n, d);
           break;
         default:
           throw new Error("[fetchDataSource] Unsupported data source type");
@@ -603,11 +603,11 @@ const It = (e) => {
   items: t,
   responseKey: s
 }) => {
-  const { getNextUI: r } = I(), i = D(
-    async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
+  const { getNextUI: r } = I(), l = D(
+    async ({ actionType: i, hashCode: n, redirectUrl: d }) => {
       var a;
       try {
-        switch (l) {
+        switch (i) {
           case "GO_TO_NEXT_UI":
             const u = await r(
               e,
@@ -615,13 +615,13 @@ const It = (e) => {
               { ...(a = v.getState()[e]) == null ? void 0 : a.entries },
               s
             );
-            u != null && u.data && q(e, u == null ? void 0 : u.data);
+            u != null && u.data && S(e, u == null ? void 0 : u.data);
             break;
           case "REDIRECT":
             d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
             break;
           default:
-            console.warn(`Unhandled actionType: ${l}`);
+            console.warn(`Unhandled actionType: ${i}`);
             break;
         }
       } catch (u) {
@@ -629,9 +629,9 @@ const It = (e) => {
       }
     },
     []
-  ), o = O(() => t == null ? void 0 : t.map((l) => ({
-    title: l == null ? void 0 : l.title,
-    component: /* @__PURE__ */ c.jsx("div", { onClick: () => i(l) })
+  ), o = O(() => t == null ? void 0 : t.map((i) => ({
+    title: i == null ? void 0 : i.title,
+    component: /* @__PURE__ */ c.jsx("div", { onClick: () => l(i) })
   })), []);
   return /* @__PURE__ */ c.jsx(We, { items: o });
 }, tn = (e) => {
@@ -639,9 +639,9 @@ const It = (e) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    content: l,
+    content: i,
     dataSource: n,
     redirectUrl: d,
     dependencies: a,
@@ -652,7 +652,7 @@ const It = (e) => {
     a
   ), x = {
     ...f,
-    children: l ?? o
+    children: i ?? o
   }, m = (x == null ? void 0 : x.disabled) ?? y, g = D(async () => {
     var b, N, p;
     try {
@@ -660,7 +660,7 @@ const It = (e) => {
         ...(b = v.getState()[t]) == null ? void 0 : b.entries,
         [r]: { status: 200 }
       };
-      switch (L(t, C), i) {
+      switch (L(t, C), l) {
         case "CLOSE_MODAL":
           me(t, !1);
           break;
@@ -677,7 +677,7 @@ const It = (e) => {
             C,
             r
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -688,7 +688,7 @@ const It = (e) => {
             r,
             n
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -719,20 +719,20 @@ const It = (e) => {
             K,
             r
           );
-          G != null && G.data && q(t, G == null ? void 0 : G.data);
+          G != null && G.data && S(t, G == null ? void 0 : G.data);
           break;
         }
         case "REDIRECT":
           d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (C) {
       alert(JSON.stringify(C));
     }
-  }, [i, n, s, r, t]);
+  }, [l, n, s, r, t]);
   return /* @__PURE__ */ c.jsx(
     Qe,
     {
@@ -744,14 +744,14 @@ const It = (e) => {
 }, nn = "_cardNotificationNotFront_t7pln_1", rn = {
   cardNotificationNotFront: nn
 }, sn = (e) => {
-  const { content: t, description: s, ...r } = e, i = {
+  const { content: t, description: s, ...r } = e, l = {
     ...r,
     children: t ?? s
   };
   return /* @__PURE__ */ c.jsx(
     he,
     {
-      ...i,
+      ...l,
       className: rn.cardNotificationNotFront
     }
   );
@@ -760,15 +760,15 @@ const It = (e) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
     t,
     d
   ), y = O(() => n && o ? `${o} *` : o ?? "", [o, n]), x = D(async () => {
@@ -780,7 +780,7 @@ const It = (e) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [r]: b
       };
-      switch (L(t, N), i) {
+      switch (L(t, N), l) {
         case "GO_TO_NEXT_UI":
           const p = await f(
             t,
@@ -788,16 +788,16 @@ const It = (e) => {
             N,
             r
           );
-          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          p != null && p.data && S(t, p == null ? void 0 : p.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (b) {
       console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]), m = (u == null ? void 0 : u.disabled) ?? j;
+  }, [t, s, r, l, _]), m = (u == null ? void 0 : u.disabled) ?? j;
   return /* @__PURE__ */ c.jsx(
     Ye,
     {
@@ -821,14 +821,14 @@ const It = (e) => {
     userFlow: t,
     responseKey: s,
     label: r,
-    language: i,
+    language: l,
     placeholder: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     disabled: a,
     showPreview: u
-  } = e, [f, _] = S(l ?? ""), h = ue.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
+  } = e, [f, _] = q(i ?? ""), h = ue.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
     t,
     d
   ), y = a ?? j, x = {
@@ -853,13 +853,13 @@ const It = (e) => {
           value: f,
           height: "400px",
           placeholder: o,
-          extensions: [x[i] ?? be()],
+          extensions: [x[l] ?? be()],
           onChange: (b) => g(b),
           theme: h,
           editable: !y
         }
       ),
-      i == "markdown" && u && /* @__PURE__ */ c.jsx(Ze, { className: Y.preview, children: f })
+      l == "markdown" && u && /* @__PURE__ */ c.jsx(Ze, { className: Y.preview, children: f })
     ] })
   ] });
 };
@@ -873,18 +873,18 @@ var Le = { exports: {} };
   (function() {
     var t = {}.hasOwnProperty;
     function s() {
-      for (var r = [], i = 0; i < arguments.length; i++) {
-        var o = arguments[i];
+      for (var r = [], l = 0; l < arguments.length; l++) {
+        var o = arguments[l];
         if (o) {
-          var l = typeof o;
-          if (l === "string" || l === "number")
+          var i = typeof o;
+          if (i === "string" || i === "number")
             r.push(o);
           else if (Array.isArray(o)) {
             if (o.length) {
               var n = s.apply(null, o);
               n && r.push(n);
             }
-          } else if (l === "object") {
+          } else if (i === "object") {
             if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
               r.push(o.toString());
               continue;
@@ -904,32 +904,32 @@ const ee = /* @__PURE__ */ Lt(hn);
 const fn = "_dividerNotFront_tze3j_1", yn = {
   dividerNotFront: fn
 }, mn = (e) => /* @__PURE__ */ c.jsx(Fe, { ...e, className: yn.dividerNotFront }), xn = (e, t, s) => {
-  const { url: r, paginationKeys: i, params: o } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
-  if (l.push(`${n}=${t}`), typeof s == "string") {
-    const u = (i == null ? void 0 : i.text) ?? "text";
-    l.push(`${u}=${encodeURIComponent(s || "")}`);
+  const { url: r, paginationKeys: l, params: o } = e, i = [], n = (l == null ? void 0 : l.page) ?? "page";
+  if (i.push(`${n}=${t}`), typeof s == "string") {
+    const u = (l == null ? void 0 : l.text) ?? "text";
+    i.push(`${u}=${encodeURIComponent(s || "")}`);
   }
   if (o && typeof o == "object") {
     const u = Object.entries(o).map(
       ([f, _]) => `${encodeURIComponent(f)}=${encodeURIComponent(_)}`
     );
-    l.push(...u);
+    i.push(...u);
   }
-  const d = l.join("&");
+  const d = i.join("&");
   return d ? `${r}?${d}` : r;
 }, xe = (e, t, s) => {
-  const { type: r, url: i, method: o, headers: l } = e;
+  const { type: r, url: l, method: o, headers: i } = e;
   return r === "rest" ? {
     type: "rest",
     url: xn(e, t, s),
     method: o,
-    headers: l,
+    headers: i,
     data: (e == null ? void 0 : e.data) || {}
   } : {
     type: "graphql",
-    url: i,
+    url: l,
     method: "post",
-    headers: l,
+    headers: i,
     query: e == null ? void 0 : e.query,
     variables: {
       ...(e == null ? void 0 : e.variables) || {},
@@ -938,7 +938,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     }
   };
 }, ie = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Be = (e, t, s, r) => {
-  const i = B.query(e, t), o = i == null ? void 0 : i.map((a) => {
+  const l = B.query(e, t), o = l == null ? void 0 : l.map((a) => {
     var u, f;
     if (s) {
       const _ = {};
@@ -955,13 +955,13 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
       return _;
     } else
       return a;
-  }), l = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
-    size: l,
+  }), i = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? l.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
+    size: i,
     total: n,
     totalPages: r != null && r.totalPages ? B.value(
       e,
       (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
-    ) : l > 0 ? Math.ceil(n / l) : 0
+    ) : i > 0 ? Math.ceil(n / i) : 0
   };
   return { items: o, pagination: d };
 }, ne = ({ withPadding: e = !1 }) => {
@@ -986,7 +986,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   var o;
   if (!e || !t || !t.length)
     return null;
-  const i = {
+  const l = {
     backgroundColor: R.tooltipBg,
     borderRadius: R.tooltipBorderRadius,
     color: R.tooltipColor,
@@ -994,13 +994,13 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     border: "1px solid #e5e7eb"
   };
   if (r) {
-    const l = (o = t[0]) == null ? void 0 : o.payload;
-    if (l && l[r] !== void 0 && l[r] !== null)
-      return /* @__PURE__ */ c.jsx("div", { style: i, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: l[r] }) });
+    const i = (o = t[0]) == null ? void 0 : o.payload;
+    if (i && i[r] !== void 0 && i[r] !== null)
+      return /* @__PURE__ */ c.jsx("div", { style: l, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: i[r] }) });
   }
-  return /* @__PURE__ */ c.jsxs("div", { style: i, children: [
+  return /* @__PURE__ */ c.jsxs("div", { style: l, children: [
     /* @__PURE__ */ c.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
-    t.map((l, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
+    t.map((i, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: i.color }, children: `${i.name}: ${i.value}` }, n))
   ] });
 }, re = ({ tooltipKey: e } = {}) => /* @__PURE__ */ c.jsx(
   gt,
@@ -1026,55 +1026,55 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     }
   }
 ), pn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(jt, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, l) => /* @__PURE__ */ c.jsx(
+    r.map((o, i) => /* @__PURE__ */ c.jsx(
       wt,
       {
         type: "monotone",
         dataKey: o,
-        stroke: z[l % z.length],
-        fill: z[l % z.length]
+        stroke: z[i % z.length],
+        fill: z[i % z.length]
       },
       o
     ))
   ] }) });
 }, bn = (e) => {
-  const { data: t, yKeys: s, xKey: r, tooltipKey: i } = e;
+  const { data: t, yKeys: s, xKey: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(Ct, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { hide: !0, dataKey: r }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, { withPadding: !0 }),
-    s.map((o, l) => /* @__PURE__ */ c.jsx(
+    s.map((o, i) => /* @__PURE__ */ c.jsx(
       Nt,
       {
         dataKey: o,
-        fill: z[l % z.length]
+        fill: z[i % z.length]
       },
       o
     ))
   ] }) });
 }, jn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e;
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(vt, { data: t, children: [
     /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
     /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
     /* @__PURE__ */ c.jsx(pe, {}),
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
-    r.map((o, l) => /* @__PURE__ */ c.jsx(
+    r.map((o, i) => /* @__PURE__ */ c.jsx(
       Et,
       {
         type: "monotone",
         dataKey: o,
-        stroke: z[l % z.length],
+        stroke: z[i % z.length],
         strokeWidth: 2,
         dot: !1
       },
@@ -1082,15 +1082,15 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     ))
   ] }) });
 }, wn = (e) => {
-  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e, o = ({
-    cx: l,
+  const { data: t, xKey: s, yKeys: r, tooltipKey: l } = e, o = ({
+    cx: i,
     cy: n,
     midAngle: d,
     innerRadius: a,
     outerRadius: u,
     value: f
   }) => {
-    const _ = Math.PI / 180, h = 25 + a + (u - a), j = l + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
+    const _ = Math.PI / 180, h = 25 + a + (u - a), j = i + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
     return /* @__PURE__ */ c.jsx(
       "text",
       {
@@ -1105,18 +1105,18 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     );
   };
   return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(kt, { children: [
-    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: l }),
     /* @__PURE__ */ c.jsx(ne, {}),
     /* @__PURE__ */ c.jsx(
-      St,
+      qt,
       {
         data: t,
         dataKey: r[0],
         nameKey: s,
         label: o,
         outerRadius: 120,
-        children: t.map((l, n) => /* @__PURE__ */ c.jsx(
-          qt,
+        children: t.map((i, n) => /* @__PURE__ */ c.jsx(
+          St,
           {
             fill: z[n % z.length]
           },
@@ -1156,10 +1156,10 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   tooltipColor: "#000",
   tooltipBorderRadius: "4px"
 }, Nn = (e) => {
-  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: o, ...l } = e, n = Cn[l.type];
+  const { component: t, userFlow: s, hash: r, responseKey: l, dataSource: o, ...i } = e, n = Cn[i.type];
   if (!n)
     return /* @__PURE__ */ c.jsx("div", { children: "Not supported chart type" });
-  const { fetchDataSource: d } = I(), [a, u] = S(!1), [f, _] = S([]), h = async () => {
+  const { fetchDataSource: d } = I(), [a, u] = q(!1), [f, _] = q([]), h = async () => {
     var y, x;
     try {
       u(!0);
@@ -1177,10 +1177,10 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     }
   };
   J(() => {
-    o ? h() : _(l.data);
+    o ? h() : _(i.data);
   }, []);
   const j = {
-    ...l,
+    ...i,
     data: f
   };
   return a ? /* @__PURE__ */ c.jsx(Oe, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ c.jsx(he, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
@@ -1188,8 +1188,8 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
   header: vn,
   header_content: En
 }, kn = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: ee(Ee.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ee.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), A = (e, t, s, r) => {
-  var l;
-  const i = {
+  var i;
+  const l = {
     accordion: (n) => /* @__PURE__ */ c.jsx(hr, { ...n, userFlow: e, pageId: t }),
     aiChatPanel: (n) => /* @__PURE__ */ c.jsx(Mt, { ...n, userFlow: e, pageId: t, chatPanelCallback: r }),
     aiSummaryCard: (n) => /* @__PURE__ */ c.jsx(Ut, { ...n, userFlow: e, pageId: t }),
@@ -1215,20 +1215,20 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     textField: (n) => /* @__PURE__ */ c.jsx(lr, { ...n, userFlow: e, pageId: t }),
     toast: (n) => /* @__PURE__ */ c.jsx(dr, { ...n, userFlow: e, pageId: t })
   };
-  return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
-    const d = i[n.component];
+  return (i = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : i.map((n) => {
+    const d = l[n.component];
     return d ? d({ ...n, userFlow: e, pageId: t }) : null;
   });
-}, Sn = "_modalContent_p06ci_1", qn = {
-  modalContent: Sn
+}, qn = "_modalContent_p06ci_1", Sn = {
+  modalContent: qn
 }, An = ({
   userFlow: e,
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
+  body: l,
   footer: o,
-  headerStatusColor: l,
+  headerStatusColor: i,
   ...n
 }) => {
   const d = v((m) => {
@@ -1239,36 +1239,36 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     return (g = m[e]) == null ? void 0 : g.isLoading;
   }), u = d && !a, f = {
     ...n
-  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
+  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? i, h = D(() => {
     ye(e), me(e, !1);
-  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, i), x = A(e, t, o);
+  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, l), x = A(e, t, o);
   return /* @__PURE__ */ c.jsx(
     Pe,
     {
       ...f,
       headerStatusColor: _,
       header: typeof j == "string" ? j : /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-header-${g}`)) }),
-      children: /* @__PURE__ */ c.jsx("section", { className: qn.modalContent, children: y.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-body-${g}`)) }),
+      children: /* @__PURE__ */ c.jsx("section", { className: Sn.modalContent, children: y.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-body-${g}`)) }),
       actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: x.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-footer-${g}`)) }),
       open: u,
       onClose: h
     }
   );
 }, On = ({ userFlow: e, pageId: t }) => {
-  var o, l;
+  var o, i;
   const s = Tt(e);
   if (!s)
     return null;
   const r = [
     ...(s == null ? void 0 : s.components) || [],
     ...((o = s == null ? void 0 : s.header) == null ? void 0 : o.components) || [],
-    ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
-  ], i = A(
+    ...((i = s == null ? void 0 : s.body) == null ? void 0 : i.components) || []
+  ], l = A(
     e,
     t,
     r
   );
-  return /* @__PURE__ */ c.jsx(c.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: l == null ? void 0 : l.map((n, d) => {
     const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
     return /* @__PURE__ */ c.jsx($, { children: n }, a);
   }) });
@@ -1299,12 +1299,12 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     iconColor: "neutral-70"
   }
 }, $n = (e) => {
-  const { content: t, variant: s = "neutral", ...r } = e, i = Tn[s], o = {
+  const { content: t, variant: s = "neutral", ...r } = e, l = Tn[s], o = {
     ...r,
     children: t,
-    color: (r == null ? void 0 : r.color) ?? i.color,
-    textColor: (r == null ? void 0 : r.textColor) ?? i.textColor,
-    iconColor: (r == null ? void 0 : r.iconColor) ?? i.iconColor
+    color: (r == null ? void 0 : r.color) ?? l.color,
+    textColor: (r == null ? void 0 : r.textColor) ?? l.textColor,
+    iconColor: (r == null ? void 0 : r.iconColor) ?? l.iconColor
   };
   return /* @__PURE__ */ c.jsx(de, { ...o });
 }, Rn = (e) => {
@@ -1312,14 +1312,14 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     dataSource: o,
-    dependencies: l,
+    dependencies: i,
     onClick: n,
     ...d
   } = e, { getNextUI: a, fetchAndGetNextUI: u } = I(), { disabled: f } = M(
     t,
-    l
+    i
   ), _ = {
     ...d
   }, h = (_ == null ? void 0 : _.disabled) ?? f, j = D(async () => {
@@ -1329,7 +1329,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
         ...(y = v.getState()[t]) == null ? void 0 : y.entries,
         [r]: { status: 200 }
       };
-      switch (L(t, x), i) {
+      switch (L(t, x), l) {
         case "GO_TO_NEXT_UI": {
           const m = await a(
             t,
@@ -1337,7 +1337,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
             x,
             r
           );
-          m != null && m.data && q(t, m == null ? void 0 : m.data);
+          m != null && m.data && S(t, m == null ? void 0 : m.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
@@ -1348,7 +1348,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
             r,
             o
           );
-          m != null && m.data && q(t, m == null ? void 0 : m.data);
+          m != null && m.data && S(t, m == null ? void 0 : m.data);
           break;
         }
         case "CLOSE_MODAL":
@@ -1361,13 +1361,13 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
           Z(t, !0);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (x) {
       alert(JSON.stringify(x));
     }
-  }, [i, o, s, r, t]);
+  }, [l, o, s, r, t]);
   return /* @__PURE__ */ c.jsx(
     et,
     {
@@ -1424,11 +1424,11 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
     userFlow: t,
     pageId: s,
     columnWidth: r,
-    columns: i,
+    columns: l,
     gap: o = "md",
-    justifyContent: l = "start",
+    justifyContent: i = "start",
     alignItems: n = "stretch"
-  } = e, d = Array.isArray(i) ? i.map((a, u) => {
+  } = e, d = Array.isArray(l) ? l.map((a, u) => {
     const f = `col_${u}`, _ = `col_${u}`;
     if (Array.isArray(a))
       return {
@@ -1455,7 +1455,7 @@ const fn = "_dividerNotFront_tze3j_1", yn = {
       className: ee(
         U.row,
         U[`row__gap-${o}`],
-        U[`row__justify-${l}`],
+        U[`row__justify-${i}`],
         U[`row__align-${n}`]
       ),
       children: d == null ? void 0 : d.map((a, u) => {
@@ -1483,9 +1483,9 @@ function Ie({
   pageId: t,
   responseKey: s,
   actionType: r,
-  getNextUI: i,
+  getNextUI: l,
   isMulti: o = !1,
-  debounceMs: l
+  debounceMs: i
 }) {
   const n = Je(null);
   J(() => () => {
@@ -1500,19 +1500,19 @@ function Ie({
       };
       if (L(e, f), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
         try {
-          const y = await i(
+          const y = await l(
             e,
             t,
             f,
             s,
             r === "GO_TO_NEXT_UI"
           );
-          y != null && y.data && q(e, y.data);
+          y != null && y.data && S(e, y.data);
         } catch (j) {
           console.error("[useSelectChange] Failed to fetch next UI", j);
         }
     },
-    [e, t, s, r, i]
+    [e, t, s, r, l]
   );
   return D(
     (u) => {
@@ -1520,39 +1520,39 @@ function Ie({
         d(u);
         return;
       }
-      if (l == null) {
+      if (i == null) {
         d(u);
         return;
       }
       n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
         d(u), n.current = null;
-      }, l);
+      }, i);
     },
-    [o, l, d]
+    [o, i, d]
   );
 }
 const In = (e, t, s, r) => {
-  const i = B.query(e, t);
-  return (i == null ? void 0 : i.map((o) => {
+  const l = B.query(e, t);
+  return (l == null ? void 0 : l.map((o) => {
     var d, a;
-    const l = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
-    return { label: l, value: n };
+    const i = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
+    return { label: i, value: n };
   })) ?? [];
 }, zn = (e, t, s, r = 10) => {
   var n, d;
-  let i, o;
+  let l, o;
   if (s) {
     const a = B.value(e, s.size ?? "$.meta.size") ?? r, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
-    i = a, o = u;
+    l = a, o = u;
   } else {
     const a = e == null ? void 0 : e.meta;
-    i = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
+    l = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
   }
-  const l = o > 0 ? Math.ceil(o / i) > t : !1;
+  const i = o > 0 ? Math.ceil(o / l) > t : !1;
   return {
-    pageSize: i,
+    pageSize: l,
     total: o,
-    hasMore: l
+    hasMore: i
   };
 }, Mn = "_selectNotFront_1yw9q_1", ze = {
   selectNotFront: Mn
@@ -1561,17 +1561,17 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   required: r,
-  dataSource: i,
+  dataSource: l,
   actionType: o,
-  dependencies: l,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
   const a = {
     ...d
-  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = S((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = q((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
     e,
-    l
+    i
   ), y = (a == null ? void 0 : a.disabled) ?? j, x = O(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), m = O(() => {
     const p = a != null && a.isMulti ? _ : [_], C = {};
     return typeof p == "object" && "length" in p && (p == null || p.forEach((w) => {
@@ -1594,8 +1594,8 @@ const In = (e, t, s, r) => {
       jsonPathOptions: T,
       jsonPathValue: k,
       jsonPathPagination: K
-    } = i, G = xe(
-      i,
+    } = l, G = xe(
+      l,
       w,
       p
     ), se = await f(
@@ -1644,18 +1644,18 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   dataSource: r,
-  required: i,
+  required: l,
   actionType: o,
-  dependencies: l,
+  dependencies: i,
   debounceMs: n,
   ...d
 }) => {
   const a = {
     ...d
-  }, { getNextUI: u } = I(), [f, _] = S(a.value || ""), { disabled: h } = M(
+  }, { getNextUI: u } = I(), [f, _] = q(a.value || ""), { disabled: h } = M(
     e,
-    l
-  ), j = (a == null ? void 0 : a.disabled) ?? h, y = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), x = Ie({
+    i
+  ), j = (a == null ? void 0 : a.disabled) ?? h, y = O(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), x = Ie({
     userFlow: e,
     pageId: t,
     responseKey: s,
@@ -1698,15 +1698,15 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    actionType: i,
+    actionType: l,
     label: o,
-    value: l,
+    value: i,
     required: n,
     dependencies: d,
     ...a
   } = e, u = {
     ...a
-  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+  }, { getNextUI: f } = I(), [_, h] = q(i || !1), { disabled: j } = M(
     t,
     d
   ), y = (u == null ? void 0 : u.disabled) ?? j, x = O(() => n && o ? `${o} *` : o ?? "", [o, n]), m = D(async () => {
@@ -1718,7 +1718,7 @@ const In = (e, t, s, r) => {
         ...(g = v.getState()[t]) == null ? void 0 : g.entries,
         [r]: b
       };
-      switch (L(t, N), i) {
+      switch (L(t, N), l) {
         case "GO_TO_NEXT_UI":
           const p = await f(
             t,
@@ -1726,16 +1726,16 @@ const In = (e, t, s, r) => {
             N,
             r
           );
-          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          p != null && p.data && S(t, p == null ? void 0 : p.data);
           break;
         default:
-          console.warn(`Unhandled actionType: ${i}`);
+          console.warn(`Unhandled actionType: ${l}`);
           break;
       }
     } catch (b) {
       console.error("Error in switch action:", b), alert(JSON.stringify(b));
     }
-  }, [t, s, r, i, _]);
+  }, [t, s, r, l, _]);
   return /* @__PURE__ */ c.jsx(
     rt,
     {
@@ -1752,7 +1752,7 @@ const In = (e, t, s, r) => {
 }, rr = ({ values: e }) => {
   const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
   return /* @__PURE__ */ c.jsxs("div", { className: Me.tableArrayPills, children: [
-    s.map((i, o) => /* @__PURE__ */ c.jsx(de, { children: String(i) }, o)),
+    s.map((l, o) => /* @__PURE__ */ c.jsx(de, { children: String(l) }, o)),
     r > 0 && /* @__PURE__ */ c.jsxs(de, { outlined: !0, children: [
       "+",
       r
@@ -1763,9 +1763,9 @@ const In = (e, t, s, r) => {
   pageId: t,
   tableResponseKey: s,
   component: r,
-  rowData: i
+  rowData: l
 }) => {
-  const { getNextUI: o, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = A(e, t, [
+  const { getNextUI: o, fetchAndGetNextUI: i, fetchDataSource: n } = I(), d = A(e, t, [
     { ...r }
   ]), a = (d == null ? void 0 : d[0]) || null;
   if (!a)
@@ -1780,7 +1780,7 @@ const In = (e, t, s, r) => {
       const m = {
         ...(j = v.getState()[e]) == null ? void 0 : j.entries,
         [f]: { status: 200 },
-        [s]: [{ ...i }]
+        [s]: [{ ...l }]
       };
       switch (L(e, m), u) {
         case "GO_TO_NEXT_UI": {
@@ -1790,18 +1790,18 @@ const In = (e, t, s, r) => {
             m,
             f
           );
-          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          g != null && g.data && S(e, g == null ? void 0 : g.data);
           break;
         }
         case "FETCH_AND_GO_TO_NEXT_UI": {
-          const g = await l(
+          const g = await i(
             e,
             t,
             m,
             f,
             _
           );
-          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          g != null && g.data && S(e, g == null ? void 0 : g.data);
           break;
         }
         case "GET_DATA_SOURCE": {
@@ -1832,7 +1832,7 @@ const In = (e, t, s, r) => {
             C,
             f
           );
-          w != null && w.data && q(e, w == null ? void 0 : w.data);
+          w != null && w.data && S(e, w == null ? void 0 : w.data);
           break;
         }
         default:
@@ -1859,12 +1859,12 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   component: r,
-  dataSource: i,
+  dataSource: l,
   rightActions: o,
-  ...l
+  ...i
 }) => {
   var b, N, p;
-  const { fetchDataSource: n } = I(), [d, a] = S(!1), [u, f] = S(1), [_, h] = S(null), j = O(() => {
+  const { fetchDataSource: n } = I(), [d, a] = q(!1), [u, f] = q(1), [_, h] = q(null), j = O(() => {
     if (o != null && o.length)
       return o.map((C, w) => ({
         renderContent: (E) => /* @__PURE__ */ c.jsx(
@@ -1882,8 +1882,8 @@ const In = (e, t, s, r) => {
   }, [o, e, t]), y = async (C = 1) => {
     try {
       a(!0);
-      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = i, k = xe(
-        i,
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = l, k = xe(
+        l,
         C
       ), K = await n(
         k,
@@ -1907,7 +1907,7 @@ const In = (e, t, s, r) => {
   J(() => {
     y();
   }, []);
-  const m = O(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+  const m = O(() => !(_ != null && _.items) || !(i != null && i.columns) ? i == null ? void 0 : i.columns : i.columns.map((C) => {
     var E;
     return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
       (T) => Array.isArray(C != null && C.accessor ? T[C == null ? void 0 : C.accessor] : void 0)
@@ -1918,8 +1918,8 @@ const In = (e, t, s, r) => {
         return Array.isArray(k) ? /* @__PURE__ */ c.jsx(rr, { values: k }) : k;
       }
     } : C;
-  }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
-    ...l,
+  }), [_ == null ? void 0 : _.items, i == null ? void 0 : i.columns]), g = {
+    ...i,
     data: _ == null ? void 0 : _.items,
     columns: m,
     rightActions: j
@@ -1944,17 +1944,17 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     component: r,
-    hash: i,
+    hash: l,
     responseKey: o,
-    required: l,
+    required: i,
     dependencies: n,
     ...d
   } = e, a = {
     ...d
-  }, [u, f] = S((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
+  }, [u, f] = q((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
     t,
     n
-  ), h = (a == null ? void 0 : a.disabled) ?? _, j = O(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), y = (x) => {
+  ), h = (a == null ? void 0 : a.disabled) ?? _, j = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), y = (x) => {
     var b;
     const m = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
     f(m);
@@ -1982,16 +1982,16 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   variant: r,
-  content: i,
+  content: l,
   actionType: o,
-  redirectUrl: l
+  redirectUrl: i
 }) => {
   const n = D(async () => {
     ye(e);
     try {
       switch (o) {
         case "AUTOCLOSE_AND_REDIRECT":
-          window.location.href = l;
+          window.location.href = i;
           break;
         default:
           console.warn(`Unhandled actionType: ${o}`);
@@ -2000,20 +2000,20 @@ const In = (e, t, s, r) => {
     } catch (d) {
       console.error("Error in toast action:", d), alert(JSON.stringify(d));
     }
-  }, [o, t, s, e, l]);
+  }, [o, t, s, e, i]);
   return J(() => {
     ({
       info: W.info,
       error: W.error,
       success: W.success,
       warning: W.warning
-    }[r] || W.info)(i, {
+    }[r] || W.info)(l, {
       autoClose: o ? !1 : 4e3,
       containerId: e,
       onClose: n
     });
   }, [n, e]), null;
-}, _r = "_accordion_1ri2t_1", ur = "_accordionBody_1ri2t_8", Se = {
+}, _r = "_accordion_1ri2t_1", ur = "_accordionBody_1ri2t_8", qe = {
   accordion: _r,
   accordionBody: ur
 }, hr = (e) => {
@@ -2021,17 +2021,17 @@ const In = (e, t, s, r) => {
     userFlow: t,
     pageId: s,
     responseKey: r,
-    dependencies: i,
+    dependencies: l,
     customContent: o,
-    actionContent: l,
+    actionContent: i,
     components: n,
     ...d
-  } = e, { getNextUI: a } = I(), [u, f] = S(
+  } = e, { getNextUI: a } = I(), [u, f] = q(
     d.checkboxChecked || !1
   ), { disabled: _ } = M(
     t,
-    i
-  ), h = A(t, s, n), j = l ? A(t, s, l) : void 0, y = o ? A(t, s, o) : void 0, x = D(
+    l
+  ), h = A(t, s, n), j = i ? A(t, s, i) : void 0, y = o ? A(t, s, o) : void 0, x = D(
     async (b) => {
       var N;
       try {
@@ -2048,7 +2048,7 @@ const In = (e, t, s, r) => {
             C,
             r
           );
-          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          w != null && w.data && S(t, w == null ? void 0 : w.data);
         }
       } catch (p) {
         console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
@@ -2057,13 +2057,13 @@ const In = (e, t, s, r) => {
     [t, s, r, d.actionType, a]
   ), m = d.disabled || _, g = {
     ...d,
-    className: Se.accordion,
+    className: qe.accordion,
     disabled: m,
     checkboxChecked: u,
     onChanceCheckbox: d.hasCheckbox ? x : void 0,
     actionContent: j ? /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-action-${N}`)) }) : void 0,
     customContent: y ? /* @__PURE__ */ c.jsx(c.Fragment, { children: y.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-custom-${N}`)) }) : void 0,
-    children: h ? /* @__PURE__ */ c.jsx("section", { className: Se.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-child-${N}`)) }) : void 0
+    children: h ? /* @__PURE__ */ c.jsx("section", { className: qe.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-child-${N}`)) }) : void 0
   };
   return /* @__PURE__ */ c.jsx(ct, { ...g });
 }, fr = "_drawer_13pxo_1", yr = "_drawerBody_13pxo_5", mr = "_drawerFooter_13pxo_11", le = {
@@ -2075,9 +2075,9 @@ const In = (e, t, s, r) => {
   pageId: t,
   responseKey: s,
   header: r,
-  body: i,
+  body: l,
   footer: o,
-  ...l
+  ...i
 }) => {
   const n = v((y) => {
     var x;
@@ -2086,12 +2086,12 @@ const In = (e, t, s, r) => {
     var x;
     return (x = y[e]) == null ? void 0 : x.isLoading;
   }), a = n && !d, u = {
-    ...l,
+    ...i,
     isOpen: a,
     children: null
   }, f = D(() => {
     ye(e), Z(e, !1);
-  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Ae, { type: "h2", children: r }) : void 0, h = A(e, t, i), j = o ? A(e, t, o) : void 0;
+  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Ae, { type: "h2", children: r }) : void 0, h = A(e, t, l), j = o ? A(e, t, o) : void 0;
   return /* @__PURE__ */ c.jsx(
     it,
     {
@@ -2105,12 +2105,12 @@ const In = (e, t, s, r) => {
       footer: j ? /* @__PURE__ */ c.jsx("div", { className: le.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
     }
   );
-}, qe = (e, t, s, r, i) => {
+}, Se = (e, t, s, r, l) => {
   const o = A(
     e,
     t,
     (r == null ? void 0 : r.components) || null,
-    i
+    l
   );
   switch (s) {
     case "body":
@@ -2136,37 +2136,36 @@ const In = (e, t, s, r) => {
   }
 }, Ar = (e, t, s, r) => {
   var _, h, j;
-  const [i, o] = S(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? qe(
+  const [l, o] = q(!1), i = v((y) => y), n = (_ = i[e]) == null ? void 0 : _.currentPageId, d = n ? Se(
     e,
     n,
     "header",
-    ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
+    ((h = i[e].pages[n].page) == null ? void 0 : h.header) || null,
     r
-  ) : null, a = n ? qe(
+  ) : null, a = n ? Se(
     e,
     n,
     "body",
-    ((j = l[e].pages[n].page) == null ? void 0 : j.body) || null,
+    ((j = i[e].pages[n].page) == null ? void 0 : j.body) || null,
     r
   ) : null, u = O(() => {
     var y;
     return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(lt, {}),
+      ((y = i[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(lt, {}),
       d,
       a,
       n && /* @__PURE__ */ c.jsx(On, { userFlow: e, pageId: n }),
-      l[e] && /* @__PURE__ */ c.jsx(dt, {})
+      i[e] && /* @__PURE__ */ c.jsx(dt, {})
     ] });
   }, [d, a, n, e]), f = async () => {
-    var y;
     try {
-      const x = await De(
+      const y = await De(
         t,
         e
-      ), m = (y = x == null ? void 0 : x.data) == null ? void 0 : y.content;
-      (x == null ? void 0 : x.status) === 200 ? oe(e, t, m) : o(!0);
-    } catch (x) {
-      console.error("[not-page]: API call failed", x), o(!0);
+      ), x = y == null ? void 0 : y.data, m = x == null ? void 0 : x.content;
+      (y == null ? void 0 : y.status) === 200 ? oe(e, t, m, x == null ? void 0 : x.sessionState) : o(!0);
+    } catch (y) {
+      console.error("[not-page]: API call failed", y), o(!0);
     }
   };
   return J(() => {
@@ -2182,7 +2181,7 @@ const In = (e, t, s, r) => {
     return window.addEventListener(y, x), () => {
       window.removeEventListener(y, x);
     };
-  }, []), i && console.error("[not-page]: No render page"), u;
+  }, []), l && console.error("[not-page]: No render page"), u;
 };
 export {
   Nn as Chart,