@mx-cartographer/experiences 6.26.3-alpha.sms3 → 6.26.3-alpha.sms4

package/dist/index.es.js

@@ -5,7 +5,7 @@ import O from "@mui/material/Box";
 import P from "@mui/material/Divider";
 import oe from "@mui/material/List";
 import Ft from "@mui/material/ListSubheader";
-import Le from "@mui/system/Stack";
+import Me from "@mui/system/Stack";
 import { AccountsIcon as Hl, P as ie, Icon as V, useTokens as At, Text as f, H2 as gn, CategoryIcon as Rt, DialogHeader as Pl, DialogFooter as Fl, Drawer as Wl, Footer as Ul, DateRangePicker as ar, H3 as at, H1 as Zt, TextField as Rn, IconWeight as xt, MerchantLogo as Qt, CategoryIconList as Vl, CategoryIconVariants as Rs, InstitutionLogo as Et, ChevronRightIcon as Os, THEMES as or } from "@mxenabled/mxui";
 import Kl from "bowser";
 import { getUnixTime as Fe } from "date-fns/getUnixTime";
@@ -1314,7 +1314,7 @@ const Ha = (e, n) => e.reduce((i, a) => (i[a.guid] = n?.includes(a.guid), i), {}
   if (!n)
     throw new Error(`${e}() must be used within the GlobalDataContext`);
   return n;
-}, ye = () => tt("useAccountStore").globalStore.accountStore, It = () => tt("useAppConfig").globalStore.appDataStore.appConfig, Io = () => tt("useAnalyticsStore").globalStore.analyticsStore, _t = () => tt("useBudgetsStore").globalStore.budgetsStore, wo = () => tt("useCashflowStore").globalStore.cashflowStore, Ue = () => tt("useCategoryStore").globalStore.categoryStore, hc = () => tt("useConnectStore").globalStore.connectStore, ya = () => tt("useDebtsStore").globalStore.debtsStore, Ea = () => tt("useFinstrongStore").globalStore.finstrongStore, hi = () => tt("useGlobalStore").globalStore, ue = () => tt("useGlobalUiStore").globalStore.globalUiStore, T = () => tt("globalCopyStore").globalStore.copyStore.copy, dt = () => tt("useGoalStore").globalStore.goalStore, vo = () => tt("useHelpStore").globalStore.helpStore, Xn = () => tt("useHoldingStore").globalStore.holdingStore, ju = () => tt("useMerchantStore").globalStore.merchantStore, gc = () => tt("useNetWorthStore").globalStore.netWorthStore, mc = () => tt("useNotificationStore").globalStore.notificationStore, ot = () => tt("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, bt = () => tt("useSettingsStore").globalStore.settingsStore, Me = () => tt("useTransactionStore").globalStore.transactionStore, gi = () => tt("useTrendsStore").globalStore.trendsStore, Ct = () => tt("useUserStore").globalStore.userStore, X = () => ({ onEvent: tt().onEvent }), N2 = () => ({ onPageView: tt().onPageView }), $u = (e = "useWidgetContainerContext") => {
+}, ye = () => tt("useAccountStore").globalStore.accountStore, It = () => tt("useAppConfig").globalStore.appDataStore.appConfig, Io = () => tt("useAnalyticsStore").globalStore.analyticsStore, _t = () => tt("useBudgetsStore").globalStore.budgetsStore, wo = () => tt("useCashflowStore").globalStore.cashflowStore, Ue = () => tt("useCategoryStore").globalStore.categoryStore, hc = () => tt("useConnectStore").globalStore.connectStore, ya = () => tt("useDebtsStore").globalStore.debtsStore, Ea = () => tt("useFinstrongStore").globalStore.finstrongStore, hi = () => tt("useGlobalStore").globalStore, ue = () => tt("useGlobalUiStore").globalStore.globalUiStore, T = () => tt("globalCopyStore").globalStore.copyStore.copy, dt = () => tt("useGoalStore").globalStore.goalStore, vo = () => tt("useHelpStore").globalStore.helpStore, Xn = () => tt("useHoldingStore").globalStore.holdingStore, ju = () => tt("useMerchantStore").globalStore.merchantStore, gc = () => tt("useNetWorthStore").globalStore.netWorthStore, mc = () => tt("useNotificationStore").globalStore.notificationStore, ot = () => tt("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, bt = () => tt("useSettingsStore").globalStore.settingsStore, Le = () => tt("useTransactionStore").globalStore.transactionStore, gi = () => tt("useTrendsStore").globalStore.trendsStore, Ct = () => tt("useUserStore").globalStore.userStore, X = () => ({ onEvent: tt().onEvent }), N2 = () => ({ onPageView: tt().onPageView }), $u = (e = "useWidgetContainerContext") => {
   const n = g.useContext(_c);
   if (!n)
     throw new Error(`${e}() must be used within the WidgetContainerContext`);
@@ -5768,7 +5768,7 @@ class Dh {
 const Ot = () => {
   if (!g.useContext(ti))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return Me().uiStore;
+  return Le().uiStore;
 };
 function Nh() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
@@ -5785,7 +5785,7 @@ function Oh(e) {
   });
 }
 const Lh = ({ transaction: e, onClick: n }) => {
-  const { associatedBeats: i } = Me(), { transactions: a } = T(), { showInsights: o } = Ot(), r = e.transaction_type === jt.CREDIT, s = g.useMemo(() => i.find((c) => c.associated_transaction_guid === e.guid), [i, e]);
+  const { associatedBeats: i } = Le(), { transactions: a } = T(), { showInsights: o } = Ot(), r = e.transaction_type === jt.CREDIT, s = g.useMemo(() => i.find((c) => c.associated_transaction_guid === e.guid), [i, e]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ l(
@@ -5877,52 +5877,54 @@ const Lh = ({ transaction: e, onClick: n }) => {
   width: c = "100%",
   zeroState: d = /* @__PURE__ */ t(kh, {})
 }) => {
-  const { isLoading: _, sortedTransactions: u } = Me(), h = g.useMemo(() => s ? u : u.filter((v) => !v.is_hidden), [u, s]), { clearExpandedSplits: m, setShowInsights: p, toggleSplit: C } = Ot(), { onEvent: E } = X(), y = (v) => {
-    const w = h.find((N) => N.guid === v);
-    if (w?.has_been_split) {
-      C(w.guid);
+  const { isLoading: _, sortedTransactions: u } = Le(), h = Le();
+  console.log("exp tStore", h);
+  const m = g.useMemo(() => s ? u : u.filter((w) => !w.is_hidden), [u, _, s]), { clearExpandedSplits: p, setShowInsights: C, toggleSplit: E } = Ot(), { onEvent: y } = X(), S = (w) => {
+    const N = m.find((R) => R.guid === w);
+    if (N?.has_been_split) {
+      E(N.guid);
       return;
     }
-    E(F.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: w?.account_guid,
-      transaction_guid: v
-    }), a?.(v);
-  }, S = g.useRef(null), I = $s({
-    count: h.length,
-    getScrollElement: () => S.current,
-    estimateSize: (v) => kr + (Mr(v, h) ? Gr : 0),
+    y(F.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: N?.account_guid,
+      transaction_guid: w
+    }), a?.(w);
+  }, I = g.useRef(null), v = $s({
+    count: m.length,
+    getScrollElement: () => I.current,
+    estimateSize: (w) => kr + (Mr(w, m) ? Gr : 0),
     overscan: 5
   });
-  return g.useEffect(() => I.measure(), [h]), g.useEffect(() => p(o), [o]), g.useEffect(() => () => m(), []), console.log("exp transactions", h), /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(O, { height: n, overflow: "auto", ref: S, width: c, children: /* @__PURE__ */ l(
+  return g.useEffect(() => v.measure(), [m]), g.useEffect(() => C(o), [o]), g.useEffect(() => () => p(), []), console.log("exp transactions", m), /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(O, { height: n, overflow: "auto", ref: I, width: c, children: /* @__PURE__ */ l(
     O,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
-        I.getVirtualItems().length === 0 ? "auto" : I.getTotalSize()
+        v.getVirtualItems().length === 0 ? "auto" : v.getTotalSize()
       ),
       position: "relative",
       width: "100%",
       children: [
         (_ || r) && i,
-        !_ && !r && I.getVirtualItems().length === 0 && d,
-        !_ && !r && I.getVirtualItems().length > 0 && I.getVirtualItems().map((v) => {
-          const w = h[v.index], N = Mr(v.index, h), R = Gh(v.index, h), M = kr + (N ? Gr : 0);
+        !_ && !r && v.getVirtualItems().length === 0 && d,
+        !_ && !r && v.getVirtualItems().length > 0 && v.getVirtualItems().map((w) => {
+          const N = m[w.index], R = Mr(w.index, m), M = Gh(w.index, m), k = kr + (R ? Gr : 0);
           return /* @__PURE__ */ l(
             O,
             {
               sx: {
-                height: M,
+                height: k,
                 position: "absolute",
-                transform: `translateY(${v.start}px)`,
+                transform: `translateY(${w.start}px)`,
                 width: "100%"
               },
               children: [
-                N && /* @__PURE__ */ t(Ta, { bgcolor: e, children: ba(w.date) }),
-                /* @__PURE__ */ t(Mo, { onClick: y, transaction: w }),
-                /* @__PURE__ */ t(P, { sx: { ml: R ? 24 : 0 } })
+                R && /* @__PURE__ */ t(Ta, { bgcolor: e, children: ba(N.date) }),
+                /* @__PURE__ */ t(Mo, { onClick: S, transaction: N }),
+                /* @__PURE__ */ t(P, { sx: { ml: M ? 24 : 0 } })
               ]
             },
-            w.guid
+            N.guid
           );
         })
       ]
@@ -5932,7 +5934,7 @@ const Lh = ({ transaction: e, onClick: n }) => {
   `${e.row.account}`,
   e.row.number && ` | ${e.row.number}`
 ] }), Ph = (e) => {
-  const { associatedBeats: n } = Me(), { showInsights: i } = Ot(), { amount: a, transaction_type: o } = e.row, r = n.find((c) => c.associated_transaction_guid === e.row.guid), s = o === jt.CREDIT;
+  const { associatedBeats: n } = Le(), { showInsights: i } = Ot(), { amount: a, transaction_type: o } = e.row, r = n.find((c) => c.associated_transaction_guid === e.row.guid), s = o === jt.CREDIT;
   return /* @__PURE__ */ l(b, { alignItems: "flex-end", tabIndex: e.tabIndex, children: [
     /* @__PURE__ */ l(f, { color: s ? "success.main" : "text.primary", variant: "Small", children: [
       s ? "+" : "",
@@ -6001,7 +6003,7 @@ const Lh = ({ transaction: e, onClick: n }) => {
   onCategoryClick: n,
   onRowClick: i
 }) => {
-  const { transactions: a } = T(), { isCopyLoaded: o } = ue(), { isLoading: r, sortedTransactions: s } = Me(), { clearExpandedSplits: c, toggleSplit: d } = Ot();
+  const { transactions: a } = T(), { isCopyLoaded: o } = ue(), { isLoading: r, sortedTransactions: s } = Le(), { clearExpandedSplits: c, toggleSplit: d } = Ot();
   g.useEffect(() => () => c(), []);
   const _ = g.useMemo(
     () => s.map((m) => ({
@@ -6651,7 +6653,7 @@ class gg {
   getCategoryName = (n) => this.categories.find((a) => a.guid === n)?.name ?? fa[n];
 }
 const wc = ({ transaction: e }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: i } = Me(), { categories: a } = Ue(), { onEvent: o } = X(), { setShouldDisableDrawerScroll: r, updateManualTransaction: s } = Ot(), { transactions: c } = T(), [d, _] = g.useState(!1), [u, h] = g.useState(""), m = async (y) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: i } = Le(), { categories: a } = Ue(), { onEvent: o } = X(), { setShouldDisableDrawerScroll: r, updateManualTransaction: s } = Ot(), { transactions: c } = T(), [d, _] = g.useState(!1), [u, h] = g.useState(""), m = async (y) => {
     await i({ ...e, category_guid: u }), y && await n(u, e), h(""), o(F.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: e.guid
     });
@@ -6736,7 +6738,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, vc = ({ transaction: e }) => {
-  const n = At(), { onEvent: i } = X(), { updateTransaction: a } = Me(), { updateManualTransaction: o } = Ot(), { common: r, transactions: s } = T(), [c, d] = g.useState(!1), [_, u] = g.useState(e.date), h = (p) => {
+  const n = At(), { onEvent: i } = X(), { updateTransaction: a } = Le(), { updateManualTransaction: o } = Ot(), { common: r, transactions: s } = T(), [c, d] = g.useState(!1), [_, u] = g.useState(e.date), h = (p) => {
     u(Fe(p));
   }, m = async () => {
     if (e.is_manual && !e.guid) {
@@ -6793,7 +6795,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, mg = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { removeTransaction: i } = Me(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = async () => {
+  const { onEvent: n } = X(), { removeTransaction: i } = Le(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = async () => {
     await i(e.guid), n(q.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ l(O, { className: "mx-txn-delete", children: [
@@ -6833,7 +6835,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, pg = x(mg), Cg = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { updateTransaction: i } = Me(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = async () => {
+  const { onEvent: n } = X(), { updateTransaction: i } = Le(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = async () => {
     await i({ ...e, merchant_guid: "" }), n(F.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: e.guid
     });
@@ -6873,7 +6875,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, fg = x(Cg), bg = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { updateTransaction: i } = Me(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = e.is_hidden, _ = async () => {
+  const { onEvent: n } = X(), { updateTransaction: i } = Le(), { setShouldDisableDrawerScroll: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), d = e.is_hidden, _ = async () => {
     await i({ ...e, is_hidden: !e.is_hidden }), n(
       d ? q.ON_TRANSACTION_UNHIDDEN : q.ON_TRANSACTION_HIDDEN
     );
@@ -6962,7 +6964,7 @@ const wc = ({ transaction: e }) => {
     ] })
   ] });
 }, Eg = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { updateTransaction: i } = Me(), { updateManualTransaction: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), [d, _] = g.useState("");
+  const { onEvent: n } = X(), { updateTransaction: i } = Le(), { updateManualTransaction: a } = Ot(), { common: o, transactions: r } = T(), [s, c] = g.useState(!1), [d, _] = g.useState("");
   g.useEffect(() => {
     s && _(e.memo ? e.memo : "");
   }, [s]);
@@ -7189,7 +7191,7 @@ const wc = ({ transaction: e }) => {
     ) })
   ] });
 }, xg = x(Tg), Ig = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { splitTransaction: i, unSplitTransaction: a } = Me(), { common: o, transactions: r } = T(), { setShouldDisableDrawerScroll: s } = Ot(), { categories: c } = Ue(), d = {
+  const { onEvent: n } = X(), { splitTransaction: i, unSplitTransaction: a } = Le(), { common: o, transactions: r } = T(), { setShouldDisableDrawerScroll: s } = Ot(), { categories: c } = Ue(), d = {
     ...e,
     amount: e.amount - 1,
     guid: "",
@@ -7309,7 +7311,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, wg = x(Ig), vg = () => {
-  const e = Se(), { onEvent: n } = X(), { addTag: i } = Me(), { transactions: a } = T(), [o, r] = g.useState(!1), [s, c] = g.useState(""), [d, _] = g.useState(""), u = g.useRef(null);
+  const e = Se(), { onEvent: n } = X(), { addTag: i } = Le(), { transactions: a } = T(), [o, r] = g.useState(!1), [s, c] = g.useState(""), [d, _] = g.useState(""), u = g.useRef(null);
   g.useEffect(() => {
     o && u?.current?.focus();
   }, [o]);
@@ -7396,7 +7398,7 @@ const wc = ({ transaction: e }) => {
     }
   ) });
 }, Rg = x(Ng), Og = ({ onTagChecked: e, selectedTags: n, tag: i }) => {
-  const { onEvent: a } = X(), { removeTag: o, updateTag: r } = Me(), { common: s, transactions: c } = T(), [d, _] = g.useState(!1), [u, h] = g.useState(!1), [m, p] = g.useState(""), [C, E] = g.useState(""), y = async () => {
+  const { onEvent: a } = X(), { removeTag: o, updateTag: r } = Le(), { common: s, transactions: c } = T(), [d, _] = g.useState(!1), [u, h] = g.useState(!1), [m, p] = g.useState(""), [C, E] = g.useState(""), y = async () => {
     a(q.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await r({ ...i, name: m }), _(!1);
   }, S = async () => {
     a(q.ON_TRANSACTION_TAGS_TAG_DELETED), await o(i.guid), h(!1);
@@ -7490,7 +7492,7 @@ const wc = ({ transaction: e }) => {
     }
   );
 }, Lg = x(Og), Mg = ({ selectedTags: e, onTagChecked: n }) => {
-  const { tags: i } = Me(), [a, o] = g.useState(""), r = i.filter(
+  const { tags: i } = Le(), [a, o] = g.useState(""), r = i.filter(
     (s) => s.name.toLowerCase().includes(a.toLowerCase())
   );
   return /* @__PURE__ */ l("div", { className: "mx-txn-tag-manager", children: [
@@ -7508,7 +7510,7 @@ const wc = ({ transaction: e }) => {
     ] }, s.guid)) }) })
   ] });
 }, kg = x(Mg), Gg = ({ transaction: e }) => {
-  const { onEvent: n } = X(), { tags: i, updateTaggings: a, updateTransaction: o } = Me(), { common: r, transactions: s } = T(), { updateManualTransaction: c } = Ot(), [d, _] = g.useState(!1), [u, h] = g.useState(e.tags);
+  const { onEvent: n } = X(), { tags: i, updateTaggings: a, updateTransaction: o } = Le(), { common: r, transactions: s } = T(), { updateManualTransaction: c } = Ot(), [d, _] = g.useState(!1), [u, h] = g.useState(e.tags);
   g.useEffect(() => {
     h(e.tags);
   }, [d, e]);
@@ -7563,7 +7565,7 @@ const wc = ({ transaction: e }) => {
     )
   ] });
 }, Rc = x(Gg), Bg = ({ transaction: e }) => {
-  const { updateTransaction: n } = Me(), { common: i, transactions: a } = T(), { onEvent: o } = X(), [r, s] = g.useState(!1), [c, d] = g.useState(""), _ = g.useRef(null);
+  const { updateTransaction: n } = Le(), { common: i, transactions: a } = T(), { onEvent: o } = X(), [r, s] = g.useState(!1), [c, d] = g.useState(""), _ = g.useRef(null);
   g.useEffect(() => {
     r && (d(e.description), _?.current?.focus());
   }, [r]);
@@ -7614,7 +7616,7 @@ const wc = ({ transaction: e }) => {
     )
   ] }) });
 }, Hg = x(Bg), Pg = ({ transaction: e }) => {
-  const { updateTransaction: n } = Me(), { transactions: i } = T(), { onEvent: a } = X(), o = Se(), r = async () => {
+  const { updateTransaction: n } = Le(), { transactions: i } = T(), { onEvent: a } = X(), o = Se(), r = async () => {
     a(F.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: e.guid }), await n({ ...e, is_flagged: !e.is_flagged });
   };
   return /* @__PURE__ */ t("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ t(
@@ -7818,7 +7820,7 @@ const wc = ({ transaction: e }) => {
     ] })
   ] });
 }, Yg = x(Kg), zg = ({ onClose: e, transaction: n }) => {
-  const { addOrUpdateTransactionRule: i, updateTransaction: a } = Me(), { transactions: o } = T(), { categories: r } = Ue(), [s, c] = g.useState(""), d = g.useMemo(
+  const { addOrUpdateTransactionRule: i, updateTransaction: a } = Le(), { transactions: o } = T(), { categories: r } = Ue(), [s, c] = g.useState(""), d = g.useMemo(
     () => r.find((u) => u.guid === s),
     [s]
   ), _ = async (u) => {
@@ -7880,7 +7882,7 @@ const wc = ({ transaction: e }) => {
     tags: k,
     transactions: G,
     updateTransaction: L
-  } = Me(), {
+  } = Le(), {
     manualTransaction: W,
     isAmountValid: Y,
     searchValue: se,
@@ -8197,7 +8199,7 @@ const wc = ({ transaction: e }) => {
   ] });
 }), Lc = x(
   ({ onDeleted: e, recurringTransaction: n }) => {
-    const { recurring: i } = T(), { selectedAccountGuids: a } = ue(), { onEvent: o } = X(), { deleteRepeatingTransaction: r } = ot(), { setFilter: s, transactions: c } = Me(), { amount: d, description: _, merchant_guid: u } = n, [h, m] = g.useState(!1), [p, C] = g.useState("");
+    const { recurring: i } = T(), { selectedAccountGuids: a } = ue(), { onEvent: o } = X(), { deleteRepeatingTransaction: r } = ot(), { setFilter: s, transactions: c } = Le(), { amount: d, description: _, merchant_guid: u } = n, [h, m] = g.useState(!1), [p, C] = g.useState("");
     g.useEffect(() => {
       s({
         accounts: a,
@@ -8449,7 +8451,7 @@ const wc = ({ transaction: e }) => {
     label: n,
     onAddRecurringTransaction: i = () => null
   }) => {
-    const { recurring: a } = T(), { filter: o, setFilter: r, transactions: s } = Me(), { addRepeatingTransaction: c } = ot(), { user: d } = Ct(), [_, u] = g.useState(!1), [h, m] = g.useState(""), [p, C] = g.useState(Ee.EveryMonth), [E, y] = g.useState(1), [S, I] = g.useState(15), v = g.useMemo(
+    const { recurring: a } = T(), { filter: o, setFilter: r, transactions: s } = Le(), { addRepeatingTransaction: c } = ot(), { user: d } = Ct(), [_, u] = g.useState(!1), [h, m] = g.useState(""), [p, C] = g.useState(Ee.EveryMonth), [E, y] = g.useState(1), [S, I] = g.useState(15), v = g.useMemo(
       () => s.find((M) => M.guid === h),
       [h, s]
     ), w = () => {
@@ -9091,7 +9093,7 @@ const wc = ({ transaction: e }) => {
     ] }) })
   ] });
 }), P2 = x(({ onBackClick: e, sx: n = {} }) => {
-  const { accounts: i } = ye(), { recurring: a } = T(), { isCopyLoaded: o, isInitialized: r, selectedAccountGuids: s, setSelectedAccounts: c } = ue(), { isDataLoaded: d, loadRepeatingTransactions: _, setDateRange: u } = ot(), { setFilter: h } = Me(), { onEvent: m } = X(), [p, C] = g.useState(!1);
+  const { accounts: i } = ye(), { recurring: a } = T(), { isCopyLoaded: o, isInitialized: r, selectedAccountGuids: s, setSelectedAccounts: c } = ue(), { isDataLoaded: d, loadRepeatingTransactions: _, setDateRange: u } = ot(), { setFilter: h } = Le(), { onEvent: m } = X(), [p, C] = g.useState(!1);
   return g.useEffect(() => {
     c(i);
   }, [i]), g.useEffect(() => {
@@ -9157,7 +9159,7 @@ const wc = ({ transaction: e }) => {
   ] });
 }), F2 = x(
   ({ onPrimaryCtaClick: e, sx: n }) => {
-    const { accounts: i } = ye(), { recurring: a } = T(), { setFilter: o } = Me(), { isDataLoaded: r, loadRepeatingTransactions: s } = ot(), { isCopyLoaded: c, isInitialized: d, setSelectedAccounts: _, selectedAccountGuids: u } = ue();
+    const { accounts: i } = ye(), { recurring: a } = T(), { setFilter: o } = Le(), { isDataLoaded: r, loadRepeatingTransactions: s } = ot(), { isCopyLoaded: c, isInitialized: d, setSelectedAccounts: _, selectedAccountGuids: u } = ue();
     return g.useEffect(() => {
       d && _(i);
     }, [d]), g.useEffect(() => {
@@ -9266,7 +9268,7 @@ const wc = ({ transaction: e }) => {
       paidExpenseTotal: y,
       setDateRange: S,
       upcomingExpenseTotal: I
-    } = ot(), { setFilter: v } = Me(), { recurring: w, budgets: N } = T();
+    } = ot(), { setFilter: v } = Le(), { recurring: w, budgets: N } = T();
     g.useEffect(() => {
       h(r);
     }, [r]), g.useEffect(() => {
@@ -10459,7 +10461,7 @@ const fm = ({ recurrence: e }) => /* @__PURE__ */ l(Z, { children: [
     transform: rotate(360deg);
   }
 `, Lm = () => {
-  const { addRepeatingTransaction: e, repeatingTransactions: n } = ot(), { cashflow: i, common: a } = T(), { completeOnboarding: o } = wo(), { isDirty: r } = Ci(), { isMobile: s } = be(), { isCopyLoaded: c, setDisplayedDate: d } = ue(), { filter: _, setFilter: u, transactions: h } = Me(), m = Se(), [p, C] = Tt(!0), [E, y] = g.useState(Ee.EveryMonth), [S, I] = g.useState(1), [v, w] = g.useState(15), [N, R] = Tt(!1), [M, k] = Tt(1), [G, L] = Tt([]), [W, Y] = Tt(""), se = g.useMemo(
+  const { addRepeatingTransaction: e, repeatingTransactions: n } = ot(), { cashflow: i, common: a } = T(), { completeOnboarding: o } = wo(), { isDirty: r } = Ci(), { isMobile: s } = be(), { isCopyLoaded: c, setDisplayedDate: d } = ue(), { filter: _, setFilter: u, transactions: h } = Le(), m = Se(), [p, C] = Tt(!0), [E, y] = g.useState(Ee.EveryMonth), [S, I] = g.useState(1), [v, w] = g.useState(15), [N, R] = Tt(!1), [M, k] = Tt(1), [G, L] = Tt([]), [W, Y] = Tt(""), se = g.useMemo(
     () => h.find((fe) => fe.guid === W),
     [W, h]
   ), ee = !!n.filter(
@@ -10642,7 +10644,7 @@ const fm = ({ recurrence: e }) => /* @__PURE__ */ l(Z, { children: [
     setSelectedAccounts: o,
     shouldDisableNextDate: r,
     shouldDisablePrevDate: s
-  } = ue(), { onEvent: c } = X(), { visibleCashAccounts: d } = ye(), { setFilter: _ } = Me(), { userProfile: u } = Ct(), { dateRange: h, setSelectedCashAccounts: m } = Ci(), { loadRepeatingTransactions: p, setDateRange: C } = ot(), { cashflow: E } = T(), { isCopyLoaded: y, isInitialized: S } = ue(), [I, v] = g.useState(!1);
+  } = ue(), { onEvent: c } = X(), { visibleCashAccounts: d } = ye(), { setFilter: _ } = Le(), { userProfile: u } = Ct(), { dateRange: h, setSelectedCashAccounts: m } = Ci(), { loadRepeatingTransactions: p, setDateRange: C } = ot(), { cashflow: E } = T(), { isCopyLoaded: y, isInitialized: S } = ue(), [I, v] = g.useState(!1);
   return g.useEffect(() => {
     S && (C(h), p().finally());
   }, [S]), g.useEffect(() => {
@@ -21575,7 +21577,7 @@ const Mf = (e) => e.reduce((i, a) => {
   isOpen: i,
   onClose: a
 }) => {
-  const { onEvent: o } = X(), { selectedAccountGuids: r } = ue(), { common: s } = T(), { setFilter: c, sortedTransactions: d } = Me(), [_, u] = g.useState(""), h = g.useMemo(
+  const { onEvent: o } = X(), { selectedAccountGuids: r } = ue(), { common: s } = T(), { setFilter: c, sortedTransactions: d } = Le(), [_, u] = g.useState(""), h = g.useMemo(
     () => d.find((p) => p.guid === _),
     [_, d]
   );
@@ -21603,7 +21605,7 @@ const Mf = (e) => e.reduce((i, a) => {
     }
   );
 }, fl = x(Uf), Vf = ({ onBackClick: e, sx: n }) => {
-  const { onEvent: i } = X(), { isDesktop: a, isTablet: o, isMobile: r } = be(), { visibleAccounts: s } = ye(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: _ } = Ue(), { sortedTransactions: u } = Me(), { selectedDateRange: h, setSelectedDateRange: m } = gi(), { isCopyLoaded: p, isInitialized: C, selectedAccounts: E, setSelectedAccounts: y } = ue(), { trends: S } = T(), [I, v] = g.useState(!1), [w, N] = g.useState(!1), [R, M] = g.useState("Chart"), [k, G] = g.useState(""), [L, W] = g.useState(window.innerHeight), se = L - (r ? 315 : 345);
+  const { onEvent: i } = X(), { isDesktop: a, isTablet: o, isMobile: r } = be(), { visibleAccounts: s } = ye(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: _ } = Ue(), { sortedTransactions: u } = Le(), { selectedDateRange: h, setSelectedDateRange: m } = gi(), { isCopyLoaded: p, isInitialized: C, selectedAccounts: E, setSelectedAccounts: y } = ue(), { trends: S } = T(), [I, v] = g.useState(!1), [w, N] = g.useState(!1), [R, M] = g.useState("Chart"), [k, G] = g.useState(""), [L, W] = g.useState(window.innerHeight), se = L - (r ? 315 : 345);
   g.useEffect(() => {
     const Q = () => W(window.innerHeight);
     return window.addEventListener("resize", Q), () => window.removeEventListener("resize", Q);
@@ -24170,7 +24172,7 @@ const Ui = g.createContext(null), a0 = ({
     }
   );
 }, k0 = x(M0), G0 = ({ onBackClick: e, onInsightCardClick: n, sx: i }) => {
-  const { onEvent: a } = X(), o = Xe(), { isLargeDesktop: r, isDesktop: s, isMobile: c } = be(), { visibleAccounts: d } = ye(), { loadMonthlyCategoryTotals: _, monthlyCategoryTotals: u } = Ue(), { setFilter: h, sortedTransactions: m } = Me(), { selectedDateRange: p, setSelectedCategoryData: C, setSelectedDateRange: E } = gi(), {
+  const { onEvent: a } = X(), o = Xe(), { isLargeDesktop: r, isDesktop: s, isMobile: c } = be(), { visibleAccounts: d } = ye(), { loadMonthlyCategoryTotals: _, monthlyCategoryTotals: u } = Ue(), { setFilter: h, sortedTransactions: m } = Le(), { selectedDateRange: p, setSelectedCategoryData: C, setSelectedDateRange: E } = gi(), {
     isCopyLoaded: y,
     isInitialized: S,
     selectedAccounts: I,
@@ -24611,7 +24613,7 @@ const Va = ({
     (a) => a.member_guid === i.guid && i.successfully_aggregated_at && a.guid !== n.guid
   );
 }, V0 = () => {
-  const [e, n] = g.useState(!1), [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState({}), { selectedAccount: d } = Ut(), { mergeAccounts: _, updateAccount: u } = ye(), { accounts: h } = T(), m = U0(), { onEvent: p } = X(), { modifyTransactionByAccountGuid: C } = Me(), E = async (S) => {
+  const [e, n] = g.useState(!1), [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState({}), { selectedAccount: d } = Ut(), { mergeAccounts: _, updateAccount: u } = ye(), { accounts: h } = T(), m = U0(), { onEvent: p } = X(), { modifyTransactionByAccountGuid: C } = Le(), E = async (S) => {
     await u({
       ...d,
       ...S
@@ -25157,7 +25159,7 @@ const Va = ({
     )
   ] });
 }, eb = x(J0), tb = () => {
-  const [e, n] = g.useState(""), { onEvent: i } = X(), { selectedAccount: a } = Ut(), { accounts: o } = T(), { setFilter: r, sortedTransactions: s } = Me(), c = g.useMemo(
+  const [e, n] = g.useState(""), { onEvent: i } = X(), { selectedAccount: a } = Ut(), { accounts: o } = T(), { setFilter: r, sortedTransactions: s } = Le(), c = g.useMemo(
     () => s.find((d) => d.guid === e),
     [e, s]
   );
@@ -25248,7 +25250,7 @@ const Va = ({
       {
         "aria-label": v,
         subheader: /* @__PURE__ */ t(Ft, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
-          Le,
+          Me,
           {
             component: "span",
             direction: "row",
@@ -25259,7 +25261,7 @@ const Va = ({
             ]
           }
         ) }),
-        children: /* @__PURE__ */ t(Le, { children: S.map((w, N, R) => {
+        children: /* @__PURE__ */ t(Me, { children: S.map((w, N, R) => {
           const M = N === R.length - 1;
           return /* @__PURE__ */ l(g.Fragment, { children: [
             /* @__PURE__ */ t(
@@ -25305,7 +25307,7 @@ const Va = ({
         {
           "aria-label": i.account_type_accounts[S[0]?.account_type],
           subheader: /* @__PURE__ */ t(Ft, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
-            Le,
+            Me,
             {
               component: "span",
               direction: "row",
@@ -25316,7 +25318,7 @@ const Va = ({
               ]
             }
           ) }),
-          children: /* @__PURE__ */ t(Le, { children: S.map((v) => {
+          children: /* @__PURE__ */ t(Me, { children: S.map((v) => {
             const w = a.indexOf(v) === a.length - 1, N = S.indexOf(v) === S.length - 1;
             return /* @__PURE__ */ l(g.Fragment, { children: [
               /* @__PURE__ */ t(
@@ -26861,7 +26863,7 @@ const Nb = ({
     )
   ] });
 }), Wb = x(({ budget: e }) => {
-  const { category: n, subBudgets: i } = e, { budgets: a, common: o } = T(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = _t(), { filter: _, setFilter: u } = Me(), [h, m] = g.useState(!1), [p, C] = g.useState(!1), [E, y] = g.useState("");
+  const { category: n, subBudgets: i } = e, { budgets: a, common: o } = T(), { deleteBudget: r, selectedSubBudget: s, setSelectedSubBudget: c, updateBudget: d } = _t(), { filter: _, setFilter: u } = Le(), [h, m] = g.useState(!1), [p, C] = g.useState(!1), [E, y] = g.useState("");
   g.useEffect(() => {
     s && (y(`${s.amount}`), u({
       ..._,
@@ -26946,7 +26948,7 @@ const Nb = ({
     sortedTransactions: c,
     sortedTransactionsWithSplits: d,
     tags: _
-  } = Me(), [u, h] = g.useState(0), [m, p] = g.useState(""), C = g.useMemo(
+  } = Le(), [u, h] = g.useState(0), [m, p] = g.useState(""), C = g.useMemo(
     () => c.find((I) => I.guid === m),
     [m, c]
   ), E = (I, v) => {
@@ -27005,7 +27007,7 @@ const Nb = ({
     setAlert: c,
     setSelectedBudget: d,
     updateBudget: _
-  } = _t(), { setFilter: u } = Me(), [h, m] = g.useState(!1), [p, C] = g.useState(!1), [E, y] = g.useState(!1), [S, I] = g.useState("");
+  } = _t(), { setFilter: u } = Le(), [h, m] = g.useState(!1), [p, C] = g.useState(!1), [E, y] = g.useState(!1), [S, I] = g.useState("");
   g.useEffect(() => {
     r && !s && (I(`${r.amount}`), m(!0), u({
       accounts: e,
@@ -27120,7 +27122,7 @@ const Nb = ({
     ] }, r.guid)) }) })
   ] });
 }), zb = x(() => {
-  const e = Se(), { onEvent: n } = X(), { visibleAccounts: i } = ye(), { budgets: a, common: o, recurring: r } = T(), { incomeCategories: s, spendCategories: c } = Ue(), { detailedBudgets: d, totalBudgeted: _ } = _t(), { incomeTotal: u } = ot(), { setFilter: h } = Me(), [m, p] = g.useState(!1), [C, E] = g.useMemo(() => {
+  const e = Se(), { onEvent: n } = X(), { visibleAccounts: i } = ye(), { budgets: a, common: o, recurring: r } = T(), { incomeCategories: s, spendCategories: c } = Ue(), { detailedBudgets: d, totalBudgeted: _ } = _t(), { incomeTotal: u } = ot(), { setFilter: h } = Le(), [m, p] = g.useState(!1), [C, E] = g.useMemo(() => {
     const v = c.reduce((M, k) => M + k.totalAmount, 0);
     let w = v / _;
     w > 1 && (w = 1);
@@ -28112,7 +28114,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
       onClose: d,
       title: _.overview.investment_details,
       children: [
-        /* @__PURE__ */ l(Le, { sx: { gap: 8, p: 24 }, children: [
+        /* @__PURE__ */ l(Me, { sx: { gap: 8, p: 24 }, children: [
           /* @__PURE__ */ t(
             Et,
             {
@@ -28123,7 +28125,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
           ),
           /* @__PURE__ */ t(f, { sx: { color: "text.primary" }, variant: "Small", children: e.accounts.memberName }),
           /* @__PURE__ */ t(f, { sx: { color: "text.primary" }, variant: "H2", children: e.accounts.user_name || e.accounts.name }),
-          /* @__PURE__ */ l(Le, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ l(Me, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ t(f, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: _.overview.current_balance }),
             /* @__PURE__ */ t(f, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: e.accounts.balance?.toLocaleString("en-US", {
               currency: "USD",
@@ -28134,7 +28136,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
           ] })
         ] }),
         /* @__PURE__ */ l(
-          Le,
+          Me,
           {
             sx: {
               bgcolor: "background.default",
@@ -28175,10 +28177,10 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                         borderColor: "border.main"
                       }
                     ],
-                    children: /* @__PURE__ */ l(Le, { sx: { flexDirection: "row", width: "100%" }, children: [
+                    children: /* @__PURE__ */ l(Me, { sx: { flexDirection: "row", width: "100%" }, children: [
                       /* @__PURE__ */ t("div", { style: { width: 24 } }),
                       /* @__PURE__ */ l(
-                        Le,
+                        Me,
                         {
                           sx: [
                             {
@@ -28196,21 +28198,21 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                           ],
                           children: [
                             /* @__PURE__ */ t(
-                              Le,
+                              Me,
                               {
                                 sx: {
                                   alignItems: "center",
                                   flexDirection: "row",
                                   gap: 12
                                 },
-                                children: /* @__PURE__ */ l(Le, { sx: { overflow: "hidden", width: 98 }, children: [
+                                children: /* @__PURE__ */ l(Me, { sx: { overflow: "hidden", width: 98 }, children: [
                                   /* @__PURE__ */ t(f, { sx: { fontWeight: 600 }, variant: "Body", children: p.holding }),
                                   /* @__PURE__ */ t(f, { variant: "XSmall", children: p.description })
                                 ] })
                               }
                             ),
                             /* @__PURE__ */ l(
-                              Le,
+                              Me,
                               {
                                 sx: {
                                   alignItems: "center",
@@ -28220,14 +28222,14 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                                   justifyContent: "flex-end"
                                 },
                                 children: [
-                                  /* @__PURE__ */ l(Le, { children: [
+                                  /* @__PURE__ */ l(Me, { children: [
                                     /* @__PURE__ */ t(f, { sx: { fontWeight: 600, textAlign: "right" }, variant: "Body", children: p.marketValue?.toLocaleString("en-US", {
                                       currency: "USD",
                                       maximumFractionDigits: 2,
                                       minimumFractionDigits: 2,
                                       style: "currency"
                                     }) }),
-                                    /* @__PURE__ */ l(Le, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
+                                    /* @__PURE__ */ l(Me, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
                                       p.totalGainLoss !== 0 && /* @__PURE__ */ t(
                                         pt,
                                         {
@@ -28287,7 +28289,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                   }
                 ),
                 /* @__PURE__ */ t(Pi, { children: /* @__PURE__ */ l(
-                  Le,
+                  Me,
                   {
                     sx: {
                       alignItems: "center",
@@ -28296,10 +28298,10 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                       pl: 24
                     },
                     children: [
-                      /* @__PURE__ */ t(Le, { sx: { width: 32 } }),
-                      /* @__PURE__ */ l(Le, { sx: { flex: 1 }, children: [
+                      /* @__PURE__ */ t(Me, { sx: { width: 32 } }),
+                      /* @__PURE__ */ l(Me, { sx: { flex: 1 }, children: [
                         /* @__PURE__ */ l(
-                          Le,
+                          Me,
                           {
                             sx: {
                               alignItems: "center",
@@ -28317,7 +28319,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                           }
                         ),
                         /* @__PURE__ */ l(
-                          Le,
+                          Me,
                           {
                             sx: {
                               alignItems: "center",
@@ -28329,7 +28331,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                             children: [
                               /* @__PURE__ */ t(f, { sx: { color: "text.primary" }, variant: "Body", children: _.overview.cost_basis_header }),
                               /* @__PURE__ */ l(
-                                Le,
+                                Me,
                                 {
                                   direction: "row",
                                   sx: {
@@ -28603,8 +28605,8 @@ const Qb = ({ widgets: e, isLoading: n }) => {
   }, 0), ze = () => {
     o(!1);
   };
-  return C ? /* @__PURE__ */ l(Le, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
-    !!ge.length && /* @__PURE__ */ l(Le, { sx: { alignItems: "center" }, children: [
+  return C ? /* @__PURE__ */ l(Me, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
+    !!ge.length && /* @__PURE__ */ l(Me, { sx: { alignItems: "center" }, children: [
       /* @__PURE__ */ t(f, { sx: { color: "text.secondary" }, children: p.overview.total_portfolio }),
       /* @__PURE__ */ t(Zt, { children: xe.toLocaleString("en-US", {
         currency: "USD",
@@ -28612,7 +28614,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
         minimumFractionDigits: 2,
         style: "currency"
       }) }),
-      /* @__PURE__ */ l(Le, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+      /* @__PURE__ */ l(Me, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         /* @__PURE__ */ t(
           pt,
           {
@@ -28664,7 +28666,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
               overflow: "hidden"
             },
             children: /* @__PURE__ */ l(
-              Le,
+              Me,
               {
                 sx: {
                   border: 1,
@@ -28677,7 +28679,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                 },
                 children: [
                   /* @__PURE__ */ l(
-                    Le,
+                    Me,
                     {
                       sx: {
                         alignItems: "center",
@@ -28697,7 +28699,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                             size: 32
                           }
                         ),
-                        /* @__PURE__ */ l(Le, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
+                        /* @__PURE__ */ l(Me, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
                           /* @__PURE__ */ t(f, { sx: { color: "text.secondary" }, variant: "XSmall", children: K.memberName }),
                           /* @__PURE__ */ t(f, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: K.user_name || K.name })
                         ] })
@@ -28705,7 +28707,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                     }
                   ),
                   /* @__PURE__ */ l(
-                    Le,
+                    Me,
                     {
                       sx: {
                         alignItems: "center",
@@ -28716,7 +28718,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                       },
                       children: [
                         /* @__PURE__ */ l(
-                          Le,
+                          Me,
                           {
                             sx: {
                               alignItems: "center",
@@ -28732,7 +28734,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                             children: [
                               /* @__PURE__ */ t(f, { sx: { color: "text.secondary", fontSize: 11 }, variant: "Small", children: p.overview.total_gain_Loss }),
                               /* @__PURE__ */ l(
-                                Le,
+                                Me,
                                 {
                                   sx: {
                                     alignItems: "center",
@@ -28787,7 +28789,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                           }
                         ),
                         /* @__PURE__ */ l(
-                          Le,
+                          Me,
                           {
                             sx: {
                               alignItems: "center",
@@ -28846,7 +28848,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                 ],
                 children: [
                   /* @__PURE__ */ l(
-                    Le,
+                    Me,
                     {
                       sx: {
                         alignItems: "center",
@@ -28865,18 +28867,18 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                             size: 32
                           }
                         ),
-                        /* @__PURE__ */ l(Le, { sx: { alignItems: "flex-start" }, children: [
+                        /* @__PURE__ */ l(Me, { sx: { alignItems: "flex-start" }, children: [
                           /* @__PURE__ */ t(f, { sx: { color: "text.secondary" }, variant: "XSmall", children: K.memberName }),
                           /* @__PURE__ */ t(f, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: K.user_name || K.name })
                         ] })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ l(Le, { sx: { flexDirection: "row" }, children: [
-                    /* @__PURE__ */ l(Le, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
+                  /* @__PURE__ */ l(Me, { sx: { flexDirection: "row" }, children: [
+                    /* @__PURE__ */ l(Me, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
                       /* @__PURE__ */ t(f, { sx: { color: "text.secondary" }, variant: "XSmall", children: p.overview.total_gain_Loss }),
                       /* @__PURE__ */ l(
-                        Le,
+                        Me,
                         {
                           sx: {
                             alignItems: "center",
@@ -28928,7 +28930,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ t(Le, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ l(Le, { sx: { alignItems: "flex-end" }, children: [
+                    /* @__PURE__ */ t(Me, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ l(Me, { sx: { alignItems: "flex-end" }, children: [
                       /* @__PURE__ */ t(f, { sx: { color: "text.secondary" }, variant: "XSmall", children: p.overview.total_value }),
                       /* @__PURE__ */ t(f, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: Ae?.toLocaleString("en-US", {
                         currency: "USD",
@@ -29467,7 +29469,7 @@ const Qb = ({ widgets: e, isLoading: n }) => {
   e.palette.chartMono.chartMono1,
   e.palette.chartMono.chartMono6
 ], vy = () => {
-  const e = ln(), { clientConfig: n } = It(), { categories: i, dateRangeCategoryTotals: a, loadDateRangeCategoryTotals: o } = Ue(), { goals: r, spending: s } = T(), { displayedDateRange: c, selectedAccounts: d, selectedAccountGuids: _ } = ue(), { setFilter: u, sortedTransactions: h } = Me(), m = n?.master?.deep_link_params?.account_guids, p = n?.master?.deep_link_params?.view, [C, E] = g.useState(""), [y, S] = g.useState(p === "income" ? 1 : 0), [I, v] = g.useState(""), [w, N] = g.useState(!1);
+  const e = ln(), { clientConfig: n } = It(), { categories: i, dateRangeCategoryTotals: a, loadDateRangeCategoryTotals: o } = Ue(), { goals: r, spending: s } = T(), { displayedDateRange: c, selectedAccounts: d, selectedAccountGuids: _ } = ue(), { setFilter: u, sortedTransactions: h } = Le(), m = n?.master?.deep_link_params?.account_guids, p = n?.master?.deep_link_params?.view, [C, E] = g.useState(""), [y, S] = g.useState(p === "income" ? 1 : 0), [I, v] = g.useState(""), [w, N] = g.useState(!1);
   g.useEffect(() => {
     o(
       d,
@@ -29866,7 +29868,7 @@ export {
   ot as useRecurringTransactionsStore,
   be as useScreenSize,
   bt as useSettingsStore,
-  Me as useTransactionStore,
+  Le as useTransactionStore,
   Ot as useTransactionsUiStore,
   gi as useTrendsStore,
   Ct as useUserStore,