@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/MiniWidgetContainer-CXQcSWSl.mjs

@@ -1,56 +0,0 @@
-import { jsxs as i, jsx as r, Fragment as x } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-import u from "@mui/material/Button";
-import C from "@mui/material/Card";
-import v from "@mui/material/CardHeader";
-import b from "@mui/material/CardContent";
-import z from "@mui/material/IconButton";
-import { Icon as H, ChevronRight as I } from "@mxenabled/mx-icons";
-import { H3 as W, Text as B, P as S } from "@mxenabled/mxui";
-import { u as j } from "./useDimensions-CeDR9V8N.mjs";
-import { W as w } from "./hooks-CBl85iRr.mjs";
-const G = ({
-  children: m,
-  className: a = "mx-cmn-mini-widget",
-  closeLabel: l,
-  contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: s = "",
-  subTitle: t = "",
-  sx: c = {},
-  title: n = ""
-}) => {
-  const [p, { height: h, width: f }] = j();
-  return /* @__PURE__ */ i(C, { className: a, sx: { ...c }, children: [
-    /* @__PURE__ */ r(
-      v,
-      {
-        sx: { pb: 8 },
-        title: /* @__PURE__ */ i(x, { children: [
-          /* @__PURE__ */ i(
-            g,
-            {
-              sx: {
-                alignItems: "center",
-                display: "grid",
-                gap: 2,
-                gridTemplateColumns: "1fr auto",
-                pb: 4
-              },
-              children: [
-                n && /* @__PURE__ */ r(W, { children: n }),
-                e ? /* @__PURE__ */ r(z, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ r(H, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(u, { endIcon: /* @__PURE__ */ r(I, {}), onClick: o, size: "small", children: /* @__PURE__ */ r(B, { bold: !0, variant: "Small", children: s }) })
-              ]
-            }
-          ),
-          t && /* @__PURE__ */ r(S, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "Small", children: t })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ r(b, { ref: p, sx: { p: 0, ...d }, children: /* @__PURE__ */ r(w, { availableHeight: h, availableWidth: f, children: m }) })
-  ] });
-};
-export {
-  G as M
-};

package/dist/Notification-Bs1fdbzI.mjs

@@ -1,95 +0,0 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import o from "@mui/material/ListItem";
-import c from "@mui/material/ListItemButton";
-import p from "@mui/material/ListItemIcon";
-import u from "@mui/material/ListItemText";
-import x from "@mui/material/Stack";
-import D from "@mui/material/Switch";
-import { Text as L } from "@mxenabled/mxui";
-import w from "@mui/material/ListItemAvatar";
-const z = ({
-  avatar: r,
-  endIcon: a,
-  isChecked: l,
-  isDisabled: d = !1,
-  isPrimaryTextBold: n = !1,
-  onClick: m,
-  onToggle: C,
-  primaryText: v,
-  secondaryText: M
-}) => (
-  //TODO: implement common/components/ListItemRow.tsx
-  /* @__PURE__ */ e(
-    o,
-    {
-      secondaryAction: /* @__PURE__ */ e(D, { checked: l, onChange: C }),
-      sx: {
-        "& .MuiListItemSecondaryAction-root": { right: a ? 64 : 24 },
-        "& .MuiListItemButton-root": { pr: 24 }
-      },
-      children: /* @__PURE__ */ S(c, { onClick: d ? void 0 : () => m(), children: [
-        r && /* @__PURE__ */ e(w, { children: r }),
-        /* @__PURE__ */ e(u, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(x, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ S(x, { sx: { width: "100%" }, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              bold: n,
-              color: "text.primary",
-              sx: {
-                mr: 80
-              },
-              variant: "body1",
-              children: v
-            }
-          ),
-          /* @__PURE__ */ e(L, { color: "text.secondary", variant: "caption", children: M })
-        ] }) }) }),
-        !d && a && /* @__PURE__ */ e(p, { children: a })
-      ] })
-    }
-  )
-), F = ({
-  isChecked: r,
-  isDisabled: a = !1,
-  onToggle: l,
-  primaryText: d,
-  secondaryText: n = void 0,
-  useExtraPadding: m = !0
-}) => /* @__PURE__ */ e(
-  o,
-  {
-    secondaryAction: /* @__PURE__ */ e(D, { checked: r, disabled: a, onChange: l }),
-    sx: {
-      pl: m ? 48 : 0,
-      "& .MuiListItemSecondaryAction-root": { right: m ? 64 : 24 }
-    },
-    children: /* @__PURE__ */ e(
-      u,
-      {
-        primary: d,
-        primaryTypographyProps: {
-          fontWeight: 400,
-          variant: "body1",
-          maxWidth: "calc(100% - 60px)",
-          color: "text.primary"
-        },
-        secondary: n,
-        secondaryTypographyProps: {
-          color: "text.secondary",
-          maxWidth: "calc(100% - 60px)",
-          variant: "caption",
-          whiteSpace: "wrap"
-        }
-      }
-    )
-  }
-);
-var B = /* @__PURE__ */ ((r) => (r.Accounts = "accounts", r.Budgets = "budgets", r.Insights = "insights", r.Personal = "personal", r))(B || {}), P = /* @__PURE__ */ ((r) => (r[r.DebtPaymentReminder = 3] = "DebtPaymentReminder", r[r.AccountBalanceLow = 6] = "AccountBalanceLow", r[r.AccountDepositLarge = 7] = "AccountDepositLarge", r[r.TransactionExpenseLarge = 8] = "TransactionExpenseLarge", r[r.TransactionFeeCharge = 9] = "TransactionFeeCharge", r[r.InternationalTransaction = 23] = "InternationalTransaction", r[r.AccountDepositLargePosted = 48] = "AccountDepositLargePosted", r))(P || {}), b = /* @__PURE__ */ ((r) => (r[r.BudgetExceeded = 1] = "BudgetExceeded", r[r.BudgetOffTarget = 2] = "BudgetOffTarget", r))(b || {}), A = /* @__PURE__ */ ((r) => (r[r.AccountBalanceLow = 33] = "AccountBalanceLow", r[r.BillAmountNotStandard = 49] = "BillAmountNotStandard", r[r.CategorySpending = 50] = "CategorySpending", r[r.CreditCardCloseToLimit = 51] = "CreditCardCloseToLimit", r[r.DebtPaymentReminder = 37] = "DebtPaymentReminder", r[r.DuplicatePayment = 42] = "DuplicatePayment", r[r.MonthlySpendComparison = 53] = "MonthlySpendComparison", r[r.MonthlySpendToIncomeComparison = 54] = "MonthlySpendToIncomeComparison", r[r.MonthlySubscriptionAggregate = 55] = "MonthlySubscriptionAggregate", r[r.MonthlyTopMerchantSpending = 56] = "MonthlyTopMerchantSpending", r[r.SaveAnExtra100Dollars = 57] = "SaveAnExtra100Dollars", r[r.SavingsOpportunity = 58] = "SavingsOpportunity", r[r.SetUpDirectDeposit = 59] = "SetUpDirectDeposit", r[r.SwitchDirectDeposit = 60] = "SwitchDirectDeposit", r[r.UncategorizedTransactions = 61] = "UncategorizedTransactions", r[r.UnifiedDeposit = 62] = "UnifiedDeposit", r[r.UpcomingBill = 63] = "UpcomingBill", r[r.WeekendSpendingSummary = 64] = "WeekendSpendingSummary", r[r.WeeklyNewMerchants = 65] = "WeeklyNewMerchants", r[r.DiscoveredAccounts = 52] = "DiscoveredAccounts", r[r.TransactionExpenseLarge = 39] = "TransactionExpenseLarge", r[r.PromotionalCampaignMessages = 67] = "PromotionalCampaignMessages", r[r.TransparentOverdraft = 68] = "TransparentOverdraft", r))(A || {});
-export {
-  P as A,
-  b as B,
-  A as I,
-  B as N,
-  z as T,
-  F as a
-};

package/dist/RecurringTransactions-DlKYwpfK.mjs

@@ -1,296 +0,0 @@
-import { jsxs as M, Fragment as P, jsx as d } from "react/jsx-runtime";
-import L from "@mui/material/Avatar";
-import w from "@mui/material/ListItem";
-import U from "@mui/material/ListItemAvatar";
-import G from "@mui/material/ListItemButton";
-import S from "@mui/material/ListItemText";
-import { Icon as I, IconWeight as C } from "@mxenabled/mxui";
-import $ from "@mui/material/ListItemIcon";
-import j from "@mui/material/MenuItem";
-import z from "@mui/material/TextField";
-import { ExpandMore as K } from "@mxenabled/mx-icons";
-import { addDays as Q } from "date-fns/addDays";
-import { addMonths as f } from "date-fns/addMonths";
-import { addQuarters as A } from "date-fns/addQuarters";
-import { addYears as H } from "date-fns/addYears";
-import { formatISO as V } from "date-fns/formatISO";
-import { fromUnixTime as X } from "date-fns/fromUnixTime";
-import { getUnixTime as y } from "date-fns/getUnixTime";
-import { isAfter as h } from "date-fns/isAfter";
-import { isBefore as u } from "date-fns/isBefore";
-import { isSameDay as J } from "date-fns/isSameDay";
-import { lastDayOfMonth as Z } from "date-fns/lastDayOfMonth";
-import { nextDay as g } from "date-fns/nextDay";
-import { parseISO as T } from "date-fns/parseISO";
-import { setDate as D } from "date-fns/setDate";
-import { setDay as F } from "date-fns/setDay";
-import { setDayOfYear as Y } from "date-fns/setDayOfYear";
-import { startOfToday as b } from "date-fns/startOfToday";
-import { subDays as _ } from "date-fns/subDays";
-import { subMonths as q } from "date-fns/subMonths";
-import { subQuarters as N } from "date-fns/subQuarters";
-import { subYears as R } from "date-fns/subYears";
-import { g as ee, a as te, b as re, c as oe, d as ae, e as se, f as ne } from "./DateUtil-CVXVMbjf.mjs";
-import { b as W } from "./NumberFormatting-DjTD0t3W.mjs";
-import { b as l } from "./Localization-2MODESHW.mjs";
-import { f as k, D as E } from "./DateFormats-Cs-NbEZ7.mjs";
-const Re = ({ iconName: e, label: s, onClick: r, value: a }) => {
-  const t = /* @__PURE__ */ M(P, { children: [
-    /* @__PURE__ */ d(U, { children: /* @__PURE__ */ d(L, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ d(I, { name: e, sx: { color: "text.primary" }, weight: C.Dark }) }) }),
-    /* @__PURE__ */ d(
-      S,
-      {
-        primary: s,
-        primaryTypographyProps: { variant: "XSmall" },
-        secondary: a,
-        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
-      }
-    )
-  ] });
-  return r ? /* @__PURE__ */ d(w, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ M(G, { onClick: r, children: [
-    t,
-    /* @__PURE__ */ d($, { children: /* @__PURE__ */ d(I, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ d(w, { disableGutters: !1, disablePadding: !1, children: t });
-}, et = ({ label: e, onChange: s, options: r, value: a, ...t }) => /* @__PURE__ */ d(
-  z,
-  {
-    InputLabelProps: { shrink: !0 },
-    SelectProps: {
-      IconComponent: (c) => /* @__PURE__ */ d(K, { size: 20, sx: { mr: 4 }, ...c })
-    },
-    defaultValue: 0,
-    label: e,
-    onChange: (c) => {
-      s(Number(c.target.value));
-    },
-    select: !0,
-    value: a,
-    variant: "outlined",
-    ...t,
-    children: r.map((c) => /* @__PURE__ */ d(j, { value: c.id, children: c.label }, c.id))
-  }
-);
-var n = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e[e.TwiceAMonth = 8] = "TwiceAMonth", e))(n || {}), p = /* @__PURE__ */ ((e) => (e[e.Paid = 0] = "Paid", e[e.Missed = 1] = "Missed", e[e.Upcoming = 2] = "Upcoming", e))(p || {}), O = /* @__PURE__ */ ((e) => (e[e.Expense = 0] = "Expense", e[e.Income = 1] = "Income", e))(O || {}), B = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Subscription = 1] = "Subscription", e[e.Bill = 2] = "Bill", e[e.Income = 3] = "Income", e[e.Transfer = 4] = "Transfer", e))(B || {});
-const ce = (e) => {
-  if (!e) return "";
-  let s = e.user_name || e.feed_name || "";
-  return e.account_number && (s = `${s} *${e.account_number}`), s;
-}, ie = (e, s) => {
-  const r = [], a = e.transactions.find(
-    (m) => m.repeating_transaction_guid === e.guid
-  );
-  if (!a) return [];
-  const t = T(e.predicted_occurs_on), o = {
-    accountGuid: e.account?.guid || "",
-    amount: e.amount,
-    categoryGuid: a.category_guid || "",
-    expectedDate: t,
-    frequency: e.recurrence_type,
-    institutionGuid: e.account?.institution_guid || "",
-    institutionName: ce(e.account),
-    merchantGuid: e.merchant_guid,
-    name: e.description,
-    recurrenceDay: e.recurrence_day,
-    repeatingTransactionGuid: e.guid,
-    secondRecurrenceDay: e.second_recurrence_day,
-    status: p.Upcoming,
-    type: e.repeating_transaction_type === B.Income ? O.Income : O.Expense,
-    transaction: void 0
-  }, c = s.start, i = s.end;
-  switch (e.recurrence_type) {
-    case n.EveryWeek:
-      r.push(...ue(o, c, i));
-      break;
-    case n.EveryOtherWeek:
-      r.push(...de(o, c, i));
-      break;
-    case n.TwiceAMonth:
-      r.push(...me(o, c, i));
-      break;
-    case n.EveryMonth:
-      r.push(...le(o, c, i));
-      break;
-    case n.EveryOtherMonth:
-      r.push(...he(o, c, i));
-      break;
-    case n.EveryQuarter:
-      r.push(...fe(o, c, i));
-      break;
-    case n.EveryOtherQuarter:
-      r.push(...pe(o, c, i));
-      break;
-    case n.EveryYear:
-      r.push(...ye(o, c, i));
-      break;
-  }
-  for (const m of r) {
-    const v = e.transactions.find(
-      (x) => x.repeating_transaction_guid === e.guid && x.date > y(_(m.expectedDate, 5)) && x.date < y(Q(m.expectedDate, 5))
-    );
-    v ? (m.transaction = v, m.status = p.Paid, m.occurredOnDate = X(v.date)) : u(m.expectedDate, _(b(), 3)) && (m.status = p.Missed);
-  }
-  return r;
-}, ue = (e, s, r) => {
-  const a = [];
-  let t = g(s, e.recurrenceDay);
-  for (; u(t, r); )
-    a.push({ ...e, expectedDate: t }), t = g(t, e.recurrenceDay);
-  return a;
-}, de = (e, s, r) => {
-  const a = [], t = e.expectedDate;
-  if (u(t, r)) {
-    let o = _(t, 14);
-    for (; h(o, s) || J(o, s); )
-      a.push({ ...e, expectedDate: o }), o = _(o, 14);
-    for (o = t; h(o, s) && u(o, r); )
-      a.push({ ...e, expectedDate: o }), o = Q(o, 14);
-  }
-  return a;
-}, me = (e, s, r) => {
-  const a = [];
-  let t = D(s, e.recurrenceDay);
-  for (; u(t, r); )
-    a.push({ ...e, expectedDate: t }), t = f(t, 1);
-  let o = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? D(s, e.secondRecurrenceDay) : Z(s);
-  for (; u(o, r); )
-    a.push({ ...e, expectedDate: o }), o = f(o, 1);
-  return a;
-}, le = (e, s, r) => {
-  const a = [];
-  let t = D(s, e.recurrenceDay);
-  for (a.push({ ...e, expectedDate: t }), t = f(t, 1); u(t, r); )
-    a.push({ ...e, expectedDate: t }), t = f(t, 1);
-  return a;
-}, he = (e, s, r) => {
-  const a = [], t = e.expectedDate;
-  let o = u(t, r) ? t : q(t, 2);
-  for (; u(o, r); )
-    h(o, s) && a.push({ ...e, expectedDate: o }), o = f(o, 2);
-  return a;
-}, fe = (e, s, r) => {
-  const a = [], t = e.expectedDate;
-  let o = u(t, r) ? t : N(t, 1);
-  for (; u(o, r); )
-    h(o, s) && a.push({ ...e, expectedDate: o }), o = A(o, 1);
-  return a;
-}, pe = (e, s, r) => {
-  const a = [], t = e.expectedDate;
-  let o = u(t, r) ? t : N(t, 2);
-  for (; u(o, r); )
-    h(o, s) && a.push({ ...e, expectedDate: o }), o = A(o, 2);
-  return a;
-}, ye = (e, s, r) => {
-  const a = [], t = e.expectedDate;
-  let o = u(t, r) ? t : R(t, 1);
-  for (; u(o, r); )
-    h(o, s) && a.push({ ...e, expectedDate: o }), o = H(o, 1);
-  return a;
-}, tt = (e, s) => {
-  const r = [];
-  for (const a of e) {
-    const t = ie(a, s);
-    r.push(...t);
-  }
-  return r.sort(
-    (a, t) => y(a.occurredOnDate || a.expectedDate) - y(t.occurredOnDate || t.expectedDate)
-  );
-}, rt = (e, s, r) => {
-  const a = [];
-  for (const t of s) {
-    const o = r.filter(
-      (c) => c.repeating_transaction_guid === t.guid
-    );
-    r.length > 0 && a.push({
-      ...t,
-      account: e.find((c) => c.guid === t.account_guid),
-      transactions: o
-    });
-  }
-  return a;
-}, ot = (e) => e.reduce((s, r) => {
-  const a = V(r.expectedDate, { representation: "date" }), t = s.find(
-    (o) => o.date.toString() === r.expectedDate.toString()
-  );
-  return t ? t.recurrences.push(r) : s.push({
-    date: r.expectedDate,
-    id: `date-${a}`,
-    recurrences: [r]
-  }), s;
-}, []), at = (e, s, r) => {
-  const a = g(b(), s.recurrence_day), t = Y(b(), s.recurrence_day), o = W(s.recurrence_day), c = s.second_recurrence_day ? W(s.second_recurrence_day) : "";
-  let i = r ? l(e.monthly_ordinal, o) : e.monthly;
-  switch (s.recurrence_type) {
-    case n.EveryQuarter:
-      i = r ? l(e.quarterly_ordinal, o) : e.quarterly;
-      break;
-    case n.EveryWeek:
-      i = r ? l(
-        e.weekly_ordinal,
-        k(a, E.DAY_OF_WEEK)
-      ) : e.weekly;
-      break;
-    case n.EveryYear:
-      i = r ? l(
-        e.anually_ordinal,
-        k(t, E.MONTH_DAY)
-      ) : e.anually;
-      break;
-    case n.EveryOtherWeek:
-      i = r ? l(
-        e.every_other_week_ordinal,
-        k(a, E.DAY_OF_WEEK)
-      ) : e.every_other_week;
-      break;
-    case n.EveryOtherMonth:
-      i = r ? l(e.every_other_month_ordinal, o) : e.every_other_month;
-      break;
-    case n.EveryOtherQuarter:
-      i = r ? l(e.every_other_quarter_ordinal, o) : e.every_other_quarter;
-      break;
-    case n.TwiceAMonth:
-      i = r ? l(e.twice_a_month_ordinal, o, c) : e.twice_a_month;
-      break;
-  }
-  return i;
-}, st = (e, s, r) => {
-  let a = s;
-  r !== void 0 && (e === n.EveryWeek || e === n.EveryOtherWeek ? a = F(s, r) : e === n.EveryYear ? a = Y(s, r) : a = D(s, r));
-  let t = a;
-  switch (e) {
-    case n.EveryWeek:
-      t = ne(a);
-      break;
-    case n.EveryOtherWeek:
-      t = se(a);
-      break;
-    case n.EveryMonth:
-      t = ae(a);
-      break;
-    case n.EveryOtherMonth:
-      t = oe(a);
-      break;
-    case n.EveryQuarter:
-      t = re(a);
-      break;
-    case n.EveryOtherQuarter:
-      t = te(a);
-      break;
-    case n.EveryYear:
-      t = ee(a);
-      break;
-  }
-  return t;
-};
-export {
-  Re as D,
-  n as F,
-  B as R,
-  et as S,
-  rt as a,
-  tt as b,
-  p as c,
-  O as d,
-  st as e,
-  ot as f,
-  at as g
-};

package/dist/SearchBox-B2_zLv8-.mjs

@@ -1,42 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { observer as p } from "mobx-react-lite";
-import d from "@mui/material/Box";
-import h from "@mui/material/IconButton";
-import a from "@mui/material/InputAdornment";
-import { useTokens as x, TextField as u, Icon as c } from "@mxenabled/mxui";
-const b = ({
-  ariaLabel: t = "Search",
-  cancelAriaLabel: s = "Cancel Search",
-  onChange: e,
-  placeholder: i = "Search",
-  searchValue: o
-}) => {
-  const n = x(), m = /* @__PURE__ */ r(
-    h,
-    {
-      "aria-label": s,
-      className: "mx-cat-cancel-search-button",
-      color: "primary",
-      onClick: () => e(""),
-      children: /* @__PURE__ */ r(c, { name: "cancel", size: 24 })
-    }
-  );
-  return /* @__PURE__ */ r(d, { className: "mx-cmn-search-box", px: n.Spacing.Large, py: n.Spacing.Medium, children: /* @__PURE__ */ r(
-    u,
-    {
-      InputProps: {
-        startAdornment: /* @__PURE__ */ r(a, { position: "start", children: /* @__PURE__ */ r(c, { color: "disabled", name: "search", size: 26 }) }),
-        endAdornment: /* @__PURE__ */ r(a, { position: "end", sx: { p: 0 }, children: o ? m : null })
-      },
-      "aria-label": t,
-      name: "search",
-      onChange: (l) => e(l.target.value),
-      placeholder: i,
-      sx: { bgcolor: "background.paper", width: "100%" },
-      value: o
-    }
-  ) });
-}, v = p(b);
-export {
-  v as S
-};

package/dist/SpendingLegend-Bld71d7q.mjs

@@ -1,193 +0,0 @@
-import { b as T } from "./CategoryUtil-DB-9JMbi.mjs";
-import { b as p } from "./Category-Ccoew_sA.mjs";
-import { jsxs as f, Fragment as w, jsx as m } from "react/jsx-runtime";
-import _ from "react";
-import { observer as N } from "mobx-react-lite";
-import k from "@mui/material/Button";
-import h from "@mui/material/Stack";
-import { useTheme as M } from "@mui/material/styles";
-import { CategoryIcon as A, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
-import { D as $ } from "./Donut-DKY8mL3P.mjs";
-import { u as j } from "./useAriaLive-MkYebyUR.mjs";
-import { u as R } from "./hooks-CBl85iRr.mjs";
-import { u as v } from "./useScreenSize-B6JyS_Lj.mjs";
-import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
-import B from "@mui/material/Box";
-const D = 5, H = (i, l, g, d) => d.reduce((t, n) => {
-  const a = i.find((s) => s.guid === n.category_guid);
-  if (!a) return t;
-  const o = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === o);
-  if (!r) return t;
-  const c = {
-    guid: a.guid,
-    name: a.guid === o ? `${l.parent_category_totals_label_general} ${a.name}` : a.name,
-    color: T(r.guid, g),
-    amount: n.total
-  }, e = t.find((s) => s.guid === o);
-  return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : t.push({
-    guid: o,
-    name: r.name,
-    color: T(r.guid, g),
-    categoryTotals: [c],
-    amount: n.total
-  }), t;
-}, []), no = (i, l, g, d) => {
-  const t = H(i, l, g, d), n = t.filter(
-    (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
-  ).sort((e, s) => s.amount - e.amount), a = n.reduce(
-    (e, s) => e + s.amount,
-    0
-  ), o = n.length > D ? D : n.length, r = n.slice(0, o), c = r.map((e) => ({
-    id: e.guid,
-    color: T(e.guid, g),
-    label: e.name,
-    value: e.amount / a * 100
-  }));
-  if (n.length > 5) {
-    const e = n.slice(D, t.length), s = e.reduce(
-      (C, u) => C + u.amount,
-      0
-    );
-    r.push({
-      guid: "other",
-      color: g.palette.categories.others || "",
-      name: l.saving_goal_other,
-      categoryTotals: e,
-      amount: s
-    }), c.push({
-      id: "other",
-      color: g.palette.categories.others || "",
-      label: l.saving_goal_other,
-      value: s / a * 100
-    });
-  }
-  return {
-    categoryData: r,
-    donutData: c,
-    totalAmount: a
-  };
-}, eo = (i, l, g) => {
-  const d = i.filter(
-    (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
-  ), t = l.filter((o) => d.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
-    guid: o.category_guid,
-    name: i.find((c) => c.guid === o.category_guid)?.name,
-    color: g[r],
-    categoryTotals: [],
-    amount: Math.abs(o.total)
-  })), n = t.reduce(
-    (o, r) => o + r.amount,
-    0
-  ), a = t.map((o) => ({
-    id: o.guid,
-    color: o.color,
-    label: o.name,
-    value: o.amount / n * 100
-  }));
-  return {
-    categoryData: t,
-    donutData: a,
-    totalAmount: n
-  };
-}, V = ({
-  data: i,
-  isIncome: l = !1,
-  onSelected: g,
-  onViewTransactions: d,
-  selectedId: t,
-  size: n = 150,
-  totalLabel: a,
-  variant: o = "mini"
-}) => {
-  const { spending: r } = R(), c = M(), { isTablet: e } = v(), { announce: s, ariaLive: C } = j(), u = _.useMemo(
-    () => t ? i.categoryData.find((b) => b.guid === t) : void 0,
-    [t]
-  );
-  _.useEffect(() => {
-    if (u) {
-      const b = x(u.amount, o === "mini" ? "0,0" : "0,0.00");
-      s(`${u.name}: ${b}`);
-    }
-  }, [u, s, o]);
-  const S = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], E = () => {
-    d?.(t);
-  }, I = e ? 32 : 48;
-  return /* @__PURE__ */ f(w, { children: [
-    C,
-    /* @__PURE__ */ m($, { data: S, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ m(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ f(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
-      u && /* @__PURE__ */ f(
-        h,
-        {
-          alignItems: "center",
-          gap: o === "mini" ? 0 : 8,
-          mb: o === "mini" ? 0 : 8,
-          mt: o === "mini" ? 0 : -16,
-          sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
-          children: [
-            /* @__PURE__ */ m(
-              A,
-              {
-                categoryGuid: l ? p.INCOME : u.guid,
-                size: o === "mini" ? 24 : I,
-                variant: G.Transparent
-              }
-            ),
-            /* @__PURE__ */ m(
-              y,
-              {
-                color: "secondary",
-                noWrap: !0,
-                variant: o === "mini" ? "Tiny" : "Body",
-                children: u ? u.name : a
-              }
-            )
-          ]
-        }
-      ),
-      !u && o === "full" && /* @__PURE__ */ m(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ m(O, { variant: o === "mini" ? "H2" : "H1", children: u ? x(u.amount, o === "mini" ? "0,0" : "0,0.00") : x(i.totalAmount, o === "mini" ? "0,0" : "0,0.00") }),
-      !u && o === "mini" && /* @__PURE__ */ m(y, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
-      o === "full" && /* @__PURE__ */ m(
-        k,
-        {
-          "aria-label": `View ${u?.name || ""} Transactions`,
-          disabled: i.categoryData.length === 0,
-          onClick: E,
-          sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
-          variant: "text",
-          children: r.view_transactions
-        }
-      )
-    ] }) }) })
-  ] });
-}, ro = N(V), ao = ({ data: i, onSelected: l, selectedId: g }) => {
-  const d = (t, n) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
-  };
-  return /* @__PURE__ */ m(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((t) => /* @__PURE__ */ f(
-    h,
-    {
-      alignItems: "center",
-      "aria-label": t.name,
-      "aria-pressed": t.guid === g,
-      direction: "row",
-      gap: 8,
-      onClick: () => l(t.guid),
-      onKeyDown: (n) => d(n, t.guid),
-      role: "button",
-      sx: { cursor: "pointer" },
-      tabIndex: 0,
-      children: [
-        /* @__PURE__ */ m(B, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
-        /* @__PURE__ */ m(y, { bold: t.guid === g, variant: "XSmall", children: t.name })
-      ]
-    },
-    t.guid
-  )) });
-};
-export {
-  ro as S,
-  eo as a,
-  ao as b,
-  no as g
-};