@foris/avocado-not-front 1.12.0 → 2.0.1

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

@@ -1,10 +1,2193 @@
-import { C as o, R as r, h, t as i, u as m } from "./mermaid-NA5CF7SZ-BDJrKfjz-Cq0tva8U.js";
-import "react";
-import "react-dom";
+import V from "axios";
+import { create as Ue } from "zustand";
+import Ve, { useEffect as J, useMemo as O, useState as S, Fragment as $, useCallback as D, useRef as Je, cloneElement as He } from "react";
+import { Heading as Ae, Text as Xe, ThemeStore as ue, Breadcrumbs as We, Button as Qe, CardNotification as he, Checkbox as Ye, PreviewerMarkdown as Ze, Divider as Fe, SkeletonBase as Oe, Modal as Pe, Pill as de, RoundButton as et, SelectPagination as tt, Select as nt, Switch as rt, Table as st, Pager as at, TextField as ot, toast as W, Accordion as ct, Drawer as it, Loading as lt, Toaster as dt } from "@foris/avocado-suite";
+import { SummaryCard as _t, PromptCodeEditor as ut } from "@foris/ai-agent";
+import ht from "@uiw/react-codemirror";
+import { json as be } from "@codemirror/lang-json";
+import { markdown as ft } from "@codemirror/lang-markdown";
+import { sql as yt } from "@codemirror/lang-sql";
+import { yaml as mt } from "@codemirror/lang-yaml";
+import B from "jsonpath";
+import { Legend as xt, Tooltip as gt, XAxis as pt, YAxis as bt, ResponsiveContainer as te, AreaChart as jt, CartesianGrid as fe, Area as wt, BarChart as Ct, Bar as Nt, LineChart as vt, Line as Et, PieChart as kt, Pie as St, Cell as qt } from "recharts";
+const v = Ue(() => ({})), oe = (e, t, s) => {
+  const r = s == null ? void 0 : s.hash;
+  v.setState((i) => {
+    var o;
+    return {
+      ...i,
+      [e]: {
+        ...i[e],
+        apiConfig: t,
+        currentPageId: r,
+        isLoading: !1,
+        isModalOpen: !0,
+        isDrawerOpen: !1,
+        entries: {},
+        overlay: null,
+        pages: {
+          ...(o = i[e]) == null ? void 0 : o.pages,
+          [r]: {
+            page: s
+          }
+        }
+      }
+    };
+  });
+}, Te = (e, t, s) => {
+  const r = s && Object.keys(s).length > 0 ? { ...e, ...s } : e;
+  return t.length === 0 ? e : Object.fromEntries(
+    Object.entries(r).filter(
+      ([i]) => !t.includes(i)
+    )
+  );
+}, At = (e, t, s, r, i) => {
+  sessionStorage.setItem("sessionId", s), v.setState((o) => {
+    const l = o[e] ?? {}, n = l.entries ?? {}, d = Te(
+      n,
+      r,
+      i
+    );
+    return {
+      ...o,
+      [e]: {
+        ...l,
+        currentPageId: t.hash,
+        entries: d,
+        isLoading: !1,
+        overlay: null,
+        pages: {
+          ...l.pages,
+          [t.hash]: {
+            page: { ...t }
+          }
+        }
+      }
+    };
+  });
+}, Ot = (e, t, s, r) => {
+  v.setState((i) => {
+    var a;
+    const o = i[e] ?? {}, l = o.entries ?? {}, n = Te(
+      l,
+      s,
+      r
+    ), d = (a = t.components) == null ? void 0 : a.some(
+      (u) => u.component === "drawer"
+    );
+    return {
+      ...i,
+      [e]: {
+        ...o,
+        entries: n,
+        overlay: t,
+        isLoading: !1,
+        isModalOpen: !d,
+        isDrawerOpen: !!d
+      }
+    };
+  });
+}, ye = (e) => {
+  v.setState((t) => ({
+    ...t,
+    [e]: {
+      ...t[e],
+      overlay: null
+    }
+  }));
+}, Tt = (e) => {
+  var s;
+  return ((s = v.getState()[e]) == null ? void 0 : s.overlay) ?? null;
+}, q = (e, t) => {
+  const {
+    content: s,
+    sessionId: r,
+    deprecatedStateKeys: i = [],
+    sessionState: o = {}
+  } = t;
+  s.type !== "page" && s.type !== "overlay" || (s.type === "page" ? At(
+    e,
+    s,
+    r,
+    i,
+    o
+  ) : Ot(
+    e,
+    s,
+    i,
+    o
+  ));
+}, L = (e, t) => {
+  v.setState((s) => {
+    var r;
+    return {
+      ...s,
+      [e]: {
+        ...s[e],
+        entries: {
+          ...(r = s[e]) == null ? void 0 : r.entries,
+          ...t
+          // New entries
+        }
+      }
+    };
+  });
+}, H = (e, t) => {
+  v.setState((s) => ({
+    ...s,
+    [e]: {
+      ...s[e],
+      isLoading: t
+    }
+  }));
+}, me = (e, t) => {
+  v.setState((s) => ({
+    ...s,
+    [e]: {
+      ...s[e],
+      isModalOpen: t
+    }
+  }));
+}, Z = (e, t) => {
+  v.setState((s) => ({
+    ...s,
+    [e]: {
+      ...s[e],
+      isDrawerOpen: t
+    }
+  }));
+}, je = (e, t) => {
+  v.setState((s) => {
+    const r = s[e];
+    return r ? {
+      ...s,
+      [e]: {
+        ...r,
+        apiConfig: {
+          ...r.apiConfig,
+          headers: t
+        }
+      }
+    } : s;
+  });
+};
+let ce = !1, P = [], we = !1;
+const $t = (e) => e._userFlow || null, Ce = (e) => {
+  P.forEach(({ resolve: t, reject: s }) => {
+    e ? s(e) : t(void 0);
+  }), P = [];
+}, Rt = async (e) => {
+  var r, i;
+  const t = e == null ? void 0 : e.config;
+  if (((r = e == null ? void 0 : e.response) == null ? void 0 : r.status) === 401 && !t._retry) {
+    const o = $t(t);
+    if (o) {
+      const n = (i = v.getState()[o]) == null ? void 0 : i.apiConfig;
+      if (!n)
+        return Promise.reject(e);
+      if (n.onAuthenticationError || typeof n.headers == "function") {
+        if (ce)
+          return new Promise((a, u) => {
+            P.push({ resolve: a, reject: u });
+          }).then(() => V(t)).catch((a) => (console.error("[axiosInterceptors] Queued request failed:", a), Promise.reject(a)));
+        t._retry = !0, ce = !0;
+        try {
+          let a;
+          if (n.onAuthenticationError)
+            a = await n.onAuthenticationError();
+          else if (typeof n.headers == "function")
+            a = n.headers();
+          else
+            throw new Error("No refresh handler available");
+          return n.onAuthenticationError && (typeof n.headers == "string" ? je(o, JSON.stringify(a)) : je(o, a)), t.headers || (t.headers = {}), Object.assign(t.headers, a), Ce(null), V(t);
+        } catch (a) {
+          return console.error(
+            "[axiosInterceptors] Token refresh failed:",
+            a
+          ), console.error(
+            "[axiosInterceptors] Rejecting queued requests:",
+            P.length
+          ), Ce(a), Promise.reject(a);
+        } finally {
+          ce = !1;
+        }
+      } else
+        console.warn(
+          "[axiosInterceptors] No refresh handler available, rejecting request"
+        );
+    } else
+      console.warn(
+        "[axiosInterceptors] No userFlow found in URL:",
+        t.url
+      );
+  }
+  return Promise.reject(e);
+}, Dt = () => {
+  if (we) {
+    console.debug(
+      "[axiosInterceptors] Interceptors already initialized, skipping"
+    );
+    return;
+  }
+  console.debug("[axiosInterceptors] Initializing interceptors..."), V.interceptors.response.use(void 0, Rt), console.debug("[axiosInterceptors] Response error interceptor registered"), we = !0, console.debug("[axiosInterceptors] Interceptors initialized successfully");
+};
+Dt();
+function Lt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var $e = { exports: {} }, Q = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ne;
+function Bt() {
+  if (Ne)
+    return Q;
+  Ne = 1;
+  var e = Ve, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(n, d, a) {
+    var u, f = {}, _ = null, h = null;
+    a !== void 0 && (_ = "" + a), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (h = d.ref);
+    for (u in d)
+      r.call(d, u) && !o.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: i.current };
+  }
+  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
+}
+$e.exports = Bt();
+var c = $e.exports;
+const It = (e) => {
+  if (!(e != null && e.content))
+    return null;
+  const t = {
+    ...e,
+    children: e.content,
+    type: e.variant
+  };
+  return /* @__PURE__ */ c.jsx(Ae, { ...t });
+}, zt = (e) => {
+  if (!e)
+    return null;
+  const t = {
+    ...e,
+    children: e.content
+  };
+  return /* @__PURE__ */ c.jsx(Xe, { ...t });
+}, Mt = (e) => (J(() => {
+  e != null && e.chatPanelCallback && (e == null || e.chatPanelCallback(e));
+}, [e == null ? void 0 : e.chatPanelCallback]), null), Kt = "_summaryCard_jva4h_1", Gt = {
+  summaryCard: Kt
+}, Ut = (e) => {
+  const t = e.dataSource, s = {
+    url: e.dataSource.url,
+    method: e.dataSource.method,
+    headers: e.dataSource.headers,
+    body: t == null ? void 0 : t.data
+  }, r = e.locale ?? "en", i = O(() => {
+    var l, n, d;
+    const o = {
+      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(o).filter(([, a]) => !!a)
+    );
+  }, [e == null ? void 0 : e.translations]);
+  return /* @__PURE__ */ c.jsx("section", { className: Gt.summaryCard, children: /* @__PURE__ */ c.jsx(
+    _t,
+    {
+      dataSource: s,
+      locale: r,
+      translations: i
+    }
+  ) });
+}, M = (e, t) => {
+  const s = v((r) => {
+    var i;
+    return ((i = r[e]) == null ? void 0 : i.entries) || {};
+  });
+  return O(() => {
+    const r = {
+      disabled: !1
+    };
+    return !t || t.length === 0 || t.forEach((i) => {
+      const o = s[i.key], l = o == null || o === "" || Array.isArray(o) && o.length === 0;
+      i.when === "empty" && l && i.actions.forEach((d) => {
+        r[d] = !0;
+      });
+    }), r;
+  }, [t, s]);
+}, Vt = "_promptCodeEditor_1d57s_1", Jt = {
+  promptCodeEditor: Vt
+}, Ht = (e) => {
+  const {
+    userFlow: t,
+    responseKey: s,
+    codeBlockValue: r,
+    language: i,
+    disabled: o,
+    dependencies: l,
+    dataSource: n,
+    inputLabel: d,
+    inputPlaceholder: a,
+    codeBlockLabel: u
+  } = e, f = ue.useThemeStore((b) => b.theme.mode), [_, h] = S(
+    r || ""
+  ), { disabled: j } = M(
+    t,
+    l
+  ), y = o ?? j, x = i ?? "json", m = {
+    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 N = {
+      [s]: b
+    };
+    L(t, N);
+  };
+  return J(() => {
+    r !== void 0 && r !== _ && h(r);
+  }, [r]), /* @__PURE__ */ c.jsx("section", { className: Jt.promptCodeEditor, children: /* @__PURE__ */ c.jsx(
+    ut,
+    {
+      themeMode: f,
+      requestConfig: m,
+      language: x,
+      disabled: y,
+      inputLabel: d,
+      inputPlaceholder: a,
+      codeBlockLabel: u,
+      codeBlockValue: _,
+      onCodeChange: g
+    }
+  ) });
+}, Xt = "_body_14tsv_1", Wt = "_body_content_14tsv_5", ve = {
+  body: Xt,
+  body_content: Wt
+}, Qt = ({ inputs: e }) => /* @__PURE__ */ c.jsx("section", { className: ve.body, children: /* @__PURE__ */ c.jsx("div", { className: ve.body_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), X = (e) => {
+  if (!e)
+    return { "content-type": "application/json" };
+  if (typeof e == "function")
+    return e();
+  if (typeof e == "string")
+    try {
+      return JSON.parse(e);
+    } catch {
+      return { "content-type": "application/json", Authorization: e };
+    }
+  return e;
+}, F = () => new AbortController(), Yt = (e, t = {}, s = {}, r = !1, i) => {
+  const o = F();
+  r && o.abort();
+  const l = X(t);
+  return {
+    call: V.get(e, {
+      headers: {
+        ...l
+      },
+      params: s,
+      signal: o.signal,
+      _userFlow: i
+    }),
+    controller: o
+  };
+}, _e = (e, t = {}, s = {}, r = {}, i = !1, o) => {
+  const l = F();
+  i && l.abort();
+  const n = X(t);
+  return {
+    call: V.post(e, s, {
+      headers: {
+        ...n
+      },
+      params: r,
+      signal: l.signal,
+      _userFlow: o
+    }),
+    controller: l
+  };
+}, Zt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
+  const l = F();
+  i && l.abort();
+  const n = X(t);
+  return {
+    call: V.put(e, s, {
+      headers: {
+        ...n
+      },
+      params: r,
+      signal: l.signal,
+      _userFlow: o
+    }),
+    controller: l
+  };
+}, Ft = (e, t = {}, s = {}, r = {}, i = !1, o) => {
+  const l = F();
+  i && l.abort();
+  const n = X(t);
+  return {
+    call: V.patch(e, s, {
+      headers: {
+        ...n
+      },
+      params: r,
+      signal: l.signal,
+      _userFlow: o
+    }),
+    controller: l
+  };
+}, Pt = (e, t = {}, s = {}, r = {}, i = !1, o) => {
+  const l = F();
+  i && l.abort();
+  const n = X(t);
+  return {
+    call: V.delete(e, {
+      headers: {
+        ...n
+      },
+      data: s,
+      params: r,
+      signal: l.signal,
+      _userFlow: o
+    }),
+    controller: l
+  };
+}, Re = () => {
+  let e;
+  return { callEndpoint: async (r) => {
+    r.controller && (e = r.controller);
+    let i = {};
+    try {
+      i = await r.call;
+    } catch (o) {
+      throw o;
+    }
+    return i;
+  }, cancelEndpoint: () => {
+    e && e.abort();
+  } };
+}, De = async (e, t, s = "", r = {}, i = {}) => {
+  try {
+    const { callEndpoint: o } = Re(), { api: l, headers: n } = e, d = sessionStorage.getItem("sessionId"), a = new URLSearchParams({ session_name: t });
+    s && a.append("hash_code", s), d && a.append("sessionId", d);
+    const u = `${l}/not-front/next-ui/?${a.toString()}`, f = X(n), _ = _e(
+      u,
+      f,
+      r,
+      i,
+      !1,
+      t
+    );
+    return await o(_);
+  } catch (o) {
+    return console.error(o), Promise.reject(o);
+  }
+}, I = () => {
+  const e = v((n) => n), { callEndpoint: t } = Re(), s = async (n, d, a, u, f = !0) => {
+    var _;
+    try {
+      const h = (_ = e[n]) == null ? void 0 : _.apiConfig, j = {
+        state: { ...a },
+        triggerKey: u
+      };
+      return f && H(n, !0), await De(
+        h,
+        n,
+        d,
+        j
+      );
+    } catch (h) {
+      throw f && H(n, !1), console.error("[getNextUI] Error fetching next UI:", h), h;
+    }
+  }, r = (n, d) => {
+    const { method: a, url: u, headers: f, data: _, params: h } = n;
+    switch (a) {
+      case "post":
+        return _e(u, f, _, {}, !1, d);
+      case "put":
+        return Zt(u, f, _, {}, !1, d);
+      case "patch":
+        return Ft(u, f, _, {}, !1, d);
+      case "delete":
+        return Pt(u, f, _, h, !1, d);
+      case "get":
+      default:
+        return Yt(u, f, h, !1, d);
+    }
+  }, i = (n, d) => {
+    const { url: a, headers: u } = n, f = {
+      query: n == null ? void 0 : n.query,
+      variables: (n == null ? void 0 : n.variables) || {}
+    };
+    return _e(
+      a,
+      {
+        ...u,
+        "Content-Type": "application/json"
+      },
+      f,
+      {},
+      !1,
+      d
+    );
+  }, o = async (n, d, a = !0) => {
+    var u, f;
+    if (!n) {
+      console.warn("[fetchDataSource] Invalid or missing dataSource");
+      return;
+    }
+    a && H(d, !0);
+    try {
+      let _;
+      switch (n == null ? void 0 : n.type) {
+        case "rest":
+          _ = r(n, d);
+          break;
+        case "graphql":
+          _ = 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
+        }
+      };
+    } finally {
+      a && H(d, !1);
+    }
+  };
+  return {
+    getNextUI: s,
+    fetchDataSource: o,
+    fetchAndGetNextUI: async (n, d, a, u, f) => {
+      try {
+        H(n, !0);
+        const _ = await o(f, n, !1);
+        return _ && await s(
+          n,
+          d,
+          a,
+          u
+        );
+      } catch (_) {
+        throw H(n, !1), console.error(
+          "[fetchAndGetNextUI] Error fetching and navigating:",
+          _
+        ), _;
+      }
+    }
+  };
+}, en = ({
+  userFlow: e,
+  items: t,
+  responseKey: s
+}) => {
+  const { getNextUI: r } = I(), i = D(
+    async ({ actionType: l, hashCode: n, redirectUrl: d }) => {
+      var a;
+      try {
+        switch (l) {
+          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 && 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));
+      }
+    },
+    []
+  ), o = O(() => t == null ? void 0 : t.map((l) => ({
+    title: l == null ? void 0 : l.title,
+    component: /* @__PURE__ */ c.jsx("div", { onClick: () => i(l) })
+  })), []);
+  return /* @__PURE__ */ c.jsx(We, { items: o });
+}, tn = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    responseKey: r,
+    actionType: i,
+    label: o,
+    content: l,
+    dataSource: n,
+    redirectUrl: d,
+    dependencies: a,
+    onClick: u,
+    ...f
+  } = e, { getNextUI: _, fetchDataSource: h, fetchAndGetNextUI: j } = I(), { disabled: y } = M(
+    t,
+    a
+  ), x = {
+    ...f,
+    children: l ?? o
+  }, m = (x == null ? void 0 : x.disabled) ?? y, g = D(async () => {
+    var b, N, p;
+    try {
+      const C = {
+        ...(b = v.getState()[t]) == null ? void 0 : b.entries,
+        [r]: { status: 200 }
+      };
+      switch (L(t, C), i) {
+        case "CLOSE_MODAL":
+          me(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,
+            s,
+            C,
+            r
+          );
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          break;
+        }
+        case "FETCH_AND_GO_TO_NEXT_UI": {
+          const w = await j(
+            t,
+            s,
+            C,
+            r,
+            n
+          );
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
+          break;
+        }
+        case "GET_DATA_SOURCE": {
+          const w = await _(
+            t,
+            s,
+            C,
+            r
+          ), E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.content;
+          if ((E == null ? void 0 : E.type) !== "fetch")
+            break;
+          const T = E == null ? void 0 : E.dataSource, k = await h(
+            T,
+            t,
+            // Avoid to handle loading state until all the requests are done
+            !1
+          ), K = {
+            ...(p = v.getState()[t]) == null ? void 0 : p.entries,
+            [r]: {
+              status: k == null ? void 0 : k.status,
+              content: k == null ? void 0 : k.data
+            }
+          };
+          L(t, K);
+          const G = await _(
+            t,
+            s,
+            K,
+            r
+          );
+          G != null && G.data && q(t, G == null ? void 0 : G.data);
+          break;
+        }
+        case "REDIRECT":
+          d ? window.location.href = d : console.warn("Missing redirectUrl for REDIRECT actionType");
+          break;
+        default:
+          console.warn(`Unhandled actionType: ${i}`);
+          break;
+      }
+    } catch (C) {
+      alert(JSON.stringify(C));
+    }
+  }, [i, n, s, r, t]);
+  return /* @__PURE__ */ c.jsx(
+    Qe,
+    {
+      ...x,
+      disabled: m,
+      onClick: () => !m && (u ?? g)()
+    }
+  );
+}, nn = "_cardNotificationNotFront_t7pln_1", rn = {
+  cardNotificationNotFront: nn
+}, sn = (e) => {
+  const { content: t, description: s, ...r } = e, i = {
+    ...r,
+    children: t ?? s
+  };
+  return /* @__PURE__ */ c.jsx(
+    he,
+    {
+      ...i,
+      className: rn.cardNotificationNotFront
+    }
+  );
+}, an = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    responseKey: r,
+    actionType: i,
+    label: o,
+    value: l,
+    required: n,
+    dependencies: d,
+    ...a
+  } = e, u = {
+    ...a
+  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+    t,
+    d
+  ), y = O(() => n && o ? `${o} *` : o ?? "", [o, n]), x = D(async () => {
+    var g;
+    try {
+      const b = !_;
+      h(b);
+      const N = {
+        ...(g = v.getState()[t]) == null ? void 0 : g.entries,
+        [r]: b
+      };
+      switch (L(t, N), i) {
+        case "GO_TO_NEXT_UI":
+          const p = await f(
+            t,
+            s,
+            N,
+            r
+          );
+          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          break;
+        default:
+          console.warn(`Unhandled actionType: ${i}`);
+          break;
+      }
+    } catch (b) {
+      console.error("Error in checkbox action:", b), alert(JSON.stringify(b));
+    }
+  }, [t, s, r, i, _]), m = (u == null ? void 0 : u.disabled) ?? j;
+  return /* @__PURE__ */ c.jsx(
+    Ye,
+    {
+      ...u,
+      labelRight: y,
+      checked: _,
+      disabled: m,
+      onChange: () => {
+        !m && x();
+      }
+    }
+  );
+}, on = "_codeEditor_1coz7_1", cn = "_codeEditor_label_1coz7_4", ln = "_codeEditor_wrapper_1coz7_13", dn = "_input_1coz7_17", _n = "_preview_1coz7_18", Y = {
+  codeEditor: on,
+  codeEditor_label: cn,
+  codeEditor_wrapper: ln,
+  input: dn,
+  preview: _n
+}, un = (e) => {
+  const {
+    userFlow: t,
+    responseKey: s,
+    label: r,
+    language: i,
+    placeholder: o,
+    value: l,
+    required: n,
+    dependencies: d,
+    disabled: a,
+    showPreview: u
+  } = e, [f, _] = S(l ?? ""), h = ue.useThemeStore((b) => b.theme.mode), { disabled: j } = M(
+    t,
+    d
+  ), y = a ?? j, x = {
+    json: be(),
+    markdown: ft(),
+    sql: yt(),
+    yaml: mt()
+  }, m = O(() => n && r ? `${r} *` : r ?? "", [r, n]), g = (b) => {
+    _(b);
+    const N = {
+      [s]: b
+    };
+    L(t, N);
+  };
+  return /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor, children: [
+    m && m !== "" && /* @__PURE__ */ c.jsx("label", { className: Y.codeEditor_label, children: m }),
+    /* @__PURE__ */ c.jsxs("div", { className: Y.codeEditor_wrapper, children: [
+      /* @__PURE__ */ c.jsx(
+        ht,
+        {
+          className: Y.input,
+          value: f,
+          height: "400px",
+          placeholder: o,
+          extensions: [x[i] ?? be()],
+          onChange: (b) => g(b),
+          theme: h,
+          editable: !y
+        }
+      ),
+      i == "markdown" && u && /* @__PURE__ */ c.jsx(Ze, { className: Y.preview, children: f })
+    ] })
+  ] });
+};
+var Le = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function s() {
+      for (var r = [], i = 0; i < arguments.length; i++) {
+        var o = arguments[i];
+        if (o) {
+          var l = typeof o;
+          if (l === "string" || l === "number")
+            r.push(o);
+          else if (Array.isArray(o)) {
+            if (o.length) {
+              var n = s.apply(null, o);
+              n && r.push(n);
+            }
+          } else if (l === "object") {
+            if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
+              r.push(o.toString());
+              continue;
+            }
+            for (var d in o)
+              t.call(o, d) && o[d] && r.push(d);
+          }
+        }
+      }
+      return r.join(" ");
+    }
+    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+  })();
+})(Le);
+var hn = Le.exports;
+const ee = /* @__PURE__ */ Lt(hn);
+const fn = "_dividerNotFront_tze3j_1", yn = {
+  dividerNotFront: fn
+}, mn = (e) => /* @__PURE__ */ c.jsx(Fe, { ...e, className: yn.dividerNotFront }), xn = (e, t, s) => {
+  const { url: r, paginationKeys: i, params: o } = e, l = [], n = (i == null ? void 0 : i.page) ?? "page";
+  if (l.push(`${n}=${t}`), typeof s == "string") {
+    const u = (i == null ? void 0 : i.text) ?? "text";
+    l.push(`${u}=${encodeURIComponent(s || "")}`);
+  }
+  if (o && typeof o == "object") {
+    const u = Object.entries(o).map(
+      ([f, _]) => `${encodeURIComponent(f)}=${encodeURIComponent(_)}`
+    );
+    l.push(...u);
+  }
+  const d = l.join("&");
+  return d ? `${r}?${d}` : r;
+}, xe = (e, t, s) => {
+  const { type: r, url: i, method: o, headers: l } = e;
+  return r === "rest" ? {
+    type: "rest",
+    url: xn(e, t, s),
+    method: o,
+    headers: l,
+    data: (e == null ? void 0 : e.data) || {}
+  } : {
+    type: "graphql",
+    url: i,
+    method: "post",
+    headers: l,
+    query: e == null ? void 0 : e.query,
+    variables: {
+      ...(e == null ? void 0 : e.variables) || {},
+      ...typeof s == "string" ? { text: s } : {},
+      page: t
+    }
+  };
+}, ie = (e) => Array.isArray(e) ? e : typeof e == "object" ? JSON.stringify(e) : e, Be = (e, t, s, r) => {
+  const i = B.query(e, t), o = i == null ? void 0 : i.map((a) => {
+    var u, f;
+    if (s) {
+      const _ = {};
+      for (const [h, j] of Object.entries(s))
+        if (typeof j == "object" && "path" in j) {
+          const y = j, x = (u = B.query(a, y.path)) == null ? void 0 : u[0];
+          y.translations && String(x) in y.translations ? _[h] = ie(
+            y.translations[String(x)]
+          ) : _[h] = ie(x);
+        } else {
+          const y = j;
+          _[h] = ie((f = B.query(a, y)) == null ? void 0 : f[0]);
+        }
+      return _;
+    } else
+      return a;
+  }), l = B.value(e, (r == null ? void 0 : r.size) ?? "$.meta.size") ?? i.length, n = B.value(e, (r == null ? void 0 : r.total) ?? "$.meta.total") ?? 0, d = {
+    size: l,
+    total: n,
+    totalPages: r != null && r.totalPages ? B.value(
+      e,
+      (r == null ? void 0 : r.totalPages) ?? "$.meta.totalPages"
+    ) : l > 0 ? Math.ceil(n / l) : 0
+  };
+  return { items: o, pagination: d };
+}, ne = ({ withPadding: e = !1 }) => {
+  const t = (s) => /* @__PURE__ */ c.jsx("span", { style: { color: R.labelColor }, children: s });
+  return /* @__PURE__ */ c.jsx(
+    xt,
+    {
+      formatter: t,
+      wrapperStyle: {
+        fontSize: R.fontSize,
+        fontFamily: R.fontFamily,
+        padding: e ? "1rem 0" : "0"
+      }
+    }
+  );
+}, gn = ({
+  active: e,
+  payload: t,
+  label: s,
+  tooltipKey: r
+}) => {
+  var o;
+  if (!e || !t || !t.length)
+    return null;
+  const i = {
+    backgroundColor: R.tooltipBg,
+    borderRadius: R.tooltipBorderRadius,
+    color: R.tooltipColor,
+    padding: "8px 12px",
+    border: "1px solid #e5e7eb"
+  };
+  if (r) {
+    const l = (o = t[0]) == null ? void 0 : o.payload;
+    if (l && l[r] !== void 0 && l[r] !== null)
+      return /* @__PURE__ */ c.jsx("div", { style: i, children: /* @__PURE__ */ c.jsx("p", { style: { margin: 0 }, children: l[r] }) });
+  }
+  return /* @__PURE__ */ c.jsxs("div", { style: i, children: [
+    /* @__PURE__ */ c.jsx("p", { style: { margin: "0 0 4px 0", fontWeight: "bold" }, children: s }),
+    t.map((l, n) => /* @__PURE__ */ c.jsx("p", { style: { margin: "2px 0", color: l.color }, children: `${l.name}: ${l.value}` }, n))
+  ] });
+}, re = ({ tooltipKey: e } = {}) => /* @__PURE__ */ c.jsx(
+  gt,
+  {
+    content: /* @__PURE__ */ c.jsx(gn, { tooltipKey: e })
+  }
+), ge = ({ dataKey: e, hide: t = !1 }) => /* @__PURE__ */ c.jsx(
+  pt,
+  {
+    dataKey: e,
+    hide: t,
+    tick: {
+      fill: R.labelColor,
+      fontSize: R.fontSize
+    }
+  }
+), pe = () => /* @__PURE__ */ c.jsx(
+  bt,
+  {
+    tick: {
+      fill: R.labelColor,
+      fontSize: R.fontSize
+    }
+  }
+), pn = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(jt, { data: t, children: [
+    /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
+    /* @__PURE__ */ c.jsx(pe, {}),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(ne, {}),
+    r.map((o, l) => /* @__PURE__ */ c.jsx(
+      wt,
+      {
+        type: "monotone",
+        dataKey: o,
+        stroke: z[l % z.length],
+        fill: z[l % z.length]
+      },
+      o
+    ))
+  ] }) });
+}, bn = (e) => {
+  const { data: t, yKeys: s, xKey: r, tooltipKey: i } = e;
+  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(Ct, { data: t, children: [
+    /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ge, { hide: !0, dataKey: r }),
+    /* @__PURE__ */ c.jsx(pe, {}),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(ne, { withPadding: !0 }),
+    s.map((o, l) => /* @__PURE__ */ c.jsx(
+      Nt,
+      {
+        dataKey: o,
+        fill: z[l % z.length]
+      },
+      o
+    ))
+  ] }) });
+}, jn = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e;
+  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(vt, { data: t, children: [
+    /* @__PURE__ */ c.jsx(fe, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ c.jsx(ge, { dataKey: s }),
+    /* @__PURE__ */ c.jsx(pe, {}),
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(ne, {}),
+    r.map((o, l) => /* @__PURE__ */ c.jsx(
+      Et,
+      {
+        type: "monotone",
+        dataKey: o,
+        stroke: z[l % z.length],
+        strokeWidth: 2,
+        dot: !1
+      },
+      o
+    ))
+  ] }) });
+}, wn = (e) => {
+  const { data: t, xKey: s, yKeys: r, tooltipKey: i } = e, o = ({
+    cx: l,
+    cy: n,
+    midAngle: d,
+    innerRadius: a,
+    outerRadius: u,
+    value: f
+  }) => {
+    const _ = Math.PI / 180, h = 25 + a + (u - a), j = l + h * Math.cos(-(d ?? 0) * _), y = n + h * Math.sin(-(d ?? 0) * _);
+    return /* @__PURE__ */ c.jsx(
+      "text",
+      {
+        x: j,
+        y,
+        fill: R.labelColor,
+        color: R.labelColor,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        children: f
+      }
+    );
+  };
+  return /* @__PURE__ */ c.jsx(te, { width: "100%", height: 400, children: /* @__PURE__ */ c.jsxs(kt, { children: [
+    /* @__PURE__ */ c.jsx(re, { tooltipKey: i }),
+    /* @__PURE__ */ c.jsx(ne, {}),
+    /* @__PURE__ */ c.jsx(
+      St,
+      {
+        data: t,
+        dataKey: r[0],
+        nameKey: s,
+        label: o,
+        outerRadius: 120,
+        children: t.map((l, n) => /* @__PURE__ */ c.jsx(
+          qt,
+          {
+            fill: z[n % z.length]
+          },
+          `cell-${n}`
+        ))
+      }
+    )
+  ] }) });
+}, Cn = {
+  area: pn,
+  bar: bn,
+  line: jn,
+  pie: wn
+}, z = [
+  "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)"
+], R = {
+  fontFamily: "Roboto, sans-serif",
+  fontSize: 12,
+  labelColor: "var(--color-neutral-90)",
+  tooltipBg: "#fff",
+  tooltipColor: "#000",
+  tooltipBorderRadius: "4px"
+}, Nn = (e) => {
+  const { component: t, userFlow: s, hash: r, responseKey: i, dataSource: o, ...l } = e, n = Cn[l.type];
+  if (!n)
+    return /* @__PURE__ */ c.jsx("div", { children: "Not supported chart type" });
+  const { fetchDataSource: d } = I(), [a, u] = S(!1), [f, _] = S([]), h = async () => {
+    var y, x;
+    try {
+      u(!0);
+      const { jsonPathData: m, mapperData: g } = o, b = xe(
+        o,
+        1
+      ), N = await d(
+        b,
+        s,
+        !1
+      ), p = m ? (y = Be(N == null ? void 0 : N.data, m, g)) == null ? void 0 : y.items : (x = N == null ? void 0 : N.data) == null ? void 0 : x.data;
+      _(p), u(!1);
+    } catch (m) {
+      alert(JSON.stringify(m)), u(!1);
+    }
+  };
+  J(() => {
+    o ? h() : _(l.data);
+  }, []);
+  const j = {
+    ...l,
+    data: f
+  };
+  return a ? /* @__PURE__ */ c.jsx(Oe, { height: 400 }) : f.length > 0 ? n(j) : /* @__PURE__ */ c.jsx(he, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" });
+}, vn = "_header_g1eri_1", En = "_header_content_g1eri_5", Ee = {
+  header: vn,
+  header_content: En
+}, kn = ({ components: e = [] }) => /* @__PURE__ */ c.jsx("section", { className: ee(Ee.header, "avocado-dark-theme"), children: /* @__PURE__ */ c.jsx("div", { className: Ee.header_content, children: e.map((t, s) => /* @__PURE__ */ c.jsx($, { children: t }, s)) }) }), A = (e, t, s, r) => {
+  var l;
+  const i = {
+    accordion: (n) => /* @__PURE__ */ c.jsx(hr, { ...n, userFlow: e, pageId: t }),
+    aiChatPanel: (n) => /* @__PURE__ */ c.jsx(Mt, { ...n, userFlow: e, pageId: t, chatPanelCallback: r }),
+    aiSummaryCard: (n) => /* @__PURE__ */ c.jsx(Ut, { ...n, userFlow: e, pageId: t }),
+    aiPromptCodeEditor: (n) => /* @__PURE__ */ c.jsx(Ht, { ...n, userFlow: e, pageId: t }),
+    breadcrumbs: (n) => /* @__PURE__ */ c.jsx(en, { ...n, userFlow: e, pageId: t }),
+    button: (n) => /* @__PURE__ */ c.jsx(tn, { ...n, userFlow: e, pageId: t }),
+    cardNotification: (n) => /* @__PURE__ */ c.jsx(sn, { ...n }),
+    chart: (n) => /* @__PURE__ */ c.jsx(Nn, { ...n, userFlow: e }),
+    checkbox: (n) => /* @__PURE__ */ c.jsx(an, { ...n, userFlow: e, pageId: t }),
+    code: (n) => /* @__PURE__ */ c.jsx(un, { ...n, userFlow: e, pageId: t }),
+    divider: (n) => /* @__PURE__ */ c.jsx(mn, { ...n }),
+    drawer: (n) => /* @__PURE__ */ c.jsx(xr, { ...n, userFlow: e, pageId: t }),
+    heading: (n) => It(n),
+    pill: (n) => /* @__PURE__ */ c.jsx($n, { ...n }),
+    modal: (n) => /* @__PURE__ */ c.jsx(An, { ...n, userFlow: e, pageId: t }),
+    roundButton: (n) => /* @__PURE__ */ c.jsx(Rn, { ...n, userFlow: e, pageId: t }),
+    row: (n) => /* @__PURE__ */ c.jsx(Bn, { ...n, userFlow: e, pageId: t }),
+    select: (n) => /* @__PURE__ */ c.jsx(Un, { ...n, userFlow: e, pageId: t }),
+    switch: (n) => /* @__PURE__ */ c.jsx(er, { ...n, userFlow: e, pageId: t }),
+    spacing: (n) => /* @__PURE__ */ c.jsx(Pn, { ...n, userFlow: e, pageId: t }),
+    table: (n) => /* @__PURE__ */ c.jsx(or, { ...n, userFlow: e, pageId: t }),
+    text: (n) => zt(n),
+    textField: (n) => /* @__PURE__ */ c.jsx(lr, { ...n, userFlow: e, pageId: t }),
+    toast: (n) => /* @__PURE__ */ c.jsx(dr, { ...n, userFlow: e, pageId: t })
+  };
+  return (l = s == null ? void 0 : s.filter(Boolean)) == null ? void 0 : l.map((n) => {
+    const d = i[n.component];
+    return d ? d({ ...n, userFlow: e, pageId: t }) : null;
+  });
+}, Sn = "_modalContent_p06ci_1", qn = {
+  modalContent: Sn
+}, An = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  header: r,
+  body: i,
+  footer: o,
+  headerStatusColor: l,
+  ...n
+}) => {
+  const d = v((m) => {
+    var g;
+    return (g = m[e]) == null ? void 0 : g.isModalOpen;
+  }), a = v((m) => {
+    var g;
+    return (g = m[e]) == null ? void 0 : g.isLoading;
+  }), u = d && !a, f = {
+    ...n
+  }, _ = (f == null ? void 0 : f.headerStatusColor) ?? l, h = D(() => {
+    ye(e), me(e, !1);
+  }, [e, s]), j = Array.isArray(r) ? A(e, t, r) : r, y = A(e, t, i), x = A(e, t, o);
+  return /* @__PURE__ */ c.jsx(
+    Pe,
+    {
+      ...f,
+      headerStatusColor: _,
+      header: typeof j == "string" ? j : /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-header-${g}`)) }),
+      children: /* @__PURE__ */ c.jsx("section", { className: qn.modalContent, children: y.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-body-${g}`)) }),
+      actions: /* @__PURE__ */ c.jsx(c.Fragment, { children: x.map((m, g) => /* @__PURE__ */ c.jsx($, { children: m }, `modal-footer-${g}`)) }),
+      open: u,
+      onClose: h
+    }
+  );
+}, On = ({ userFlow: e, pageId: t }) => {
+  var o, l;
+  const s = Tt(e);
+  if (!s)
+    return null;
+  const r = [
+    ...(s == null ? void 0 : s.components) || [],
+    ...((o = s == null ? void 0 : s.header) == null ? void 0 : o.components) || [],
+    ...((l = s == null ? void 0 : s.body) == null ? void 0 : l.components) || []
+  ], i = A(
+    e,
+    t,
+    r
+  );
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: i == null ? void 0 : i.map((n, d) => {
+    const a = `overlay-${d}-${s == null ? void 0 : s.hash}`;
+    return /* @__PURE__ */ c.jsx($, { children: n }, a);
+  }) });
+}, Tn = {
+  success: {
+    color: "success-opacity",
+    textColor: "success-60",
+    iconColor: "success-50"
+  },
+  warning: {
+    color: "warning-opacity",
+    textColor: "warning-60",
+    iconColor: "warning-50"
+  },
+  error: {
+    color: "error-opacity",
+    textColor: "error-60",
+    iconColor: "error-50"
+  },
+  info: {
+    color: "primary-10",
+    textColor: "primary-70",
+    iconColor: "primary-70"
+  },
+  neutral: {
+    color: "neutral-10",
+    textColor: "neutral-70",
+    iconColor: "neutral-70"
+  }
+}, $n = (e) => {
+  const { content: t, variant: s = "neutral", ...r } = e, i = Tn[s], o = {
+    ...r,
+    children: t,
+    color: (r == null ? void 0 : r.color) ?? i.color,
+    textColor: (r == null ? void 0 : r.textColor) ?? i.textColor,
+    iconColor: (r == null ? void 0 : r.iconColor) ?? i.iconColor
+  };
+  return /* @__PURE__ */ c.jsx(de, { ...o });
+}, Rn = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    responseKey: r,
+    actionType: i,
+    dataSource: o,
+    dependencies: l,
+    onClick: n,
+    ...d
+  } = e, { getNextUI: a, fetchAndGetNextUI: u } = I(), { disabled: f } = M(
+    t,
+    l
+  ), _ = {
+    ...d
+  }, h = (_ == null ? void 0 : _.disabled) ?? f, j = D(async () => {
+    var y;
+    try {
+      const x = {
+        ...(y = v.getState()[t]) == null ? void 0 : y.entries,
+        [r]: { status: 200 }
+      };
+      switch (L(t, x), i) {
+        case "GO_TO_NEXT_UI": {
+          const m = await a(
+            t,
+            s,
+            x,
+            r
+          );
+          m != null && m.data && q(t, m == null ? void 0 : m.data);
+          break;
+        }
+        case "FETCH_AND_GO_TO_NEXT_UI": {
+          const m = await u(
+            t,
+            s,
+            x,
+            r,
+            o
+          );
+          m != null && m.data && q(t, m == null ? void 0 : m.data);
+          break;
+        }
+        case "CLOSE_MODAL":
+          me(t, !1);
+          break;
+        case "CLOSE_DRAWER":
+          Z(t, !1);
+          break;
+        case "OPEN_DRAWER":
+          Z(t, !0);
+          break;
+        default:
+          console.warn(`Unhandled actionType: ${i}`);
+          break;
+      }
+    } catch (x) {
+      alert(JSON.stringify(x));
+    }
+  }, [i, o, s, r, t]);
+  return /* @__PURE__ */ c.jsx(
+    et,
+    {
+      ..._,
+      disabled: h,
+      onClick: () => !h && (n ?? j)()
+    }
+  );
+}, Dn = "_row_1bqj4_1", Ln = "_row_column_1bqj4_65", U = {
+  row: Dn,
+  "row__gap-none": "_row__gap-none_1bqj4_5",
+  "row__gap-xxs": "_row__gap-xxs_1bqj4_8",
+  "row__gap-xs": "_row__gap-xs_1bqj4_11",
+  "row__gap-sm": "_row__gap-sm_1bqj4_14",
+  "row__gap-md": "_row__gap-md_1bqj4_17",
+  "row__gap-lg": "_row__gap-lg_1bqj4_20",
+  "row__gap-xl": "_row__gap-xl_1bqj4_23",
+  "row__gap-xxl": "_row__gap-xxl_1bqj4_26",
+  "row__gap-xxxl": "_row__gap-xxxl_1bqj4_29",
+  "row__justify-start": "_row__justify-start_1bqj4_32",
+  "row__justify-end": "_row__justify-end_1bqj4_35",
+  "row__justify-center": "_row__justify-center_1bqj4_38",
+  "row__justify-space-between": "_row__justify-space-between_1bqj4_41",
+  "row__justify-space-around": "_row__justify-space-around_1bqj4_44",
+  "row__justify-space-evenly": "_row__justify-space-evenly_1bqj4_47",
+  "row__align-start": "_row__align-start_1bqj4_50",
+  "row__align-end": "_row__align-end_1bqj4_53",
+  "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: Ln,
+  "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",
+  "row_column__gap-sm": "_row_column__gap-sm_1bqj4_81",
+  "row_column__gap-md": "_row_column__gap-md_1bqj4_84",
+  "row_column__gap-lg": "_row_column__gap-lg_1bqj4_87",
+  "row_column__gap-xl": "_row_column__gap-xl_1bqj4_90",
+  "row_column__gap-xxl": "_row_column__gap-xxl_1bqj4_93",
+  "row_column__gap-xxxl": "_row_column__gap-xxxl_1bqj4_96",
+  "row_column__justify-start": "_row_column__justify-start_1bqj4_99",
+  "row_column__justify-end": "_row_column__justify-end_1bqj4_102",
+  "row_column__justify-center": "_row_column__justify-center_1bqj4_105",
+  "row_column__justify-space-between": "_row_column__justify-space-between_1bqj4_108",
+  "row_column__justify-space-around": "_row_column__justify-space-around_1bqj4_111",
+  "row_column__justify-space-evenly": "_row_column__justify-space-evenly_1bqj4_114",
+  "row_column__align-start": "_row_column__align-start_1bqj4_117",
+  "row_column__align-end": "_row_column__align-end_1bqj4_120",
+  "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"
+}, Bn = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    columnWidth: r,
+    columns: i,
+    gap: o = "md",
+    justifyContent: l = "start",
+    alignItems: n = "stretch"
+  } = e, d = Array.isArray(i) ? i.map((a, u) => {
+    const f = `col_${u}`, _ = `col_${u}`;
+    if (Array.isArray(a))
+      return {
+        gap: "md",
+        justifyContent: "start",
+        alignItems: "start",
+        items: a,
+        hash: f,
+        responseKey: _
+      };
+    const h = 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) ?? _
+    };
+  }) : [];
+  return d.length === 0 ? null : /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      className: ee(
+        U.row,
+        U[`row__gap-${o}`],
+        U[`row__justify-${l}`],
+        U[`row__align-${n}`]
+      ),
+      children: d == null ? void 0 : d.map((a, u) => {
+        const f = (r == null ? void 0 : r[u]) || `${100 / d.length}%`, _ = A(t, s, a.items);
+        return !_ || _.length === 0 ? null : /* @__PURE__ */ c.jsx(
+          "div",
+          {
+            className: ee(
+              U.row_column,
+              U[`row_column__gap-${a.gap}`],
+              U[`row_column__justify-${a.justifyContent}`],
+              U[`row_column__align-${a.alignItems}`]
+            ),
+            style: { width: f },
+            children: _
+          },
+          a.hash || u
+        );
+      })
+    }
+  );
+};
+function Ie({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  actionType: r,
+  getNextUI: i,
+  isMulti: o = !1,
+  debounceMs: l
+}) {
+  const n = Je(null);
+  J(() => () => {
+    n.current !== null && (clearTimeout(n.current), n.current = null);
+  }, []);
+  const d = D(
+    async (u) => {
+      var h;
+      const f = {
+        ...(h = v.getState()[e]) == null ? void 0 : h.entries,
+        [s]: u
+      };
+      if (L(e, f), r && (r === "GO_TO_NEXT_UI" || r === "GO_TO_NEXT_UI_WITHOUT_LOADING"))
+        try {
+          const y = await i(
+            e,
+            t,
+            f,
+            s,
+            r === "GO_TO_NEXT_UI"
+          );
+          y != null && y.data && q(e, y.data);
+        } catch (j) {
+          console.error("[useSelectChange] Failed to fetch next UI", j);
+        }
+    },
+    [e, t, s, r, i]
+  );
+  return D(
+    (u) => {
+      if (!o) {
+        d(u);
+        return;
+      }
+      if (l == null) {
+        d(u);
+        return;
+      }
+      n.current !== null && (clearTimeout(n.current), n.current = null), n.current = setTimeout(() => {
+        d(u), n.current = null;
+      }, l);
+    },
+    [o, l, d]
+  );
+}
+const In = (e, t, s, r) => {
+  const i = B.query(e, t);
+  return (i == null ? void 0 : i.map((o) => {
+    var d, a;
+    const l = (d = B.query(o, s)) == null ? void 0 : d[0], n = r ? (a = B.query(o, r)) == null ? void 0 : a[0] : o;
+    return { label: l, value: n };
+  })) ?? [];
+}, zn = (e, t, s, r = 10) => {
+  var n, d;
+  let i, o;
+  if (s) {
+    const a = B.value(e, s.size ?? "$.meta.size") ?? r, u = B.value(e, s.total ?? "$.meta.total") ?? 0;
+    i = a, o = u;
+  } else {
+    const a = e == null ? void 0 : e.meta;
+    i = (a == null ? void 0 : a.size) ?? ((n = a == null ? void 0 : a.page) == null ? void 0 : n.size) ?? r, o = (a == null ? void 0 : a.total) ?? ((d = a == null ? void 0 : a.page) == null ? void 0 : d.total) ?? 0;
+  }
+  const l = o > 0 ? Math.ceil(o / i) > t : !1;
+  return {
+    pageSize: i,
+    total: o,
+    hasMore: l
+  };
+}, Mn = "_selectNotFront_1yw9q_1", ze = {
+  selectNotFront: Mn
+}, Kn = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  required: r,
+  dataSource: i,
+  actionType: o,
+  dependencies: l,
+  debounceMs: n,
+  ...d
+}) => {
+  const a = {
+    ...d
+  }, { getNextUI: u, fetchDataSource: f } = I(), [_, h] = S((a == null ? void 0 : a.value) ?? ""), { disabled: j } = M(
+    e,
+    l
+  ), y = (a == null ? void 0 : a.disabled) ?? j, x = O(() => r && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, r]), m = O(() => {
+    const p = a != null && a.isMulti ? _ : [_], C = {};
+    return typeof p == "object" && "length" in p && (p == null || p.forEach((w) => {
+      const E = JSON.stringify(w.value), T = JSON.stringify(w.label);
+      C[E] = w, T in C || (C[T] = w);
+    })), C;
+  }, [_]), g = Ie({
+    userFlow: e,
+    pageId: t,
+    responseKey: s,
+    actionType: o,
+    getNextUI: u,
+    isMulti: a == null ? void 0 : a.isMulti,
+    debounceMs: n
+  }), b = (p) => {
+    h(p), g(p);
+  }, N = async (p, C, { page: w }) => {
+    const {
+      jsonPathLabel: E,
+      jsonPathOptions: T,
+      jsonPathValue: k,
+      jsonPathPagination: K
+    } = i, G = xe(
+      i,
+      w,
+      p
+    ), se = await f(
+      G,
+      e,
+      !1
+    ), ae = se == null ? void 0 : se.data, Ke = ae ? In(
+      ae,
+      T,
+      E,
+      k
+    ) : [], { hasMore: Ge } = zn(
+      ae,
+      w,
+      K
+    );
+    return {
+      options: Ke,
+      hasMore: Ge,
+      additional: {
+        page: p ? 1 : w + 1
+      }
+    };
+  };
+  return /* @__PURE__ */ c.jsx(
+    tt,
+    {
+      ...a,
+      className: ze.selectNotFront,
+      label: x,
+      value: _,
+      disabled: y,
+      noOptionsMessage: () => /* @__PURE__ */ c.jsx(c.Fragment, { children: "Sin opciones" }),
+      onChange: (p) => !y && b(p),
+      loadOptions: N,
+      additional: { page: 1 },
+      isOptionDisabled: (p) => {
+        const C = JSON.stringify(p == null ? void 0 : p.value), w = JSON.stringify(p == null ? void 0 : p.label);
+        return !!(m != null && m[C]) || !!(m != null && m[w]);
+      },
+      debounceTimeout: 350
+    }
+  );
+}, Gn = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  dataSource: r,
+  required: i,
+  actionType: o,
+  dependencies: l,
+  debounceMs: n,
+  ...d
+}) => {
+  const a = {
+    ...d
+  }, { getNextUI: u } = I(), [f, _] = S(a.value || ""), { disabled: h } = M(
+    e,
+    l
+  ), j = (a == null ? void 0 : a.disabled) ?? h, y = O(() => i && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, i]), x = Ie({
+    userFlow: e,
+    pageId: t,
+    responseKey: s,
+    actionType: o,
+    getNextUI: u,
+    isMulti: a == null ? void 0 : a.isMulti,
+    debounceMs: n
+  }), m = (g) => {
+    _(g), x(g);
+  };
+  return /* @__PURE__ */ c.jsx(
+    nt,
+    {
+      ...a,
+      className: ze.selectNotFront,
+      label: y,
+      value: f,
+      disabled: j,
+      onChange: (g) => !j && m(g)
+    }
+  );
+}, Un = (e) => {
+  const { dataSource: t } = e;
+  return t ? /* @__PURE__ */ c.jsx(Kn, { ...e }) : /* @__PURE__ */ c.jsx(Gn, { ...e });
+}, Vn = "_spacing_19hqa_1", Jn = "_spacing__xxs_19hqa_1", Hn = "_spacing__xs_19hqa_4", Xn = "_spacing__sm_19hqa_7", Wn = "_spacing__md_19hqa_10", Qn = "_spacing__lg_19hqa_13", Yn = "_spacing__xl_19hqa_16", Zn = "_spacing__xxl_19hqa_19", Fn = "_spacing__xxxl_19hqa_22", ke = {
+  spacing: Vn,
+  spacing__xxs: Jn,
+  spacing__xs: Hn,
+  spacing__sm: Xn,
+  spacing__md: Wn,
+  spacing__lg: Qn,
+  spacing__xl: Yn,
+  spacing__xxl: Zn,
+  spacing__xxxl: Fn
+}, Pn = (e) => {
+  const { size: t } = e, s = ee(ke.spacing, ke[`spacing__${t}`]);
+  return /* @__PURE__ */ c.jsx("div", { className: s });
+}, er = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    responseKey: r,
+    actionType: i,
+    label: o,
+    value: l,
+    required: n,
+    dependencies: d,
+    ...a
+  } = e, u = {
+    ...a
+  }, { getNextUI: f } = I(), [_, h] = S(l || !1), { disabled: j } = M(
+    t,
+    d
+  ), y = (u == null ? void 0 : u.disabled) ?? j, x = O(() => n && o ? `${o} *` : o ?? "", [o, n]), m = D(async () => {
+    var g;
+    try {
+      const b = !_;
+      h(b);
+      const N = {
+        ...(g = v.getState()[t]) == null ? void 0 : g.entries,
+        [r]: b
+      };
+      switch (L(t, N), i) {
+        case "GO_TO_NEXT_UI":
+          const p = await f(
+            t,
+            s,
+            N,
+            r
+          );
+          p != null && p.data && q(t, p == null ? void 0 : p.data);
+          break;
+        default:
+          console.warn(`Unhandled actionType: ${i}`);
+          break;
+      }
+    } catch (b) {
+      console.error("Error in switch action:", b), alert(JSON.stringify(b));
+    }
+  }, [t, s, r, i, _]);
+  return /* @__PURE__ */ c.jsx(
+    rt,
+    {
+      ...u,
+      label: x,
+      checked: _,
+      disabled: y,
+      onChange: () => !y && m()
+    }
+  );
+}, tr = "_tableSkeleton_3nr9n_1", nr = "_tableArrayPills_3nr9n_7", Me = {
+  tableSkeleton: tr,
+  tableArrayPills: nr
+}, rr = ({ values: e }) => {
+  const s = e == null ? void 0 : e.slice(0, 4), r = (e == null ? void 0 : e.length) - 4;
+  return /* @__PURE__ */ c.jsxs("div", { className: Me.tableArrayPills, children: [
+    s.map((i, o) => /* @__PURE__ */ c.jsx(de, { children: String(i) }, o)),
+    r > 0 && /* @__PURE__ */ c.jsxs(de, { outlined: !0, children: [
+      "+",
+      r
+    ] })
+  ] });
+}, sr = ({
+  userFlow: e,
+  pageId: t,
+  tableResponseKey: s,
+  component: r,
+  rowData: i
+}) => {
+  const { getNextUI: o, fetchAndGetNextUI: l, fetchDataSource: n } = I(), d = A(e, t, [
+    { ...r }
+  ]), a = (d == null ? void 0 : d[0]) || null;
+  if (!a)
+    return null;
+  const {
+    actionType: u,
+    responseKey: f,
+    dataSource: _
+  } = a.props, h = D(async () => {
+    var j, y, x;
+    try {
+      const m = {
+        ...(j = v.getState()[e]) == null ? void 0 : j.entries,
+        [f]: { status: 200 },
+        [s]: [{ ...i }]
+      };
+      switch (L(e, m), u) {
+        case "GO_TO_NEXT_UI": {
+          const g = await o(
+            e,
+            t,
+            m,
+            f
+          );
+          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          break;
+        }
+        case "FETCH_AND_GO_TO_NEXT_UI": {
+          const g = await l(
+            e,
+            t,
+            m,
+            f,
+            _
+          );
+          g != null && g.data && q(e, g == null ? void 0 : g.data);
+          break;
+        }
+        case "GET_DATA_SOURCE": {
+          const g = await o(
+            e,
+            t,
+            m,
+            f
+          ), b = (y = g == null ? void 0 : g.data) == null ? void 0 : y.content;
+          if ((b == null ? void 0 : b.type) !== "fetch")
+            break;
+          const N = b == null ? void 0 : b.dataSource, p = await n(
+            N,
+            e,
+            // Avoid to handle loading state until all the requests are done
+            !1
+          ), C = {
+            ...(x = v.getState()[e]) == null ? void 0 : x.entries,
+            [f]: {
+              status: p == null ? void 0 : p.status,
+              content: p == null ? void 0 : p.data
+            }
+          };
+          L(e, C);
+          const w = await o(
+            e,
+            t,
+            C,
+            f
+          );
+          w != null && w.data && q(e, w == null ? void 0 : w.data);
+          break;
+        }
+        default:
+          console.warn(`Unhandled actionType: ${u}`);
+          break;
+      }
+    } catch (m) {
+      alert(JSON.stringify(m));
+    }
+  }, [u, _, t, f, e]);
+  return He(a, {
+    onClick: h
+  });
+}, ar = () => /* @__PURE__ */ c.jsx("div", { className: Me.tableSkeleton, children: [...Array(10)].map((e, t) => /* @__PURE__ */ c.jsx(
+  Oe,
+  {
+    maxWidth: "100%",
+    height: 42,
+    radius: 8
+  },
+  `tableSkeletonBase${t}`
+)) }), or = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  component: r,
+  dataSource: i,
+  rightActions: o,
+  ...l
+}) => {
+  var b, N, p;
+  const { fetchDataSource: n } = I(), [d, a] = S(!1), [u, f] = S(1), [_, h] = S(null), j = O(() => {
+    if (o != null && o.length)
+      return o.map((C, w) => ({
+        renderContent: (E) => /* @__PURE__ */ c.jsx(
+          sr,
+          {
+            userFlow: e,
+            pageId: t,
+            tableResponseKey: s,
+            component: C,
+            rowData: E
+          },
+          `tableRowAction${w}`
+        )
+      }));
+  }, [o, e, t]), y = async (C = 1) => {
+    try {
+      a(!0);
+      const { jsonPathData: w, mapperData: E, jsonPathPagination: T } = i, k = xe(
+        i,
+        C
+      ), K = await n(
+        k,
+        e,
+        !1
+      );
+      h(
+        Be(
+          K == null ? void 0 : K.data,
+          w,
+          E,
+          T
+        )
+      ), a(!1);
+    } catch (w) {
+      alert(JSON.stringify(w)), a(!1);
+    }
+  }, x = (C) => {
+    f(C), y(C);
+  };
+  J(() => {
+    y();
+  }, []);
+  const m = O(() => !(_ != null && _.items) || !(l != null && l.columns) ? l == null ? void 0 : l.columns : l.columns.map((C) => {
+    var E;
+    return ((E = _ == null ? void 0 : _.items) == null ? void 0 : E.some(
+      (T) => Array.isArray(C != null && C.accessor ? T[C == null ? void 0 : C.accessor] : void 0)
+    )) ? {
+      ...C,
+      renderCell: (T) => {
+        const k = C.accessor ? T[C.accessor] : void 0;
+        return Array.isArray(k) ? /* @__PURE__ */ c.jsx(rr, { values: k }) : k;
+      }
+    } : C;
+  }), [_ == null ? void 0 : _.items, l == null ? void 0 : l.columns]), g = {
+    ...l,
+    data: _ == null ? void 0 : _.items,
+    columns: m,
+    rightActions: j
+  };
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: d ? /* @__PURE__ */ c.jsx(ar, {}) : _ && ((b = _ == null ? void 0 : _.items) == null ? void 0 : b.length) > 0 ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(st, { ...g }),
+    (_ == null ? void 0 : _.pagination) && ((N = _ == null ? void 0 : _.pagination) == null ? void 0 : N.totalPages) > 1 && /* @__PURE__ */ c.jsx(
+      at,
+      {
+        classname: { global: "row__end" },
+        page: u,
+        size: _ == null ? void 0 : _.pagination.size,
+        total: (p = _ == null ? void 0 : _.pagination) == null ? void 0 : p.total,
+        onChange: x
+      }
+    )
+  ] }) : /* @__PURE__ */ c.jsx(he, { state: "info", title: "Sin registros", children: "No hay datos disponibles para mostrar en este momento" }) });
+}, cr = "_textFieldNotFront_cps4i_1", ir = {
+  textFieldNotFront: cr
+}, lr = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    component: r,
+    hash: i,
+    responseKey: o,
+    required: l,
+    dependencies: n,
+    ...d
+  } = e, a = {
+    ...d
+  }, [u, f] = S((a == null ? void 0 : a.value) ?? ""), { disabled: _ } = M(
+    t,
+    n
+  ), h = (a == null ? void 0 : a.disabled) ?? _, j = O(() => l && (a != null && a.label) ? `${a == null ? void 0 : a.label} *` : (a == null ? void 0 : a.label) ?? "", [a == null ? void 0 : a.label, l]), y = (x) => {
+    var b;
+    const m = (b = x == null ? void 0 : x.target) == null ? void 0 : b.value;
+    f(m);
+    const g = {
+      [o]: m
+    };
+    L(t, g);
+  };
+  return J(() => {
+    f((a == null ? void 0 : a.value) ?? "");
+  }, [a == null ? void 0 : a.value]), /* @__PURE__ */ c.jsx(
+    ot,
+    {
+      ...a,
+      className: ir.textFieldNotFront,
+      allowClear: !1,
+      label: j,
+      value: u,
+      disabled: h,
+      onChange: (x) => !h && y(x)
+    }
+  );
+}, dr = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  variant: r,
+  content: i,
+  actionType: o,
+  redirectUrl: l
+}) => {
+  const n = D(async () => {
+    ye(e);
+    try {
+      switch (o) {
+        case "AUTOCLOSE_AND_REDIRECT":
+          window.location.href = l;
+          break;
+        default:
+          console.warn(`Unhandled actionType: ${o}`);
+          break;
+      }
+    } catch (d) {
+      console.error("Error in toast action:", d), alert(JSON.stringify(d));
+    }
+  }, [o, t, s, e, l]);
+  return J(() => {
+    ({
+      info: W.info,
+      error: W.error,
+      success: W.success,
+      warning: W.warning
+    }[r] || W.info)(i, {
+      autoClose: o ? !1 : 4e3,
+      containerId: e,
+      onClose: n
+    });
+  }, [n, e]), null;
+}, _r = "_accordion_1ri2t_1", ur = "_accordionBody_1ri2t_8", Se = {
+  accordion: _r,
+  accordionBody: ur
+}, hr = (e) => {
+  const {
+    userFlow: t,
+    pageId: s,
+    responseKey: r,
+    dependencies: i,
+    customContent: o,
+    actionContent: l,
+    components: n,
+    ...d
+  } = e, { getNextUI: a } = I(), [u, f] = S(
+    d.checkboxChecked || !1
+  ), { disabled: _ } = M(
+    t,
+    i
+  ), h = A(t, s, n), j = l ? A(t, s, l) : void 0, y = o ? A(t, s, o) : void 0, x = D(
+    async (b) => {
+      var N;
+      try {
+        const p = b.target.checked;
+        f(p);
+        const C = {
+          ...(N = v.getState()[t]) == null ? void 0 : N.entries,
+          [r]: p
+        };
+        if (L(t, C), d.actionType === "GO_TO_NEXT_UI") {
+          const w = await a(
+            t,
+            s,
+            C,
+            r
+          );
+          w != null && w.data && q(t, w == null ? void 0 : w.data);
+        }
+      } catch (p) {
+        console.error("Error in accordion checkbox action:", p), alert(JSON.stringify(p));
+      }
+    },
+    [t, s, r, d.actionType, a]
+  ), m = d.disabled || _, g = {
+    ...d,
+    className: Se.accordion,
+    disabled: m,
+    checkboxChecked: u,
+    onChanceCheckbox: d.hasCheckbox ? x : void 0,
+    actionContent: j ? /* @__PURE__ */ c.jsx(c.Fragment, { children: j.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-action-${N}`)) }) : void 0,
+    customContent: y ? /* @__PURE__ */ c.jsx(c.Fragment, { children: y.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-custom-${N}`)) }) : void 0,
+    children: h ? /* @__PURE__ */ c.jsx("section", { className: Se.accordionBody, children: h.map((b, N) => /* @__PURE__ */ c.jsx($, { children: b }, `accordion-child-${N}`)) }) : void 0
+  };
+  return /* @__PURE__ */ c.jsx(ct, { ...g });
+}, fr = "_drawer_13pxo_1", yr = "_drawerBody_13pxo_5", mr = "_drawerFooter_13pxo_11", le = {
+  drawer: fr,
+  drawerBody: yr,
+  drawerFooter: mr
+}, xr = ({
+  userFlow: e,
+  pageId: t,
+  responseKey: s,
+  header: r,
+  body: i,
+  footer: o,
+  ...l
+}) => {
+  const n = v((y) => {
+    var x;
+    return (x = y[e]) == null ? void 0 : x.isDrawerOpen;
+  }), d = v((y) => {
+    var x;
+    return (x = y[e]) == null ? void 0 : x.isLoading;
+  }), a = n && !d, u = {
+    ...l,
+    isOpen: a,
+    children: null
+  }, f = D(() => {
+    ye(e), Z(e, !1);
+  }, [e]), _ = Array.isArray(r) ? A(e, t, r) : r ? /* @__PURE__ */ c.jsx(Ae, { type: "h2", children: r }) : void 0, h = A(e, t, i), j = o ? A(e, t, o) : void 0;
+  return /* @__PURE__ */ c.jsx(
+    it,
+    {
+      ...u,
+      className: le.drawer,
+      isOpen: a,
+      onClose: f,
+      heightGap: 0,
+      title: _ ? /* @__PURE__ */ c.jsx(c.Fragment, { children: Array.isArray(_) ? _.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-header-${x}`)) : _ }) : void 0,
+      children: /* @__PURE__ */ c.jsx("section", { className: le.drawerBody, children: h.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-body-${x}`)) }),
+      footer: j ? /* @__PURE__ */ c.jsx("div", { className: le.drawerFooter, children: j.map((y, x) => /* @__PURE__ */ c.jsx($, { children: y }, `drawer-footer-${x}`)) }) : void 0
+    }
+  );
+}, qe = (e, t, s, r, i) => {
+  const o = A(
+    e,
+    t,
+    (r == null ? void 0 : r.components) || null,
+    i
+  );
+  switch (s) {
+    case "body":
+      return /* @__PURE__ */ c.jsx(
+        Qt,
+        {
+          ...r,
+          inputs: o || []
+        },
+        JSON.stringify(r == null ? void 0 : r.components)
+      );
+    case "header":
+      return /* @__PURE__ */ c.jsx(
+        kn,
+        {
+          ...r,
+          components: o || []
+        },
+        JSON.stringify(r == null ? void 0 : r.components)
+      );
+    default:
+      return null;
+  }
+}, Ar = (e, t, s, r) => {
+  var _, h, j;
+  const [i, o] = S(!1), l = v((y) => y), n = (_ = l[e]) == null ? void 0 : _.currentPageId, d = n ? qe(
+    e,
+    n,
+    "header",
+    ((h = l[e].pages[n].page) == null ? void 0 : h.header) || null,
+    r
+  ) : null, a = n ? qe(
+    e,
+    n,
+    "body",
+    ((j = l[e].pages[n].page) == null ? void 0 : j.body) || null,
+    r
+  ) : null, u = O(() => {
+    var y;
+    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      ((y = l[e]) == null ? void 0 : y.isLoading) && /* @__PURE__ */ c.jsx(lt, {}),
+      d,
+      a,
+      n && /* @__PURE__ */ c.jsx(On, { userFlow: e, pageId: n }),
+      l[e] && /* @__PURE__ */ c.jsx(dt, {})
+    ] });
+  }, [d, a, n, e]), f = async () => {
+    var y;
+    try {
+      const x = await De(
+        t,
+        e
+      ), m = (y = x == null ? void 0 : x.data) == null ? void 0 : y.content;
+      (x == null ? void 0 : x.status) === 200 ? oe(e, t, m) : o(!0);
+    } catch (x) {
+      console.error("[not-page]: API call failed", x), o(!0);
+    }
+  };
+  return J(() => {
+    t != null && t.api && !s && e ? f() : !(t != null && t.api) && s && e || t != null && t.api && s && e ? oe(e, t, s) : (!(t != null && t.api) && !s || !e) && (o(!0), console.error(
+      "[not-page]: API call failed",
+      "not api config",
+      "not userFlow"
+    ));
+    const y = "avocado-theme-mode-changed", x = (m) => {
+      const g = m.detail;
+      ue.setThemeMode(g);
+    };
+    return window.addEventListener(y, x), () => {
+      window.removeEventListener(y, x);
+    };
+  }, []), i && console.error("[not-page]: No render page"), u;
+};
 export {
-  o as Chart,
-  r as Row,
-  h as heading,
-  i as text,
-  m as usePage
+  Nn as Chart,
+  Bn as Row,
+  It as heading,
+  zt as text,
+  Ar as usePage
 };