@foris/avocado-not-front 4.4.0 → 4.5.0

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

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