@mx-cartographer/experiences 3.7.0-alpha.al14 → 3.7.0-alpha.al15

package/dist/index.es.js

@@ -68,7 +68,7 @@ import Zo from "@mui/material/Radio";
 import Te from "@mui/material/Avatar";
 import PA from "@mui/material/ListItemAvatar";
 import oe from "@mui/material/ListItemIcon";
-import { makeAutoObservable as bA, runInAction as V, observable as $o } from "mobx";
+import { makeAutoObservable as bA, runInAction as Y, observable as $o } from "mobx";
 import { differenceInDays as As } from "date-fns/differenceInDays";
 import { getMonth as We } from "date-fns/getMonth";
 import { useVirtualizer as Yr } from "@tanstack/react-virtual";
@@ -2793,7 +2793,7 @@ const vc = ({
   if (!e)
     throw new Error(`${A}() must be used within the GlobalDataContext`);
   return e;
-}, DA = () => KA("useAccountStore").globalStore.accountStore, nn = () => KA("useBudgetsStore").globalStore.budgetsStore, ia = () => KA("useCashflowStore").globalStore.cashflowStore, xA = () => KA("useCategoryStore").globalStore.categoryStore, pi = () => KA("useConnectStore").globalStore.connectStore, an = () => KA("useGlobalStore").globalStore, vA = () => KA("useGlobalUiStore").globalStore.globalUiStore, W = () => KA("globalCopyStore").globalStore.copyStore.copy, _c = () => KA("useMerchantStore").globalStore.merchantStore, Hc = () => KA("useNetWorthStore").globalStore.netWorthStore, yi = () => KA("useNotificationStore").globalStore.notificationStore, kA = () => KA("useRecurringActivityStore").globalStore.recurringActivityStore, uA = () => KA("useTransactionStore").globalStore.transactionStore, rn = () => KA("useUserStore").globalStore.userStore, Y = () => ({ onEvent: KA().onEvent }), T7 = () => ({ onPageView: KA().onPageView }), zc = (A = "useWidgetContainerContext") => {
+}, DA = () => KA("useAccountStore").globalStore.accountStore, nn = () => KA("useBudgetsStore").globalStore.budgetsStore, ia = () => KA("useCashflowStore").globalStore.cashflowStore, xA = () => KA("useCategoryStore").globalStore.categoryStore, pi = () => KA("useConnectStore").globalStore.connectStore, an = () => KA("useGlobalStore").globalStore, vA = () => KA("useGlobalUiStore").globalStore.globalUiStore, W = () => KA("globalCopyStore").globalStore.copyStore.copy, _c = () => KA("useMerchantStore").globalStore.merchantStore, Hc = () => KA("useNetWorthStore").globalStore.netWorthStore, yi = () => KA("useNotificationStore").globalStore.notificationStore, kA = () => KA("useRecurringActivityStore").globalStore.recurringActivityStore, uA = () => KA("useTransactionStore").globalStore.transactionStore, rn = () => KA("useUserStore").globalStore.userStore, V = () => ({ onEvent: KA().onEvent }), T7 = () => ({ onPageView: KA().onPageView }), zc = (A = "useWidgetContainerContext") => {
   const e = g.useContext(vi);
   if (!e)
     throw new Error(`${A}() must be used within the WidgetContainerContext`);
@@ -2876,7 +2876,7 @@ const qe = ({
   sx: d = {},
   title: h = ""
 }) => {
-  const [C, { height: f, width: v }] = Ei(), { onEvent: m } = Y(), { isDesktop: E, isMobile: L, isTablet: b } = jA(), { displayedDateRange: w, selectedAccountGuids: I, setSelectedAccountGuids: D } = vA(), { common: O } = W(), k = () => {
+  const [C, { height: f, width: v }] = Ei(), { onEvent: m } = V(), { isDesktop: E, isMobile: L, isTablet: b } = jA(), { displayedDateRange: w, selectedAccountGuids: I, setSelectedAccountGuids: D } = vA(), { common: O } = W(), k = () => {
     c && (c(), m(J.WIDGET_BACK_CLICK));
   }, $ = {
     accountFilterOptionsCopy: {
@@ -3298,7 +3298,7 @@ const qe = ({
   onClick: n,
   sx: a = {}
 }) => {
-  const { onEvent: r } = Y();
+  const { onEvent: r } = V();
   return n ? /* @__PURE__ */ t(U, { sx: { bgcolor: "background.paper", ...a }, children: /* @__PURE__ */ t(
     dA,
     {
@@ -3326,14 +3326,14 @@ class Qc {
     bA(this);
   }
   initialize = async (e, n) => {
-    this.api = new Qt(e, n), await this.getCopy(this.featureNamespace), V(() => {
+    this.api = new Qt(e, n), await this.getCopy(this.featureNamespace), Y(() => {
       this.isInitialized = !0;
     });
   };
   getCopy = async (e, n = "") => {
     try {
       const a = await this.api.getGlobalCopy(e, n);
-      V(() => {
+      Y(() => {
         this.copy = a[e];
       });
     } catch (a) {
@@ -3352,7 +3352,7 @@ class Fc {
   };
   loadBeats = async () => {
     const e = await this.api.getBeats();
-    V(() => {
+    Y(() => {
       this.beats = e;
     });
   };
@@ -3379,7 +3379,7 @@ class Uc {
   loadBudgets = async () => {
     try {
       const e = await this.api.getBudgets();
-      V(() => {
+      Y(() => {
         this.budgets = e.filter(
           (n) => n.category_guid !== p.INCOME && n.category_guid !== p.TRANSFER
         );
@@ -4149,7 +4149,7 @@ class cl {
   };
   addTransaction = async (e) => {
     const n = await this.api.addTransaction(e);
-    n && V(
+    n && Y(
       () => this.transactions = this.augmentTransactions([n, ...this.transactions])
     );
   };
@@ -4161,19 +4161,19 @@ class cl {
   );
   loadAssociatedBeats = async (e) => {
     const n = e ? Un(e, { representation: "date" }) : void 0, a = await this.beatApi.getBeatsWithAssociatedTransaction(n);
-    V(() => this.associatedBeats = a);
+    Y(() => this.associatedBeats = a);
   };
   loadTags = async () => {
     const e = await this.api.getTags();
-    V(() => this.tags = e);
+    Y(() => this.tags = e);
   };
   loadTaggings = async () => {
     const e = await this.api.getTaggings();
-    V(() => this.taggings = e);
+    Y(() => this.taggings = e);
   };
   loadTransactionRules = async () => {
     const e = await this.api.getTransactionRules();
-    V(() => this.transactionRules = e);
+    Y(() => this.transactionRules = e);
   };
   loadTransactions = async (e = this.cachedStartDate, n = Qe()) => {
     this.setIsLoading(!0), this.transactions = [];
@@ -4182,7 +4182,7 @@ class cl {
         CA(e),
         CA(n)
       );
-      V(() => {
+      Y(() => {
         this.transactions = this.augmentTransactions(a);
       });
     } catch (a) {
@@ -4208,7 +4208,7 @@ class cl {
     const n = this.transactions.findIndex((a) => a.guid === e);
     if (n >= 0) {
       const a = [...this.transactions];
-      a.splice(n, 1), V(() => this.transactions = a);
+      a.splice(n, 1), Y(() => this.transactions = a);
     }
   };
   setFilter = (e) => {
@@ -4227,7 +4227,7 @@ class cl {
       r.push(s);
     }
     const i = this.transactions.findIndex((o) => o.guid === e.guid);
-    i >= 0 && V(
+    i >= 0 && Y(
       () => this.transactions = this.augmentTransactions([
         ...this.transactions.slice(0, i),
         a,
@@ -4245,7 +4245,7 @@ class cl {
       s >= 0 && a.splice(s, 1);
     });
     const r = a.findIndex((o) => o.guid === e), i = a[r];
-    i.has_been_split = !1, r >= 0 && V(
+    i.has_been_split = !1, r >= 0 && Y(
       () => this.transactions = [
         ...a.slice(0, r),
         i,
@@ -4269,7 +4269,7 @@ class cl {
   };
   updateTransaction = async (e) => {
     const n = await this.api.updateTransaction(e), a = this.transactions.findIndex((r) => r.guid === e.guid);
-    a >= 0 && V(
+    a >= 0 && Y(
       () => this.transactions = this.augmentTransactions([
         ...this.transactions.slice(0, a),
         n,
@@ -4379,7 +4379,7 @@ const WA = () => {
   width: o = "100%",
   zeroState: s = /* @__PURE__ */ t(ul, {})
 }) => {
-  const { isLoading: c, sortedTransactions: l } = uA(), { setShowInsights: d, toggleSplit: h } = WA(), { onEvent: C } = Y(), f = (E) => {
+  const { isLoading: c, sortedTransactions: l } = uA(), { setShowInsights: d, toggleSplit: h } = WA(), { onEvent: C } = V(), f = (E) => {
     const L = l.find((b) => b.guid === E);
     if (L?.has_been_split) {
       h(L.guid);
@@ -4647,7 +4647,7 @@ const Il = ({
     }
   );
 }, ha = x(Il), Dl = ({ parentCategory: A }) => {
-  const [e, n] = g.useState(!1), { addCategory: a } = xA(), { categories: r } = W(), { onEvent: i } = Y(), { setShouldDisableDrawerScroll: o } = Fe(), s = async (d) => {
+  const [e, n] = g.useState(!1), { addCategory: a } = xA(), { categories: r } = W(), { onEvent: i } = V(), { setShouldDisableDrawerScroll: o } = Fe(), s = async (d) => {
     await a(d.trim(), A.guid), i(ne.ON_SUBCATEGORY_ADDED), n(!1);
   }, c = async () => {
     i(ne.ON_SUBCATEGORY_ADD_CLICK), o(!0), n(!0);
@@ -4677,7 +4677,7 @@ const Il = ({
   subCategory: e,
   showRename: n
 }) => {
-  const { updateCategory: a } = xA(), { onEvent: r } = Y(), i = async (s) => {
+  const { updateCategory: a } = xA(), { onEvent: r } = V(), i = async (s) => {
     await a({ ...e, name: s }), r(ne.ON_SUBCATEGORY_SAVED), A(!1);
   }, o = () => {
     A(!1), r(ne.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
@@ -4698,7 +4698,7 @@ const Il = ({
   setShowDelete: n,
   subCategory: a
 }) => {
-  const { onEvent: r } = Y(), { removeCategory: i } = xA(), o = () => {
+  const { onEvent: r } = V(), { removeCategory: i } = xA(), o = () => {
     n(!1), r(ne.ON_SUBCATEGORY_DELETE_CLICK);
   }, s = async () => {
     r(ne.ON_SUBCATEGORY_DELETED), await i(a.guid), n(!1);
@@ -4722,7 +4722,7 @@ const Il = ({
     showSelected: o,
     unselectable: s,
     unselectableText: c
-  } = Fe(), { categories: l } = W(), { onEvent: d } = Y(), [h, C] = g.useState(!1), [f, v] = g.useState(!1), m = !!e.revision, E = e.guid === a, L = !s.some((w) => w === e.guid);
+  } = Fe(), { categories: l } = W(), { onEvent: d } = V(), [h, C] = g.useState(!1), [f, v] = g.useState(!1), m = !!e.revision, E = e.guid === a, L = !s.some((w) => w === e.guid);
   return /* @__PURE__ */ u(
     U,
     {
@@ -4823,7 +4823,7 @@ const Il = ({
     }
   );
 }, zl = x(Hl), ql = ({ category: A, subCategories: e }) => {
-  const { expandedGuid: n, searchValue: a, setExpandedGuid: r } = Fe(), { onEvent: i } = Y(), o = A.guid === n, s = () => {
+  const { expandedGuid: n, searchValue: a, setExpandedGuid: r } = Fe(), { onEvent: i } = V(), o = A.guid === n, s = () => {
     const c = A.guid !== n ? A.guid : null;
     r(c), i(c ? ne.ON_CATEGORY_EXPANDED : ne.ON_CATEGORY_COLLAPSED);
   };
@@ -5027,7 +5027,7 @@ class Wl {
   loadCategories = async () => {
     try {
       const e = await this.api.getCategories(), { default_categories: n } = this.globalStore.copyStore.copy.categories;
-      V(() => {
+      Y(() => {
         this.categories = e.map((a) => ({
           ...a,
           name: n[a.guid] ? n[a.guid].replace(/&/g, "&") : a.name
@@ -5045,7 +5045,7 @@ class Wl {
         CA(a),
         e
       );
-      V(() => {
+      Y(() => {
         this.dateRangeCategoryTotals = r, this.detailedCategories = this.augmentCategories(), this.setIsLoadingCategoryTotals(!1);
       });
     } catch (r) {
@@ -5056,7 +5056,7 @@ class Wl {
     const r = CA(LA(n ?? ye(/* @__PURE__ */ new Date(), 5))), i = CA(OA(a ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(r, i, e);
-      V(() => {
+      Y(() => {
         this.monthlyCategoryTotals = o, this.detailedCategories = this.augmentCategories();
       });
     } catch (o) {
@@ -5082,7 +5082,7 @@ class Wl {
   };
 }
 const Si = ({ transaction: A }) => {
-  const { addOrUpdateTransactionRule: e, updateTransaction: n } = uA(), { categories: a } = xA(), { onEvent: r } = Y(), { setShouldDisableDrawerScroll: i, updateManualTransaction: o } = WA(), { transactions: s } = W(), [c, l] = g.useState(!1), [d, h] = g.useState(""), C = async (E) => {
+  const { addOrUpdateTransactionRule: e, updateTransaction: n } = uA(), { categories: a } = xA(), { onEvent: r } = V(), { setShouldDisableDrawerScroll: i, updateManualTransaction: o } = WA(), { transactions: s } = W(), [c, l] = g.useState(!1), [d, h] = g.useState(""), C = async (E) => {
     await n({ ...A, category_guid: d }), E && await e(d, A), h(""), r(J.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: A.guid
     });
@@ -5167,7 +5167,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, bi = ({ transaction: A }) => {
-  const e = SA(), { onEvent: n } = Y(), { updateTransaction: a } = uA(), { updateManualTransaction: r } = WA(), { common: i, transactions: o } = W(), [s, c] = g.useState(!1), [l, d] = g.useState(A.date), h = (f) => {
+  const e = SA(), { onEvent: n } = V(), { updateTransaction: a } = uA(), { updateManualTransaction: r } = WA(), { common: i, transactions: o } = W(), [s, c] = g.useState(!1), [l, d] = g.useState(A.date), h = (f) => {
     d(CA(f));
   }, C = async () => {
     if (A.is_manual && !A.guid) {
@@ -5224,7 +5224,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, Yl = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { removeTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = async () => {
+  const { onEvent: e } = V(), { removeTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = async () => {
     await n(A.guid), e(M.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ u(S, { className: "mx-txn-delete", children: [
@@ -5264,7 +5264,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, Vl = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { updateTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = async () => {
+  const { onEvent: e } = V(), { updateTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = async () => {
     await n({ ...A, merchant_guid: "" }), e(J.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: A.guid
     });
@@ -5304,7 +5304,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, Jl = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { updateTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = A.is_hidden, l = async () => {
+  const { onEvent: e } = V(), { updateTransaction: n } = uA(), { setShouldDisableDrawerScroll: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), c = A.is_hidden, l = async () => {
     await n({ ...A, is_hidden: !A.is_hidden }), e(
       c ? M.ON_TRANSACTION_UNHIDDEN : M.ON_TRANSACTION_HIDDEN
     );
@@ -5393,7 +5393,7 @@ const Si = ({ transaction: A }) => {
     ] })
   ] });
 }, Di = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { updateTransaction: n } = uA(), { updateManualTransaction: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), [c, l] = g.useState("");
+  const { onEvent: e } = V(), { updateTransaction: n } = uA(), { updateManualTransaction: a } = WA(), { common: r, transactions: i } = W(), [o, s] = g.useState(!1), [c, l] = g.useState("");
   g.useEffect(() => {
     o && l(A.memo ? A.memo : "");
   }, [o]);
@@ -5460,7 +5460,7 @@ const Si = ({ transaction: A }) => {
   onUpdateAmount: a,
   split: r
 }) => {
-  const i = SA(), { onEvent: o } = Y(), { transactions: s } = W(), [c, l] = g.useState(`${r.amount}`), [d, h] = g.useState(!1), C = A === 0, f = (v) => {
+  const i = SA(), { onEvent: o } = V(), { transactions: s } = W(), [c, l] = g.useState(`${r.amount}`), [d, h] = g.useState(!1), C = A === 0, f = (v) => {
     isNaN(Number(v)) || (l(v), a(A, Number(v)));
   };
   return /* @__PURE__ */ u(
@@ -5562,7 +5562,7 @@ const Si = ({ transaction: A }) => {
   splits: r,
   transaction: i
 }) => {
-  const o = SA(), { transactions: s } = W(), { onEvent: c } = Y(), [l, d] = g.useState("");
+  const o = SA(), { transactions: s } = W(), { onEvent: c } = V(), [l, d] = g.useState("");
   return g.useEffect(() => {
     d(r.length <= 1 ? s.split_transaction_errors_min_splits : ""), d(
       r[0].amount < 0 ? H(
@@ -5607,7 +5607,7 @@ const Si = ({ transaction: A }) => {
     ) })
   ] });
 }, Ad = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { splitTransaction: n, unSplitTransaction: a } = uA(), { common: r, transactions: i } = W(), { setShouldDisableDrawerScroll: o } = WA(), { categories: s } = xA(), c = {
+  const { onEvent: e } = V(), { splitTransaction: n, unSplitTransaction: a } = uA(), { common: r, transactions: i } = W(), { setShouldDisableDrawerScroll: o } = WA(), { categories: s } = xA(), c = {
     ...A,
     amount: A.amount - 1,
     guid: "",
@@ -5727,7 +5727,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, ed = () => {
-  const A = fA(), { onEvent: e } = Y(), { addTag: n } = uA(), { transactions: a } = W(), [r, i] = g.useState(!1), [o, s] = g.useState(""), [c, l] = g.useState(""), d = g.useRef(null);
+  const A = fA(), { onEvent: e } = V(), { addTag: n } = uA(), { transactions: a } = W(), [r, i] = g.useState(!1), [o, s] = g.useState(""), [c, l] = g.useState(""), d = g.useRef(null);
   g.useEffect(() => {
     r && d?.current?.focus();
   }, [r]);
@@ -5814,7 +5814,7 @@ const Si = ({ transaction: A }) => {
     }
   ) });
 }, nd = ({ onTagChecked: A, selectedTags: e, tag: n }) => {
-  const { onEvent: a } = Y(), { removeTag: r, updateTag: i } = uA(), { common: o, transactions: s } = W(), [c, l] = g.useState(!1), [d, h] = g.useState(!1), [C, f] = g.useState(""), [v, m] = g.useState(""), E = async () => {
+  const { onEvent: a } = V(), { removeTag: r, updateTag: i } = uA(), { common: o, transactions: s } = W(), [c, l] = g.useState(!1), [d, h] = g.useState(!1), [C, f] = g.useState(""), [v, m] = g.useState(""), E = async () => {
     a(M.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), n && await i({ ...n, name: C }), l(!1);
   }, L = async () => {
     a(M.ON_TRANSACTION_TAGS_TAG_DELETED), await r(n.guid), h(!1);
@@ -5926,7 +5926,7 @@ const Si = ({ transaction: A }) => {
     ] }, o.guid)) }) })
   ] });
 }, rd = x(ad), id = ({ transaction: A }) => {
-  const { onEvent: e } = Y(), { tags: n, updateTaggings: a, updateTransaction: r } = uA(), { common: i, transactions: o } = W(), { updateManualTransaction: s } = WA(), [c, l] = g.useState(!1), [d, h] = g.useState(A.tags);
+  const { onEvent: e } = V(), { tags: n, updateTaggings: a, updateTransaction: r } = uA(), { common: i, transactions: o } = W(), { updateManualTransaction: s } = WA(), [c, l] = g.useState(!1), [d, h] = g.useState(A.tags);
   g.useEffect(() => {
     h(A.tags);
   }, [c, A]);
@@ -5981,7 +5981,7 @@ const Si = ({ transaction: A }) => {
     )
   ] });
 }, Oi = x(id), od = ({ transaction: A }) => {
-  const { updateTransaction: e } = uA(), { common: n, transactions: a } = W(), { onEvent: r } = Y(), [i, o] = g.useState(!1), [s, c] = g.useState(""), l = g.useRef(null);
+  const { updateTransaction: e } = uA(), { common: n, transactions: a } = W(), { onEvent: r } = V(), [i, o] = g.useState(!1), [s, c] = g.useState(""), l = g.useRef(null);
   g.useEffect(() => {
     i && (c(A.description), l?.current?.focus());
   }, [i]);
@@ -6032,7 +6032,7 @@ const Si = ({ transaction: A }) => {
     )
   ] }) });
 }, sd = ({ transaction: A }) => {
-  const { updateTransaction: e } = uA(), { transactions: n } = W(), { onEvent: a } = Y(), r = fA(), i = async () => {
+  const { updateTransaction: e } = uA(), { transactions: n } = W(), { onEvent: a } = V(), r = fA(), i = async () => {
     a(J.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: A.guid }), await e({ ...A, is_flagged: !A.is_flagged });
   };
   return /* @__PURE__ */ t("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ t(
@@ -6068,7 +6068,7 @@ const Si = ({ transaction: A }) => {
   topActions: e = Vc,
   transaction: n
 }) => {
-  const a = SA(), r = n?.number && n.number.length > 4, { onEvent: i } = Y();
+  const a = SA(), r = n?.number && n.number.length > 4, { onEvent: i } = V();
   return g.useEffect(
     () => i(J.TRANSACTION_DETAILS_VIEW, { transaction_guid: n.guid }),
     []
@@ -6389,7 +6389,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     setSearchValue: d,
     setShowInsights: h,
     updateManualTransaction: C
-  } = WA(), { addTransaction: f, filter: v, setFilter: m, tags: E, transactions: L, updateTransaction: b } = uA(), { common: w, transactions: I } = W(), { userProfile: D } = rn(), { onEvent: O } = Y(), {
+  } = WA(), { addTransaction: f, filter: v, setFilter: m, tags: E, transactions: L, updateTransaction: b } = uA(), { common: w, transactions: I } = W(), { userProfile: D } = rn(), { onEvent: O } = V(), {
     displayedDateRange: k,
     isInitialized: $,
     selectedAccountGuids: B,
@@ -6620,7 +6620,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
   frequency_every_year: "Yearly",
   frequency_title: "Select payment frequency"
 }, Td = ({ activity: A }) => {
-  const { cashflowSequences: e, scheduledPayments: n, updateCashflowSequence: a, updateScheduledPayment: r } = kA(), { onEvent: i } = Y(), [o, s] = g.useState(!1), c = A.activityType === EA.Income, l = [
+  const { cashflowSequences: e, scheduledPayments: n, updateCashflowSequence: a, updateScheduledPayment: r } = kA(), { onEvent: i } = V(), [o, s] = g.useState(!1), c = A.activityType === EA.Income, l = [
     { id: _.EveryWeek, label: le.frequency_every_week },
     { id: _.EveryOtherWeek, label: le.frequency_every_other_week },
     { id: _.EveryMonth, label: le.frequency_every_month },
@@ -6689,7 +6689,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
   activity_payment_date: "Next payment date",
   close_drawer_aria: "Close"
 }, Sd = ({ activity: A }) => {
-  const { cashflowSequences: e, scheduledPayments: n, updateCashflowSequence: a, updateScheduledPayment: r } = kA(), { onEvent: i } = Y(), [o, s] = g.useState(!1), [c, l] = g.useState(A.expectedDate), d = A.activityType === EA.Income, h = () => {
+  const { cashflowSequences: e, scheduledPayments: n, updateCashflowSequence: a, updateScheduledPayment: r } = kA(), { onEvent: i } = V(), [o, s] = g.useState(!1), [c, l] = g.useState(A.expectedDate), d = A.activityType === EA.Income, h = () => {
     l(A.expectedDate), s(!0), i(
       d ? "recurring_transactions_widget_income_details_click_next_payment_due" : "recurring_transactions_widget_expense_details_click_next_payment_due",
       {
@@ -6747,7 +6747,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
   close_drawer_aria: "Close",
   transaction_details_drawer_title: "Transaction Details"
 }, Id = ({ activity: A, onDeleted: e }) => {
-  const { categories: n } = xA(), { deleteCashflowSequence: a, deleteScheduledPayment: r, paidActivities: i } = kA(), { filter: o, setFilter: s, transactions: c } = uA(), { selectedAccountGuids: l } = vA(), { onEvent: d } = Y(), [h, C] = g.useState(!1), [f, v] = g.useState(""), m = n.find((I) => I.guid === A.categoryGuid), E = A.activityType === EA.Income, L = g.useMemo(
+  const { categories: n } = xA(), { deleteCashflowSequence: a, deleteScheduledPayment: r, paidActivities: i } = kA(), { filter: o, setFilter: s, transactions: c } = uA(), { selectedAccountGuids: l } = vA(), { onEvent: d } = V(), [h, C] = g.useState(!1), [f, v] = g.useState(""), m = n.find((I) => I.guid === A.categoryGuid), E = A.activityType === EA.Income, L = g.useMemo(
     () => c.find((I) => I.guid === f),
     [f]
   );
@@ -7319,7 +7319,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     scheduledPaymentGuid: a.guid
   };
 }), zd = () => {
-  const { scheduledPayments: A } = kA(), { transactions: e } = uA(), { selectedAccounts: n } = vA(), { onEvent: a } = Y(), r = Hd(n, A, e), i = (s) => {
+  const { scheduledPayments: A } = kA(), { transactions: e } = uA(), { selectedAccounts: n } = vA(), { onEvent: a } = V(), r = Hd(n, A, e), i = (s) => {
     a(J.RECURRING_ACTIVITY_CLICK_EXPENSE, {
       transaction_guid: s.transactionGuid
     });
@@ -7516,7 +7516,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     sequenceGuid: i.guid
   };
 }), Xd = () => {
-  const { selectedAccounts: A } = vA(), { cashflowEvents: e, cashflowSequences: n, projectedEvents: a } = kA(), { transactions: r } = uA(), { onEvent: i } = Y(), o = Gd(
+  const { selectedAccounts: A } = vA(), { cashflowEvents: e, cashflowSequences: n, projectedEvents: a } = kA(), { transactions: r } = uA(), { onEvent: i } = V(), o = Gd(
     A,
     e,
     a,
@@ -7537,7 +7537,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     /* @__PURE__ */ t(zi, { isIncome: !0, label: kd.manage_income_add, onAddActivity: c })
   ] });
 }, qi = x(Xd), Bi = () => {
-  const [A, e] = g.useState(0), { onEvent: n } = Y();
+  const [A, e] = g.useState(0), { onEvent: n } = V();
   return /* @__PURE__ */ u(S, { bgcolor: "background.default", height: "100%", children: [
     /* @__PURE__ */ u(
       rt,
@@ -7649,7 +7649,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     ]
   }
 ), lr = 58, jd = () => {
-  const A = fA(), { onEvent: e } = Y(), { selectedDay: n } = kA(), [a, r] = g.useState(
+  const A = fA(), { onEvent: e } = V(), { selectedDay: n } = kA(), [a, r] = g.useState(
     za(/* @__PURE__ */ new Date()) * st + lr
   ), i = (s) => {
     r(za(s) * st + lr), e(J.RECURRING_ACTIVITY_CLICK_CALENDAR_RIGHT);
@@ -7820,7 +7820,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
     selectedDayActivities: i,
     setSelectedDay: o,
     upcomingActivities: s
-  } = kA(), [c, l] = g.useState(0), { onEvent: d } = Y(), h = e.filter(wn), C = a.filter(wn), f = n.filter(wn), v = h.filter(Rt).reduce(lt, 0), m = C.filter(Rt).reduce(lt, 0), E = f.filter(Rt).reduce(lt, 0), L = h.filter(Rt).length, b = h.filter(En).reduce(lt, 0), w = C.filter(En).reduce(lt, 0), I = h.filter(En).length, D = ($, B) => {
+  } = kA(), [c, l] = g.useState(0), { onEvent: d } = V(), h = e.filter(wn), C = a.filter(wn), f = n.filter(wn), v = h.filter(Rt).reduce(lt, 0), m = C.filter(Rt).reduce(lt, 0), E = f.filter(Rt).reduce(lt, 0), L = h.filter(Rt).length, b = h.filter(En).reduce(lt, 0), w = C.filter(En).reduce(lt, 0), I = h.filter(En).length, D = ($, B) => {
     l(B);
   }, O = ($) => {
     d(J.RECURRING_ACTIVITY_CLICK_UPCOMING, {
@@ -7906,7 +7906,7 @@ const ir = "connect_widget", or = "connections_widget", vd = {
   recurring_activity_title: "Recurring Transactions",
   recurring_activity_settings: "Settings"
 }, Jd = ({ onBackClick: A, sx: e = {} }) => {
-  const { accounts: n } = DA(), { isInitialized: a, selectedAccountGuids: r, setSelectedAccounts: i } = vA(), { setFilter: o } = uA(), { isLoading: s } = kA(), { onEvent: c } = Y();
+  const { accounts: n } = DA(), { isInitialized: a, selectedAccountGuids: r, setSelectedAccounts: i } = vA(), { setFilter: o } = uA(), { isLoading: s } = kA(), { onEvent: c } = V();
   g.useEffect(() => {
     i(n);
   }, [n]), g.useEffect(() => {
@@ -8057,7 +8057,7 @@ class eu {
   addCashflowEvent = async (e) => {
     try {
       const n = await this.cashflowApi.addCashflowEvent(e);
-      V(() => {
+      Y(() => {
         this.cashflowEvents = [...this.cashflowEvents, n];
       });
     } catch (n) {
@@ -8078,7 +8078,7 @@ class eu {
       await this.globalStore.transactionStore.updateTransaction({
         ...n,
         scheduled_payment_guid: a.guid
-      }), V(() => {
+      }), Y(() => {
         this.scheduledPayments = [...this.scheduledPayments, a];
       });
     } catch (a) {
@@ -8094,7 +8094,7 @@ class eu {
   };
   deleteScheduledPayment = async (e) => {
     try {
-      await this.api.deleteScheduledPayment(e), V(() => {
+      await this.api.deleteScheduledPayment(e), Y(() => {
         const n = this.scheduledPayments.findIndex((a) => a.guid === e);
         n >= 0 && this.scheduledPayments.splice(n, 1);
       });
@@ -8104,7 +8104,7 @@ class eu {
   };
   loadActivity = () => {
     this.isLoading = !0, Promise.all([this.loadExpenseActivity(), this.loadIncomeActivity()]).finally(
-      () => V(() => {
+      () => Y(() => {
         this.isLoading = !1;
       })
     );
@@ -8117,7 +8117,7 @@ class eu {
   };
   loadCashflowSequences = async () => {
     const e = await this.cashflowApi.getCashflowSequences();
-    V(() => {
+    Y(() => {
       this.cashflowSequences = e.filter(
         (n) => n.transaction_type === UA.CREDIT
       );
@@ -8129,7 +8129,7 @@ class eu {
         LA(Z()),
         ge(Z(), 30)
       );
-      V(() => {
+      Y(() => {
         this.projectedEvents = e.filter(
           (n) => n.transaction_type === UA.CREDIT
         );
@@ -8144,7 +8144,7 @@ class eu {
         ie(Z(), 90),
         OA(Z())
       );
-      V(() => {
+      Y(() => {
         this.cashflowEvents = e.filter(
           (n) => n.transaction_type === UA.CREDIT
         );
@@ -8156,7 +8156,7 @@ class eu {
   loadScheduledPayments = async () => {
     try {
       const e = await this.api.getScheduledPayments();
-      V(() => {
+      Y(() => {
         this.scheduledPayments = e;
       });
     } catch (e) {
@@ -8190,7 +8190,7 @@ class eu {
     try {
       const n = await this.api.updateScheduledPayment(e), a = this.scheduledPayments.findIndex((r) => r.guid === e.guid);
       if (a < 0) return;
-      V(() => {
+      Y(() => {
         this.scheduledPayments = [
           ...this.scheduledPayments.slice(0, a),
           n,
@@ -8728,7 +8728,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(aA, { children: [
     }
   );
 }, vu = x(fu), mu = () => {
-  const { cashflow: A } = W(), { isDesktop: e } = jA(), { onEvent: n } = Y(), [a, r] = g.useState(0), i = (o, s) => {
+  const { cashflow: A } = W(), { isDesktop: e } = jA(), { onEvent: n } = V(), [a, r] = g.useState(0), i = (o, s) => {
     r(s);
   };
   return g.useEffect(() => {
@@ -9172,7 +9172,7 @@ const uu = ({ activity: A }) => /* @__PURE__ */ u(aA, { children: [
     setSelectedAccounts: r,
     shouldDisableNextDate: i,
     shouldDisablePrevDate: o
-  } = vA(), { onEvent: s } = Y(), { cashAccounts: c } = DA(), { setFilter: l } = uA(), { userProfile: d } = rn(), { dateRange: h, setSelectedCashAccounts: C } = ot(), { cashflow: f } = W(), [v, m] = g.useState(!1);
+  } = vA(), { onEvent: s } = V(), { cashAccounts: c } = DA(), { setFilter: l } = uA(), { userProfile: d } = rn(), { dateRange: h, setSelectedCashAccounts: C } = ot(), { cashflow: f } = W(), [v, m] = g.useState(!1);
   return g.useEffect(() => {
     r(c);
   }, [c]), g.useEffect(() => {
@@ -9429,13 +9429,13 @@ class Bu {
   loadMerchants = async (e = "") => {
     this.isLoading = !0;
     const n = await this.api.getMerchants([e]);
-    V(() => {
+    Y(() => {
       this.merchants = n, this.isLoading = !1;
     });
   };
   loadMerchantByGuid = async (e) => {
     const n = await this.api.getMerchantByGuid(e);
-    V(() => this.merchant = n);
+    Y(() => this.merchant = n);
   };
 }
 const R7 = (A) => {
@@ -9482,7 +9482,7 @@ class ku {
     try {
       this.isLoading = !0;
       const e = await this.api.getNotifications();
-      V(() => {
+      Y(() => {
         this.notifications = e, this.recentNotifications = Ku(e), this.isLoading = !1;
       });
     } catch (e) {
@@ -9579,7 +9579,7 @@ class Wu {
   loadUserProfile = async () => {
     try {
       const e = await this.api.getUserProfile();
-      V(() => {
+      Y(() => {
         this.userProfile = e;
       });
     } catch (e) {
@@ -9589,7 +9589,7 @@ class Wu {
   updateUserProfile = async (e) => {
     try {
       const n = await this.api.updateUserProfile(e);
-      V(() => {
+      Y(() => {
         this.userProfile = n;
       });
     } catch (n) {
@@ -9911,7 +9911,7 @@ class Tr {
   };
   getAccounts = async () => this.fetchInstance.get(N.ACCOUNTS).then((e) => e.accounts).catch((e) => e);
   getMembers = async () => this.fetchInstance.get(N.MEMBERS).then((e) => e.members).catch((e) => e);
-  getMonthlyAccountBalances = async (e) => this.fetchInstance.get(`${N.ACCOUNTS}/${e.guid}/monthly_account_balances`).then((n) => (console.log(n), n.monthly_account_balances)).catch((n) => n);
+  getMonthlyAccountBalances = async (e) => this.fetchInstance.get(`${N.ACCOUNTS}/${e.guid}/monthly_account_balances`).then((n) => (console.log(n), n)).catch((n) => n);
   getNetWorthChartData = async () => wr.map((n) => ({ x: this.formatMonth(n.x), y: n.y }));
   getNetWorthMonthlyList = async () => wr;
 }
@@ -9925,22 +9925,30 @@ class Yu {
     this.globalStore = e, bA(this);
   }
   initialize = async (e, n) => {
-    this.api = new Tr(e, n), await this.loadNetWorth();
+    this.api = new Tr(e, n), await this.loadNetWorthData();
   };
   /*eslint-disable no-console*/
-  loadNetWorth = async () => {
+  loadNetWorthData = async () => {
     try {
-      const e = await this.api.getAccounts(), n = e.map((i) => this.api.getMonthlyAccountBalances(i));
-      console.log(n);
-      const a = await this.api.getNetWorthMonthlyList(), r = await this.api.getNetWorthChartData();
-      V(() => {
+      const e = await this.api.getAccounts(), n = e.map((a) => this.api.getMonthlyAccountBalances(a));
+      console.log(Promise.all(n)), Y(() => {
         this.netWorthData = {
           accounts: e,
           monthlyAccountBalances: n
-        }, this.netWorthMonthlyList = a, this.netWorthChartData = r;
+        };
       });
     } catch (e) {
-      console.error(`Error occured while loading net worth: ${e}`);
+      console.error(`Error occured while loading net worth data: ${e}`);
+    }
+  };
+  loadChartData = async () => {
+    try {
+      const e = await this.api.getNetWorthMonthlyList(), n = await this.api.getNetWorthChartData();
+      Y(() => {
+        this.netWorthMonthlyList = e, this.netWorthChartData = n;
+      });
+    } catch (e) {
+      console.error(`Error occured while loading chart data: ${e}`);
     }
   };
 }
@@ -10024,7 +10032,7 @@ const Ln = ({
   this_will_set_the_balance_of_your_account: "This will set the balance of your _1{account_name} account to $0.00, and keep any past transaction history. This can be undone by marking the account as open.",
   unhide_account: "Unhide Account"
 }, Ju = () => {
-  const [A, e] = g.useState(!1), [n, a] = g.useState(!1), [r, i] = g.useState(!1), [o, s] = g.useState({}), { selectedAccount: c } = se(), { mergeAccounts: l, updateAccount: d } = DA(), h = Vu(), { onEvent: C } = Y(), f = (m) => {
+  const [A, e] = g.useState(!1), [n, a] = g.useState(!1), [r, i] = g.useState(!1), [o, s] = g.useState({}), { selectedAccount: c } = se(), { mergeAccounts: l, updateAccount: d } = DA(), h = Vu(), { onEvent: C } = V(), f = (m) => {
     d({
       ...c,
       ...m
@@ -10464,7 +10472,7 @@ const Ln = ({
     }
   );
 }, e1 = x(A1), t1 = () => {
-  const A = window.app?.config, { onEvent: e } = Y(), { selectedAccount: n } = se(), a = cu(n), r = n.member_is_managed_by_user || !n.member_is_managed_by_user && A.enable_renaming_home_accounts, [i, o] = g.useState(!1), [s, c] = g.useState(a[0]), l = a.filter(
+  const A = window.app?.config, { onEvent: e } = V(), { selectedAccount: n } = se(), a = cu(n), r = n.member_is_managed_by_user || !n.member_is_managed_by_user && A.enable_renaming_home_accounts, [i, o] = g.useState(!1), [s, c] = g.useState(a[0]), l = a.filter(
     (d) => r || n[d.name] || n[d.name] === 0
   );
   return /* @__PURE__ */ u(aA, { children: [
@@ -10506,7 +10514,7 @@ const Ln = ({
     )
   ] });
 }, n1 = x(t1), a1 = () => {
-  const { onEvent: A } = Y();
+  const { onEvent: A } = V();
   return g.useEffect(() => A(J.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ u(oA, { children: [
     /* @__PURE__ */ t(n1, {}),
     /* @__PURE__ */ t($u, {}),
@@ -10572,7 +10580,7 @@ const Ln = ({
   aria_close: "Close",
   transaction_drawer_title: "Transaction Details"
 }, c1 = () => {
-  const [A, e] = g.useState(""), { onEvent: n } = Y(), { selectedAccount: a } = se(), { setFilter: r, sortedTransactions: i } = uA(), o = g.useMemo(() => i.find((s) => s.guid === A), [A]);
+  const [A, e] = g.useState(""), { onEvent: n } = V(), { selectedAccount: a } = se(), { setFilter: r, sortedTransactions: i } = uA(), o = g.useMemo(() => i.find((s) => s.guid === A), [A]);
   return g.useEffect(() => {
     r({
       dateRange: { start: ts(ns(), 90), end: as() },
@@ -10760,7 +10768,7 @@ const Ln = ({
 }, I1 = (A) => ({
   list_aria: `${A[0]} accounts`
 }), D1 = () => {
-  const [A, e] = g.useState(""), { selectedAccounts: n } = vA(), { setSelectedAccount: a, setSelectedMember: r } = se(), { members: i } = DA(), { onEvent: o } = Y(), s = [...new Set(n.map((l) => l.account_type))], c = n.find((l) => A === l.guid);
+  const [A, e] = g.useState(""), { selectedAccounts: n } = vA(), { setSelectedAccount: a, setSelectedMember: r } = se(), { members: i } = DA(), { onEvent: o } = V(), s = [...new Set(n.map((l) => l.account_type))], c = n.find((l) => A === l.guid);
   return g.useEffect(() => {
     if (c) {
       a(c);
@@ -10882,7 +10890,7 @@ const Ln = ({
   sync_accounts: "Sync Accounts",
   no_accounts: "No accounts available"
 }, N1 = ({ onBackClick: A, sx: e = {} }) => {
-  const [n, a] = g.useState(!1), [r, i] = g.useState(!1), { accounts: o, refreshMembers: s } = DA(), { setSelectedAccounts: c, selectedAccountGuids: l } = vA(), { isDesktop: d } = jA(), { onEvent: h } = Y();
+  const [n, a] = g.useState(!1), [r, i] = g.useState(!1), { accounts: o, refreshMembers: s } = DA(), { setSelectedAccounts: c, selectedAccountGuids: l } = vA(), { isDesktop: d } = jA(), { onEvent: h } = V();
   g.useEffect(() => {
     c(o);
   }, [o]);
@@ -11484,7 +11492,7 @@ class z1 {
   addAccount = async (e) => {
     try {
       const n = await this.api.createAccount(e);
-      V(() => {
+      Y(() => {
         this.accounts = [...this.accounts, n];
       });
     } catch (n) {
@@ -11512,7 +11520,7 @@ class z1 {
     await this.loadMembers();
     try {
       const e = await this.api.getAccounts();
-      V(() => {
+      Y(() => {
         this.accounts = this.sortAccounts(this.augmentAccounts(e));
       });
     } catch (e) {
@@ -11522,7 +11530,7 @@ class z1 {
   loadInstitutions = async () => {
     try {
       const e = await this.api.getInstitutions();
-      V(() => {
+      Y(() => {
         this.institutions = e;
       });
     } catch (e) {
@@ -11532,7 +11540,7 @@ class z1 {
   loadMembers = async () => {
     try {
       const e = await this.api.getMembers();
-      V(() => {
+      Y(() => {
         this.members = e;
       });
     } catch (e) {
@@ -11542,7 +11550,7 @@ class z1 {
   mergeAccounts = async (e) => {
     try {
       const n = await this.api.mergeAccounts(e), a = n[Object.keys(n)[0]];
-      V(() => {
+      Y(() => {
         const r = this.accounts.findIndex((o) => o.guid === e[1]);
         this.accounts.splice(r, 1);
         const i = this.accounts.findIndex((o) => o.guid === e[0]);
@@ -11565,7 +11573,7 @@ class z1 {
   };
   removeAccount = async (e) => {
     try {
-      await this.api.deleteAccount(e), V(() => {
+      await this.api.deleteAccount(e), Y(() => {
         const n = this.accounts.findIndex((a) => a.guid === e);
         this.accounts.splice(n, 1);
       });
@@ -11576,7 +11584,7 @@ class z1 {
   updateAccount = async (e) => {
     try {
       const n = await this.api.updateAccount(e);
-      V(() => {
+      Y(() => {
         const a = this.accounts.findIndex(
           (r) => r.guid === n.guid
         );
@@ -12771,7 +12779,7 @@ class ph {
   };
   loadCopy = async () => {
     const e = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    V(() => {
+    Y(() => {
       this.copyObject = e[this.translationKey];
     });
   };
@@ -12952,7 +12960,7 @@ class bh {
     bA(this), this.copyStore = new ph(), this.insightsMicroWidgetStore = new Sh();
   }
   initialize = async (e, n) => {
-    await this.copyStore.initialize(e, n), await this.insightsMicroWidgetStore.initialize(e, n), this.session = await zs(e, n, "1.0.0", "Micro Insights Carousel"), V(() => {
+    await this.copyStore.initialize(e, n), await this.insightsMicroWidgetStore.initialize(e, n), this.session = await zs(e, n, "1.0.0", "Micro Insights Carousel"), Y(() => {
       this.isInitialized = !0;
     });
   };
@@ -15078,7 +15086,7 @@ const Dt = g.createContext(null), Ih = ({
 }, p3 = x(m3), y3 = {
   title: "Spending"
 }, E3 = ({ onBackClick: A, sx: e = {} }) => {
-  const { accounts: n } = DA(), { isInitialized: a, setDisplayedDate: r, setSelectedAccounts: i } = vA(), { onEvent: o } = Y(), [s, c] = g.useState(!1);
+  const { accounts: n } = DA(), { isInitialized: a, setDisplayedDate: r, setSelectedAccounts: i } = vA(), { onEvent: o } = V(), [s, c] = g.useState(!1);
   g.useEffect(() => {
     i(n);
   }, [n]), g.useEffect(() => {
@@ -15554,7 +15562,7 @@ export {
   Fe as useCategoryUiStore,
   ec as useCombineEvents,
   tc as useCombinePageviews,
-  Y as useEvent,
+  V as useEvent,
   Vu as useGetMergeableAccounts,
   W as useGlobalCopyStore,
   an as useGlobalStore,