@mx-cartographer/experiences 6.16.3 → 6.16.5

package/dist/index.es.js

@@ -4,9 +4,9 @@ import { observer as I } from "mobx-react-lite";
 import L from "@mui/material/Box";
 import H from "@mui/material/Divider";
 import ie from "@mui/material/List";
-import Mt from "@mui/material/ListSubheader";
+import kt from "@mui/material/ListSubheader";
 import we from "@mui/system/Stack";
-import { AccountsIcon as el, P as xe, Icon as $, useTokens as gt, Text as p, H2 as cn, CategoryIcon as kt, DialogHeader as tl, DialogFooter as nl, Drawer as il, Footer as al, DateRangePicker as ko, H3 as mt, H1 as Xt, TextField as yn, IconWeight as ft, MerchantLogo as rn, CategoryIconVariants as os, InstitutionLogo as ut, ChevronRightIcon as ol, THEMES as Go } from "@mxenabled/mxui";
+import { AccountsIcon as el, P as xe, Icon as $, useTokens as gt, Text as p, H2 as cn, CategoryIcon as Gt, DialogHeader as tl, DialogFooter as nl, Drawer as il, Footer as al, DateRangePicker as ko, H3 as mt, H1 as Xt, TextField as yn, IconWeight as ft, MerchantLogo as rn, CategoryIconVariants as os, InstitutionLogo as ut, ChevronRightIcon as ol, THEMES as Go } from "@mxenabled/mxui";
 import rl from "bowser";
 import { getUnixTime as He } from "date-fns/getUnixTime";
 import { intlFormat as sl } from "date-fns/intlFormat";
@@ -77,7 +77,7 @@ import za from "@mui/material/CircularProgress";
 import { v4 as jl } from "uuid";
 import Ki from "@mui/material/InputAdornment";
 import Xl from "@mui/material/Radio";
-import Gt from "@mui/material/Avatar";
+import Bt from "@mui/material/Avatar";
 import ke from "@mui/material/ListItemAvatar";
 import ht from "@mui/material/ListItemIcon";
 import Ya from "@mui/material/MenuItem";
@@ -1302,7 +1302,7 @@ const Ea = (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;
-}, Ee = () => qe("useAccountStore").globalStore.accountStore, Fn = () => qe("useAppConfig").globalStore.appDataStore.appConfig, io = () => qe("useAnalyticsStore").globalStore.analyticsStore, lt = () => qe("useBudgetsStore").globalStore.budgetsStore, ao = () => qe("useCashflowStore").globalStore.cashflowStore, $e = () => qe("useCategoryStore").globalStore.categoryStore, Ms = () => qe("useConnectStore").globalStore.connectStore, ca = () => qe("useDebtsStore").globalStore.debtsStore, la = () => qe("useGlobalStore").globalStore, de = () => qe("useGlobalUiStore").globalStore.globalUiStore, x = () => qe("globalCopyStore").globalStore.copyStore.copy, tt = () => qe("useGoalStore").globalStore.goalStore, oo = () => qe("useHelpStore").globalStore.helpStore, Gn = () => qe("useHoldingStore").globalStore.holdingStore, s_ = () => qe("useMerchantStore").globalStore.merchantStore, ks = () => qe("useNetWorthStore").globalStore.netWorthStore, Gs = () => qe("useNotificationStore").globalStore.notificationStore, ze = () => qe("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, pt = () => qe("useSettingsStore").globalStore.settingsStore, Ne = () => qe("useTransactionStore").globalStore.transactionStore, Bt = () => qe("useUserStore").globalStore.userStore, j = () => ({ onEvent: qe().onEvent }), cE = () => ({ onPageView: qe().onPageView }), c_ = (e = "useWidgetContainerContext") => {
+}, Ee = () => qe("useAccountStore").globalStore.accountStore, Fn = () => qe("useAppConfig").globalStore.appDataStore.appConfig, io = () => qe("useAnalyticsStore").globalStore.analyticsStore, lt = () => qe("useBudgetsStore").globalStore.budgetsStore, ao = () => qe("useCashflowStore").globalStore.cashflowStore, $e = () => qe("useCategoryStore").globalStore.categoryStore, Ms = () => qe("useConnectStore").globalStore.connectStore, ca = () => qe("useDebtsStore").globalStore.debtsStore, la = () => qe("useGlobalStore").globalStore, de = () => qe("useGlobalUiStore").globalStore.globalUiStore, x = () => qe("globalCopyStore").globalStore.copyStore.copy, tt = () => qe("useGoalStore").globalStore.goalStore, oo = () => qe("useHelpStore").globalStore.helpStore, Gn = () => qe("useHoldingStore").globalStore.holdingStore, s_ = () => qe("useMerchantStore").globalStore.merchantStore, ks = () => qe("useNetWorthStore").globalStore.netWorthStore, Gs = () => qe("useNotificationStore").globalStore.notificationStore, ze = () => qe("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, pt = () => qe("useSettingsStore").globalStore.settingsStore, Ne = () => qe("useTransactionStore").globalStore.transactionStore, Lt = () => qe("useUserStore").globalStore.userStore, j = () => ({ onEvent: qe().onEvent }), cE = () => ({ onPageView: qe().onPageView }), c_ = (e = "useWidgetContainerContext") => {
   const n = g.useContext(Os);
   if (!n)
     throw new Error(`${e}() must be used within the WidgetContainerContext`);
@@ -1423,7 +1423,7 @@ const Ea = (e, n) => e.reduce((i, a) => (i[a.guid] = n?.includes(a.guid), i), {}
                     "aria-label": T(i.accountTypeAccounts, S),
                     className: "mx-cmn-account-options-group",
                     dense: !0,
-                    subheader: /* @__PURE__ */ t(Mt, { disableGutters: !0, children: /* @__PURE__ */ t(
+                    subheader: /* @__PURE__ */ t(kt, { disableGutters: !0, children: /* @__PURE__ */ t(
                       ue,
                       {
                         "aria-label": T(i.toggleAccountTypeAccounts, S),
@@ -2383,7 +2383,7 @@ const I_ = ({
         "aria-label": T(i.category_icon_label_aria, o),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ t(kt, { categoryGuid: n })
+        children: /* @__PURE__ */ t(Gt, { categoryGuid: n })
       }
     ),
     /* @__PURE__ */ t(p, { variant: "Body", children: o })
@@ -3822,7 +3822,7 @@ const ar = "connect_widget", or = "connections_widget", z_ = ({
   }
 ), ka = ({ iconName: e, label: n, onClick: i, value: a }) => {
   const o = /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: e, sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+    /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: e, sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
     /* @__PURE__ */ t(
       ae,
       {
@@ -4467,7 +4467,7 @@ const ti = () => {
     /* @__PURE__ */ t(We, { amount: e, bold: !0, sx: { fontSize: 12 } })
   ] });
 }, uo = I(ou), ru = ({ onAddIncomeClick: e }) => {
-  const n = pe(), { availableWidth: i } = Wn(), { isMobile: a } = Ce(), { visibleCashAccounts: o, visibleCashBalance: r } = Ee(), { selectedAccountGuids: s } = de(), { cashflow: c } = x(), { userProfile: d } = Bt(), {
+  const n = pe(), { availableWidth: i } = Wn(), { isMobile: a } = Ce(), { visibleCashAccounts: o, visibleCashBalance: r } = Ee(), { selectedAccountGuids: s } = de(), { cashflow: c } = x(), { userProfile: d } = Lt(), {
     daysUntilNextIncome: u,
     expensesTilNextIncome: _,
     selectedCashAccounts: h,
@@ -5347,16 +5347,16 @@ class Mu {
   uiStore;
   api = new Xi("/", "");
   beatApi = new jn("/", "");
-  isLoading = !0;
-  taggings = [];
-  tags = [];
-  transactionRules = [];
-  transactions = [];
   associatedBeats = [];
   cachedStartDate = At(he(), 90);
+  filter = {};
+  isLoading = !0;
+  rawTransactions = [];
   sortColumn = Ha.DATE;
   sortDirection = Vs.DESC;
-  filter = {};
+  taggings = [];
+  tags = [];
+  transactionRules = [];
   onAnalyticEvent = Au;
   constructor(n) {
     this.globalStore = n, this.uiStore = new Lu(), this.api = new Xi(n.endpoint, n.sessionToken), this.beatApi = new jn(n.endpoint, n.sessionToken), Be(this);
@@ -5383,6 +5383,9 @@ class Mu {
       this.transactions
     );
   }
+  get transactions() {
+    return this.augmentTransactions(this.rawTransactions);
+  }
   addTag = async (n) => {
     await this.api.addTag({ name: n }), await this.loadTags();
   };
@@ -5408,9 +5411,7 @@ class Mu {
   };
   addTransaction = async (n) => {
     const i = await this.api.addTransaction(n);
-    i && Z(
-      () => this.transactions = this.augmentTransactions([i, ...this.transactions])
-    );
+    i && Z(() => this.rawTransactions = [i, ...this.transactions]);
   };
   augmentTransactions = (n) => Tu(
     n,
@@ -5435,14 +5436,14 @@ class Mu {
     Z(() => this.transactionRules = n);
   };
   loadTransactions = async (n = this.cachedStartDate, i = En()) => {
-    this.setIsLoading(!0), this.transactions = [];
+    this.setIsLoading(!0), this.rawTransactions = [];
     try {
       const a = await this.api.getTransactionsByDateRange(
         He(n),
         He(i)
       );
       Z(() => {
-        this.transactions = this.augmentTransactions(a);
+        this.rawTransactions = a;
       });
     } catch (a) {
       console.error(`Error occurred while loading transactions: ${a}`);
@@ -5457,7 +5458,7 @@ class Mu {
     });
   };
   modifyTransactionByAccountGuid = (n, i) => {
-    this.transactions = this.transactions.map(
+    this.rawTransactions = this.transactions.map(
       (a) => a.account_guid === n ? { ...a, ...i } : a
     );
   };
@@ -5472,7 +5473,7 @@ class Mu {
     const i = this.transactions.findIndex((a) => a.guid === n);
     if (i >= 0) {
       const a = [...this.transactions];
-      a.splice(i, 1), Z(() => this.transactions = a);
+      a.splice(i, 1), Z(() => this.rawTransactions = a);
     }
   };
   setFilter = (n) => {
@@ -5492,12 +5493,12 @@ class Mu {
     }
     const r = this.transactions.findIndex((s) => s.guid === n.guid);
     r >= 0 && Z(
-      () => this.transactions = this.augmentTransactions([
+      () => this.rawTransactions = [
         ...this.transactions.slice(0, r),
         a,
         ...this.transactions.slice(r + 1),
         ...o
-      ])
+      ]
     );
   };
   unSplitTransaction = async (n) => {
@@ -5510,7 +5511,7 @@ class Mu {
     });
     const o = a.findIndex((s) => s.guid === n), r = a[o];
     r.has_been_split = !1, o >= 0 && Z(
-      () => this.transactions = [
+      () => this.rawTransactions = [
         ...a.slice(0, o),
         r,
         ...a.slice(o + 1)
@@ -5531,15 +5532,15 @@ class Mu {
   updateTransaction = async (n) => {
     const i = await this.api.updateTransaction(n), a = this.transactions.findIndex((o) => o.guid === n.guid);
     a >= 0 && Z(
-      () => this.transactions = this.augmentTransactions([
+      () => this.rawTransactions = [
         ...this.transactions.slice(0, a),
         i,
         ...this.transactions.slice(a + 1)
-      ])
+      ]
     );
   };
 }
-const Lt = () => {
+const Mt = () => {
   if (!g.useContext(Pn))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
   return Ne().uiStore;
@@ -5581,7 +5582,7 @@ function Wu(e) {
   });
 }
 const $u = ({ transaction: e, onClick: n }) => {
-  const { associatedBeats: i } = Ne(), { transactions: a } = x(), { showInsights: o } = Lt(), r = e.transaction_type === Kt.CREDIT, s = g.useMemo(() => i.find((c) => c.associated_transaction_guid === e.guid), [i, e]);
+  const { associatedBeats: i } = Ne(), { transactions: a } = x(), { showInsights: o } = Mt(), r = e.transaction_type === Kt.CREDIT, s = g.useMemo(() => i.find((c) => c.associated_transaction_guid === e.guid), [i, e]);
   return /* @__PURE__ */ l(
     X_,
     {
@@ -5670,7 +5671,7 @@ const $u = ({ transaction: e, onClick: n }) => {
   width: c = "100%",
   zeroState: d = /* @__PURE__ */ t(Vu, {})
 }) => {
-  const { isLoading: u, sortedTransactions: _ } = Ne(), h = g.useMemo(() => s ? _ : _.filter((A) => !A.is_hidden), [_, s]), { setShowInsights: m, toggleSplit: C } = Lt(), { onEvent: f } = j(), E = (A) => {
+  const { isLoading: u, sortedTransactions: _ } = Ne(), h = g.useMemo(() => s ? _ : _.filter((A) => !A.is_hidden), [_, s]), { setShowInsights: m, toggleSplit: C } = Mt(), { onEvent: f } = j(), E = (A) => {
     const w = h.find((v) => v.guid === A);
     if (w?.has_been_split) {
       C(w.guid);
@@ -5725,7 +5726,7 @@ const $u = ({ transaction: e, onClick: n }) => {
   `${e.row.account}`,
   e.row.number && ` | ${e.row.number}`
 ] }), ju = (e) => {
-  const { associatedBeats: n } = Ne(), { showInsights: i } = Lt(), { amount: a, transaction_type: o } = e.row, r = n.find((c) => c.associated_transaction_guid === e.row.guid), s = o === Kt.CREDIT;
+  const { associatedBeats: n } = Ne(), { showInsights: i } = Mt(), { amount: a, transaction_type: o } = e.row, r = n.find((c) => c.associated_transaction_guid === e.row.guid), s = o === Kt.CREDIT;
   return /* @__PURE__ */ l(b, { alignItems: "flex-end", tabIndex: e.tabIndex, children: [
     /* @__PURE__ */ l(p, { color: s ? "success.main" : "text.primary", variant: "Small", children: [
       s ? "+" : "",
@@ -6134,7 +6135,7 @@ const ih = ({
         id: `category-${e.guid}`,
         onClick: c,
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(kt, { categoryGuid: e.guid }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { categoryGuid: e.guid }) }),
           /* @__PURE__ */ t(
             ae,
             {
@@ -6427,7 +6428,7 @@ class Th {
   getCategoryName = (n) => this.categories.find((a) => a.guid === n)?.name ?? ra[n];
 }
 const Xs = ({ transaction: e }) => {
-  const { addOrUpdateTransactionRule: n, updateTransaction: i } = Ne(), { categories: a } = $e(), { onEvent: o } = j(), { setShouldDisableDrawerScroll: r, updateManualTransaction: s } = Lt(), { transactions: c } = x(), [d, u] = g.useState(!1), [_, h] = g.useState(""), m = async (y) => {
+  const { addOrUpdateTransactionRule: n, updateTransaction: i } = Ne(), { categories: a } = $e(), { onEvent: o } = j(), { setShouldDisableDrawerScroll: r, updateManualTransaction: s } = Mt(), { transactions: c } = x(), [d, u] = g.useState(!1), [_, h] = g.useState(""), m = async (y) => {
     await i({ ...e, category_guid: _ }), y && await n(_, e), h(""), o(W.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: e.guid
     });
@@ -6457,8 +6458,8 @@ const Xs = ({ transaction: e }) => {
           o(Y.ON_TRANSACTION_CATEGORY_CLICK), u(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(
-            kt,
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(
+            Gt,
             {
               categoryGuid: e.top_level_category_guid,
               size: 24,
@@ -6512,7 +6513,7 @@ const Xs = ({ transaction: e }) => {
     )
   ] });
 }, Zs = ({ transaction: e }) => {
-  const n = gt(), { onEvent: i } = j(), { updateTransaction: a } = Ne(), { updateManualTransaction: o } = Lt(), { common: r, transactions: s } = x(), [c, d] = g.useState(!1), [u, _] = g.useState(e.date), h = (C) => {
+  const n = gt(), { onEvent: i } = j(), { updateTransaction: a } = Ne(), { updateManualTransaction: o } = Mt(), { common: r, transactions: s } = x(), [c, d] = g.useState(!1), [u, _] = g.useState(e.date), h = (C) => {
     _(He(C));
   }, m = async () => {
     if (e.is_manual && !e.guid) {
@@ -6529,7 +6530,7 @@ const Xs = ({ transaction: e }) => {
           i(Y.ON_TRANSACTION_DATE_CLICK), d(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "calendar_month", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "calendar_month", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
           /* @__PURE__ */ t(
             ae,
             {
@@ -6569,7 +6570,7 @@ const Xs = ({ transaction: e }) => {
     )
   ] });
 }, Ah = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { removeTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Lt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = async () => {
+  const { onEvent: n } = j(), { removeTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Mt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = async () => {
     await i(e.guid), n(Y.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ l(L, { className: "mx-txn-delete", children: [
@@ -6580,7 +6581,7 @@ const Xs = ({ transaction: e }) => {
           n(Y.ON_TRANSACTION_DELETE_CLICK), a(!0), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { variant: "rounded", children: /* @__PURE__ */ t(pi, { color: "secondary", fontSize: "small" }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { variant: "rounded", children: /* @__PURE__ */ t(pi, { color: "secondary", fontSize: "small" }) }) }),
           /* @__PURE__ */ t(
             ae,
             {
@@ -6609,7 +6610,7 @@ const Xs = ({ transaction: e }) => {
     )
   ] });
 }, Ih = I(Ah), xh = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Lt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = async () => {
+  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Mt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = async () => {
     await i({ ...e, merchant_guid: "" }), n(W.TRANSACTION_DETAILS_CLICK_DELETE_LOGO, {
       transaction_guid: e.guid
     });
@@ -6622,7 +6623,7 @@ const Xs = ({ transaction: e }) => {
           n(Y.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "delete", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "delete", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
           /* @__PURE__ */ t(ae, { primary: r.merchant_logo_title, secondary: r.merchant_logo_desc }),
           /* @__PURE__ */ t(ht, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: ft.Dark }) })
         ]
@@ -6649,7 +6650,7 @@ const Xs = ({ transaction: e }) => {
     )
   ] });
 }, vh = I(xh), wh = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Lt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = e.is_hidden, u = async () => {
+  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { setShouldDisableDrawerScroll: a } = Mt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), d = e.is_hidden, u = async () => {
     await i({ ...e, is_hidden: !e.is_hidden }), n(
       d ? Y.ON_TRANSACTION_UNHIDDEN : Y.ON_TRANSACTION_HIDDEN
     );
@@ -6671,7 +6672,7 @@ const Xs = ({ transaction: e }) => {
         },
         role: "switch",
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: d ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: d ? /* @__PURE__ */ t(
             $,
             {
               name: "visibilityOff",
@@ -6738,7 +6739,7 @@ const Xs = ({ transaction: e }) => {
     ] })
   ] });
 }, Dh = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { updateManualTransaction: a } = Lt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), [d, u] = g.useState("");
+  const { onEvent: n } = j(), { updateTransaction: i } = Ne(), { updateManualTransaction: a } = Mt(), { common: o, transactions: r } = x(), [s, c] = g.useState(!1), [d, u] = g.useState("");
   g.useEffect(() => {
     s && u(e.memo ? e.memo : "");
   }, [s]);
@@ -6757,7 +6758,7 @@ const Xs = ({ transaction: e }) => {
           n(Y.ON_TRANSACTION_MEMO_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "article", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "article", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
           /* @__PURE__ */ t(
             ae,
             {
@@ -6832,7 +6833,7 @@ const Xs = ({ transaction: e }) => {
               {
                 endIcon: /* @__PURE__ */ t(ia, {}),
                 onClick: () => h(!0),
-                startIcon: /* @__PURE__ */ t(kt, { categoryGuid: o.top_level_category_guid }),
+                startIcon: /* @__PURE__ */ t(Gt, { categoryGuid: o.top_level_category_guid }),
                 sx: { px: r.Spacing.Small, py: r.Spacing.XSmall },
                 children: o.category
               }
@@ -6965,7 +6966,7 @@ const Xs = ({ transaction: e }) => {
     ) })
   ] });
 }, Mh = I(Lh), kh = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { splitTransaction: i, unSplitTransaction: a } = Ne(), { common: o, transactions: r } = x(), { setShouldDisableDrawerScroll: s } = Lt(), { categories: c } = $e(), d = {
+  const { onEvent: n } = j(), { splitTransaction: i, unSplitTransaction: a } = Ne(), { common: o, transactions: r } = x(), { setShouldDisableDrawerScroll: s } = Mt(), { categories: c } = $e(), d = {
     ...e,
     amount: e.amount - 1,
     guid: "",
@@ -7026,7 +7027,7 @@ const Xs = ({ transaction: e }) => {
   }, [f]);
   return /* @__PURE__ */ l(g.Fragment, { children: [
     e && /* @__PURE__ */ t(z, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(ue, { onClick: v, children: [
-      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "call_split", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "call_split", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
       /* @__PURE__ */ t(
         ae,
         {
@@ -7284,7 +7285,7 @@ const Xs = ({ transaction: e }) => {
     ] }, s.guid)) }) })
   ] });
 }, Vh = I(Uh), Kh = ({ transaction: e }) => {
-  const { onEvent: n } = j(), { tags: i, updateTaggings: a, updateTransaction: o } = Ne(), { common: r, transactions: s } = x(), { updateManualTransaction: c } = Lt(), [d, u] = g.useState(!1), [_, h] = g.useState(e.tags);
+  const { onEvent: n } = j(), { tags: i, updateTaggings: a, updateTransaction: o } = Ne(), { common: r, transactions: s } = x(), { updateManualTransaction: c } = Mt(), [d, u] = g.useState(!1), [_, h] = g.useState(e.tags);
   g.useEffect(() => {
     h(e.tags);
   }, [d, e]);
@@ -7311,7 +7312,7 @@ const Xs = ({ transaction: e }) => {
           n(Y.ON_TRANSACTION_TAGS_CLICK), u(!0);
         },
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "local_offer", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "local_offer", sx: { color: "text.primary" }, weight: ft.Dark }) }) }),
           /* @__PURE__ */ t(
             ae,
             {
@@ -7492,7 +7493,7 @@ const Xs = ({ transaction: e }) => {
     }
   ) : /* @__PURE__ */ t(_e, {});
 }, Qh = I(qh), Jh = () => {
-  const { selectedAccounts: e } = de(), { common: n, transactions: i } = x(), { manualTransaction: a, setIsAmountValid: o, updateManualTransaction: r } = Lt(), [s, c] = g.useState(""), [d, u] = g.useState(""), _ = g.useMemo(
+  const { selectedAccounts: e } = de(), { common: n, transactions: i } = x(), { manualTransaction: a, setIsAmountValid: o, updateManualTransaction: r } = Mt(), [s, c] = g.useState(""), [d, u] = g.useState(""), _ = g.useMemo(
     () => e.filter((y) => y.is_manual),
     [e]
   ).map((y) => ({
@@ -7643,7 +7644,7 @@ const Xs = ({ transaction: e }) => {
     setSearchValue: h,
     setShowInsights: m,
     updateManualTransaction: C
-  } = Lt(), {
+  } = Mt(), {
     addTransaction: f,
     filter: E,
     loadAssociatedBeats: y,
@@ -7652,7 +7653,7 @@ const Xs = ({ transaction: e }) => {
     tags: w,
     transactions: v,
     updateTransaction: R
-  } = Ne(), { common: B, transactions: M } = x(), { userProfile: D } = Bt(), { onEvent: k } = j(), {
+  } = Ne(), { common: B, transactions: M } = x(), { userProfile: D } = Lt(), { onEvent: k } = j(), {
     displayedDateRange: O,
     isCopyLoaded: U,
     isInitialized: Q,
@@ -8166,7 +8167,7 @@ const Xs = ({ transaction: e }) => {
     onSearch: i,
     onSelected: a
   }) => {
-    const { recurring: o } = x(), { searchValue: r, setSearchValue: s } = Lt();
+    const { recurring: o } = x(), { searchValue: r, setSearchValue: s } = Mt();
     return /* @__PURE__ */ l(b, { sx: { bgcolor: e, gap: 16, pt: 8 }, children: [
       n && /* @__PURE__ */ t(xe, { sx: { mx: 24 }, children: n }),
       /* @__PURE__ */ t(
@@ -8221,7 +8222,7 @@ const Xs = ({ transaction: e }) => {
     label: n,
     onAddRecurringTransaction: i = () => null
   }) => {
-    const { recurring: a } = x(), { filter: o, setFilter: r, transactions: s } = Ne(), { addRepeatingTransaction: c } = ze(), { user: d } = Bt(), [u, _] = g.useState(!1), [h, m] = g.useState(""), [C, f] = g.useState(me.EveryMonth), [E, y] = g.useState(1), [S, A] = g.useState(15), w = g.useMemo(
+    const { recurring: a } = x(), { filter: o, setFilter: r, transactions: s } = Ne(), { addRepeatingTransaction: c } = ze(), { user: d } = Lt(), [u, _] = g.useState(!1), [h, m] = g.useState(""), [C, f] = g.useState(me.EveryMonth), [E, y] = g.useState(1), [S, A] = g.useState(15), w = g.useMemo(
       () => s.find((M) => M.guid === h),
       [h, s]
     ), v = () => {
@@ -8674,7 +8675,7 @@ const Xs = ({ transaction: e }) => {
         /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
           ie,
           {
-            subheader: /* @__PURE__ */ t(Mt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "caption", children: ce(d.date, re.DAY_OF_WEEK_MONTH_DAY) }) }),
+            subheader: /* @__PURE__ */ t(kt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "caption", children: ce(d.date, re.DAY_OF_WEEK_MONTH_DAY) }) }),
             sx: { width: "100%" },
             children: d.recurrences.map((_, h) => /* @__PURE__ */ t(g.Fragment, { children: /* @__PURE__ */ t(
               br,
@@ -9599,7 +9600,7 @@ const vg = ({ recurrence: e }) => /* @__PURE__ */ l(q, { children: [
   const { cashflow: i } = x();
   return /* @__PURE__ */ l(q, { children: [
     /* @__PURE__ */ l(
-      Mt,
+      kt,
       {
         sx: {
           alignItems: "center",
@@ -9996,7 +9997,7 @@ const vg = ({ recurrence: e }) => /* @__PURE__ */ l(q, { children: [
     ]
   }
 ), Ir = (e, n) => (i) => i.accountGuid && e.includes(i.accountGuid) && (qa(i.expectedDate) || nn(i.expectedDate, n.start)) && Xe(i.expectedDate, n.end), kg = () => {
-  const { availableWidth: e } = Wn(), { cashflow: n } = x(), { upcomingExpenses: i, upcomingIncome: a } = ze(), { selectedAccountGuids: o } = de(), { dateRange: r, selectedCashAccounts: s } = ti(), { userProfile: c } = Bt(), [d, u] = g.useState(!1), _ = g.useMemo(
+  const { availableWidth: e } = Wn(), { cashflow: n } = x(), { upcomingExpenses: i, upcomingIncome: a } = ze(), { selectedAccountGuids: o } = de(), { dateRange: r, selectedCashAccounts: s } = ti(), { userProfile: c } = Lt(), [d, u] = g.useState(!1), _ = g.useMemo(
     () => i.filter(Ir(o, r)),
     [r, o, i]
   ), h = g.useMemo(
@@ -10359,7 +10360,7 @@ const vg = ({ recurrence: e }) => /* @__PURE__ */ l(q, { children: [
     setSelectedAccounts: o,
     shouldDisableNextDate: r,
     shouldDisablePrevDate: s
-  } = de(), { onEvent: c } = j(), { visibleCashAccounts: d } = Ee(), { setFilter: u } = Ne(), { userProfile: _ } = Bt(), { dateRange: h, setSelectedCashAccounts: m } = ti(), { loadRepeatingTransactions: C } = ze(), { cashflow: f } = x(), { isCopyLoaded: E, isInitialized: y } = de(), [S, A] = g.useState(!1);
+  } = de(), { onEvent: c } = j(), { visibleCashAccounts: d } = Ee(), { setFilter: u } = Ne(), { userProfile: _ } = Lt(), { dateRange: h, setSelectedCashAccounts: m } = ti(), { loadRepeatingTransactions: C } = ze(), { cashflow: f } = x(), { isCopyLoaded: E, isInitialized: y } = de(), [S, A] = g.useState(!1);
   return g.useEffect(() => {
     y && C().finally();
   }, [y]), g.useEffect(() => {
@@ -12309,7 +12310,7 @@ const Xm = (e, n) => {
       /* @__PURE__ */ t(
         dn,
         {
-          avatar: /* @__PURE__ */ t(Gt, { sx: { bgcolor: c, color: d, height: 48, width: 48 }, variant: "rounded", children: f }),
+          avatar: /* @__PURE__ */ t(Bt, { sx: { bgcolor: c, color: d, height: 48, width: 48 }, variant: "rounded", children: f }),
           subheader: /* @__PURE__ */ t(p, { variant: n || s ? "H3" : "H2", children: `${P(e.current_amount, s ? "0,0" : "0,0.00")} / ${Zm(
             m,
             s
@@ -12469,7 +12470,7 @@ const Xm = (e, n) => {
           justifyContent: "center",
           ".MuiAvatar-root": { height: "16px", width: "16px" }
         },
-        children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: n + 1 }) })
+        children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: n + 1 }) })
       }
     ),
     /* @__PURE__ */ t(ae, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
@@ -12638,7 +12639,7 @@ const Xm = (e, n) => {
           d
         ),
         children: [
-          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { sx: { bgcolor: a }, variant: "rounded", children: /* @__PURE__ */ t(ct, { name: o, sx: { color: "grey.900" } }) }) }),
+          /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Bt, { sx: { bgcolor: a }, variant: "rounded", children: /* @__PURE__ */ t(ct, { name: o, sx: { color: "grey.900" } }) }) }),
           /* @__PURE__ */ t(ae, { primary: r, secondary: s, sx: { mr: 24 } }),
           !h && /* @__PURE__ */ t(it, {}),
           h && (u ? /* @__PURE__ */ t($l, {}) : /* @__PURE__ */ t(Va, {}))
@@ -12953,7 +12954,7 @@ const Xm = (e, n) => {
     }
   );
 }, cp = I(({ goal: e }) => {
-  const { goals: n } = x(), { user: i, updateUser: a } = Bt(), { setAlert: o } = tt(), [r, s] = g.useState(Fe(i.birthday ?? 0)), [c, d] = g.useState(null), u = e.is_complete, _ = async () => {
+  const { goals: n } = x(), { user: i, updateUser: a } = Lt(), { setAlert: o } = tt(), [r, s] = g.useState(Fe(i.birthday ?? 0)), [c, d] = g.useState(null), u = e.is_complete, _ = async () => {
     r && Sd(r) && (await a({ ...i, birthday: He(r) }), o(n.alert_goal_updated_birthday));
   };
   return /* @__PURE__ */ t(
@@ -13086,7 +13087,7 @@ const Xm = (e, n) => {
     setAlert: h,
     setSelectedGoal: m,
     updateGoal: C
-  } = tt(), { user: f } = Bt(), [E, y] = g.useState(!1), S = !_?.guid, A = _?.track_type === V.SAVINGS_TRACK && _.is_complete && !_.has_been_spent, w = g.useMemo(() => {
+  } = tt(), { user: f } = Lt(), [E, y] = g.useState(!1), S = !_?.guid, A = _?.track_type === V.SAVINGS_TRACK && _.is_complete && !_.has_been_spent, w = g.useMemo(() => {
     const O = S ? d : u;
     return n.filter((U) => O.some((Q) => Q.account_guid === U.guid));
   }, [S, n, d, u]), v = g.useMemo(() => {
@@ -13450,7 +13451,7 @@ const hp = I(({ goal: e }) => {
   } = fc(n, e), c = Math.round(r * 100);
   let d = /* @__PURE__ */ t(_s, {});
   return e.track_type === V.DEBT_TRACK ? d = /* @__PURE__ */ t(us, {}) : e.track_type === V.RETIREMENT_TRACK && (d = /* @__PURE__ */ t(hs, {})), /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
-    /* @__PURE__ */ t(Gt, { sx: { bgcolor: a, color: o, height: 32, width: 32 }, variant: "rounded", children: d }),
+    /* @__PURE__ */ t(Bt, { sx: { bgcolor: a, color: o, height: 32, width: 32 }, variant: "rounded", children: d }),
     /* @__PURE__ */ l(L, { width: "65%", children: [
       /* @__PURE__ */ t(cn, { fontSize: 15, fontWeight: 600, variant: "Body", children: e.name }),
       e.projected_to_complete_at && /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: s })
@@ -14260,7 +14261,7 @@ const Bp = ({
   };
   return /* @__PURE__ */ l(b, { direction: "column", sx: { width: 320 }, children: [
     /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ t(Mt, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
+      /* @__PURE__ */ t(kt, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "Body", children: c.monthly_totals }) }),
       /* @__PURE__ */ t(H, {}),
       e.map((_, h) => /* @__PURE__ */ t(
         Fp,
@@ -14604,7 +14605,7 @@ const e1 = ({ amount: e, copy: n, trendValue: i }) => {
       }
     ),
     /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ t(Mt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(kt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         ae,
         {
           primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
@@ -14614,7 +14615,7 @@ const e1 = ({ amount: e, copy: n, trendValue: i }) => {
         }
       ) }),
       /* @__PURE__ */ t(Gr, { groupedAccounts: kr(n) }),
-      /* @__PURE__ */ t(Mt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(kt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         ae,
         {
           primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
@@ -14641,7 +14642,7 @@ const e1 = ({ amount: e, copy: n, trendValue: i }) => {
       e && /* @__PURE__ */ t(wo, { currencyVariant: "H1", iconSize: 32, netWorth: e, theme: s })
     ] }),
     /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ t(Mt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(kt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         ae,
         {
           primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
@@ -14670,7 +14671,7 @@ const e1 = ({ amount: e, copy: n, trendValue: i }) => {
         ) }),
         /* @__PURE__ */ t(H, {})
       ] }, c.accountName)),
-      /* @__PURE__ */ t(Mt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(kt, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(
         ae,
         {
           primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
@@ -14912,7 +14913,7 @@ const d1 = (e, n) => {
       institutionGuid: o?.institution_guid ?? "",
       size: 33
     }
-  ) }) : /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(kt, { categoryGuid: r?.category_guid, size: 36 }) });
+  ) }) : /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(Gt, { categoryGuid: r?.category_guid, size: 36 }) });
 }, h1 = I(u1), g1 = ({ notification: e, onClick: n }) => {
   const { updateNotification: i } = Gs(), a = ln(), o = {
     card: {
@@ -15041,32 +15042,32 @@ const Hr = "PARENT-ENTITY", f1 = (e, n) => ({
   [Ve.TransactionExpenseLarge]: n.large_transaction,
   [Ve.PromotionalCampaignMessages]: n.promotional_campaign_messages,
   [Ve.TransparentOverdraft]: n.transparent_overdraft
-})[e] || "", b1 = (e, n, i, a, o) => {
-  const r = [], {
-    email_notifications_enabled: s,
-    sms_notifications_enabled: c,
-    push_notifications_enabled: d
+})[e] || "", b1 = (e, n, i, a, o, r) => {
+  const s = [], {
+    email_notifications_enabled: c,
+    sms_notifications_enabled: d,
+    push_notifications_enabled: u
   } = n, {
-    opted_out_of_email_notifications: u,
-    opted_out_of_sms_notifications: _,
-    opted_out_of_push_notifications: h
+    opted_out_of_email_notifications: _,
+    opted_out_of_sms_notifications: h,
+    opted_out_of_push_notifications: m
   } = o;
-  for (const m of a.filter((C) => C.entity_guid === Hr)) {
-    const C = f1(m.notification_type, i), f = a.filter(
-      (y) => y.entity_guid !== Hr && y.notification_type === m.notification_type && e.some((S) => S.guid === y.entity_guid)
-    ), E = [];
-    s && !u && m.email_channel && E.push(i.delivery_method_email_label), c && !_ && m.sms_channel && E.push(i.delivery_method_sms_label), d && !h && m.push_channel && E.push(i.delivery_method_push_label), r.push({
-      ...m,
-      children: f.map((y) => ({
-        ...y,
-        account: e.find((S) => S.guid === y.entity_guid),
-        label: C
+  for (const C of a.filter((f) => f.entity_guid === Hr)) {
+    const f = f1(C.notification_type, i), E = a.filter(
+      (S) => S.entity_guid !== Hr && S.notification_type === C.notification_type && e.some((A) => A.guid === S.entity_guid)
+    ), y = [];
+    c && !_ && C.email_channel && r.email && y.push(i.delivery_method_email_label), d && !h && C.sms_channel && r.phone && y.push(i.delivery_method_sms_label), u && !m && C.push_channel && y.push(i.delivery_method_push_label), s.push({
+      ...C,
+      children: E.map((S) => ({
+        ...S,
+        account: e.find((A) => A.guid === S.entity_guid),
+        label: f
       })),
-      deliveryMethodsLabel: E.join(", "),
-      label: C
+      deliveryMethodsLabel: y.join(", "),
+      label: f
     });
   }
-  return r;
+  return s;
 };
 class y1 {
   globalStore;
@@ -15107,7 +15108,8 @@ class y1 {
       this.clientCommunicationProfile,
       this.copy,
       this.notificationProfiles,
-      this.userCommunicationsProfile
+      this.userCommunicationsProfile,
+      this.globalStore.userStore.user
     ) : [];
   }
   get userCommunicationsProfile() {
@@ -15245,7 +15247,7 @@ class y1 {
   };
 }
 const E1 = I(() => {
-  const { common: e, settings: n } = x(), { sendEmailVerification: i } = pt(), { user: a } = Bt(), o = pe(), [r, s] = g.useState(!1), c = () => {
+  const { common: e, settings: n } = x(), { sendEmailVerification: i } = pt(), { user: a } = Lt(), o = pe(), [r, s] = g.useState(!1), c = () => {
     s(!1);
   }, d = () => {
     s(!0);
@@ -15319,7 +15321,7 @@ const E1 = I(() => {
     );
   }
 ), T1 = I(() => {
-  const { common: e, settings: n } = x(), { sendPhoneVerification: i, verifyPhoneToken: a } = pt(), { user: o } = Bt(), r = pe(), [s, c] = g.useState(!1), [d, u] = g.useState(!1), _ = () => {
+  const { common: e, settings: n } = x(), { sendPhoneVerification: i, verifyPhoneToken: a } = pt(), { user: o } = Lt(), r = pe(), [s, c] = g.useState(!1), [d, u] = g.useState(!1), _ = () => {
     c(!1);
   }, h = () => {
     c(!0);
@@ -15384,7 +15386,7 @@ const E1 = I(() => {
     )
   ] });
 }), A1 = ({ availableWidth: e, handleOnLeavClick: n }) => {
-  const i = at(), { common: a, settings: o } = x(), { isDesktop: r, isMobile: s, isSmallMobile: c, isTablet: d } = Ce(e), { config: u } = Fn(), { updateUser: _ } = pt(), { user: h } = Bt(), [m, C] = g.useState({
+  const i = at(), { common: a, settings: o } = x(), { isDesktop: r, isMobile: s, isSmallMobile: c, isTablet: d } = Ce(e), { config: u } = Fn(), { updateUser: _ } = pt(), { user: h } = Lt(), [m, C] = g.useState({
     first_name: h.first_name,
     last_name: h.last_name,
     email: h.email,
@@ -16075,7 +16077,7 @@ const x1 = ({
         },
         title: o.edit_rule,
         children: [
-          /* @__PURE__ */ t(Mt, { children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: o.details }) }),
+          /* @__PURE__ */ t(kt, { children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: o.details }) }),
           /* @__PURE__ */ t(O1, {}),
           /* @__PURE__ */ t(H, { sx: { ml: 24 } }),
           /* @__PURE__ */ t(R1, {}),
@@ -16206,7 +16208,7 @@ const x1 = ({
   }
 ), B1 = I(
   ({ onUpdateProfile: e, profile: n }) => {
-    const { settings: i } = x(), { user: a } = Bt(), { clientCommunicationProfile: o, userCommunicationsProfile: r } = pt(), { isMobile: s } = Ce(), c = n.notification_type > 2, {
+    const { settings: i } = x(), { user: a } = Lt(), { clientCommunicationProfile: o, userCommunicationsProfile: r } = pt(), { isMobile: s } = Ce(), c = n.notification_type > 2, {
       opted_out_of_email_notifications: d,
       opted_out_of_push_notifications: u,
       opted_out_of_sms_notifications: _
@@ -16222,8 +16224,8 @@ const x1 = ({
           h && /* @__PURE__ */ t(b, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
             bn,
             {
-              isChecked: !d && n.email_channel,
-              isDisabled: d,
+              isChecked: !d && n.email_channel && !!a.email,
+              isDisabled: d || !a.email,
               onToggle: () => e({ ...n, email_channel: !n.email_channel }),
               primaryText: i.delivery_method_email_label,
               secondaryText: a.email || "",
@@ -16234,8 +16236,8 @@ const x1 = ({
           C && /* @__PURE__ */ t(b, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
             bn,
             {
-              isChecked: !_ && n.sms_channel,
-              isDisabled: _,
+              isChecked: !_ && n.sms_channel && !!a.phone,
+              isDisabled: _ || !a.phone,
               onToggle: () => e({ ...n, sms_channel: !n.sms_channel }),
               primaryText: `${i.delivery_method_sms_label}`,
               secondaryText: a.phone || "",
@@ -16325,40 +16327,40 @@ const x1 = ({
       opted_out_of_push_notifications: c,
       opted_out_of_sms_notifications: d
     }
-  } = pt(), [u, _] = g.useState(!1), h = async () => {
-    await m({ ...e, is_enabled: !e.is_enabled }), e.is_enabled && _(!1);
-  }, m = async (f) => {
-    await r(f);
-  }, C = i || o || a;
+  } = pt(), { user: u } = Lt(), [_, h] = g.useState(!1), m = async () => {
+    await C({ ...e, is_enabled: !e.is_enabled }), e.is_enabled && h(!1);
+  }, C = async (E) => {
+    await r(E);
+  }, f = i || o || a;
   return /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ t(
       _o,
       {
-        endIcon: C ? /* @__PURE__ */ t(
+        endIcon: f ? /* @__PURE__ */ t(
           Va,
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: u ? "rotate(180deg)" : "rotate(0deg)"
+              transform: _ ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: e.is_enabled,
         isDisabled: !e.is_enabled,
-        onClick: () => _(!u),
-        onToggle: () => h(),
+        onClick: () => h(!_),
+        onToggle: () => m(),
         primaryText: e.label,
         secondaryText: e.is_enabled ? e.deliveryMethodsLabel : void 0
       },
       e.guid
     ),
-    C && /* @__PURE__ */ t(ei, { in: u, children: /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.default" }, children: [
+    f && /* @__PURE__ */ t(ei, { in: _, children: /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.default" }, children: [
       i && /* @__PURE__ */ t(
         bn,
         {
-          isChecked: !s && e.email_channel,
-          isDisabled: s,
-          onToggle: () => m({
+          isChecked: !s && e.email_channel && !!u.email,
+          isDisabled: s || !u.email,
+          onToggle: () => C({
             ...e,
             email_channel: !e.email_channel
           }),
@@ -16369,9 +16371,9 @@ const x1 = ({
       o && /* @__PURE__ */ t(
         bn,
         {
-          isChecked: !d && e.sms_channel,
-          isDisabled: d,
-          onToggle: () => m({
+          isChecked: !d && e.sms_channel && !!u.phone,
+          isDisabled: d || !u.phone,
+          onToggle: () => C({
             ...e,
             sms_channel: !e.sms_channel
           }),
@@ -16384,7 +16386,7 @@ const x1 = ({
         {
           isChecked: !c && e.push_channel,
           isDisabled: c,
-          onToggle: () => m({
+          onToggle: () => C({
             ...e,
             push_channel: !e.push_channel
           }),
@@ -16398,7 +16400,7 @@ const x1 = ({
   const { budgetProfiles: e } = pt();
   return /* @__PURE__ */ t(b, { children: e.map((n) => /* @__PURE__ */ t(Rc, { profile: n }, n.guid)) });
 }), H1 = I(() => {
-  const { onEvent: e } = j(), { settings: n } = x(), { clientCommunicationProfile: i, updateUserCommunicationProfile: a, userCommunicationsProfile: o } = pt(), { user: r } = Bt(), s = async (c, d) => {
+  const { onEvent: e } = j(), { settings: n } = x(), { clientCommunicationProfile: i, updateUserCommunicationProfile: a, userCommunicationsProfile: o } = pt(), { user: r } = Lt(), s = async (c, d) => {
     const u = {
       ...o,
       [c]: d
@@ -19458,7 +19460,7 @@ const x1 = ({
   ] }) });
 }, gC = I(
   ({ copy: e, isOpen: n, onClose: i }) => {
-    const { alert: a, createSupportTicket: o, isLoading: r, setAlert: s } = oo(), { user: c } = Bt(), { isInitialized: d } = de(), [u, _] = g.useState(""), [h, m] = g.useState(!1), [C, f] = g.useState(!1), [E, y] = g.useState({
+    const { alert: a, createSupportTicket: o, isLoading: r, setAlert: s } = oo(), { user: c } = Lt(), { isInitialized: d } = de(), [u, _] = g.useState(""), [h, m] = g.useState(!1), [C, f] = g.useState(!1), [E, y] = g.useState({
       isOpen: !1,
       topic: "",
       type: void 0
@@ -20096,7 +20098,7 @@ const xa = ({
     );
   };
   return /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ t(Mt, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "XSmall", children: h.actions }) }),
+    /* @__PURE__ */ t(kt, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "XSmall", children: h.actions }) }),
     /* @__PURE__ */ t(
       xa,
       {
@@ -20372,7 +20374,7 @@ const xa = ({
     secondaryMessage: s.title
   };
   return /* @__PURE__ */ l(q, { children: [
-    /* @__PURE__ */ t(Mt, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "XSmall", children: o.connection_status }) }),
+    /* @__PURE__ */ t(kt, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "XSmall", children: o.connection_status }) }),
     /* @__PURE__ */ t(z, { sx: { backgroundColor: "background.paper" }, children: a.is_manual || !c.ctaCopy ? /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(vn, { backingSx: { backgroundColor: c.color, borderRadius: 1 }, size: 32, children: c.icon }) }),
       /* @__PURE__ */ t(ae, { primary: c.mainMessage, secondary: c.secondaryMessage })
@@ -20721,7 +20723,7 @@ const xa = ({
       ie,
       {
         "aria-label": w,
-        subheader: /* @__PURE__ */ t(Mt, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
+        subheader: /* @__PURE__ */ t(kt, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
           we,
           {
             component: "span",
@@ -20778,7 +20780,7 @@ const xa = ({
         ie,
         {
           "aria-label": i.account_type_accounts[S[0]?.account_type],
-          subheader: /* @__PURE__ */ t(Mt, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
+          subheader: /* @__PURE__ */ t(kt, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ l(
             we,
             {
               component: "span",
@@ -22113,7 +22115,7 @@ const c0 = ({
     }, [n, i]);
     return /* @__PURE__ */ l(g.Fragment, { children: [
       /* @__PURE__ */ t(z, { children: /* @__PURE__ */ l(ue, { children: [
-        /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(kt, { categoryGuid: e.guid, variant: "filled" }) }),
+        /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { categoryGuid: e.guid, variant: "filled" }) }),
         /* @__PURE__ */ t(ae, { primary: e.name, secondary: a })
       ] }) }),
       /* @__PURE__ */ t(H, {})
@@ -22176,7 +22178,7 @@ const c0 = ({
   );
   return /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ t(z, { children: /* @__PURE__ */ l(ue, { onClick: () => r(!0), children: [
-      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(kt, { categoryGuid: e.guid }) }),
+      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Gt, { categoryGuid: e.guid }) }),
       /* @__PURE__ */ t(
         ae,
         {
@@ -22230,7 +22232,7 @@ const c0 = ({
     }
   ];
   return /* @__PURE__ */ t(Rt, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ t(Ot, { children: /* @__PURE__ */ l(b, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ t(kt, { categoryGuid: o, size: 56 }),
+    /* @__PURE__ */ t(Gt, { categoryGuid: o, size: 56 }),
     /* @__PURE__ */ t(Xt, { children: `${P(s, "0,0")} / ${P(n, "0,0")}` }),
     /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: a }),
     /* @__PURE__ */ t(Xn, { data: c, height: 10 })
@@ -22251,7 +22253,7 @@ const c0 = ({
     transaction_total: r
   } = e, { setSelectedSubBudget: s } = lt();
   return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ l(ue, { onClick: () => s(e), children: [
-    /* @__PURE__ */ t(ke, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(so, { color: i, percent: o, size: 40, children: /* @__PURE__ */ t(kt, { categoryGuid: a.parent_guid, variant: "basic" }) }) }),
+    /* @__PURE__ */ t(ke, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(so, { color: i, percent: o, size: 40, children: /* @__PURE__ */ t(Gt, { categoryGuid: a.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ t(
       ae,
       {
@@ -22538,7 +22540,7 @@ const c0 = ({
     transaction_total: u
   } = e;
   return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ l(ue, { onClick: () => n?.(e), children: [
-    /* @__PURE__ */ t(ke, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(so, { color: a, percent: c, size: 40, children: /* @__PURE__ */ t(kt, { categoryGuid: r, variant: "basic" }) }) }),
+    /* @__PURE__ */ t(ke, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(so, { color: a, percent: c, size: 40, children: /* @__PURE__ */ t(Gt, { categoryGuid: r, variant: "basic" }) }) }),
     /* @__PURE__ */ t(
       ae,
       {
@@ -24931,7 +24933,7 @@ const Di = g.createContext(null), of = ({
   const [n, i] = Et(N.UNCATEGORIZED);
   return Mn(() => {
     e.primary_category_guid ? i(e.primary_category_guid) : e.category_guids?.length && i(e.category_guids[0]);
-  }, []), /* @__PURE__ */ t(kt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
+  }, []), /* @__PURE__ */ t(Gt, { categoryGuid: n, size: 16, sx: { minWidth: 16 } });
 }, sf = ({ beat: e }) => {
   const n = gt(), i = cf(n);
   return /* @__PURE__ */ t(
@@ -26531,7 +26533,7 @@ const Di = g.createContext(null), of = ({
         sx: c === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
         children: [
           /* @__PURE__ */ t(
-            kt,
+            Gt,
             {
               categoryGuid: n ? N.INCOME : h.guid,
               size: c === "mini" ? 24 : f,
@@ -27000,7 +27002,7 @@ const Vf = (e) => e.reduce((i, a) => {
       {
         "aria-label": T(i.category_icon_label_aria, a),
         role: "img",
-        children: /* @__PURE__ */ t(kt, { categoryGuid: n })
+        children: /* @__PURE__ */ t(Gt, { categoryGuid: n })
       }
     ),
     /* @__PURE__ */ t(p, { sx: { ml: 12, pb: 6 }, variant: "Small", children: a })
@@ -27601,8 +27603,8 @@ export {
   Ce as useScreenSize,
   pt as useSettingsStore,
   Ne as useTransactionStore,
-  Lt as useTransactionsUiStore,
-  Bt as useUserStore,
+  Mt as useTransactionsUiStore,
+  Lt as useUserStore,
   Wn as useWidgetContainerProvider
 };
 //# sourceMappingURL=index.es.js.map