@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/{RecurringSettings-RfZ8Wuhh.mjs → RecurringSettings-BpCUcE8w.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-D_qVX5dN.mjs";
-import { u as _, j as A, g as f } from "./hooks-C41HAxM5.mjs";
-import { R as y, F as N } from "./RecurringTransactions-Bhx56aA3.mjs";
-import { A as m } from "./WidgetContainer-B1Jzb4XA.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-DIIyqDTp.mjs";
+import { u as _, j as A, g as f } from "./hooks-fY_n74f7.mjs";
+import { R as y, F as N } from "./RepeatingTransaction-C2txVA9O.mjs";
+import { A as m } from "./WidgetContainer-mzejMmz2.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
     a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

package/dist/{RecurringTransactionsStore-D3EOKZ2B.mjs → RecurringTransactionsStore-D_--5PWH.mjs}

@@ -8,7 +8,7 @@ import { startOfMonth as y } from "date-fns/startOfMonth";
 import { startOfToday as i } from "date-fns/startOfToday";
 import { subDays as I } from "date-fns/subDays";
 import { F as x, A as o } from "./Fetch-DecPFeGU.mjs";
-import { a as u, b as A, c as r, d } from "./RecurringTransactions-Bhx56aA3.mjs";
+import { a as u, b as A, c as r, d } from "./RepeatingTransaction-C2txVA9O.mjs";
 var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
 const G = 44;
 class h {

package/dist/{RecurringTransactions-Bhx56aA3.mjs → RepeatingTransaction-C2txVA9O.mjs}

@@ -29,11 +29,10 @@ import { subQuarters as N } from "date-fns/subQuarters";
 import { subYears as T } from "date-fns/subYears";
 import { lastDayOfMonth as q } from "date-fns/lastDayOfMonth";
 import { setDayOfYear as F } from "date-fns/setDayOfYear";
-import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-CDPZw_-m.mjs";
+import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-CVsMhbZU.mjs";
 import { b as W } from "./NumberFormatting-DjTD0t3W.mjs";
-import { f as v, a as k } from "./Dialog-CDV0kKxj.mjs";
+import { f as v, D as k } from "./Dialog-CWymUiuO.mjs";
 import { b as l } from "./Localization-2MODESHW.mjs";
-var s = /* @__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))(s || {}), 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 || {}), Y = /* @__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))(Y || {});
 const qe = ({ iconName: e, label: a, onClick: t, value: n }) => {
   const o = /* @__PURE__ */ M(B, { children: [
     /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(P, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ d(I, { name: e, sx: { color: "text.primary" }, weight: S.Dark }) }) }),
@@ -277,6 +276,7 @@ const qe = ({ iconName: e, label: a, onClick: t, value: n }) => {
   }
   return t;
 };
+var s = /* @__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))(s || {}), 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 || {}), Y = /* @__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))(Y || {});
 export {
   qe as D,
   s as F,

package/dist/{SettingsStore-BASMQSIp.mjs → SettingsStore-CInvh-rQ.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as N, runInAction as l } from "mobx";
 import { F as D, A as r } from "./Fetch-DecPFeGU.mjs";
-import { I as i, A as n, B as f } from "./ToggleListItem-ciFTiqRS.mjs";
+import { I as i, A as n, B as f } from "./Notification-Bs1fdbzI.mjs";
 import { T as m } from "./TransactionApi-CjBoLleL.mjs";
 class y {
   fetchInstance;

package/dist/SpendingData-B7NuTQ9s.mjs

@@ -0,0 +1,53 @@
+import { addMonths as u } from "date-fns/addMonths";
+import { isBefore as d } from "date-fns/isBefore";
+import { startOfMonth as _ } from "date-fns/startOfMonth";
+import { subMonths as y } from "date-fns/subMonths";
+import { endOfMonth as M } from "date-fns/endOfMonth";
+import { b as a, P as l } from "./Category-Ccoew_sA.mjs";
+import { f as m, D as T } from "./Dialog-CWymUiuO.mjs";
+const i = (e) => (e.top_level_category_guid === a.INCOME || e.category_guid === a.INCOME) && !h(e), C = (e) => !i(e) && !f(e), p = (e) => l.includes(e.top_level_category_guid) || l.includes(e.category_guid), f = (e) => e.top_level_category_guid === a.TRANSFER || e.category_guid === a.TRANSFER, h = (e) => e.top_level_category_guid === a.INVESTMENTS || e.category_guid === a.INVESTMENTS, N = (e) => !i(e) && !p(e) && !f(e) && !h(e), w = (e) => e.filter((r) => r.category_guid === r.top_level_category_guid), F = (e, r) => {
+  if (r === 0) return 0;
+  const o = (e - r) / r;
+  return isNaN(o) ? 0 : o;
+}, g = (e, r) => {
+  const o = [];
+  let t = _(r?.start ?? y(/* @__PURE__ */ new Date(), 5));
+  const s = r?.end ?? /* @__PURE__ */ new Date();
+  for (; d(t, s); )
+    o.push({
+      x: m(t, T.MONTH_SHORT),
+      y: e.filter((n) => n.year === t.getFullYear() && n.month === t.getMonth() + 1).reduce((n, c) => n + c.total, 0)
+    }), t = u(t, 1);
+  return o;
+}, b = (e, r) => {
+  const o = e.filter(i);
+  return g(o, r).map((t) => ({ ...t, y: Math.abs(t.y) }));
+}, A = (e, r) => {
+  const o = e.filter(p);
+  return g(o, r).map((t) => ({ ...t, y: Math.abs(t.y) }));
+}, x = (e, r) => {
+  const o = e.filter(N);
+  return g(o, r);
+}, H = (e) => {
+  const r = [], o = e.filter(
+    (n) => n.top_level_category_guid !== a.INCOME && n.top_level_category_guid !== a.TRANSFER && n.total > 0
+  );
+  let t = _(y(/* @__PURE__ */ new Date(), 5));
+  const s = M(/* @__PURE__ */ new Date());
+  for (; d(t, s); )
+    r.push({
+      x: m(t, T.MONTH_SHORT),
+      y: o.filter((n) => n.year === t.getFullYear() && n.month === t.getMonth() + 1).reduce((n, c) => n + c.total, 0)
+    }), t = u(t, 1);
+  return r;
+};
+export {
+  A as a,
+  x as b,
+  w as c,
+  C as d,
+  H as e,
+  F as f,
+  b as g,
+  i
+};

package/dist/SpendingLegend-BxefXiQd.mjs

@@ -0,0 +1,193 @@
+import { b as T } from "./CategoryUtil-CFHBvaV4.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-Dmy3JTWd.mjs";
+import { u as j } from "./useAriaLive-B3_pRUio.mjs";
+import { u as R } from "./hooks-fY_n74f7.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, c) => c.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 d = {
+    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(d)) : t.push({
+    guid: o,
+    name: r.name,
+    color: T(r.guid, g),
+    categoryTotals: [d],
+    amount: n.total
+  }), t;
+}, []), no = (i, l, g, c) => {
+  const t = H(i, l, g, c), 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), d = 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
+    }), d.push({
+      id: "other",
+      color: g.palette.categories.others || "",
+      label: l.saving_goal_other,
+      value: s / a * 100
+    });
+  }
+  return {
+    categoryData: r,
+    donutData: d,
+    totalAmount: a
+  };
+}, eo = (i, l, g) => {
+  const c = i.filter(
+    (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
+  ), t = l.filter((o) => c.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
+    guid: o.category_guid,
+    name: i.find((d) => d.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: c,
+  selectedId: t,
+  size: n = 150,
+  totalLabel: a,
+  variant: o = "mini"
+}) => {
+  const { spending: r } = R(), d = 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: d.palette.divider, value: 100 }], E = () => {
+    c?.(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 c = (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) => c(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
+};