@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.sms1

package/dist/{TransactionStore-ai3uII_r.mjs → TransactionStore-D-Q3BU9Z.mjs}

@@ -1,4 +1,4 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import M from "@mui/material/Box";
 import H from "@mui/material/FormControlLabel";
 import P from "@mui/material/Radio";
@@ -12,15 +12,15 @@ import { isBefore as v } from "date-fns/isBefore";
 import { startOfMonth as h } from "date-fns/startOfMonth";
 import { startOfToday as m } from "date-fns/startOfToday";
 import { subDays as B } from "date-fns/subDays";
-import { O as n, a as y, T as b } from "./User-BQUxBeZV.mjs";
-import { T as u } from "./TransactionApi-B3Tksf7L.mjs";
+import { O as o, a as y, T as b } from "./User-wXzDI4M8.mjs";
+import { T as L } from "./TransactionApi-CjBoLleL.mjs";
 import { b as Y } from "./Category-CevNQ03n.mjs";
-import { f as F } from "./exportTransactionsToCSV-7bVS7KXf.mjs";
+import { f as F } from "./exportTransactionsToCSV-Cz2t0lmA.mjs";
 import { format as W } from "date-fns/format";
-import { fromUnixTime as z } from "date-fns/fromUnixTime";
-import { f as g, D as C, O as $ } from "./Dialog-CWW597AF.mjs";
-import { endOfMonth as k } from "date-fns/endOfMonth";
-import { B as L } from "./BeatApi-DhJpgCLz.mjs";
+import { fromUnixTime as $ } from "date-fns/fromUnixTime";
+import { f as I, a as C, O as k } from "./Dialog-BPTr3qHE.mjs";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { B as u } from "./BeatApi-De2IaqH2.mjs";
 const X = ({
   checked: l = !1,
   label: t,
@@ -29,7 +29,7 @@ const X = ({
   value: A
 }) => {
   const d = U(), s = d.palette.mode === "light" ? d.palette.grey[400] : d.palette.grey[700], c = l ? d.palette.action.active : s;
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ g(
     M,
     {
       bgcolor: "background.paper",
@@ -41,10 +41,10 @@ const X = ({
       pr: 8,
       py: 4,
       sx: { "&:hover": { borderColor: d.palette.action.active }, ...a },
-      children: /* @__PURE__ */ I(K, { title: e, children: /* @__PURE__ */ I(
+      children: /* @__PURE__ */ g(K, { title: e, children: /* @__PURE__ */ g(
         H,
         {
-          control: /* @__PURE__ */ I(
+          control: /* @__PURE__ */ g(
             P,
             {
               disableRipple: !0,
@@ -71,7 +71,7 @@ const X = ({
     left: "flex-start",
     right: "flex-end"
   }
-}, o = {
+}, n = {
   ADD: "Add",
   ADD_CATEGORY: "Add Category",
   CHANGE_CATEGORY: "Change Category",
@@ -110,215 +110,215 @@ const X = ({
   UNHIDE_TRANSACTION: "Unhide Transaction"
 }, R = {
   // splits
-  [n.ON_TRANSACTION_SPLIT_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_SPLIT_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.SPLITS
   },
-  [n.ON_TRANSACTION_SPLIT_CATEGORY_CLICK]: {
-    action: o.ADD_CATEGORY,
+  [o.ON_TRANSACTION_SPLIT_CATEGORY_CLICK]: {
+    action: n.ADD_CATEGORY,
     category: T.TRANSACTION_DETAILS,
     label: r.SPLITS
   },
-  [n.ON_TRANSACTION_SPLIT_DELETE_CLICK]: {
-    action: o.DELETE,
+  [o.ON_TRANSACTION_SPLIT_DELETE_CLICK]: {
+    action: n.DELETE,
     category: T.TRANSACTION_DETAILS,
     label: r.SPLITS
   },
-  [n.ON_TRANSACTION_SPLIT_SAVE_CLICK]: {
-    action: o.SPLIT,
+  [o.ON_TRANSACTION_SPLIT_SAVE_CLICK]: {
+    action: n.SPLIT,
     category: T.TRANSACTION_DETAILS,
     label: r.SPLITS
   },
-  [n.ON_TRANSACTION_UNSPLIT]: {
-    action: o.UNSPLIT,
+  [o.ON_TRANSACTION_UNSPLIT]: {
+    action: n.UNSPLIT,
     category: T.TRANSACTION_DETAILS,
     label: r.SPLITS
   },
   // category
-  [n.ON_TRANSACTION_CATEGORY_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_CATEGORY_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTIONS_LIST,
     label: r.CATEGORY
   },
-  [n.ON_TRANSACTION_CATEGORY_CHANGED]: {
-    action: o.CHANGE_CATEGORY,
+  [o.ON_TRANSACTION_CATEGORY_CHANGED]: {
+    action: n.CHANGE_CATEGORY,
     category: T.TRANSACTION_DETAILS,
     label: r.CATEGORY
   },
   // date
-  [n.ON_TRANSACTION_DATE_CHANGED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_DATE_CHANGED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.DATE
   },
-  [n.ON_TRANSACTION_DATE_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_DATE_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.DATE
   },
   // merchant logo
-  [n.ON_TRANSACTION_DELETE_LOGO_CANCEL]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_DELETE_LOGO_CANCEL]: {
+    action: n.CLOSE,
     category: T.TRANSACTION_DETAILS,
     label: r.DELETE_MERCHANT_LOGO
   },
-  [n.ON_TRANSACTION_DELETE_LOGO_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_DELETE_LOGO_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.DELETE_MERCHANT_LOGO
   },
-  [n.ON_TRANSACTION_DELETE_LOGO_DELETED]: {
-    action: o.DELETE,
+  [o.ON_TRANSACTION_DELETE_LOGO_DELETED]: {
+    action: n.DELETE,
     category: T.TRANSACTION_DETAILS,
     label: r.DELETE_MERCHANT_LOGO
   },
   // description
-  [n.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK]: {
-    action: o.EDIT,
+  [o.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK]: {
+    action: n.EDIT,
     category: T.TRANSACTION_DETAILS,
     label: r.DESCRIPTION
   },
-  [n.ON_TRANSACTION_DESCRIPTION_SAVE_CLICK]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_DESCRIPTION_SAVE_CLICK]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.DESCRIPTION
   },
   // hide transactions
-  [n.ON_TRANSACTION_HIDDEN]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_HIDDEN]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.HIDE_TRANSACTION
   },
-  [n.ON_TRANSACTION_HIDE_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_HIDE_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.HIDE_TRANSACTION
   },
-  [n.ON_TRANSACTION_HIDE_CANCEL_CLICK]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_HIDE_CANCEL_CLICK]: {
+    action: n.CLOSE,
     category: T.TRANSACTION_DETAILS,
     label: r.HIDE_TRANSACTION
   },
   // transaction list
-  [n.ON_TRANSACTION_LIST_ITEM_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_LIST_ITEM_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTIONS_LIST,
     label: r.TRANSACTION
   },
   // memo
-  [n.ON_TRANSACTION_MEMO_CHANGED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_MEMO_CHANGED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.MEMO
   },
-  [n.ON_TRANSACTION_MEMO_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_MEMO_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.MEMO
   },
   // tags
-  [n.ON_TRANSACTION_TAGS_CHANGED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_TAGS_CHANGED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAGS
   },
-  [n.ON_TRANSACTION_TAGS_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_TAGS_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.TAGS
   },
-  [n.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_TAGS_TAG_ADD_CANCEL_CLICK]: {
+    action: n.CLOSE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAGS
   },
-  [n.ON_TRANSACTION_TAGS_TAG_ADD_CLICK]: {
-    action: o.ADD,
+  [o.ON_TRANSACTION_TAGS_TAG_ADD_CLICK]: {
+    action: n.ADD,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_ADD
   },
-  [n.ON_TRANSACTION_TAGS_TAG_ADDED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_TAGS_TAG_ADDED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_ADD
   },
-  [n.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_DELETE
   },
-  [n.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_TAGS_TAG_DELETE_CANCEL_CLICK]: {
+    action: n.CLOSE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_DELETE
   },
-  [n.ON_TRANSACTION_TAGS_TAG_DELETED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_TAGS_TAG_DELETED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_DELETE
   },
-  [n.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK]: {
-    action: o.EDIT,
+  [o.ON_TRANSACTION_TAGS_TAG_EDIT_CLICK]: {
+    action: n.EDIT,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_EDIT
   },
-  [n.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.TAG_EDIT
   },
   // flag
-  [n.ON_TRANSACTION_TOGGLE_FLAG_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_TOGGLE_FLAG_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.FLAG
   },
   // hide
-  [n.ON_TRANSACTION_UNHIDDEN]: {
-    action: o.SAVE,
+  [o.ON_TRANSACTION_UNHIDDEN]: {
+    action: n.SAVE,
     category: T.TRANSACTION_DETAILS,
     label: r.UNHIDE_TRANSACTION
   },
-  [n.ON_TRANSACTION_UNHIDE_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_UNHIDE_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTION_DETAILS,
     label: r.UNHIDE_TRANSACTION
   },
-  [n.ON_TRANSACTION_UNHIDE_CANCEL_CLICK]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_UNHIDE_CANCEL_CLICK]: {
+    action: n.CLOSE,
     category: T.TRANSACTION_DETAILS,
     label: r.UNHIDE_TRANSACTION
   },
   // export CSV
-  [n.ON_TRANSACTION_EXPORT_CSV_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_EXPORT_CSV_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTIONS_WIDGET,
     label: r.EXPORT_CSV
   },
   // add transaction
-  [n.ON_TRANSACTION_MANUAL_ADD_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_MANUAL_ADD_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTIONS_WIDGET,
     label: r.ADD_TRANSACTION
   },
-  [n.ON_TRANSACTION_MANUAL_ADD_ADDED]: {
-    action: o.ADD,
+  [o.ON_TRANSACTION_MANUAL_ADD_ADDED]: {
+    action: n.ADD,
     category: T.TRANSACTIONS_WIDGET,
     label: r.ADD_TRANSACTION
   },
-  [n.ON_TRANSACTION_DELETE_CLICK]: {
-    action: o.SELECT,
+  [o.ON_TRANSACTION_DELETE_CLICK]: {
+    action: n.SELECT,
     category: T.TRANSACTIONS_WIDGET,
     label: r.DELETE_TRANSACTION
   },
-  [n.ON_TRANSACTION_DELETE_CANCEL]: {
-    action: o.CLOSE,
+  [o.ON_TRANSACTION_DELETE_CANCEL]: {
+    action: n.CLOSE,
     category: T.TRANSACTIONS_WIDGET,
     label: r.DELETE_TRANSACTION
   },
-  [n.ON_TRANSACTION_DELETE_DELETED]: {
-    action: o.DELETE,
+  [o.ON_TRANSACTION_DELETE_DELETED]: {
+    action: n.DELETE,
     category: T.TRANSACTIONS_WIDGET,
     label: r.DELETE_TRANSACTION
   }
@@ -331,26 +331,26 @@ const X = ({
   AMOUNT: "amount"
 }, Z = (l, t, a, e = []) => {
   const A = t.reduce((c, i) => ({ ...c, [i.guid]: i }), {}), d = a.reduce((c, i) => ({ ...c, [i.guid]: i }), {}), s = e.reduce((c, i) => {
-    const { transaction_guid: N, tag_guid: E } = i;
-    if (!c[N])
+    const { transaction_guid: S, tag_guid: E } = i;
+    if (!c[S])
       return {
         ...c,
-        [N]: [E]
+        [S]: [E]
       };
-    const S = [...c[N], E];
+    const N = [...c[S], E];
     return {
       ...c,
-      [N]: S
+      [S]: N
     };
   }, {});
   return l.map((c) => {
-    const i = A[c.account_guid], N = c.category_guid ? d[c.category_guid] : null, E = s[c.guid] ?? [];
+    const i = A[c.account_guid], S = c.category_guid ? d[c.category_guid] : null, E = s[c.guid] ?? [];
     return {
       ...c,
       account: i?.user_name || "Unknown",
       accountIsClosed: i?.is_closed,
       accountIsHidden: i?.is_hidden,
-      category: N?.name || "Uncategorized",
+      category: S?.name || "Uncategorized",
       isIncome: c.top_level_category_guid === Y.INCOME,
       isPending: c.feed_status === y.PENDING,
       number: i?.account_number || "",
@@ -361,8 +361,8 @@ const X = ({
 }, q = "uncategorized", J = (l, t, a, e, A, d) => {
   const s = Q(l, A, d), c = tt(s, a, e);
   return t.forEach((i) => {
-    const N = c.findIndex((S) => S.guid === i), E = d.filter((S) => S.parent_guid === i);
-    c.splice(N + 1, 0, ...E);
+    const S = c.findIndex((N) => N.guid === i), E = d.filter((N) => N.parent_guid === i);
+    c.splice(S + 1, 0, ...E);
   }), c;
 }, Q = (l, t, a) => {
   const {
@@ -372,15 +372,15 @@ const X = ({
     searchTerm: s = "",
     showSplits: c = !1
   } = l;
-  return a.filter((i) => c ? !i.has_been_split : !i.parent_guid).filter((i) => !!e.find((N) => N === i.account_guid)).filter((i) => i.date >= O(A.start) && i.date <= O(A.end)).filter(d).filter((i) => {
+  return a.filter((i) => c ? !i.has_been_split : !i.parent_guid).filter((i) => !!e.find((S) => S === i.account_guid)).filter((i) => i.date >= O(A.start) && i.date <= O(A.end)).filter(d).filter((i) => {
     if (s === q && i.has_been_split)
       return !1;
     if (/^spl/i.test(s) && (i.has_been_split || i.parent_guid))
       return !0;
     const E = i.tags.some(
       (w) => _(s, t.find((x) => x.guid === w)?.name)
-    ), S = z(i.date);
-    return _(s, i.payee) || _(s, i.feed_description) || _(s, i.category) || _(s, g(S, C.MONTH)) || _(s, g(S, C.DAY)) || _(s, g(S, C.FULL_MONTH_DAY)) || _(s, g(S, C.MONTH_DAY_YEAR)) || _(s, W(S, $)) || _(s, i.account) || _(s, `${i.amount}`) || _(s, i.memo) || E;
+    ), N = $(i.date);
+    return _(s, i.payee) || _(s, i.feed_description) || _(s, i.category) || _(s, I(N, C.MONTH)) || _(s, I(N, C.DAY)) || _(s, I(N, C.FULL_MONTH_DAY)) || _(s, I(N, C.MONTH_DAY_YEAR)) || _(s, W(N, k)) || _(s, i.account) || _(s, `${i.amount}`) || _(s, i.memo) || E;
   });
 }, tt = (l, t, a) => [...l].sort((e, A) => {
   const d = t, s = (e[d] || "") > (A[d] || "");
@@ -420,9 +420,8 @@ const X = ({
 };
 class et {
   beginDate = h(/* @__PURE__ */ new Date());
-  endDate = k(/* @__PURE__ */ new Date());
+  endDate = z(/* @__PURE__ */ new Date());
   expandedSplits = [];
-  isInitialized = !1;
   height = 550;
   width = 1e3;
   shouldDisableDrawerScroll = !1;
@@ -437,7 +436,6 @@ class et {
   setDateRange = (t, a) => {
     this.beginDate = t, this.endDate = a;
   };
-  setIsInitialized = (t) => this.isInitialized = t;
   setIsAmountValid = (t) => this.isAmountValid = t;
   setSearchValue = (t) => this.searchValue = t;
   setSelectedAccountGuids = (t) => this.selectedAccountGuids = t;
@@ -462,8 +460,8 @@ class et {
 class ft {
   globalStore;
   uiStore;
-  api = new u("/", "");
-  beatApi = new L("/", "");
+  api = new L("/", "");
+  beatApi = new u("/", "");
   associatedBeats = [];
   associatedBeatsLoaded = !1;
   transactions = [];
@@ -481,25 +479,33 @@ class ft {
   sortDirection = G.DESC;
   onAnalyticEvent = j;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new et(), this.api = new u(
+    this.globalStore = t, this.uiStore = new et(), this.api = new L(
       t.endpoint,
       t.sessionToken,
       t.onError
-    ), this.beatApi = new L(t.endpoint, t.sessionToken, t.onError), p(this);
+    ), this.beatApi = new u(t.endpoint, t.sessionToken, t.onError), p(this);
   }
   loadTransactionData = async () => {
-    await Promise.all([
+    this.globalStore.accountStore.isAccountDataLoaded || await this.globalStore.accountStore.loadAccountData(), this.globalStore.categoryStore.categoriesLoaded || await this.globalStore.categoryStore.loadCategories(), await Promise.all([
       this.loadAssociatedBeats(h(/* @__PURE__ */ new Date())),
       this.loadTags(),
       this.loadTaggings(),
       this.loadTransactionRules(),
       // By default loads 90 days of transactions
       this.loadTransactions(this.cachedStartDate)
-    ]), this.uiStore.setIsInitialized(!0);
+    ]);
   };
   get isTransactionDataLoaded() {
     return this.associatedBeatsLoaded && this.tagsLoaded && this.taggingsLoaded && this.transactionRulesLoaded && this.transactionsLoaded;
   }
+  get detailedTransactions() {
+    return this.isTransactionDataLoaded ? Z(
+      this.transactions,
+      this.globalStore.accountStore.visibleAccounts,
+      this.globalStore.categoryStore.categories,
+      this.taggings
+    ) : [];
+  }
   get sortedTransactions() {
     return J(
       this.filter,
@@ -513,14 +519,6 @@ class ft {
   get sortedTransactionsWithSplits() {
     return F(this.sortedTransactions, this.transactions);
   }
-  get detailedTransactions() {
-    return Z(
-      this.transactions,
-      this.globalStore.accountStore.visibleAccounts,
-      this.globalStore.categoryStore.categories,
-      this.taggings
-    );
-  }
   setAssociatedBeats = (t) => {
     this.associatedBeats = t, this.associatedBeatsLoaded = !0;
   };

package/dist/TrendsStore-BW9FGQeE.mjs

@@ -0,0 +1,182 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import x from "react";
+import S from "@mui/material/ListItem";
+import R from "@mui/material/ListItemButton";
+import f from "@mui/material/ListItemIcon";
+import A from "@mui/material/ListItemText";
+import h from "@mui/material/Stack";
+import { Text as y } from "@mxenabled/mxui";
+import { makeAutoObservable as N } from "mobx";
+import { addSeconds as v } from "date-fns/addSeconds";
+import { differenceInCalendarMonths as w } from "date-fns/differenceInCalendarMonths";
+import { endOfMonth as D } from "date-fns/endOfMonth";
+import { subMonths as I } from "date-fns/subMonths";
+import { b as E, C as _, c as O } from "./Category-CevNQ03n.mjs";
+import { f as L, a as T } from "./Dialog-BPTr3qHE.mjs";
+const at = ({
+  onClick: e,
+  leftIcon: t,
+  rightIcon: o,
+  title: r,
+  subtitle: a,
+  rightContent: n,
+  titleBold: s = !0,
+  rightContentBold: m = !0
+}) => {
+  const c = /* @__PURE__ */ d(x.Fragment, { children: [
+    t && /* @__PURE__ */ l(f, { sx: { ml: 0 }, children: t }),
+    /* @__PURE__ */ l(A, { children: /* @__PURE__ */ d(
+      h,
+      {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          marginLeft: 12
+        },
+        children: [
+          /* @__PURE__ */ d(h, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ l(y, { bold: s, variant: "body1", children: r }),
+            a && /* @__PURE__ */ l(y, { variant: "caption", children: a })
+          ] }),
+          /* @__PURE__ */ d(h, { sx: { flexDirection: "row", alignItems: "center", gap: 1 }, children: [
+            n && /* @__PURE__ */ l(y, { bold: m, display: "flex", variant: "body1", children: n }),
+            o && /* @__PURE__ */ l(f, { children: o })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ l(S, { sx: { bgcolor: "background.paper" }, children: e ? /* @__PURE__ */ l(
+    R,
+    {
+      onClick: e,
+      sx: {
+        py: 14
+      },
+      children: c
+    }
+  ) : /* @__PURE__ */ l(
+    h,
+    {
+      sx: {
+        py: 14,
+        px: 24,
+        width: "100%",
+        flexDirection: "row",
+        alignItems: "center"
+      },
+      children: c
+    }
+  ) });
+}, W = (e) => _[e] ?? _.default, F = (e) => O[e];
+function G(e, t) {
+  const o = [], r = new Date(e);
+  for (; r <= t; ) {
+    const a = r.getFullYear(), n = String(r.getMonth() + 1).padStart(2, "0");
+    o.push(+`${a}${n}`), r.setMonth(r.getMonth() + 1);
+  }
+  return o;
+}
+const $ = (e) => e.reduce((o, r) => {
+  const a = {
+    top_level_category_guid: r.top_level_category_guid,
+    category_guid: r.category_guid,
+    amount: r.total,
+    year_month: r.year_month
+  }, { top_level_category_guid: n, category_guid: s } = a;
+  return o[s] || (o[s] = []), o[s].push(a), n !== s && (o[n] || (o[n] = []), o[n].push(a)), o;
+}, {}), nt = (e, t, o) => {
+  const r = $(e), a = G(t, o);
+  return Object.entries(r).map(([s, m]) => {
+    const c = m[0].top_level_category_guid, b = a.map((i) => {
+      const g = m.filter((p) => p.year_month === i).reduce((p, M) => p + Math.abs(M.amount), 0), u = Number(String(i).slice(0, 4)), C = Number(String(i).slice(4));
+      return { x: new Date(u, C - 1), y: g };
+    }).sort((i, g) => i.x.getTime() - g.x.getTime());
+    return {
+      top_level_category_guid: c,
+      category_guid: s,
+      category_name: F(s),
+      category_color: W(c),
+      dataset: b
+    };
+  });
+}, st = (e, t) => {
+  const o = typeof e == "string" ? parseFloat(e.replace(/[^0-9.-]+/g, "")) : e, r = typeof t == "string" ? parseFloat(t.replace(/[^0-9.-]+/g, "")) : t;
+  return (o || 0) - (r || 0);
+}, j = (e, t) => {
+  const o = e.subCategories.filter((n) => n.currentAmount !== 0), r = e.totalMonthlyAmounts.slice(-t), a = (n) => n.substring(0, 3) + " " + n.slice(-4);
+  return r.map((n) => {
+    const s = a(n.label), m = o.map((i) => {
+      const g = i.monthlyAmounts.slice(-t).find((u) => a(u.label) === s);
+      return {
+        label: i.name,
+        amount: Math.abs(g?.amount || 0),
+        header: s
+      };
+    }), c = e.monthlyAmounts.slice(-t).find((i) => a(i.label) === s);
+    return [{
+      label: e.name,
+      amount: Math.abs(c?.amount || 0),
+      header: s
+    }, ...m].sort((i, g) => g.amount - i.amount);
+  });
+}, k = (e, t) => {
+  const o = e ? e.totalMonthlyAmounts.slice(-t).map((a) => ({
+    x: a.label.substring(0, 3),
+    y: Math.abs(a.amount)
+  })) : [], r = e ? j(e, t) : [];
+  return { monthlyAmounts: o, tooltipLabels: r };
+}, H = (e) => e.slice().filter(
+  (t) => t.totalAmount !== 0 && t.isTransfer === !1 && t.guid !== E.INVESTMENTS
+).sort((t, o) => Math.abs(o.totalAmount) - Math.abs(t.totalAmount));
+class it {
+  globalStore;
+  selectedCategoryData = null;
+  selectedDateRange;
+  visibleListLength = 5;
+  constructor(t) {
+    this.globalStore = t, this.selectedDateRange = {
+      start: v(D(I(/* @__PURE__ */ new Date(), 6)), 1),
+      end: D(/* @__PURE__ */ new Date())
+    }, N(this);
+  }
+  setSelectedCategoryData = (t) => {
+    this.selectedCategoryData = t;
+  };
+  setSelectedDateRange = (t) => {
+    this.selectedDateRange = t;
+  };
+  setVisibleListLength = (t) => {
+    this.visibleListLength = t;
+  };
+  get sortedDetailedCategoriesWithTransactions() {
+    return H(
+      this.globalStore.categoryStore.detailedCategoriesWithTransactions
+    );
+  }
+  get selectedDateRangeMonthCount() {
+    return w(this.selectedDateRange.end, this.selectedDateRange.start) + 1;
+  }
+  get selectedDateRangeMonthRange() {
+    const t = L(this.selectedDateRange.start, T.MONTH_LONG), o = L(this.selectedDateRange.end, T.MONTH_LONG);
+    return `${t} - ${o}`;
+  }
+  get visibleCategories() {
+    return this.sortedDetailedCategoriesWithTransactions.slice(0, this.visibleListLength);
+  }
+  get collapsedCategories() {
+    return this.sortedDetailedCategoriesWithTransactions.slice(this.visibleListLength);
+  }
+  get categoryDetailsChartData() {
+    return k(
+      this.selectedCategoryData,
+      this.selectedDateRangeMonthCount
+    );
+  }
+}
+export {
+  at as L,
+  it as T,
+  st as a,
+  nt as g
+};