@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.mega1

package/dist/{RecurringTransactionsStore-CNFxyGB6.mjs → RecurringTransactionsStore-BhBUVm9a.mjs}

@@ -1,64 +1,58 @@
-import { makeAutoObservable as R, runInAction as c } from "mobx";
-import { endOfMonth as f } from "date-fns/endOfMonth";
-import { isAfter as g } from "date-fns/isAfter";
-import { isBefore as S } from "date-fns/isBefore";
-import { isSameDay as p } from "date-fns/isSameDay";
-import { isWithinInterval as T } from "date-fns/isWithinInterval";
-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 { makeAutoObservable as f, runInAction as i } from "mobx";
+import { endOfMonth as R } from "date-fns/endOfMonth";
+import { isAfter as p } from "date-fns/isAfter";
+import { isBefore as I } from "date-fns/isBefore";
+import { isSameDay as g } from "date-fns/isSameDay";
+import { isWithinInterval as m } from "date-fns/isWithinInterval";
+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 { a as u, b as A, c as r, d } from "./RecurringTransactions-CxcSL1dY.mjs";
-var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
-const G = 44;
+import { b as E, a, c as d, d as u } from "./RecurringTransactions-BqijW_8S.mjs";
+var A = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(A || {});
+const U = 44;
 class h {
   fetchInstance;
-  constructor(t, e, n) {
-    this.fetchInstance = new x(t, e, void 0, n);
+  constructor(e, t, n) {
+    this.fetchInstance = new x(e, t, void 0, n);
   }
-  addRepeatingTransaction = async (t) => this.fetchInstance.post(o.REPEATING_TRANSACTIONS, t).then((e) => e.repeating_transaction);
-  getRepeatingTransactions = async () => this.fetchInstance.get(o.REPEATING_TRANSACTIONS).then((t) => t.repeating_transactions);
-  updateRepeatingTransaction = async (t) => this.fetchInstance.put(
-    `${o.REPEATING_TRANSACTIONS}/${t.guid}`,
-    t
-  ).then((e) => e.repeating_transaction);
-  deleteRepeatingTransaction = async (t) => this.fetchInstance.delete(`${o.REPEATING_TRANSACTIONS}/${t}`).then((e) => e);
+  addRepeatingTransaction = async (e) => this.fetchInstance.post(o.REPEATING_TRANSACTIONS, e).then((t) => t.repeating_transaction);
+  getRepeatingTransactions = async () => this.fetchInstance.get(o.REPEATING_TRANSACTIONS).then((e) => e.repeating_transactions);
+  updateRepeatingTransaction = async (e) => this.fetchInstance.put(
+    `${o.REPEATING_TRANSACTIONS}/${e.guid}`,
+    e
+  ).then((t) => t.repeating_transaction);
+  deleteRepeatingTransaction = async (e) => this.fetchInstance.delete(`${o.REPEATING_TRANSACTIONS}/${e}`).then((t) => t);
 }
-const l = (a, t) => T(t.expectedDate, a), s = (a, t) => a + t.amount;
-class U {
+const l = (r, e) => m(e.expectedDate, r), s = (r, e) => r + e.amount;
+class C {
   globalStore;
   api = new h("/", "");
+  transactions = [];
   repeatingTransactions = [];
-  isDataLoaded = !1;
   selectedDay;
-  dateRange = { start: y(i()), end: f(i()) };
-  constructor(t) {
-    this.globalStore = t, this.api = new h(
-      t.endpoint,
-      t.sessionToken,
-      t.onError
-    ), R(this);
-  }
-  get detailedRepeatingTransactions() {
-    return u(
-      this.globalStore.accountStore.visibleAccounts,
-      this.repeatingTransactions,
-      this.globalStore.transactionStore.transactions
-    );
+  dateRange = { start: S(c()), end: R(c()) };
+  isDataLoaded = !1;
+  constructor(e) {
+    this.globalStore = e, this.api = new h(
+      e.endpoint,
+      e.sessionToken,
+      e.onError
+    ), f(this);
   }
   /**
    * Returns all recurrences built from repeating transactions and filtered by accounts.
    */
   get recurrences() {
-    const t = this.globalStore.accountStore.visibleAccounts;
-    return A(this.detailedRepeatingTransactions, this.dateRange).filter((e) => t.some((n) => n.guid === e.accountGuid && !n.is_excluded_from_accounts)).filter((e) => T(e.expectedDate, this.dateRange));
+    const e = this.globalStore.accountStore.visibleAccounts;
+    return E(this.repeatingTransactions, this.dateRange).filter((t) => e.some((n) => n.guid === t.accountGuid && !n.is_excluded_from_accounts)).filter((t) => m(t.expectedDate, this.dateRange));
   }
   /**
    * Returns all recurrences that have occurred in the past, including those that are paid or missed
    */
   get pastRecurrences() {
     return this.recurrences.filter(
-      (t) => t.status === r.Paid || t.status === r.Missed
+      (e) => e.status === a.Paid || e.status === a.Missed
     );
   }
   /**
@@ -67,7 +61,7 @@ class U {
    */
   get upcomingRecurrences() {
     return this.recurrences.filter(
-      (t) => g(t.expectedDate, I(i(), 3)) && S(t.expectedDate, this.dateRange.end) && t.status === r.Upcoming
+      (e) => p(e.expectedDate, y(c(), 3)) && I(e.expectedDate, this.dateRange.end) && e.status === a.Upcoming
     );
   }
   /**
@@ -75,7 +69,7 @@ class U {
    */
   get expenses() {
     return this.recurrences.filter(
-      (t) => t.type === d.Expense
+      (e) => e.type === d.Expense
     );
   }
   /**
@@ -83,7 +77,7 @@ class U {
    */
   get upcomingExpenses() {
     return this.expenses.filter(
-      (t) => t.status === r.Upcoming
+      (e) => e.status === a.Upcoming
     );
   }
   /**
@@ -91,7 +85,7 @@ class U {
    */
   get income() {
     return this.recurrences.filter(
-      (t) => t.type === d.Income
+      (e) => e.type === d.Income
     );
   }
   /**
@@ -99,18 +93,18 @@ class U {
    */
   get upcomingIncome() {
     return this.income.filter(
-      (t) => t.status === r.Upcoming
+      (e) => e.status === a.Upcoming
     );
   }
   get nextIncomeRecurrence() {
-    return this.upcomingIncome.find((t) => g(t.expectedDate, i()));
+    return this.upcomingIncome.find((e) => p(e.expectedDate, c()));
   }
   /**
    * Returns the expense recurrences for the current month.
    */
   get currentMonthExpenses() {
     return this.expenses.filter(
-      (t) => l(this.dateRange, t)
+      (e) => l(this.dateRange, e)
     );
   }
   /**
@@ -118,7 +112,7 @@ class U {
    */
   get currentMonthIncome() {
     return this.income.filter(
-      (t) => l(this.dateRange, t)
+      (e) => l(this.dateRange, e)
     );
   }
   /**
@@ -131,19 +125,19 @@ class U {
    * Calculates the total amount of all paid expenses for the current month.
    */
   get paidExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Paid).reduce(s, 0);
+    return this.currentMonthExpenses.filter((e) => e.status === a.Paid).reduce(s, 0);
   }
   /**
    * Calculates the total amount of all missed expenses for the current month.
    */
   get missedExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Missed).reduce(s, 0);
+    return this.currentMonthExpenses.filter((e) => e.status === a.Missed).reduce(s, 0);
   }
   /**
    * Calculates the total amount of all upcoming expenses for the current month.
    */
   get upcomingExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Upcoming).reduce(s, 0);
+    return this.currentMonthExpenses.filter((e) => e.status === a.Upcoming).reduce(s, 0);
   }
   /**
    * Calculates the total amount of all income for the current month.
@@ -155,53 +149,49 @@ class U {
    * Calculates the total amount of all paid income for the current month.
    */
   get paidIncomeTotal() {
-    return this.currentMonthIncome.filter((t) => t.status === r.Paid).reduce(s, 0);
+    return this.currentMonthIncome.filter((e) => e.status === a.Paid).reduce(s, 0);
   }
   /**
    * Calculates the total amount of all upcoming income for the current month.
    */
   get upcomingIncomeTotal() {
-    return this.currentMonthIncome.filter((t) => t.status === r.Upcoming).reduce(s, 0);
+    return this.currentMonthIncome.filter((e) => e.status === a.Upcoming).reduce(s, 0);
   }
   /**
    * Get the recurrences for the currently selected day.
    */
   get selectedDayRecurrences() {
     return this.selectedDay && this.recurrences.filter(
-      (t) => this.selectedDay && p(t.occurredOnDate || t.expectedDate, this.selectedDay)
+      (e) => this.selectedDay && g(e.occurredOnDate || e.expectedDate, this.selectedDay)
     );
   }
-  setRepeatingTransactions = (t) => {
-    this.repeatingTransactions = t, this.isDataLoaded = !0;
-  };
   /**
    * Set the date range for filtering recurrences.
    * @param dateRange - The date range to set.
    */
-  setDateRange = (t) => this.dateRange = t;
+  setDateRange = (e) => this.dateRange = e;
   /**
    * Set the currently selected day.
    * @param day - The day to select.
    */
-  setSelectedDay = (t) => {
-    this.selectedDay = this.selectedDay && p(t, this.selectedDay) ? void 0 : t;
-  };
-  loadRepeatingTransactionData = async () => {
-    await Promise.all([
-      this.globalStore.accountStore.loadAccountData(),
-      this.globalStore.categoryStore.loadCategories(),
-      this.globalStore.transactionStore.loadTransactionData()
-    ]), await this.loadRepeatingTransactions();
+  setSelectedDay = (e) => {
+    this.selectedDay = this.selectedDay && g(e, this.selectedDay) ? void 0 : e;
   };
   /**
    * Load repeating transactions and augment them with additional data.
    */
   loadRepeatingTransactions = async () => {
     try {
-      const t = await this.api.getRepeatingTransactions();
-      this.setRepeatingTransactions(t);
-    } catch (t) {
-      console.error(`Error occurred while getting repeating transactions: ${t}`);
+      const e = await this.api.getRepeatingTransactions();
+      i(() => {
+        this.repeatingTransactions = u(
+          this.globalStore.accountStore.visibleAccounts,
+          e,
+          this.globalStore.transactionStore.transactions
+        ), this.isDataLoaded = !0;
+      });
+    } catch (e) {
+      console.error(`Error occurred while getting repeating transactions: ${e}`);
     }
   };
   /**
@@ -209,13 +199,13 @@ class U {
    * @param repeatingTransaction - The repeating transaction to add.
    * @param transaction - The transaction associated with the repeating transaction.
    */
-  addRepeatingTransaction = async (t, e) => {
+  addRepeatingTransaction = async (e, t) => {
     try {
-      const n = await this.api.addRepeatingTransaction(t);
+      const n = await this.api.addRepeatingTransaction(e);
       await this.globalStore.transactionStore.updateTransaction({
-        ...e,
+        ...t,
         repeating_transaction_guid: n.guid
-      }), c(() => {
+      }), i(() => {
         this.repeatingTransactions = [
           ...this.repeatingTransactions,
           ...u(
@@ -233,45 +223,45 @@ class U {
    * Delete a repeating transaction by its GUID.
    * @param guid - The GUID of the repeating transaction to delete.
    */
-  deleteRepeatingTransaction = async (t) => {
+  deleteRepeatingTransaction = async (e) => {
     try {
-      await this.api.deleteRepeatingTransaction(t), c(() => {
+      await this.api.deleteRepeatingTransaction(e), i(() => {
         this.repeatingTransactions = [
-          ...this.repeatingTransactions.filter((e) => e.guid !== t)
+          ...this.repeatingTransactions.filter((t) => t.guid !== e)
         ];
       });
-    } catch (e) {
-      console.error(`Error occurred while deleting repeating transaction: ${e}`);
+    } catch (t) {
+      console.error(`Error occurred while deleting repeating transaction: ${t}`);
     }
   };
   /**
    * Update an existing repeating transaction.
    * @param transaction - The repeating transaction to update.
    */
-  updateRepeatingTransaction = async (t) => {
+  updateRepeatingTransaction = async (e) => {
     try {
-      const e = await this.api.updateRepeatingTransaction(t), n = this.repeatingTransactions.findIndex(
-        (m) => m.guid === e.guid
+      const t = await this.api.updateRepeatingTransaction(e), n = this.repeatingTransactions.findIndex(
+        (T) => T.guid === t.guid
       );
       if (n < 0) return;
-      c(() => {
+      i(() => {
         this.repeatingTransactions = [
           ...this.repeatingTransactions.slice(0, n),
           ...u(
             this.globalStore.accountStore.visibleAccounts,
-            [e],
+            [t],
             this.globalStore.transactionStore.transactions
           ),
           ...this.repeatingTransactions.slice(n + 1)
         ];
       });
-    } catch (e) {
-      console.error(`Error occurred while updating repeating transaction: ${e}`);
+    } catch (t) {
+      console.error(`Error occurred while updating repeating transaction: ${t}`);
     }
   };
 }
 export {
-  U as R,
-  E as S,
-  G as T
+  C as R,
+  A as S,
+  U as T
 };

package/dist/{ResponsiveButton-Cn6-R7ue.mjs → ResponsiveButton-DZFp78fJ.mjs}

@@ -3,16 +3,16 @@ import p from "react";
 import d from "@mui/material/Button";
 import a from "@mui/material/IconButton";
 import c from "@mui/material/Tooltip";
-import { useTheme as f } from "@mui/material/styles";
-const B = ({
+import f from "@mui/material/styles/useTheme";
+const u = ({
   icon: e,
   label: i,
   onClick: o,
   placement: s = "bottom",
-  tooltipText: r,
+  tooltipText: n,
   variant: l = "text"
 }) => {
-  const n = f();
+  const r = f();
   return /* @__PURE__ */ m(p.Fragment, { children: [
     /* @__PURE__ */ t(
       d,
@@ -20,10 +20,10 @@ const B = ({
         onClick: o,
         startIcon: e,
         sx: {
-          [n.breakpoints.down("lg")]: { display: "none" },
-          [n.breakpoints.up("lg")]: { display: "inline-flex" }
+          [r.breakpoints.down("lg")]: { display: "none" },
+          [r.breakpoints.up("lg")]: { display: "inline-flex" }
         },
-        title: r,
+        title: n,
         variant: l,
         children: i
       }
@@ -34,12 +34,12 @@ const B = ({
         describeChild: !0,
         placement: s,
         sx: { display: { xs: "inline-flex", lg: "none" } },
-        title: r,
+        title: n,
         children: /* @__PURE__ */ t(a, { onClick: o, children: e })
       }
     )
   ] });
-};
+}, y = u;
 export {
-  B as R
+  y as R
 };

package/dist/SearchBox-B2_zLv8-.mjs

@@ -0,0 +1,42 @@
+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/{SettingsStore-BASMQSIp.mjs → SettingsStore-krIRNwHK.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 { B as f, A as n, I as i } from "./ToggleListItem-ciFTiqRS.mjs";
 import { T as m } from "./TransactionApi-CjBoLleL.mjs";
 class y {
   fetchInstance;

package/dist/{SingleSegmentDonut-7Uy6VEld.mjs → SingleSegmentDonut-BgbLgwHi.mjs}

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "@mui/material/Box";
-import { useTheme as D } from "@mui/material/styles";
-const p = 48, d = 4, y = ({
+import D from "@mui/material/styles/useTheme";
+const p = 48, u = 4, S = ({
   color: m = "",
   percent: r = 0,
   size: t = p,
-  strokeWidth: s = d,
+  strokeWidth: s = u,
   children: i,
   backgroundStrokeColor: c
 }) => {
@@ -61,9 +61,9 @@ const p = 48, d = 4, y = ({
       ]
     }
   );
-};
+}, E = S;
 export {
   p as D,
-  y as S,
-  d as a
+  E as S,
+  u as a
 };

package/dist/SpendingData-DQ1b9uqq.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-CevNQ03n.mjs";
+import { f as m, a as T } from "./Dialog-BPTr3qHE.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,
+  i as d,
+  H as e,
+  F as f,
+  b as g,
+  C as i
+};