@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/ManageIncome-D1yBODQi.mjs

@@ -1,595 +0,0 @@
-import { jsxs as c, jsx as e, Fragment as k } from "react/jsx-runtime";
-import _ from "react";
-import { observer as I } from "mobx-react-lite";
-import F from "@mui/material/Box";
-import T from "@mui/material/Divider";
-import Q from "@mui/material/List";
-import p from "@mui/material/Stack";
-import { MerchantLogo as $, Text as S, P as G, InstitutionLogo as se } from "@mxenabled/mxui";
-import ce from "@mui/material/ListItem";
-import de from "@mui/material/ListItemAvatar";
-import le from "@mui/material/ListItemButton";
-import _e from "@mui/material/ListItemText";
-import { b as ue, f as H } from "./NumberFormatting--XMeeBfr.mjs";
-import { F as l, g as X, R as L, c as Z } from "./RecurringTransactionsUtil-B3rLEx_g.mjs";
-import { subDays as J } from "date-fns/subDays";
-import { startOfToday as E } from "date-fns/startOfToday";
-import { endOfMonth as me } from "date-fns/endOfMonth";
-import { parseISO as pe } from "date-fns/parseISO";
-import V from "@mui/material/Button";
-import { Delete as ye, Add as he, ReceiptLong as fe } from "@mxenabled/mx-icons";
-import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-DPwJjqMH.mjs";
-import { T as xe } from "./TransactionDetails-DctXr07p.mjs";
-import { addYears as j } from "date-fns/addYears";
-import { getDayOfYear as Se } from "date-fns/getDayOfYear";
-import { setDayOfYear as ve } from "date-fns/setDayOfYear";
-import { AdapterDateFns as De } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as we } from "@mui/x-date-pickers";
-import { LocalizationProvider as Ae } from "@mui/x-date-pickers/LocalizationProvider";
-import { u as w, i as Y, g as P, b as Ie, h as te, C as Re } from "./hooks-BaO_gOI6.mjs";
-import { S as M, D as z } from "./Select-BFt-HD-L.mjs";
-import { D as N } from "./Drawer-BXqqBMxg.mjs";
-import { A as O } from "./Analytics-CzGzz_sE.mjs";
-import { f as Ee, D as Le } from "./DateFormats-HudZ3Bjs.mjs";
-import { D as Oe } from "./Dialog-Bvd2n8hz.mjs";
-import { formatISO as Te } from "date-fns/formatISO";
-import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-Cpgu_gdO.mjs";
-import { i as Me } from "./DateUtil-Bhq59ZVg.mjs";
-import { C as q } from "./Category-DEKZGLYe.mjs";
-import { T as ne } from "./TransactionUtils-BphBJBbU.mjs";
-const re = ({
-  frequency: n,
-  firstDay: t,
-  secondDay: o,
-  onFrequencyChange: i,
-  onFirstDayChange: s,
-  onSecondDayChange: d
-}) => {
-  const { recurring: r } = w(), a = _.useMemo(
-    () => [
-      { id: l.EveryWeek, label: r.frequency_every_week },
-      { id: l.EveryOtherWeek, label: r.frequency_every_other_week },
-      { id: l.TwiceAMonth, label: r.frequency_twice_a_month },
-      { id: l.EveryMonth, label: r.frequency_every_month },
-      { id: l.EveryOtherMonth, label: r.frequency_every_other_month },
-      { id: l.EveryQuarter, label: r.frequency_every_quarter },
-      { id: l.EveryOtherQuarter, label: r.frequency_every_other_quarter },
-      { id: l.EveryYear, label: r.frequency_every_year }
-    ],
-    [r]
-  ), m = [
-    { id: 0, label: r.weekday_sunday },
-    { id: 1, label: r.weekday_monday },
-    { id: 2, label: r.weekday_tuesday },
-    { id: 3, label: r.weekday_wednesday },
-    { id: 4, label: r.weekday_thursday },
-    { id: 5, label: r.weekday_friday },
-    { id: 6, label: r.weekday_saturday }
-  ], h = [...Array(31).keys()].map((b) => ({
-    id: b + 1,
-    label: ue(b + 1)
-  }));
-  h[30].label += ` (${r.last_day_of_month})`;
-  const g = h.slice(0, 15), v = h.slice(14), C = n === l.EveryWeek || n === l.EveryOtherWeek, f = n === l.TwiceAMonth || n === l.EveryMonth || n === l.EveryOtherMonth || n === l.EveryQuarter || n === l.EveryOtherQuarter, A = ve(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
-    b && s(Se(b));
-  };
-  return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
-    /* @__PURE__ */ e(
-      M,
-      {
-        label: r.frequency,
-        onChange: i,
-        options: a,
-        value: n
-      }
-    ),
-    C && /* @__PURE__ */ e(
-      M,
-      {
-        label: r.day_of_the_week,
-        onChange: s,
-        options: m,
-        value: t
-      }
-    ),
-    f && /* @__PURE__ */ e(
-      M,
-      {
-        label: n === l.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
-        onChange: s,
-        options: n === l.TwiceAMonth ? g : h,
-        value: t
-      }
-    ),
-    n === l.TwiceAMonth && /* @__PURE__ */ e(
-      M,
-      {
-        label: r.second_day_of_the_month,
-        onChange: d,
-        options: v,
-        value: o || 0
-      }
-    ),
-    n === l.EveryYear && /* @__PURE__ */ e(Ae, { dateAdapter: De, children: /* @__PURE__ */ e(
-      we,
-      {
-        disablePast: !0,
-        label: r.next_payment_date,
-        maxDate: J(j(E(), 1), 1),
-        minDate: E(),
-        onChange: D,
-        value: y
-      }
-    ) })
-  ] });
-}, Fe = I(({ repeatingTransaction: n }) => {
-  const { recurring: t } = w(), { updateRepeatingTransaction: o } = Y(), { onEvent: i } = P(), [s, d] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [g, v] = _.useState(n.second_recurrence_day), C = async () => {
-    await o({
-      ...n,
-      recurrence_type: r,
-      recurrence_day: m,
-      second_recurrence_day: g
-    }), d(!1);
-  }, f = () => {
-    d(!0), i(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
-  };
-  return /* @__PURE__ */ c(k, { children: [
-    /* @__PURE__ */ e(
-      z,
-      {
-        iconName: "sync",
-        label: t.activity_schedule,
-        onClick: f,
-        value: `${X(t, n, !0)}`
-      }
-    ),
-    /* @__PURE__ */ e(
-      N,
-      {
-        ariaLabelClose: t.close_drawer_aria,
-        isOpen: s,
-        onClose: () => d(!1),
-        onPrimaryAction: C,
-        title: t.payment_schedule,
-        children: /* @__PURE__ */ e(
-          re,
-          {
-            firstDay: m,
-            frequency: r,
-            onFirstDayChange: h,
-            onFrequencyChange: a,
-            onSecondDayChange: v,
-            secondDay: g
-          }
-        )
-      }
-    )
-  ] });
-}), Ge = I(
-  ({ onDeleted: n, recurringTransaction: t }) => {
-    const { recurring: o } = w(), { selectedAccountGuids: i } = Ie(), { onEvent: s } = P(), { deleteRepeatingTransaction: d } = Y(), { setFilter: r, transactions: a } = te(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
-    _.useEffect(() => {
-      r({
-        accounts: i,
-        dateRange: { start: J(E(), 90), end: me(E()) },
-        custom: (u) => u.repeating_transaction_guid === t.guid
-      });
-    }, [t]);
-    const y = _.useMemo(
-      () => a.find((u) => u.guid === f),
-      [f, a]
-    ), D = t.repeating_transaction_type === L.Income, b = async () => {
-      await d(t.guid), n();
-    }, U = () => {
-      C(!0), s(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
-    };
-    return /* @__PURE__ */ c(p, { bgcolor: "background.default", direction: "column", height: "100%", children: [
-      /* @__PURE__ */ c(p, { direction: "column", m: 24, children: [
-        /* @__PURE__ */ e(
-          $,
-          {
-            categoryGuid: y?.category_guid || "",
-            merchantGuid: g,
-            size: 64,
-            sx: { mb: 12 }
-          }
-        ),
-        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
-        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "h1", children: [
-          D ? "+" : "",
-          H(m, "0,0.00")
-        ] }),
-        /* @__PURE__ */ e(S, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${Ee(
-          Z(
-            t.recurrence_type,
-            pe(t.predicted_occurs_on),
-            t.recurrence_day
-          ),
-          Le.MONTH_DAY_YEAR
-        )}` })
-      ] }),
-      /* @__PURE__ */ c(Q, { sx: { bgcolor: "background.paper" }, children: [
-        t.account && /* @__PURE__ */ c(k, { children: [
-          /* @__PURE__ */ e(
-            z,
-            {
-              iconName: "checkbook",
-              label: o.account,
-              value: t.account.displayName || ""
-            }
-          ),
-          /* @__PURE__ */ e(T, { variant: "inset" })
-        ] }),
-        y?.category && /* @__PURE__ */ c(k, { children: [
-          /* @__PURE__ */ e(
-            z,
-            {
-              iconName: "monetization_on",
-              label: o.category,
-              value: y.category
-            }
-          ),
-          /* @__PURE__ */ e(T, { variant: "inset" })
-        ] }),
-        /* @__PURE__ */ e(Fe, { repeatingTransaction: t }),
-        /* @__PURE__ */ e(T, {})
-      ] }),
-      /* @__PURE__ */ e(
-        V,
-        {
-          color: "error",
-          onClick: U,
-          startIcon: /* @__PURE__ */ e(ye, {}),
-          sx: { mx: 24, my: 16 },
-          variant: "text",
-          children: D ? o.delete_income_title : o.delete_expense_title
-        }
-      ),
-      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "body1", children: o.paid_transactions }),
-      /* @__PURE__ */ e(ee, { height: "30dvh", onClick: A }),
-      /* @__PURE__ */ e(
-        N,
-        {
-          ariaLabelClose: o.close_drawer_aria,
-          isOpen: !!f && !!y,
-          onClose: () => A(""),
-          title: o.transaction_details_drawer_title,
-          children: y && /* @__PURE__ */ e(xe, { transaction: y })
-        }
-      ),
-      /* @__PURE__ */ e(
-        Oe,
-        {
-          copy: {
-            title: D ? o.delete_income_title : o.delete_expense_title,
-            close_aria: o.close_drawer_aria
-          },
-          isOpen: v,
-          onClose: () => C(!1),
-          onPrimaryAction: b,
-          children: /* @__PURE__ */ e(S, { children: D ? o.delete_income_description : o.delete_expense_description })
-        }
-      )
-    ] });
-  }
-), Ye = I(
-  ({ onClick: n = () => {
-  }, repeatingTransaction: t }) => {
-    const { recurring: o } = w(), [i, s] = _.useState(!1), d = _.useMemo(
-      () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
-      [t]
-    ), r = t.account?.displayName || "", a = t.repeating_transaction_type === L.Income, m = X(o, t, !0);
-    return /* @__PURE__ */ c(ce, { disableGutters: !0, disablePadding: !0, children: [
-      /* @__PURE__ */ c(le, { onClick: () => {
-        n(t), s(!0);
-      }, children: [
-        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(
-          $,
-          {
-            categoryGuid: d,
-            merchantGuid: t.merchant_guid
-          }
-        ) }),
-        /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ c(p, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ c(p, { direction: "column", sx: { width: "50%" }, children: [
-            /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: t.description }),
-            /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 6, children: [
-              t.account?.institution_guid && /* @__PURE__ */ e(
-                se,
-                {
-                  alt: r,
-                  institutionGuid: t.account?.institution_guid,
-                  size: 12
-                }
-              ),
-              /* @__PURE__ */ e(S, { variant: "caption", children: r })
-            ] })
-          ] }),
-          /* @__PURE__ */ c(p, { alignItems: "flex-end", sx: { width: "50%" }, children: [
-            /* @__PURE__ */ c(
-              S,
-              {
-                bold: !0,
-                color: a ? "success.main" : "text.primary",
-                variant: "body1",
-                children: [
-                  a ? "+" : "",
-                  H(t.amount, "0,0.00")
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(
-              p,
-              {
-                direction: "row",
-                sx: {
-                  alignItems: "center",
-                  gap: 6,
-                  justifyContent: "flex-end",
-                  textTransform: "uppercase",
-                  width: "100%"
-                },
-                children: /* @__PURE__ */ e(S, { bold: !0, color: "text.secondary", variant: "caption", children: m })
-              }
-            )
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ e(
-        N,
-        {
-          ariaLabelClose: o.close_drawer_aria,
-          isOpen: i,
-          onClose: () => s(!1),
-          title: t.repeating_transaction_type === L.Income ? o.income_details : o.expense_details,
-          children: /* @__PURE__ */ e(
-            Ge,
-            {
-              onDeleted: () => s(!1),
-              recurringTransaction: t
-            }
-          )
-        }
-      )
-    ] });
-  }
-), Pe = I(
-  ({
-    bgcolor: n = "background.default",
-    description: t,
-    onSearch: o,
-    onSelected: i
-  }) => {
-    const { recurring: s } = w(), { searchValue: d, setSearchValue: r } = ge();
-    return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
-      t && /* @__PURE__ */ e(G, { sx: { mx: 24 }, children: t }),
-      /* @__PURE__ */ e(
-        Ne,
-        {
-          ariaLabel: s.select_transaction_search_aria,
-          cancelAriaLabel: s.select_transaction_search_cancel_aria,
-          onChange: (a) => {
-            r(a), o(a);
-          },
-          placeholder: s.select_transaction_search_placeholder,
-          searchValue: d
-        }
-      ),
-      /* @__PURE__ */ e(
-        ee,
-        {
-          bgcolor: n,
-          filter: (a) => !!a.merchant_guid,
-          height: "auto",
-          onClick: i,
-          showLoader: !1
-        }
-      )
-    ] });
-  }
-), Ue = I(
-  ({
-    bgcolor: n = "background.default",
-    firstDay: t,
-    secondDay: o,
-    frequency: i,
-    onFrequencyChange: s,
-    onFirstDayChange: d,
-    onSecondDayChange: r,
-    transaction: a
-  }) => {
-    const { recurring: m } = w();
-    return /* @__PURE__ */ c(p, { bgcolor: n, gap: 24, height: "100%", children: [
-      /* @__PURE__ */ c(p, { children: [
-        /* @__PURE__ */ e(Ce, { bgcolor: n, children: Me(a.date) }),
-        /* @__PURE__ */ e(be, { transaction: a })
-      ] }),
-      /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "body1", children: m.payment_schedule }),
-        /* @__PURE__ */ e(
-          re,
-          {
-            firstDay: t,
-            frequency: i,
-            onFirstDayChange: d,
-            onFrequencyChange: s,
-            onSecondDayChange: r,
-            secondDay: o
-          }
-        )
-      ] })
-    ] });
-  }
-), B = (n) => n.top_level_category_guid !== q.INCOME && n.transaction_type === ne.DEBIT, ze = (n, t) => B(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, W = (n) => n.top_level_category_guid === q.INCOME || n.top_level_category_guid === q.TRANSFER && n.transaction_type === ne.CREDIT, qe = (n, t) => W(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, oe = I(
-  ({
-    isIncome: n = !1,
-    label: t,
-    onAddRecurringTransaction: o = () => null
-  }) => {
-    const { recurring: i } = w(), { filter: s, setFilter: d, transactions: r } = te(), { addRepeatingTransaction: a } = Y(), { user: m } = Re(), [h, g] = _.useState(!1), [v, C] = _.useState(""), [f, A] = _.useState(l.EveryMonth), [y, D] = _.useState(1), [b, U] = _.useState(15), u = _.useMemo(
-      () => r.find((x) => x.guid === v),
-      [v, r]
-    ), ae = () => {
-      g(!0), d(n ? { ...s, custom: W } : { ...s, custom: B });
-    }, ie = async () => {
-      if (!u) {
-        K();
-        return;
-      }
-      o();
-      const x = Z(f, ke(u.date), y), R = {
-        account_guid: u.account_guid,
-        amount: u.amount,
-        created_by: 0,
-        // User
-        merchant_guid: u.merchant_guid,
-        description: u.payee || u.description || u.feed_description,
-        predicted_occurs_on: Te(x, { representation: "date" }),
-        recurrence_day: y,
-        recurrence_type: f,
-        repeating_transaction_type: n ? L.Income : L.Bill,
-        second_recurrence_day: b,
-        transaction_type: u.transaction_type,
-        user_guid: m.guid
-      };
-      await a(R, u), K();
-    }, K = () => {
-      C(""), g(!1);
-    };
-    return /* @__PURE__ */ c(k, { children: [
-      /* @__PURE__ */ e(V, { onClick: ae, startIcon: /* @__PURE__ */ e(he, { size: 24 }), variant: "contained", children: t }),
-      /* @__PURE__ */ e(
-        N,
-        {
-          ariaLabelClose: i.close_drawer_aria,
-          isOpen: h,
-          onClose: () => g(!1),
-          title: t,
-          children: /* @__PURE__ */ e(
-            Pe,
-            {
-              description: n ? i.add_income_description : i.add_expense_description,
-              onSearch: (x) => {
-                d({
-                  ...s,
-                  custom: (R) => n ? x ? qe(R, x) : W(R) : x ? ze(R, x) : B(R)
-                });
-              },
-              onSelected: (x) => C(x)
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        N,
-        {
-          ariaLabelClose: i.close_drawer_aria,
-          isOpen: !!v,
-          onClose: () => C(""),
-          onPrimaryAction: ie,
-          title: n ? i.income_details : i.expense_details,
-          children: u && /* @__PURE__ */ e(
-            Ue,
-            {
-              firstDay: y,
-              frequency: f,
-              onFirstDayChange: D,
-              onFrequencyChange: A,
-              onSecondDayChange: U,
-              secondDay: b,
-              transaction: u
-            }
-          )
-        }
-      )
-    ] });
-  }
-), Be = I(
-  ({ zeroStateFor: n }) => {
-    const { recurring: t } = w(), { onEvent: o } = P(), i = n === "income", s = i ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, d = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, r = i ? t.add_income : t.add_expense;
-    return /* @__PURE__ */ c(p, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
-      /* @__PURE__ */ e(fe, { size: 48 }),
-      /* @__PURE__ */ e(G, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
-      /* @__PURE__ */ e(G, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: d }),
-      /* @__PURE__ */ e(
-        oe,
-        {
-          isIncome: i,
-          label: r,
-          onAddRecurringTransaction: () => {
-            o(
-              i ? O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : O.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
-            );
-          }
-        }
-      )
-    ] });
-  }
-), Lt = I(({ forOverview: n = !1 }) => {
-  const { recurring: t } = w(), { detailedRepeatingTransactions: o } = Y(), { onEvent: i } = P(), s = (a) => {
-    i(O.RECURRING_TRANSACTIONS_CLICK_INCOME, {
-      repeating_transaction_guid: a.guid
-    });
-  }, d = () => {
-    i(O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
-  }, r = o.filter(
-    (a) => a.repeating_transaction_type === L.Income && (a.transactions.length > 0 || a.recurrence_type === l.EveryYear)
-  );
-  return /* @__PURE__ */ e(k, { children: r.length !== 0 ? /* @__PURE__ */ c(
-    p,
-    {
-      sx: {
-        height: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
-        maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
-      },
-      children: [
-        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "body2", children: t.income }),
-        /* @__PURE__ */ e(F, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(Q, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { children: [
-          /* @__PURE__ */ e(Ye, { onClick: s, repeatingTransaction: a }),
-          /* @__PURE__ */ e(
-            T,
-            {
-              variant: m < r.length - 1 ? "inset" : "fullWidth"
-            }
-          )
-        ] }, a.guid)) }) }),
-        /* @__PURE__ */ c(F, { children: [
-          /* @__PURE__ */ e(T, {}),
-          /* @__PURE__ */ e(
-            F,
-            {
-              sx: {
-                alignContent: "center",
-                bgcolor: "background.paper",
-                justifyContent: "flex-end",
-                px: 24,
-                py: 12,
-                textAlign: "right"
-              },
-              children: /* @__PURE__ */ e(
-                oe,
-                {
-                  isIncome: !0,
-                  label: t.add_income,
-                  onAddRecurringTransaction: d
-                }
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
-});
-export {
-  oe as A,
-  Lt as M,
-  Ye as R,
-  Pe as S,
-  Be as a,
-  W as b,
-  Ue as c,
-  Ge as d,
-  qe as i
-};

package/dist/MicroWidgetContainer-CfKdQfhi.mjs

@@ -1,45 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import x from "@mui/material/Button";
-import C from "@mui/material/Card";
-import b from "@mui/material/CardContent";
-import g from "@mui/material/CardHeader";
-import { H3 as u, P as v } from "@mxenabled/mxui";
-import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { u as w } from "./useDimensions-CeDR9V8N.mjs";
-import { W as H } from "./hooks-BaO_gOI6.mjs";
-const D = ({
-  children: i,
-  className: o,
-  ctaLabel: n,
-  onCTAClick: a,
-  subHeader: t,
-  sx: s,
-  title: d,
-  variant: c = "borderless"
-}) => {
-  const [m, { height: l, width: h }] = w(), e = /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ r(
-      g,
-      {
-        action: /* @__PURE__ */ r(
-          x,
-          {
-            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
-            onClick: a,
-            size: "small",
-            variant: "text",
-            children: n
-          }
-        ),
-        subheader: t && /* @__PURE__ */ r(v, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
-        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
-        title: /* @__PURE__ */ r(u, { sx: { width: "calc(100% - 10px)" }, children: d })
-      }
-    ),
-    /* @__PURE__ */ r(b, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(H, { availableHeight: l, availableWidth: h, children: i }) })
-  ] });
-  return c === "borderless" ? e : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: e });
-};
-export {
-  D as M
-};