@mx-cartographer/experiences 7.3.2 → 7.4.0

package/dist/{RecurringTransactions-ej39mgA6.mjs → RecurringTransactions-CngsRZ3K.mjs}

@@ -17,7 +17,7 @@ import { formatISO as H } from "date-fns/formatISO";
 import { fromUnixTime as V } from "date-fns/fromUnixTime";
 import { getUnixTime as y } from "date-fns/getUnixTime";
 import { isAfter as h } from "date-fns/isAfter";
-import { isBefore as i } from "date-fns/isBefore";
+import { isBefore as u } from "date-fns/isBefore";
 import { isSameDay as X } from "date-fns/isSameDay";
 import { nextDay as E } from "date-fns/nextDay";
 import { parseISO as J } from "date-fns/parseISO";
@@ -29,9 +29,9 @@ 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-BcuH7ErC.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-CBdcsyuk.mjs";
 import { b as W } from "./NumberFormatting-Buh7u8Oi.mjs";
-import { f as v, D as k } from "./Dialog-CWW597AF.mjs";
+import { f as v, a as k } from "./Dialog-BPTr3qHE.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 se = ({ iconName: e, label: a, onClick: t, value: n }) => {
@@ -51,22 +51,23 @@ const se = ({ iconName: e, label: a, onClick: t, value: n }) => {
     o,
     /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(I, { name: "chevron_right", size: 24 }) })
   ] }) }) : /* @__PURE__ */ d(w, { disableGutters: !1, disablePadding: !1, children: o });
-}, Fe = se, Re = ({ label: e, onChange: a, options: t, value: n }) => /* @__PURE__ */ d(
+}, Fe = se, Re = ({ label: e, onChange: a, options: t, value: n, ...o }) => /* @__PURE__ */ d(
   j,
   {
     InputLabelProps: { shrink: !0 },
     SelectProps: {
-      IconComponent: (r) => /* @__PURE__ */ d(z, { size: 20, sx: { mr: 4 }, ...r })
+      IconComponent: (c) => /* @__PURE__ */ d(z, { size: 20, sx: { mr: 4 }, ...c })
     },
     defaultValue: 0,
     label: e,
-    onChange: (r) => {
-      a(Number(r.target.value));
+    onChange: (c) => {
+      a(Number(c.target.value));
     },
     select: !0,
     value: n,
     variant: "outlined",
-    children: t.map((r) => /* @__PURE__ */ d($, { value: r.id, children: r.label }, r.id))
+    ...o,
+    children: t.map((c) => /* @__PURE__ */ d($, { value: c.id, children: c.label }, c.id))
   }
 ), ce = (e) => {
   if (!e) return "";
@@ -93,93 +94,93 @@ const se = ({ iconName: e, label: a, onClick: t, value: n }) => {
     status: p.Upcoming,
     type: e.repeating_transaction_type === Y.Income ? O.Income : O.Expense,
     transaction: void 0
-  }, u = a.start, c = a.end;
+  }, c = a.start, i = a.end;
   switch (e.recurrence_type) {
     case s.EveryWeek:
-      t.push(...ue(r, u, c));
+      t.push(...ue(r, c, i));
       break;
     case s.EveryOtherWeek:
-      t.push(...de(r, u, c));
+      t.push(...de(r, c, i));
       break;
     case s.TwiceAMonth:
-      t.push(...me(r, u, c));
+      t.push(...me(r, c, i));
       break;
     case s.EveryMonth:
-      t.push(...le(r, u, c));
+      t.push(...le(r, c, i));
       break;
     case s.EveryOtherMonth:
-      t.push(...he(r, u, c));
+      t.push(...he(r, c, i));
       break;
     case s.EveryQuarter:
-      t.push(...fe(r, u, c));
+      t.push(...fe(r, c, i));
       break;
     case s.EveryOtherQuarter:
-      t.push(...pe(r, u, c));
+      t.push(...pe(r, c, i));
       break;
     case s.EveryYear:
-      t.push(...ye(r, u, c));
+      t.push(...ye(r, c, i));
       break;
   }
   for (const m of t) {
     const _ = e.transactions.find(
       (x) => x.repeating_transaction_guid === e.guid && x.date > y(D(m.expectedDate, 5)) && x.date < y(Q(m.expectedDate, 5))
     );
-    _ ? (m.transaction = _, m.status = p.Paid, m.occurredOnDate = V(_.date)) : i(m.expectedDate, D(b(), 3)) && (m.status = p.Missed);
+    _ ? (m.transaction = _, m.status = p.Paid, m.occurredOnDate = V(_.date)) : u(m.expectedDate, D(b(), 3)) && (m.status = p.Missed);
   }
   return t;
 }, ue = (e, a, t) => {
   const n = [];
   let o = E(a, e.recurrenceDay);
-  for (; i(o, t); )
+  for (; u(o, t); )
     n.push({ ...e, expectedDate: o }), o = E(o, e.recurrenceDay);
   return n;
 }, de = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  if (i(o, t)) {
+  if (u(o, t)) {
     let r = D(o, 14);
     for (; h(r, a) || X(r, a); )
       n.push({ ...e, expectedDate: r }), r = D(r, 14);
-    for (r = o; h(r, a) && i(r, t); )
+    for (r = o; h(r, a) && u(r, t); )
       n.push({ ...e, expectedDate: r }), r = Q(r, 14);
   }
   return n;
 }, me = (e, a, t) => {
   const n = [];
   let o = g(a, e.recurrenceDay);
-  for (; i(o, t); )
+  for (; u(o, t); )
     n.push({ ...e, expectedDate: o }), o = f(o, 1);
   let r = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? g(a, e.secondRecurrenceDay) : q(a);
-  for (; i(r, t); )
+  for (; u(r, t); )
     n.push({ ...e, expectedDate: r }), r = f(r, 1);
   return n;
 }, le = (e, a, t) => {
   const n = [];
   let o = g(a, e.recurrenceDay);
-  for (n.push({ ...e, expectedDate: o }), o = f(o, 1); i(o, t); )
+  for (n.push({ ...e, expectedDate: o }), o = f(o, 1); u(o, t); )
     n.push({ ...e, expectedDate: o }), o = f(o, 1);
   return n;
 }, he = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = i(o, t) ? o : Z(o, 2);
-  for (; i(r, t); )
+  let r = u(o, t) ? o : Z(o, 2);
+  for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = f(r, 2);
   return n;
 }, fe = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = i(o, t) ? o : N(o, 1);
-  for (; i(r, t); )
+  let r = u(o, t) ? o : N(o, 1);
+  for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 1);
   return n;
 }, pe = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = i(o, t) ? o : N(o, 2);
-  for (; i(r, t); )
+  let r = u(o, t) ? o : N(o, 2);
+  for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 2);
   return n;
 }, ye = (e, a, t) => {
   const n = [], o = e.expectedDate;
-  let r = i(o, t) ? o : T(o, 1);
-  for (; i(r, t); )
+  let r = u(o, t) ? o : T(o, 1);
+  for (; u(r, t); )
     h(r, a) && n.push({ ...e, expectedDate: r }), r = K(r, 1);
   return n;
 }, et = (e, a) => {
@@ -195,11 +196,11 @@ const se = ({ iconName: e, label: a, onClick: t, value: n }) => {
   const n = [];
   for (const o of a) {
     const r = t.filter(
-      (u) => u.repeating_transaction_guid === o.guid
+      (c) => c.repeating_transaction_guid === o.guid
     );
     t.length > 0 && n.push({
       ...o,
-      account: e.find((u) => u.guid === o.account_guid),
+      account: e.find((c) => c.guid === o.account_guid),
       transactions: r
     });
   }
@@ -214,41 +215,41 @@ const se = ({ iconName: e, label: a, onClick: t, value: n }) => {
     recurrences: [t]
   }), a;
 }, []), ot = (e, a, t) => {
-  const n = E(b(), a.recurrence_day), o = F(b(), a.recurrence_day), r = W(a.recurrence_day), u = a.second_recurrence_day ? W(a.second_recurrence_day) : "";
-  let c = t ? l(e.monthly_ordinal, r) : e.monthly;
+  const n = E(b(), a.recurrence_day), o = F(b(), a.recurrence_day), r = W(a.recurrence_day), c = a.second_recurrence_day ? W(a.second_recurrence_day) : "";
+  let i = t ? l(e.monthly_ordinal, r) : e.monthly;
   switch (a.recurrence_type) {
     case s.EveryQuarter:
-      c = t ? l(e.quarterly_ordinal, r) : e.quarterly;
+      i = t ? l(e.quarterly_ordinal, r) : e.quarterly;
       break;
     case s.EveryWeek:
-      c = t ? l(
+      i = t ? l(
         e.weekly_ordinal,
         v(n, k.DAY_OF_WEEK)
       ) : e.weekly;
       break;
     case s.EveryYear:
-      c = t ? l(
+      i = t ? l(
         e.anually_ordinal,
         v(o, k.MONTH_DAY)
       ) : e.anually;
       break;
     case s.EveryOtherWeek:
-      c = t ? l(
+      i = t ? l(
         e.every_other_week_ordinal,
         v(n, k.DAY_OF_WEEK)
       ) : e.every_other_week;
       break;
     case s.EveryOtherMonth:
-      c = t ? l(e.every_other_month_ordinal, r) : e.every_other_month;
+      i = t ? l(e.every_other_month_ordinal, r) : e.every_other_month;
       break;
     case s.EveryOtherQuarter:
-      c = t ? l(e.every_other_quarter_ordinal, r) : e.every_other_quarter;
+      i = t ? l(e.every_other_quarter_ordinal, r) : e.every_other_quarter;
       break;
     case s.TwiceAMonth:
-      c = t ? l(e.twice_a_month_ordinal, r, u) : e.twice_a_month;
+      i = t ? l(e.twice_a_month_ordinal, r, c) : e.twice_a_month;
       break;
   }
-  return c;
+  return i;
 }, at = (e, a) => {
   let t = a;
   switch (e) {

package/dist/{RecurringTransactionsStore-BiwCzScZ.mjs → RecurringTransactionsStore-Bc1wCiNB.mjs}

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

package/dist/{SpendingData-D5vsfYKo.mjs → SpendingData-BuJ03S9d.mjs}

@@ -4,40 +4,40 @@ 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 n, P as l } from "./Category-CevNQ03n.mjs";
-import { f as m, D as T } from "./Dialog-CWW597AF.mjs";
+import { f as m, a as T } from "./Dialog-BPTr3qHE.mjs";
 const i = (e) => (e.top_level_category_guid === n.INCOME || e.category_guid === n.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 === n.TRANSFER || e.category_guid === n.TRANSFER, h = (e) => e.top_level_category_guid === n.INVESTMENTS || e.category_guid === n.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;
+  const a = (e - r) / r;
+  return isNaN(a) ? 0 : a;
 }, g = (e, r) => {
-  const o = [];
+  const a = [];
   let t = _(r?.start ?? y(/* @__PURE__ */ new Date(), 5));
   const s = r?.end ?? /* @__PURE__ */ new Date();
   for (; d(t, s); )
-    o.push({
+    a.push({
       x: m(t, T.MONTH_SHORT),
-      y: e.filter((a) => a.year === t.getFullYear() && a.month === t.getMonth() + 1).reduce((a, c) => a + c.total, 0)
+      y: e.filter((o) => o.year === t.getFullYear() && o.month === t.getMonth() + 1).reduce((o, c) => o + c.total, 0)
     }), t = u(t, 1);
-  return o;
+  return a;
 }, b = (e, r) => {
-  const o = e.filter(i);
-  return g(o, r).map((t) => ({ ...t, y: Math.abs(t.y) }));
+  const a = e.filter(i);
+  return g(a, 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) }));
+  const a = e.filter(p);
+  return g(a, r).map((t) => ({ ...t, y: Math.abs(t.y) }));
 }, x = (e, r) => {
-  const o = e.filter(N);
-  return g(o, r);
+  const a = e.filter(N);
+  return g(a, r);
 }, H = (e) => {
-  const r = [], o = e.filter(
-    (a) => a.top_level_category_guid !== n.INCOME && a.top_level_category_guid !== n.TRANSFER && a.total > 0
+  const r = [], a = e.filter(
+    (o) => o.top_level_category_guid !== n.INCOME && o.top_level_category_guid !== n.TRANSFER && o.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((a) => a.year === t.getFullYear() && a.month === t.getMonth() + 1).reduce((a, c) => a + c.total, 0)
+      y: a.filter((o) => o.year === t.getFullYear() && o.month === t.getMonth() + 1).reduce((o, c) => o + c.total, 0)
     }), t = u(t, 1);
   return r;
 };

package/dist/SpendingLegend-B2BYr8B4.mjs

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