@mx-cartographer/experiences 6.24.12 → 6.25.0-alpha.sms2

package/dist/index.es.js

@@ -6,7 +6,7 @@ import F from "@mui/material/Divider";
 import ie from "@mui/material/List";
 import Ot from "@mui/material/ListSubheader";
 import Re from "@mui/system/Stack";
-import { AccountsIcon as xl, P as _e, Icon as K, useTokens as yt, Text as C, H2 as sn, CategoryIcon as Mt, DialogHeader as Il, DialogFooter as wl, Drawer as vl, Footer as Nl, DateRangePicker as Fo, H3 as rt, H1 as $t, TextField as yn, IconWeight as At, MerchantLogo as on, CategoryIconList as Dl, CategoryIconVariants as _s, InstitutionLogo as ft, ChevronRightIcon as hs, THEMES as Wo } from "@mxenabled/mxui";
+import { AccountsIcon as xl, P as _e, Icon as K, useTokens as yt, Text as C, H2 as cn, CategoryIcon as Mt, DialogHeader as Il, DialogFooter as wl, Drawer as vl, Footer as Nl, DateRangePicker as Fo, H3 as rt, H1 as $t, TextField as En, IconWeight as At, MerchantLogo as on, CategoryIconList as Dl, CategoryIconVariants as _s, InstitutionLogo as ft, ChevronRightIcon as hs, THEMES as Wo } from "@mxenabled/mxui";
 import Rl from "bowser";
 import { getUnixTime as Pe } from "date-fns/getUnixTime";
 import { intlFormat as Ll } from "date-fns/intlFormat";
@@ -32,10 +32,10 @@ import ae from "@mui/material/ListItemText";
 import ms from "@mui/material/Popover";
 import b from "@mui/material/Stack";
 import zi from "@mui/material/Checkbox";
-import { alpha as Ml, lighten as Uo, darken as Vo, Stack as xe, Box as xn, useTheme as cn, Card as aa, CardContent as kl, Button as Gl } from "@mui/material";
+import { alpha as Ml, lighten as Uo, darken as Vo, Stack as xe, Box as xn, useTheme as ln, Card as aa, CardContent as kl, Button as Gl } from "@mui/material";
 import pe from "@mui/material/styles/useTheme";
 import rn from "@mui/material/useMediaQuery";
-import { css as ln, keyframes as Bl } from "@mxenabled/cssinjs";
+import { css as dn, keyframes as Bl } from "@mxenabled/cssinjs";
 import { addDays as Rn } from "date-fns/addDays";
 import { eachDayOfInterval as Hl } from "date-fns/eachDayOfInterval";
 import { eachWeekOfInterval as Pl } from "date-fns/eachWeekOfInterval";
@@ -56,7 +56,7 @@ import bt from "@mui/material/Card";
 import kt from "@mui/material/CardContent";
 import it from "@mui/material/Grid";
 import { differenceInCalendarDays as hd } from "date-fns/differenceInCalendarDays";
-import { endOfToday as En } from "date-fns/endOfToday";
+import { endOfToday as sn } from "date-fns/endOfToday";
 import { endOfYear as Ko } from "date-fns/endOfYear";
 import { startOfYear as Yo } from "date-fns/startOfYear";
 import { subDays as It } from "date-fns/subDays";
@@ -68,7 +68,7 @@ import Vn from "@mui/material/ToggleButton";
 import ti from "@mui/material/ToggleButtonGroup";
 import md from "@mui/material/Dialog";
 import xs from "@mui/material/DialogContent";
-import dn from "@mui/material/CardHeader";
+import un from "@mui/material/CardHeader";
 import { ConnectWidget as pd, ConnectionsWidget as Cd } from "@mxenabled/web-widget-sdk";
 import qa from "@mui/material/CircularProgress";
 import { v4 as fd } from "uuid";
@@ -94,7 +94,7 @@ import { AdapterDateFns as ni } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as Qa } from "@mui/x-date-pickers";
 import { LocalizationProvider as Ti } from "@mui/x-date-pickers/LocalizationProvider";
 import ii from "@mui/material/Collapse";
-import gn from "@mui/material/Skeleton";
+import mn from "@mui/material/Skeleton";
 import { isAfter as tn } from "date-fns/isAfter";
 import { parseISO as Md } from "date-fns/parseISO";
 import { subQuarters as ws } from "date-fns/subQuarters";
@@ -115,7 +115,7 @@ import { getWeeksInMonth as qo } from "date-fns/getWeeksInMonth";
 import { DateCalendar as eo } from "@mui/x-date-pickers/DateCalendar";
 import Ls from "@mui/material/Badge";
 import { PickersDay as Fd } from "@mui/x-date-pickers/PickersDay";
-import fn from "@mui/material/Unstable_Grid2";
+import bn from "@mui/material/Unstable_Grid2";
 import { formatDistanceToNow as Os } from "date-fns/formatDistanceToNow";
 import xi from "@mui/material/Accordion";
 import Ii from "@mui/material/AccordionDetails";
@@ -1653,7 +1653,7 @@ const Ou = (e, n) => {
     ] }),
     /* @__PURE__ */ t(C, { variant: "XSmall", children: n })
   ] });
-}, Gu = (e, n) => ln({
+}, Gu = (e, n) => dn({
   alignItems: "center",
   display: "flex",
   gap: e.Spacing.XSmall,
@@ -1720,7 +1720,7 @@ const Ou = (e, n) => {
   ] });
 }, Bu = (e, n, i) => {
   const a = `expandBar-${Math.round(i)}`, o = Bl(a, { from: { height: 0 }, to: { height: i } });
-  return ln({
+  return dn({
     display: "flex",
     flexDirection: "column",
     justifyContent: "flex-end",
@@ -1804,7 +1804,7 @@ const Ou = (e, n) => {
       }
     )
   ] });
-}, Hu = (e, n) => ln({
+}, Hu = (e, n) => dn({
   display: "flex",
   flexDirection: "column",
   flexGrow: n === void 0 ? 1 : 0,
@@ -1883,7 +1883,7 @@ const Ou = (e, n) => {
     ] }),
     /* @__PURE__ */ t(ku, { color: i, labelAverage: r, labelMain: s })
   ] });
-}, Vu = (e) => ln({
+}, Vu = (e) => dn({
   "& .mx-cmn-chart-container": {
     alignItems: "flex-end",
     display: "flex",
@@ -1894,13 +1894,13 @@ const Ou = (e, n) => {
 }), Ku = ({ copy: e, date: n, onNextClick: i, onPreviousClick: a }) => {
   const o = yt(), r = Yu(o);
   return /* @__PURE__ */ l("div", { className: `mx-cmn-calendar-header ${r}`, children: [
-    /* @__PURE__ */ t(sn, { className: "mx-cmn-calendar-header-title", variant: "H3", children: oe(n, ee.MONTH_YEAR) }),
+    /* @__PURE__ */ t(cn, { className: "mx-cmn-calendar-header-title", variant: "H3", children: oe(n, ee.MONTH_YEAR) }),
     /* @__PURE__ */ l("div", { className: "mx-cmn-calendar-header-button-container", children: [
       /* @__PURE__ */ t(Q, { "aria-label": e.prevAria, onClick: a, children: /* @__PURE__ */ t(ps, { size: 24 }) }),
       /* @__PURE__ */ t(Q, { "aria-label": e.nextAria, onClick: i, children: /* @__PURE__ */ t(Qe, { size: 24 }) })
     ] })
   ] });
-}, Yu = (e) => ln({
+}, Yu = (e) => dn({
   alignItems: "center",
   display: "flex",
   marginBottom: e.Spacing.Medium,
@@ -1950,7 +1950,7 @@ const Ou = (e, n) => {
       )
     }
   );
-}, ju = (e) => ln({
+}, ju = (e) => dn({
   height: mi,
   width: mi,
   display: "flex",
@@ -2059,7 +2059,7 @@ const Xu = ({
     )) }, `w-${w}`)),
     /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ t(Q, { onClick: y, size: "small", variant: "text", children: e.today }) })
   ] }) });
-}, qu = (e) => ln({
+}, qu = (e) => dn({
   width: $u,
   "& .MuiPaper-root": {
     paddingLeft: 24,
@@ -2464,7 +2464,7 @@ const Xu = ({
   series: a,
   xData: o
 }) => {
-  const r = cn(), s = a.data[i], c = o[i];
+  const r = ln(), s = a.data[i], c = o[i];
   return s === void 0 || !c ? null : /* @__PURE__ */ t(aa, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ t(kl, { children: /* @__PURE__ */ l(xn, { alignItems: "center", display: "flex", flexDirection: "column", children: [
     /* @__PURE__ */ t(ec, { categoryGuid: e, topLevelCategoryGuid: n }),
     /* @__PURE__ */ t(C, { color: r.palette.text.secondary, variant: "Small", children: oe(c, ee.MONTH_SHORT_YEAR) }),
@@ -2827,7 +2827,7 @@ const Xu = ({
             margin: "auto",
             textAlign: "center"
           },
-          children: /* @__PURE__ */ t(sn, { bold: !0, variant: "Body", children: o })
+          children: /* @__PURE__ */ t(cn, { bold: !0, variant: "Body", children: o })
         }
       ),
       /* @__PURE__ */ t(k, { width: "44px" })
@@ -2899,7 +2899,7 @@ const Xu = ({
   calendarActions: e,
   color: n = "primary",
   copy: i,
-  range: a = [Ye(Se()), We(En())],
+  range: a = [Ye(Se()), We(sn())],
   shouldShrinkToIcon: o = !0,
   variant: r = "outlined"
 }) => {
@@ -2923,7 +2923,7 @@ const Xu = ({
     (r === "timeframebuttons" || r === "timeframetabs") && e.onRangeChanged(D());
   }, [I]);
   const D = () => {
-    const R = We(En());
+    const R = We(sn());
     return [We(Tt(R, I)), R];
   }, O = (R) => {
     const L = [...d], U = d[0], te = d[1], ue = R === "previous";
@@ -3156,7 +3156,7 @@ const Xu = ({
     ] }),
     /* @__PURE__ */ t("div", { className: "mx-cmn-multi-segment-donut-children", children: o })
   ] });
-}, l_ = (e, n) => ln({
+}, l_ = (e, n) => dn({
   height: n,
   marginTop: `-${e.Spacing.XSmall}px`,
   position: "relative",
@@ -3289,7 +3289,7 @@ const ha = ({
 }) => {
   const [d, { height: _, width: u }] = vi(), h = /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ t(
-      dn,
+      un,
       {
         action: /* @__PURE__ */ t(
           Q,
@@ -3323,7 +3323,7 @@ const ha = ({
   const [_, { height: u, width: h }] = vi();
   return /* @__PURE__ */ l(bt, { className: e, sx: { ...c }, children: [
     /* @__PURE__ */ t(
-      dn,
+      un,
       {
         action: a ? /* @__PURE__ */ t(Fe, { "aria-label": n, onClick: a, children: /* @__PURE__ */ t(_t, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ t(Q, { endIcon: /* @__PURE__ */ t(Qe, {}), onClick: o, children: /* @__PURE__ */ t(C, { bold: !0, variant: "Small", children: r }) }),
         subheader: s || null,
@@ -3406,7 +3406,7 @@ const ha = ({
       },
       children: [
         m && /* @__PURE__ */ t(
-          dn,
+          un,
           {
             action: /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", children: [
               v && i && /* @__PURE__ */ t(k, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
@@ -3458,18 +3458,15 @@ const ha = ({
               })
             ] }),
             sx: {
-              p: v ? 48 : 24,
-              pb: 0,
               "& .MuiCardHeader-action": {
-                mr: 0,
                 ...i && v && { flexGrow: 1 },
-                ...(w || D) && { alignSelf: "center" }
+                ...(w || D) && { alignSelf: "center" },
+                mr: 0
               },
-              "& .MuiCardHeader-content": {
-                overflow: "hidden"
-              }
+              p: v ? 48 : 24,
+              pb: 0
             },
-            title: v || D ? /* @__PURE__ */ t($t, { children: m }) : /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+            title: v || D ? /* @__PURE__ */ t($t, { children: m }) : /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", children: [
               w && d && /* @__PURE__ */ t(
                 Fe,
                 {
@@ -3626,7 +3623,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
     ), u?.(!1)) : M.toString().match(D) ? r() ? (p(""), u?.(!0)) : (p(s), u?.(!1)) : (p(E.error_amount_is_invalid), u?.(!1)), _(M.toString());
   };
   return /* @__PURE__ */ t(
-    yn,
+    En,
     {
       InputProps: {
         endAdornment: On().includes("fr-ca") ? /* @__PURE__ */ t(_e, { children: "$" }) : void 0,
@@ -3648,7 +3645,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
       ...h
     }
   );
-}, p_ = (e) => ln({
+}, p_ = (e) => dn({
   "& .MuiInputBase-adornedStart > .p": {
     marginRight: e.Spacing.Tiny
   }
@@ -3705,7 +3702,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
     }
   );
   return /* @__PURE__ */ t(k, { className: "mx-cmn-search-box", px: r.Spacing.Large, py: r.Spacing.Medium, children: /* @__PURE__ */ t(
-    yn,
+    En,
     {
       InputProps: {
         startAdornment: /* @__PURE__ */ t(ji, { position: "start", children: /* @__PURE__ */ t(K, { color: "disabled", name: "search", size: 26 }) }),
@@ -3860,7 +3857,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
     return /* @__PURE__ */ l(g.Fragment, { children: [
       /* @__PURE__ */ l(bt, { sx: { m: 24 }, children: [
         /* @__PURE__ */ t(
-          dn,
+          un,
           {
             avatar: /* @__PURE__ */ t(Cs, {}),
             sx: { ".MuiCardHeader-avatar": { mr: 8 } },
@@ -3915,7 +3912,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
     },
     children: [
       /* @__PURE__ */ t(_t, { name: i, size: 54, sx: { color: e } }),
-      /* @__PURE__ */ t(sn, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: n }),
+      /* @__PURE__ */ t(cn, { color: "text.primary", sx: { textWrap: "wrap", textAlign: "center" }, children: n }),
       /* @__PURE__ */ t(
         C,
         {
@@ -4062,7 +4059,7 @@ const cr = "connect_widget", lr = "connections_widget", m_ = ({
       !a && n && /* @__PURE__ */ t(gt, { children: n })
     ] })
   }
-), bn = ({
+), yn = ({
   isChecked: e,
   isDisabled: n = !1,
   onToggle: i,
@@ -4268,7 +4265,7 @@ const _r = (e, n) => !e && !n ? 0 : !e && n ? 101 : n / e * 100, hr = (e, n) =>
   };
   return e > 100 ? (i.background = n.palette.error.main, i.mercury = n.palette.error.lighter) : e > 80 && (i.background = n.palette.warning.main, i.text = n.palette.grey[900], i.mercury = n.palette.warning.lighter), i;
 }, T_ = () => {
-  const { detailedBudgets: e } = ht();
+  const { budgets: e } = ht();
   return e.map((i) => {
     const a = i.transaction_total;
     return i.amount - a;
@@ -5281,7 +5278,7 @@ const ac = (e, n) => {
 }, ih = (e, n, i) => {
   const {
     accounts: a = [],
-    dateRange: o = { start: Ye(Se()), end: En() },
+    dateRange: o = { start: Ye(Se()), end: sn() },
     custom: r = () => !0,
     searchTerm: s = ""
   } = e;
@@ -5393,14 +5390,20 @@ class dh {
   constructor(n) {
     this.globalStore = n, this.uiStore = new lh(), this.api = new Ji(n.endpoint, n.sessionToken), this.beatApi = new Qn(n.endpoint, n.sessionToken), He(this);
   }
-  loadTransactionData = async () => {
+  loadTransactionData = async ({
+    associatedBeats: n,
+    taggings: i,
+    tags: a,
+    transactionRules: o,
+    transactions: r
+  }) => {
     await Promise.all([
-      this.loadAssociatedBeats(Ye(/* @__PURE__ */ new Date())),
-      this.loadTags(),
-      this.loadTaggings(),
-      this.loadTransactionRules(),
+      this.loadAssociatedBeats(Ye(/* @__PURE__ */ new Date()), n),
+      this.loadTags(a),
+      this.loadTaggings(i),
+      this.loadTransactionRules(o),
       // By default loads 90 days of transactions
-      this.loadTransactions()
+      this.loadTransactions(this.cachedStartDate, sn(), r)
     ]), q(() => {
       this.uiStore.setIsInitialized(!0);
     });
@@ -5454,34 +5457,35 @@ class dh {
     this.globalStore.categoryStore.categories,
     this.taggings
   );
-  loadAssociatedBeats = async (n) => {
-    const i = n ? ca(n, { representation: "date" }) : void 0, a = await this.beatApi.getBeatsWithAssociatedTransaction(i);
-    q(() => this.associatedBeats = a);
+  getTransactionData = () => ({});
+  loadAssociatedBeats = async (n, i) => {
+    const a = n ? ca(n, { representation: "date" }) : void 0, o = i ?? await this.beatApi.getBeatsWithAssociatedTransaction(a);
+    q(() => this.associatedBeats = o);
   };
-  loadTags = async () => {
-    const n = await this.api.getTags();
-    q(() => this.tags = n);
+  loadTags = async (n) => {
+    const i = n ?? await this.api.getTags();
+    q(() => this.tags = i);
   };
-  loadTaggings = async () => {
-    const n = await this.api.getTaggings();
-    q(() => this.taggings = n);
+  loadTaggings = async (n) => {
+    const i = n ?? await this.api.getTaggings();
+    q(() => this.taggings = i);
   };
-  loadTransactionRules = async () => {
-    const n = await this.api.getTransactionRules();
-    q(() => this.transactionRules = n);
+  loadTransactionRules = async (n) => {
+    const i = n ?? await this.api.getTransactionRules();
+    q(() => this.transactionRules = i);
   };
-  loadTransactions = async (n = this.cachedStartDate, i = En()) => {
+  loadTransactions = async (n = this.cachedStartDate, i = sn(), a) => {
     this.setIsLoading(!0), this.rawTransactions = [];
     try {
-      const a = await this.api.getTransactionsByDateRange(
+      const o = a ?? await this.api.getTransactionsByDateRange(
         Pe(n),
         Pe(i)
       );
       q(() => {
-        this.rawTransactions = a;
+        this.rawTransactions = o;
       });
-    } catch (a) {
-      console.error(`Error occurred while loading transactions: ${a}`);
+    } catch (o) {
+      console.error(`Error occurred while loading transactions: ${o}`);
     }
     this.setIsLoading(!1);
   };
@@ -5512,7 +5516,7 @@ class dh {
     }
   };
   setFilter = (n) => {
-    this.filter = n, n.dateRange && Je(n.dateRange.start, this.cachedStartDate) && this.loadTransactions(n.dateRange.start, En()).then(() => {
+    this.filter = n, n.dateRange && Je(n.dateRange.start, this.cachedStartDate) && this.loadTransactions(n.dateRange.start, sn()).then(() => {
       n.dateRange && (this.cachedStartDate = n.dateRange.start);
     });
   };
@@ -5894,7 +5898,7 @@ const gh = ({ transaction: e, onClick: n }) => {
       }
     }
   ) });
-}, vh = T(wh), un = () => {
+}, vh = T(wh), _n = () => {
   if (!g.useContext(Yn))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return Ve().uiStore;
@@ -5919,7 +5923,7 @@ const Nh = ({
   isOpen: a,
   type: o
 }) => {
-  const [r, s] = g.useState(e), { categories: c } = x(), { setShouldDisableDrawerScroll: d } = un();
+  const [r, s] = g.useState(e), { categories: c } = x(), { setShouldDisableDrawerScroll: d } = _n();
   let _ = "", u = [];
   const h = o === "delete";
   switch (o) {
@@ -5951,7 +5955,7 @@ const Nh = ({
         d(!1), i(r);
       },
       children: /* @__PURE__ */ t(xs, { children: h ? /* @__PURE__ */ t(C, { children: u }) : /* @__PURE__ */ t(
-        yn,
+        En,
         {
           "aria-label": o === "edit" ? c.edit_subcategory_aria : c.add_subcategory_aria,
           name: "modify-subcategory",
@@ -5964,7 +5968,7 @@ const Nh = ({
     }
   );
 }, Eo = T(Nh), Dh = ({ parentCategory: e }) => {
-  const [n, i] = g.useState(!1), { addCategory: a } = Ve(), { categories: o } = x(), { onEvent: r } = X(), { setShouldDisableDrawerScroll: s } = un(), c = async (u) => {
+  const [n, i] = g.useState(!1), { addCategory: a } = Ve(), { categories: o } = x(), { onEvent: r } = X(), { setShouldDisableDrawerScroll: s } = _n(), c = async (u) => {
     await a(u.trim(), e.guid), r(jt.ON_SUBCATEGORY_ADDED), i(!1);
   }, d = async () => {
     r(jt.ON_SUBCATEGORY_ADD_CLICK), s(!0), i(!0);
@@ -6039,7 +6043,7 @@ const Nh = ({
     showSelected: s,
     unselectable: c,
     unselectableText: d
-  } = un(), { categories: _ } = x(), { onEvent: u } = X(), [h, m] = g.useState(!1), [p, f] = g.useState(!1), E = !!n.revision, y = n.guid === a, A = !c.some((v) => v === n.guid);
+  } = _n(), { categories: _ } = x(), { onEvent: u } = X(), [h, m] = g.useState(!1), [p, f] = g.useState(!1), E = !!n.revision, y = n.guid === a, A = !c.some((v) => v === n.guid);
   return /* @__PURE__ */ l(
     j,
     {
@@ -6114,7 +6118,7 @@ const Nh = ({
     }
   );
 }, Bh = T(Gh), Hh = ({ categories: e, parentCategory: n }) => {
-  const { expandedGuid: i, searchValue: a } = un(), o = n.guid === i, r = !!a;
+  const { expandedGuid: i, searchValue: a } = _n(), o = n.guid === i, r = !!a;
   return /* @__PURE__ */ t(
     ii,
     {
@@ -6140,7 +6144,7 @@ const Nh = ({
     }
   );
 }, Ph = T(Hh), Fh = ({ category: e, subCategories: n }) => {
-  const { expandedGuid: i, searchValue: a, setExpandedGuid: o } = un(), { onEvent: r } = X(), s = e.guid === i, c = () => {
+  const { expandedGuid: i, searchValue: a, setExpandedGuid: o } = _n(), { onEvent: r } = X(), s = e.guid === i, c = () => {
     const d = e.guid !== i ? e.guid : null;
     o(d), r(d ? jt.ON_CATEGORY_EXPANDED : jt.ON_CATEGORY_COLLAPSED);
   };
@@ -6179,7 +6183,7 @@ const Nh = ({
     /* @__PURE__ */ t(Ph, { categories: n, parentCategory: e })
   ] });
 }, rc = T(Fh), Wh = () => {
-  const { categories: e } = Ve(), { searchValue: n } = un(), { categories: i } = x(), o = ((r, s = "") => r.reduce((c, d) => {
+  const { categories: e } = Ve(), { searchValue: n } = _n(), { categories: i } = x(), o = ((r, s = "") => r.reduce((c, d) => {
     if (d.parent_guid === null) {
       const u = [
         {
@@ -6219,7 +6223,7 @@ const Nh = ({
     setShowSelected: p,
     setUnselectable: f,
     setUnselectableText: E
-  } = un();
+  } = _n();
   return g.useEffect(() => {
     n && u(n);
   }), g.useEffect(() => {
@@ -6379,17 +6383,18 @@ class Xh {
       console.error(`Error occurred while adding category: ${o}`);
     }
   };
-  loadCategories = async () => {
+  getCategoryData = () => ({ categories: this.categories });
+  loadCategories = async (n) => {
     try {
-      const n = await this.api.getCategories(), { default_categories: i } = this.globalStore.copyStore.copy.categories;
+      const i = n ?? await this.api.getCategories(), { default_categories: a } = this.globalStore.copyStore.copy.categories;
       q(() => {
-        this.categories = n.map((a) => ({
-          ...a,
-          name: i[a.guid] ? i[a.guid].replace(/&/g, "&") : a.name
+        this.categories = i.map((o) => ({
+          ...o,
+          name: a[o.guid] ? a[o.guid].replace(/&/g, "&") : o.name
         }));
       });
-    } catch (n) {
-      console.error(`Error occurred while getting categories: ${n}`);
+    } catch (i) {
+      console.error(`Error occurred while getting categories: ${i}`);
     }
   };
   loadDateRangeCategoryTotals = async (n, i, a) => {
@@ -7163,7 +7168,7 @@ const cc = ({ transaction: e }) => {
         onSecondaryAction: () => r(!1),
         children: [
           /* @__PURE__ */ t(
-            yn,
+            En,
             {
               "aria-label": a.tags_placeholder,
               name: "add-tag",
@@ -7188,7 +7193,7 @@ const cc = ({ transaction: e }) => {
     }
   );
   return /* @__PURE__ */ t(k, { className: "mx-txn-tag-manager-search", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ t(
-    yn,
+    En,
     {
       InputProps: {
         startAdornment: /* @__PURE__ */ t(ji, { position: "start", children: /* @__PURE__ */ t(Kd, { color: "disabled" }) }),
@@ -7265,7 +7270,7 @@ const cc = ({ transaction: e }) => {
             onSecondaryAction: () => _(!1),
             children: [
               /* @__PURE__ */ t(
-                yn,
+                En,
                 {
                   "aria-describedby": f ? "update-tag-error" : void 0,
                   "aria-label": c.tags_update_the_tag_name,
@@ -7593,7 +7598,7 @@ const cc = ({ transaction: e }) => {
         }
       ),
       /* @__PURE__ */ t(
-        yn,
+        En,
         {
           label: i.payee_title,
           name: "payee",
@@ -7603,7 +7608,7 @@ const cc = ({ transaction: e }) => {
         }
       ),
       /* @__PURE__ */ t(
-        yn,
+        En,
         {
           InputLabelProps: { shrink: !0 },
           SelectProps: { defaultValue: -1, IconComponent: to },
@@ -7671,7 +7676,7 @@ const cc = ({ transaction: e }) => {
   showInsights: i = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: o, refreshAccounts: r } = Ce(), { is_mobile_webview: s } = Pt(), { setSearchValue: c } = un(), { onEvent: d } = X(), { common: _, transactions: u } = x(), {
+  const { visibleAccounts: o, refreshAccounts: r } = Ce(), { is_mobile_webview: s } = Pt(), { setSearchValue: c } = _n(), { onEvent: d } = X(), { common: _, transactions: u } = x(), {
     displayedDateRange: h,
     isCopyLoaded: m,
     isInitialized: p,
@@ -8800,8 +8805,8 @@ const cc = ({ transaction: e }) => {
       end: We(U)
     });
   };
-  return /* @__PURE__ */ l(fn, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
-    /* @__PURE__ */ t(fn, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ l(b, { sx: { gap: 16 }, children: [
+  return /* @__PURE__ */ l(bn, { container: !0, sx: { pt: 16, px: 24, spacing: 24 }, children: [
+    /* @__PURE__ */ t(bn, { md: !0, sm: 12, width: "100%", children: /* @__PURE__ */ l(b, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ t(rt, { sx: { px: 24 }, children: S(
           e.header_title,
@@ -8881,7 +8886,7 @@ const cc = ({ transaction: e }) => {
         )
       ] })
     ] }) }),
-    n && /* @__PURE__ */ t(fn, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ l(b, { gap: 24, children: [
+    n && /* @__PURE__ */ t(bn, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ l(b, { gap: 24, children: [
       /* @__PURE__ */ t(Ec, {}),
       /* @__PURE__ */ t(
         hi,
@@ -8902,7 +8907,7 @@ const cc = ({ transaction: e }) => {
     c(i);
   }, [i]), g.useEffect(() => {
     r && (h({
-      dateRange: { start: It(Se(), 90), end: En() },
+      dateRange: { start: It(Se(), 90), end: sn() },
       accounts: s
     }), u({ start: Ye(/* @__PURE__ */ new Date()), end: We(/* @__PURE__ */ new Date()) }), _().finally());
   }, [r]), o ? /* @__PURE__ */ l(
@@ -8924,9 +8929,9 @@ const cc = ({ transaction: e }) => {
       title: a.title,
       children: [
         r && d ? /* @__PURE__ */ t(Bg, {}) : /* @__PURE__ */ l(b, { direction: "column", p: 48, spacing: 24, children: [
-          /* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
-          /* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
-          /* @__PURE__ */ t(gn, { height: 600, variant: "rounded", width: "100%" })
+          /* @__PURE__ */ t(mn, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ t(mn, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ t(mn, { height: 600, variant: "rounded", width: "100%" })
         ] }),
         /* @__PURE__ */ t(
           ce,
@@ -8968,7 +8973,7 @@ const cc = ({ transaction: e }) => {
       d && _(i);
     }, [d]), g.useEffect(() => {
       u.length > 0 && (o({
-        dateRange: { start: It(Se(), 90), end: En() },
+        dateRange: { start: It(Se(), 90), end: sn() },
         accounts: u
       }), s().finally());
     }, [u]), !c || !d ? /* @__PURE__ */ t(le, {}) : /* @__PURE__ */ t(
@@ -9077,7 +9082,7 @@ const cc = ({ transaction: e }) => {
       _(a);
     }, [a]), g.useEffect(() => {
       c && (A({
-        dateRange: { start: It(Se(), 90), end: En() },
+        dateRange: { start: It(Se(), 90), end: sn() },
         accounts: d
       }), E({ start: Ye(/* @__PURE__ */ new Date()), end: We(/* @__PURE__ */ new Date()) }), u().finally(), i(!0));
     }, [c]);
@@ -10176,7 +10181,7 @@ const Jg = ({ recurrence: e }) => /* @__PURE__ */ l(Z, { children: [
   return /* @__PURE__ */ l(b, { children: [
     /* @__PURE__ */ t($t, { pb: 12, children: i.welcome_title }),
     /* @__PURE__ */ t(
-      sn,
+      cn,
       {
         color: a.palette.primary.light,
         pb: 8,
@@ -10452,7 +10457,7 @@ const Jg = ({ recurrence: e }) => /* @__PURE__ */ l(Z, { children: [
       (O) => a.includes(O.guid) && w.includes(O.guid)
     );
     m(D), _({
-      dateRange: { start: It(Se(), 90), end: En() },
+      dateRange: { start: It(Se(), 90), end: sn() },
       accounts: D.map((O) => O.guid)
     });
   }, [d, i]), !y || !A ? /* @__PURE__ */ t(le, {}) : u?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ l(
@@ -10617,12 +10622,12 @@ function bm(e, n, i = 0) {
     payoffDuration: d ? "Stagnant" : xd(_, { format: ["years", "months"] }) || "0 months"
   };
 }
-const _n = () => {
+const hn = () => {
   if (!g.useContext(Yn))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return _a().uiStore;
 }, ym = ({ debts: e, onClickCta: n, sx: i }) => {
-  const a = cn(), { isMobile: o } = me(), { debts: r } = x(), { selectedDebtPriority: s } = _n(), { monthlyCashFlowProfile: c } = ct(), { payoffDate: d, payoffSavings: _, payoffDuration: u } = g.useMemo(() => {
+  const a = ln(), { isMobile: o } = me(), { debts: r } = x(), { selectedDebtPriority: s } = hn(), { monthlyCashFlowProfile: c } = ct(), { payoffDate: d, payoffSavings: _, payoffDuration: u } = g.useMemo(() => {
     const h = c?.extra_payment ?? 0;
     return bm(e, s, h);
   }, [e, s, c]);
@@ -10674,7 +10679,7 @@ const _n = () => {
     }
   );
 }, Em = T(ym), Am = ({ isOpen: e, onClose: n, sx: i }) => {
-  const a = cn(), { debts: o } = x(), [r, s] = g.useState(!1);
+  const a = ln(), { debts: o } = x(), [r, s] = g.useState(!1);
   return /* @__PURE__ */ t(
     ce,
     {
@@ -11121,7 +11126,7 @@ const _n = () => {
       },
       children: [
         /* @__PURE__ */ t(
-          dn,
+          un,
           {
             sx: { pb: 0 },
             title: /* @__PURE__ */ t(rt, { sx: { pb: 4 }, children: oe(/* @__PURE__ */ new Date(), ee.MONTH_LONG) })
@@ -11152,7 +11157,7 @@ const _n = () => {
       /* @__PURE__ */ t(C, { variant: "Small", children: _?.name })
     ] }),
     /* @__PURE__ */ l(b, { gap: 8, mb: 24, mt: 4, children: [
-      /* @__PURE__ */ t(sn, { children: i.name || i.feed_name }),
+      /* @__PURE__ */ t(cn, { children: i.name || i.feed_name }),
       /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ t(C, { bold: s, variant: "Body", children: o }),
         /* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: P(r, "0,0.00") })
@@ -11296,7 +11301,7 @@ const Rc = ({
     }
   );
 }, Gm = () => {
-  const e = cn(), { debts: n } = x(), { selectedDebtChartData: i } = _n();
+  const e = ln(), { debts: n } = x(), { selectedDebtChartData: i } = hn();
   return /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ l(
       bt,
@@ -11307,7 +11312,7 @@ const Rc = ({
           }
         },
         children: [
-          /* @__PURE__ */ t(dn, { sx: { pb: 0 }, title: /* @__PURE__ */ t(rt, { sx: { pb: 4 }, children: n.details_chart_title }) }),
+          /* @__PURE__ */ t(un, { sx: { pb: 0 }, title: /* @__PURE__ */ t(rt, { sx: { pb: 4 }, children: n.details_chart_title }) }),
           /* @__PURE__ */ t(kt, { sx: { p: 0 }, children: /* @__PURE__ */ t(Rc, { debts: [i], height: 250 }) })
         ]
       }
@@ -11323,7 +11328,7 @@ const Rc = ({
     )
   ] });
 }, Bm = T(Gm), Hm = () => {
-  const e = cn(), { onEvent: n } = X(), { debts: i } = x(), { selectedDebtChartData: a, showCompleted: o, showError: r } = _n();
+  const e = ln(), { onEvent: n } = X(), { debts: i } = x(), { selectedDebtChartData: a, showCompleted: o, showError: r } = hn();
   return g.useEffect(() => n(W.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ t(ie, { children: r || o ? /* @__PURE__ */ t(
     C,
     {
@@ -11582,7 +11587,7 @@ const Rc = ({
     }
   );
 }), Vm = () => {
-  const { onEvent: e } = X(), { selectedDebtChartData: n } = _n();
+  const { onEvent: e } = X(), { selectedDebtChartData: n } = hn();
   return g.useEffect(() => e(W.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ l(b, { bgcolor: "background.paper", children: [
     n?.goal && /* @__PURE__ */ l(Z, { children: [
       /* @__PURE__ */ t(Oc, { goal: n.goal }),
@@ -11602,7 +11607,7 @@ const Rc = ({
     ] })
   ] });
 }, Km = T(Vm), Ym = ({ setTabValue: e, sx: n }) => {
-  const { debts: i } = x(), { showError: a, showCompleted: o } = _n();
+  const { debts: i } = x(), { showError: a, showCompleted: o } = hn();
   return g.useEffect(() => {
     a && e(1);
   }, [a]), !a && !o ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ l(xe, { gap: 16, children: [
@@ -11647,7 +11652,7 @@ const Rc = ({
     ) })
   ] });
 }, zm = T(Ym), jm = () => {
-  const { debts: e } = x(), { showError: n, showCompleted: i } = _n(), [a, o] = g.useState(0);
+  const { debts: e } = x(), { showError: n, showCompleted: i } = hn(), [a, o] = g.useState(0);
   return /* @__PURE__ */ l(Z, { children: [
     (n || i) && /* @__PURE__ */ t(zm, { setTabValue: o, sx: { mt: -24 } }),
     /* @__PURE__ */ l(
@@ -11683,7 +11688,7 @@ const Rc = ({
     /* @__PURE__ */ t(ei, { index: 1, name: "debt-details", value: a, children: /* @__PURE__ */ t(Km, {}) })
   ] });
 }, $m = T(jm), Xm = ({ isOpen: e, onClose: n, sx: i }) => {
-  const { debts: a } = x(), { showError: o, showCompleted: r } = _n(), s = o || r ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(Bm, {});
+  const { debts: a } = x(), { showError: o, showCompleted: r } = hn(), s = o || r ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(Bm, {});
   return /* @__PURE__ */ t(
     ce,
     {
@@ -11824,7 +11829,7 @@ const Ut = (e) => /* @__PURE__ */ t(C, { fontWeight: 600, variant: "Small", chil
   onHoverRow: a,
   onClickRow: o
 }) => {
-  const r = cn(), { onEvent: s } = X(), { isMobile: c } = me(), { debts: d } = x(), [_, u] = g.useState([
+  const r = ln(), { onEvent: s } = X(), { isMobile: c } = me(), { debts: d } = x(), [_, u] = g.useState([
     { field: "priority", sort: "asc" }
   ]), h = [
     {
@@ -11998,7 +12003,7 @@ const Ut = (e) => /* @__PURE__ */ t(C, { fontWeight: 600, variant: "Small", chil
     }
   );
 }, sp = T(({ buttonEl: e, onClose: n }) => {
-  const { onEvent: i } = X(), { debts: a } = x(), { selectedDebtPriority: o, setSelectedDebtPriority: r } = _n(), s = !!e, c = [
+  const { onEvent: i } = X(), { debts: a } = x(), { selectedDebtPriority: o, setSelectedDebtPriority: r } = hn(), s = !!e, c = [
     {
       priority: Qt.HIGHEST_INTEREST,
       text: a.priority_sort_highest_interest
@@ -12057,7 +12062,7 @@ const Ut = (e) => /* @__PURE__ */ t(C, { fontWeight: 600, variant: "Small", chil
     }
   );
 }), cp = T(() => {
-  const { onEvent: e } = X(), { debts: n } = x(), { selectedDebtPriority: i } = _n(), [a, o] = g.useState(null), r = (_) => {
+  const { onEvent: e } = X(), { debts: n } = x(), { selectedDebtPriority: i } = hn(), [a, o] = g.useState(null), r = (_) => {
     o(_.currentTarget), e(W.DEBTS_CLICK_PRIORITIZE);
   }, s = () => {
     o(null);
@@ -12122,7 +12127,7 @@ const Ut = (e) => /* @__PURE__ */ t(C, { fontWeight: 600, variant: "Small", chil
     }
   );
 }), up = ({ onBackClick: e, sx: n }) => {
-  const [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState(!1), [d, _] = g.useState(""), { isDesktop: u, isMobile: h } = me(), { debts: m } = x(), { onEvent: p } = X(), { isCopyLoaded: f, isInitialized: E, setSelectedAccounts: y } = se(), { setSelectedAccount: A } = Ft(), { selectedDebtPriority: I, setSelectedDebtChartData: v } = _n(), { visibleDebtAccounts: w } = Ce(), { goalsLoaded: D, loadGoals: O, monthlyCashFlowProfile: G } = ct(), { debts: M } = _a(), R = g.useMemo(() => {
+  const [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState(!1), [d, _] = g.useState(""), { isDesktop: u, isMobile: h } = me(), { debts: m } = x(), { onEvent: p } = X(), { isCopyLoaded: f, isInitialized: E, setSelectedAccounts: y } = se(), { setSelectedAccount: A } = Ft(), { selectedDebtPriority: I, setSelectedDebtChartData: v } = hn(), { visibleDebtAccounts: w } = Ce(), { goalsLoaded: D, loadGoals: O, monthlyCashFlowProfile: G } = ct(), { debts: M } = _a(), R = g.useMemo(() => {
     const fe = G?.extra_payment ?? 0;
     return lp(M, I, fe);
   }, [M, I, G]);
@@ -12564,14 +12569,14 @@ const yp = (e, n) => {
     let f = /* @__PURE__ */ t(ys, {});
     return e.track_type === Y.DEBT_TRACK ? f = /* @__PURE__ */ t(Es, {}) : e.track_type === Y.RETIREMENT_TRACK && (f = /* @__PURE__ */ t(As, {})), /* @__PURE__ */ t(bt, { elevation: 2, children: /* @__PURE__ */ l(Ms, { disabled: !i, onClick: i, children: [
       /* @__PURE__ */ t(
-        dn,
+        un,
         {
           avatar: /* @__PURE__ */ t(Ht, { sx: { bgcolor: c, color: d, height: 48, width: 48 }, variant: "rounded", children: f }),
           subheader: /* @__PURE__ */ t(C, { variant: n || s ? "H3" : "H2", children: `${P(e.current_amount, s ? "0,0" : "0,0.00")} / ${Ep(
             m,
             s
           )}` }),
-          title: /* @__PURE__ */ t(sn, { color: "text.secondary", fontWeight: 400, variant: "Body", children: e.name })
+          title: /* @__PURE__ */ t(cn, { color: "text.secondary", fontWeight: 400, variant: "Body", children: e.name })
         }
       ),
       /* @__PURE__ */ t(kt, { sx: { pt: 0 }, children: /* @__PURE__ */ l(b, { gap: 6, children: [
@@ -12827,9 +12832,9 @@ const yp = (e, n) => {
       /* @__PURE__ */ t(C, { color: "text.secondary", variant: "Small", children: a.ongoing_title }),
       /* @__PURE__ */ t(Ip, { trackType: e })
     ] }),
-    c.length > 0 ? /* @__PURE__ */ t(fn, { container: !0, spacing: 24, children: c.map((u, h, m) => (
+    c.length > 0 ? /* @__PURE__ */ t(bn, { container: !0, spacing: 24, children: c.map((u, h, m) => (
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
-      /* @__PURE__ */ t(fn, { xs: i || h === 0 && m.length !== 2 ? 12 : 6, children: /* @__PURE__ */ t(Gc, { goal: u, onClick: () => r(u) }, u.guid) }, h)
+      /* @__PURE__ */ t(bn, { xs: i || h === 0 && m.length !== 2 ? 12 : 6, children: /* @__PURE__ */ t(Gc, { goal: u, onClick: () => r(u) }, u.guid) }, h)
     )) }) : /* @__PURE__ */ l(
       b,
       {
@@ -13700,7 +13705,7 @@ const Hp = T(({ goal: e }) => {
   return e.track_type === Y.DEBT_TRACK ? d = /* @__PURE__ */ t(Es, {}) : e.track_type === Y.RETIREMENT_TRACK && (d = /* @__PURE__ */ t(As, {})), /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", spacing: 12, sx: { py: 12 }, children: [
     /* @__PURE__ */ t(Ht, { sx: { bgcolor: a, color: o, height: 32, width: 32 }, variant: "rounded", children: d }),
     /* @__PURE__ */ l(k, { sx: { width: "100%" }, children: [
-      /* @__PURE__ */ t(sn, { fontSize: 15, fontWeight: 600, variant: "body1", children: e.name }),
+      /* @__PURE__ */ t(cn, { fontSize: 15, fontWeight: 600, variant: "body1", children: e.name }),
       e.projected_to_complete_at && /* @__PURE__ */ t(C, { color: "text.secondary", variant: "XSmall", children: s })
     ] }),
     /* @__PURE__ */ t(
@@ -13731,7 +13736,7 @@ const Hp = T(({ goal: e }) => {
         r && /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t("img", { alt: a.create_goals_header, src: c ? Fp : Pp }) }),
         /* @__PURE__ */ l(b, { sx: { alignItems: r ? "flex-start" : "center" }, children: [
           /* @__PURE__ */ t(jl, { size: 32 }),
-          /* @__PURE__ */ t(sn, { fontSize: 15, fontWeight: 600, children: e }),
+          /* @__PURE__ */ t(cn, { fontSize: 15, fontWeight: 600, children: e }),
           /* @__PURE__ */ t(
             C,
             {
@@ -15167,7 +15172,7 @@ const H1 = ({ date: e }) => /* @__PURE__ */ t(k, { sx: { display: "flex", justif
     }
   ) }) : /* @__PURE__ */ t("div", { style: c.badge, children: /* @__PURE__ */ t(Mt, { categoryGuid: r?.category_guid, size: 36 }) });
 }, F1 = T(P1), W1 = ({ notification: e, onClick: n }) => {
-  const { updateNotification: i } = $s(), a = cn(), o = {
+  const { updateNotification: i } = $s(), a = ln(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -16349,7 +16354,7 @@ const Z1 = ({
     );
   }
 ), rC = T(({ rule: e }) => {
-  const { categories: n } = Ve(), { setSelectedGuid: i } = un(), { deleteTransactionRule: a, setSelectedRule: o } = pt(), { isDesktop: r, isTablet: s } = me(), [c, d] = g.useState(!1), _ = () => {
+  const { categories: n } = Ve(), { setSelectedGuid: i } = _n(), { deleteTransactionRule: a, setSelectedRule: o } = pt(), { isDesktop: r, isTablet: s } = me(), [c, d] = g.useState(!1), _ = () => {
     d(!1), i(null), o(void 0);
   }, u = async () => {
     await a(), _();
@@ -16475,7 +16480,7 @@ const Z1 = ({
         /* @__PURE__ */ t(C, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: i.delivery_method_title }),
         /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
           h && /* @__PURE__ */ t(b, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
-            bn,
+            yn,
             {
               isChecked: !d && n.email_channel && !!a.email,
               isDisabled: d || !a.email,
@@ -16487,7 +16492,7 @@ const Z1 = ({
           ) }),
           h && (p || m) && /* @__PURE__ */ t(F, { sx: { ml: s ? 0 : 24 } }),
           p && /* @__PURE__ */ t(b, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
-            bn,
+            yn,
             {
               isChecked: !u && n.sms_channel && !!a.phone,
               isDisabled: u || !a.phone,
@@ -16499,7 +16504,7 @@ const Z1 = ({
           ) }),
           p && m && /* @__PURE__ */ t(F, { sx: { ml: s ? 0 : 24 } }),
           m && /* @__PURE__ */ t(b, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
-            bn,
+            yn,
             {
               isChecked: !_ && n.push_channel,
               isDisabled: _,
@@ -16609,7 +16614,7 @@ const Z1 = ({
     ),
     f && /* @__PURE__ */ t(ii, { in: u, children: /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
       i && /* @__PURE__ */ t(
-        bn,
+        yn,
         {
           isChecked: !s && e.email_channel && !!_.email,
           isDisabled: s || !_.email,
@@ -16622,7 +16627,7 @@ const Z1 = ({
       ),
       i && (o || a) && /* @__PURE__ */ t(F, { sx: { ml: 48 } }),
       o && /* @__PURE__ */ t(
-        bn,
+        yn,
         {
           isChecked: !d && e.sms_channel && !!_.phone,
           isDisabled: d || !_.phone,
@@ -16635,7 +16640,7 @@ const Z1 = ({
       ),
       o && a && /* @__PURE__ */ t(F, { sx: { ml: 48 } }),
       a && /* @__PURE__ */ t(
-        bn,
+        yn,
         {
           isChecked: !c && e.push_channel,
           isDisabled: c,
@@ -16669,7 +16674,7 @@ const Z1 = ({
     /* @__PURE__ */ t(rt, { sx: { mt: 24 }, children: n.delivery_method_title }),
     i.email_notifications_enabled && /* @__PURE__ */ l(Z, { children: [
       /* @__PURE__ */ t(
-        bn,
+        yn,
         {
           isChecked: !!r.email && !o.opted_out_of_email_notifications,
           isDisabled: !r.email,
@@ -16686,7 +16691,7 @@ const Z1 = ({
     ] }),
     i.sms_notifications_enabled && /* @__PURE__ */ l(Z, { children: [
       /* @__PURE__ */ t(
-        bn,
+        yn,
         {
           isChecked: !!r.phone && !o.opted_out_of_sms_notifications,
           isDisabled: !r.phone,
@@ -16699,7 +16704,7 @@ const Z1 = ({
       i.push_notifications_enabled && /* @__PURE__ */ t(F, {})
     ] }),
     i.push_notifications_enabled && /* @__PURE__ */ t(
-      bn,
+      yn,
       {
         isChecked: !o.opted_out_of_push_notifications,
         isDisabled: !0,
@@ -17055,7 +17060,7 @@ const Z1 = ({
         }
       )
     ] }),
-    /* @__PURE__ */ t(sn, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: r })
+    /* @__PURE__ */ t(cn, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: r })
   ] });
 }, Lt = ({
   altImage: e,
@@ -19797,7 +19802,7 @@ const Z1 = ({
   return /* @__PURE__ */ t(ce, { isOpen: i, onClose: o, title: e.request_support, children: /* @__PURE__ */ l(k, { sx: { px: 24 }, children: [
     /* @__PURE__ */ t(b, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(K, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ l(b, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
-      /* @__PURE__ */ t(sn, { children: e.request_support_success }),
+      /* @__PURE__ */ t(cn, { children: e.request_support_success }),
       /* @__PURE__ */ t(_e, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
       /* @__PURE__ */ t(C, { bold: !0, variant: "Body", children: n })
     ] }),
@@ -20846,8 +20851,8 @@ const ko = {
   (e, n) => ({
     ...e,
     [nl(n)]: {
-      action: Cn.MICRO_BEAT_CLICKED,
-      category: pn.BEAT_INTERACTION,
+      action: fn.MICRO_BEAT_CLICKED,
+      category: Cn.BEAT_INTERACTION,
       label: Go(n),
       value: Vt
     }
@@ -20857,8 +20862,8 @@ const ko = {
   (e, n) => ({
     ...e,
     [il(n)]: {
-      action: Cn.MICRO_BEAT_DISPLAYED,
-      category: pn.BEAT_INTERACTION,
+      action: fn.MICRO_BEAT_DISPLAYED,
+      category: Cn.BEAT_INTERACTION,
       label: Go(n),
       value: Vt
     }
@@ -20868,19 +20873,19 @@ const ko = {
   (e, n) => ({
     ...e,
     [al(n)]: {
-      action: Cn.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: pn.BEAT_INTERACTION,
+      action: fn.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: Cn.BEAT_INTERACTION,
       label: Go(n),
       value: Vt
     }
   }),
   {}
-), mn = {
+), pn = {
   CARD: "Card",
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, pn = {
+}, Cn = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
 }, Kt = {
@@ -20892,7 +20897,7 @@ const ko = {
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
 }, ol = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, Cn = {
+}, fn = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -20906,21 +20911,21 @@ const ko = {
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
 }, Jr = {
   [In.MICRO_WIDGET_CAROUSEL]: {
-    label: mn.MICRO_WIDGET,
+    label: pn.MICRO_WIDGET,
     name: In.MICRO_WIDGET_CAROUSEL,
     path: Qr.INSIGHTS_MICRO_WIDGET,
     value: Vt
   },
   // zero state
   [In.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: mn.MICRO_WIDGET,
+    label: pn.MICRO_WIDGET,
     name: In.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: Qr.INSIGHTS_MICRO_WIDGET,
     value: Vt
   },
   // no relevant cards
   [In.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: mn.MICRO_WIDGET,
+    label: pn.MICRO_WIDGET,
     name: In.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
     value: Vt
@@ -20928,40 +20933,40 @@ const ko = {
 }, es = {
   // carousel control interaction events - clicks and swipes
   [Kt.ON_CAROUSEL_BACK_CLICK]: {
-    action: Cn.CONTROL_BACKWARD,
-    category: pn.MICRO_WIDGET_INTERACTION,
-    label: mn.CAROUSEL_CONTROL,
+    action: fn.CONTROL_BACKWARD,
+    category: Cn.MICRO_WIDGET_INTERACTION,
+    label: pn.CAROUSEL_CONTROL,
     value: Vt
   },
   [Kt.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: Cn.CONTROL_FORWARD,
-    category: pn.MICRO_WIDGET_INTERACTION,
-    label: mn.CAROUSEL_CONTROL,
+    action: fn.CONTROL_FORWARD,
+    category: Cn.MICRO_WIDGET_INTERACTION,
+    label: pn.CAROUSEL_CONTROL,
     value: Vt
   },
   [Kt.ON_CAROUSEL_BACK_SWIPE]: {
-    action: Cn.SWIPE_BACKWARD,
-    category: pn.MICRO_WIDGET_INTERACTION,
-    label: mn.CAROUSEL_CONTROL,
+    action: fn.SWIPE_BACKWARD,
+    category: Cn.MICRO_WIDGET_INTERACTION,
+    label: pn.CAROUSEL_CONTROL,
     value: Vt
   },
   [Kt.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: Cn.SWIPE_FORWARD,
-    category: pn.MICRO_WIDGET_INTERACTION,
-    label: mn.CAROUSEL_CONTROL,
+    action: fn.SWIPE_FORWARD,
+    category: Cn.MICRO_WIDGET_INTERACTION,
+    label: pn.CAROUSEL_CONTROL,
     value: Vt
   },
   // read more card events
   [Kt.ON_VIEW_MORE_CLICKED]: {
-    action: Cn.MICRO_BEAT_CLICKED,
-    category: pn.BEAT_INTERACTION,
-    label: mn.VIEW_MORE,
+    action: fn.MICRO_BEAT_CLICKED,
+    category: Cn.BEAT_INTERACTION,
+    label: pn.VIEW_MORE,
     value: Vt
   },
   [ol.ON_VIEW_MORE_VIEWED]: {
-    action: Cn.MICRO_BEAT_DISPLAYED,
-    category: pn.BEAT_INTERACTION,
-    label: mn.VIEW_MORE,
+    action: fn.MICRO_BEAT_DISPLAYED,
+    category: Cn.BEAT_INTERACTION,
+    label: pn.VIEW_MORE,
     value: Vt
   },
   ...uf(),
@@ -21116,7 +21121,7 @@ const Li = g.createContext(null), pf = ({
                     },
                     children: [
                       /* @__PURE__ */ t(
-                        dn,
+                        un,
                         {
                           avatar: u && s,
                           subheader: d && O,
@@ -21175,7 +21180,7 @@ const Li = g.createContext(null), pf = ({
       size: 16
     }
   );
-}, bf = (e) => ln({
+}, bf = (e) => dn({
   marginTop: e.Spacing.XTiny,
   "& .kyper-categoryicon": {
     display: "flex"
@@ -22583,7 +22588,7 @@ const Li = g.createContext(null), pf = ({
     },
     children: /* @__PURE__ */ t(qa, {})
   }
-), hn = new mf(), kf = ({
+), gn = new mf(), kf = ({
   allowSingleCardPeeking: e,
   areBeatsLoading: n,
   beats: i = [],
@@ -22614,15 +22619,15 @@ const Li = g.createContext(null), pf = ({
   visibleCardsCount: O = 1,
   widthOverrides: G
 }) => {
-  const M = dt(), [R, L] = Et("STANDARD"), [U, te] = Et(!1), ue = Ou([_], hn), ye = Mu([u], hn);
+  const M = dt(), [R, L] = Et("STANDARD"), [U, te] = Et(!1), ue = Ou([_], gn), ye = Mu([u], gn);
   g.useEffect(() => {
-    hn.isInitialized || hn.initialize(r, I, c);
-  }, [r, I, c, hn.isInitialized]), g.useEffect(() => {
+    gn.isInitialized || gn.initialize(r, I, c);
+  }, [r, I, c, gn.isInitialized]), g.useEffect(() => {
     const ke = window.innerHeight;
     ke < 180 ? L("STANDARD") : ke >= 180 && ke < 200 ? L("LARGE") : ke >= 200 && ke < 248 ? L("XLARGE") : ke >= 248 && L("XXLARGE");
   }, [window.innerHeight]), g.useEffect(() => {
-    te(!n && hn.isInitialized);
-  }, [n, hn.isInitialized]);
+    te(!n && gn.isInitialized);
+  }, [n, gn.isInitialized]);
   const fe = {
     showCTAColocatedWithText: o,
     heightOverrides: s,
@@ -22641,8 +22646,8 @@ const Li = g.createContext(null), pf = ({
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
     /* @__PURE__ */ l(id, { theme: M, children: [
       /* @__PURE__ */ t(Hd, {}),
-      /* @__PURE__ */ t(pf, { onEvent: ue, onPageview: ye, store: hn, children: /* @__PURE__ */ l(Of, { heightOverrides: s, widthOverrides: G, children: [
-        (n || !hn.isInitialized) && /* @__PURE__ */ t(Mf, {}),
+      /* @__PURE__ */ t(pf, { onEvent: ue, onPageview: ye, store: gn, children: /* @__PURE__ */ l(Of, { heightOverrides: s, widthOverrides: G, children: [
+        (n || !gn.isInitialized) && /* @__PURE__ */ t(Mf, {}),
         U && E && /* @__PURE__ */ t(
           Lf,
           {
@@ -22714,7 +22719,7 @@ const Li = g.createContext(null), pf = ({
     }
   );
 }, Hf = T(Bf), Pf = () => {
-  const e = cn(), { isMobile: n, isDesktop: i, isLargeDesktop: a } = me(), { beatStore: o, endpoint: r, sessionToken: s } = oi(), { isInitialized: c } = se(), { sortedCategoriesList: d } = Xs(), [_, u] = g.useState(!1), h = e.palette.mode === "dark", m = i || a, p = m || n ? 1 : 2;
+  const e = ln(), { isMobile: n, isDesktop: i, isLargeDesktop: a } = me(), { beatStore: o, endpoint: r, sessionToken: s } = oi(), { isInitialized: c } = se(), { sortedCategoriesList: d } = Xs(), [_, u] = g.useState(!1), h = e.palette.mode === "dark", m = i || a, p = m || n ? 1 : 2;
   g.useEffect(() => {
     c && o.loadBeats().finally(() => u(!0));
   }, [c]);
@@ -22986,14 +22991,14 @@ class Kf {
   get userProfile() {
     return this.appData.user_profile;
   }
-  loadAppData = async () => {
+  loadAppData = async (n) => {
     try {
-      const n = await this.api.getAppData();
+      const i = n ?? await this.api.getAppData();
       q(() => {
-        this.appData = n, this.bannerApi = new er(n.address?.bullseye || "/");
+        this.appData = i, this.bannerApi = new er(i.address?.bullseye || "/");
       });
-    } catch (n) {
-      console.error(`Error loading app data: ${n}`);
+    } catch (i) {
+      console.error(`Error loading app data: ${i}`);
     }
   };
   loadBanner = async () => {
@@ -23084,14 +23089,14 @@ class jf {
   get user() {
     return this.globalStore.appDataStore.user;
   }
-  loadUserFeatures = async () => {
+  loadUserFeatures = async (n) => {
     try {
-      const n = await this.api.getUserFeatures();
+      const i = n ?? await this.api.getUserFeatures();
       q(() => {
-        this.userFeatures = n;
+        this.userFeatures = i;
       });
-    } catch (n) {
-      console.error(`Error occurred while loading user features: ${n}`);
+    } catch (i) {
+      console.error(`Error occurred while loading user features: ${i}`);
     }
   };
   updateUser = async (n) => {
@@ -23147,16 +23152,34 @@ class C2 {
   get isInitialized() {
     return this.globalUiStore.isInitialized;
   }
-  loadData = async () => {
+  loadData = async ({
+    accounts: n,
+    appData: i,
+    associatedBeats: a,
+    categories: o,
+    institutions: r,
+    members: s,
+    taggings: c,
+    tags: d,
+    transactionRules: _,
+    transactions: u,
+    userFeatures: h
+  }) => {
     await Promise.all([
-      // Load copy, config and user data
+      // Load copy, config and quser data
       this.copyStore.loadCopy(),
-      this.appDataStore.loadAppData(),
-      this.userStore.loadUserFeatures()
+      this.appDataStore.loadAppData(i),
+      this.userStore.loadUserFeatures(h)
     ]), await Promise.all([
-      this.accountStore.loadAccountData(),
-      this.categoryStore.loadCategories(),
-      this.transactionStore.loadTransactionData()
+      this.accountStore.loadAccountData({ accounts: n, institutions: r, members: s }),
+      this.categoryStore.loadCategories(o),
+      this.transactionStore.loadTransactionData({
+        associatedBeats: a,
+        taggings: c,
+        tags: d,
+        transactionRules: _,
+        transactions: u
+      })
     ]), this.globalUiStore.setInitialized(!0);
   };
 }
@@ -24528,8 +24551,12 @@ class b0 {
   constructor(n) {
     this.globalStore = n, this.uiStore = new f0(), this.api = new os(n.endpoint, n.sessionToken), He(this);
   }
-  loadAccountData = async () => {
-    await Promise.all([this.loadAccounts(), this.loadInstitutions()]);
+  getAccountData = () => ({
+    accounts: this.accounts,
+    institutions: this.institutions
+  });
+  loadAccountData = async ({ accounts: n, institutions: i, members: a }) => {
+    await Promise.all([this.loadAccounts(n, a), this.loadInstitutions(i)]);
   };
   get cashAccounts() {
     return this.accounts.filter(
@@ -24606,35 +24633,35 @@ class b0 {
       }
     }), i;
   };
-  loadAccounts = async () => {
-    await this.loadMembers();
+  loadAccounts = async (n, i) => {
+    await this.loadMembers(i);
     try {
-      const n = await this.api.getAccounts();
-      q(() => {
-        this.accounts = this.sortAccounts(this.augmentAccounts(n));
+      const a = n || await this.api.getAccounts();
+      console.log("accounts", a), q(() => {
+        this.accounts = this.sortAccounts(this.augmentAccounts(a));
       });
-    } catch (n) {
-      console.error(`Error occurred while loading accounts: ${n}`);
+    } catch (a) {
+      console.error(`Error occurred while loading accounts: ${a}`);
     }
   };
-  loadInstitutions = async () => {
+  loadInstitutions = async (n) => {
     try {
-      const n = await this.api.getInstitutions();
+      const i = n || await this.api.getInstitutions();
       q(() => {
-        this.institutions = n;
+        this.institutions = i;
       });
-    } catch (n) {
-      console.error(`Error occurred while loading institutions: ${n}`);
+    } catch (i) {
+      console.error(`Error occurred while loading institutions: ${i}`);
     }
   };
-  loadMembers = async () => {
+  loadMembers = async (n) => {
     try {
-      const n = await this.api.getMembers();
+      const i = n || await this.api.getMembers();
       q(() => {
-        this.members = n;
+        this.members = i;
       });
-    } catch (n) {
-      console.error(`Error occurred while loading members: ${n}`);
+    } catch (i) {
+      console.error(`Error occurred while loading members: ${i}`);
     }
   };
   mergeAccounts = async (n) => {
@@ -24756,7 +24783,7 @@ const y0 = () => {
 }, E0 = T(y0), A0 = () => {
   const { response: e, setResponse: n } = lo(), { analytics: i } = x();
   return /* @__PURE__ */ t(
-    yn,
+    En,
     {
       label: i.feedback,
       multiline: !0,
@@ -25262,7 +25289,7 @@ const G0 = ({
     /* @__PURE__ */ t(W0, { onRecalculateBudgets: e })
   ] });
 }), V0 = (e) => {
-  const n = pe(), { onEvent: i } = X(), { detailedBudgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = ht(), { budgets: c, common: d } = x(), { isCopyLoaded: _, isInitialized: u, selectedAccounts: h } = se(), { reloadCategoryTotals: m } = Ve(), p = T_(), f = a.length === 0, [E, y] = g.useState(!1), A = () => {
+  const n = pe(), { onEvent: i } = X(), { budgets: a, isDataLoaded: o, loadBudgetData: r, setTheme: s } = ht(), { budgets: c, common: d } = x(), { isCopyLoaded: _, isInitialized: u, selectedAccounts: h } = se(), { reloadCategoryTotals: m } = Ve(), p = T_(), f = a.length === 0, [E, y] = g.useState(!1), A = () => {
     y(!0), i(W.BUDGETS_CLICK_ADD);
   }, I = () => {
     y(!1);
@@ -25359,7 +25386,7 @@ const G0 = ({
     )
   ] }) });
 }), z0 = T(({ category: e, parentBudget: n }) => {
-  const { budgets: i, common: a } = x(), { setExpandedGuid: o, setOnSelect: r } = un(), { addBudget: s } = ht(), [c, d] = g.useState(!1), [_, u] = g.useState(!1), [h, m] = g.useState(""), [p, f] = g.useState(void 0);
+  const { budgets: i, common: a } = x(), { setExpandedGuid: o, setOnSelect: r } = _n(), { addBudget: s } = ht(), [c, d] = g.useState(!1), [_, u] = g.useState(!1), [h, m] = g.useState(""), [p, f] = g.useState(void 0);
   g.useEffect(() => {
     r((A) => {
       const I = e.subCategories.find((v) => v.guid === A);
@@ -25663,7 +25690,7 @@ const G0 = ({
     });
   };
   return /* @__PURE__ */ l(bt, { elevation: 2, children: [
-    /* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(rt, { children: n.budget_categories_title }) }),
+    /* @__PURE__ */ t(un, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(rt, { children: n.budget_categories_title }) }),
     /* @__PURE__ */ t(kt, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ t(ie, { children: i.map((r) => /* @__PURE__ */ l(g.Fragment, { children: [
       /* @__PURE__ */ t(q0, { budget: r, onClick: o }),
       /* @__PURE__ */ t(F, {})
@@ -25706,7 +25733,7 @@ const G0 = ({
     }), p(!0), n(W.BUDGETS_CLICK_EDIT_INCOME);
   };
   return /* @__PURE__ */ l(bt, { elevation: 2, sx: { overflow: "visible" }, children: [
-    /* @__PURE__ */ t(dn, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(rt, { children: a.overview_title }) }),
+    /* @__PURE__ */ t(un, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ t(rt, { children: a.overview_title }) }),
     /* @__PURE__ */ t(kt, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ l(b, { gap: 24, children: [
       /* @__PURE__ */ l(b, { gap: 8, children: [
         /* @__PURE__ */ t(C, { bold: !0, sx: { mb: 8 }, variant: "Body", children: a.spending_title }),
@@ -25761,7 +25788,7 @@ const G0 = ({
     setDateRange: y,
     setAlert: A,
     setTheme: I,
-    detailedBudgets: v
+    budgets: v
   } = ht(), { loadRepeatingTransactions: w, setDateRange: D } = tt(), { reloadCategoryTotals: O } = Ve(), { isSmallTablet: G, isMobile: M, isSmallMobile: R } = me(), L = G || M || R, [U, te] = g.useState(!1);
   g.useEffect(() => {
     I(i), h(o), u(p.start, p.end), a(W.BUDGETS_VIEW);
@@ -26008,21 +26035,21 @@ const ab = ({ widgets: e, isLoading: n }) => {
     () => c.filter((u) => u.location === Wi.RightSide),
     [c]
   );
-  return /* @__PURE__ */ l(fn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(fn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(ib, {}) }),
-    /* @__PURE__ */ l(fn, { lg: 8, xs: 12, children: [
+  return /* @__PURE__ */ l(bn, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
+    /* @__PURE__ */ t(bn, { xs: 12, children: o.isInitialized && /* @__PURE__ */ t(ib, {}) }),
+    /* @__PURE__ */ l(bn, { lg: 8, xs: 12, children: [
       /* @__PURE__ */ t(J0, {}),
       n && /* @__PURE__ */ l(b, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
+        /* @__PURE__ */ t(mn, { height: 100, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(mn, { height: 300, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(mn, { height: 300, variant: "rounded", width: "100%" })
       ] }),
       !n && /* @__PURE__ */ t(b, { direction: "column", spacing: 24, children: i ? d.map((u) => /* @__PURE__ */ t(g.Fragment, { children: u.component }, u.index)) : c.map((u) => /* @__PURE__ */ t(g.Fragment, { children: u.component }, u.index)) })
     ] }),
-    i && /* @__PURE__ */ t(fn, { lg: 4, children: n ? /* @__PURE__ */ l(b, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ t(gn, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(gn, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(gn, { height: 300, variant: "rounded", width: "100%" })
+    i && /* @__PURE__ */ t(bn, { lg: 4, children: n ? /* @__PURE__ */ l(b, { direction: "column", spacing: 24, children: [
+      /* @__PURE__ */ t(mn, { height: 200, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(mn, { height: 100, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(mn, { height: 300, variant: "rounded", width: "100%" })
     ] }) : /* @__PURE__ */ t(b, { direction: "column", spacing: 24, children: _.map((u) => /* @__PURE__ */ t(g.Fragment, { children: u.component }, u.index)) }) })
   ] });
 }, T2 = T(ab), Bo = ({ sx: e = {} }) => {
@@ -27708,7 +27735,7 @@ const ab = ({ widgets: e, isLoading: n }) => {
   totalLabel: s,
   variant: c = "mini"
 }) => {
-  const { spending: d } = x(), _ = cn(), { isTablet: u } = me(), h = g.useMemo(
+  const { spending: d } = x(), _ = ln(), { isTablet: u } = me(), h = g.useMemo(
     () => o ? e.categoryData.find((E) => E.guid === o) : void 0,
     [o]
   ), m = g.useMemo(() => e.donutData.length > 0 ? e.donutData : [{ id: "0", color: _.palette.divider, value: 100 }], [e, _]), p = () => {
@@ -28015,7 +28042,7 @@ const ab = ({ widgets: e, isLoading: n }) => {
   e.palette.chartMono.chartMono1,
   e.palette.chartMono.chartMono6
 ], Mb = () => {
-  const e = cn(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ve(), { goals: o, spending: r } = x(), { displayedDateRange: s, selectedAccounts: c, selectedAccountGuids: d } = se(), { setFilter: _, sortedTransactions: u } = Le(), [h, m] = g.useState(""), [p, f] = g.useState(0), [E, y] = g.useState(""), [A, I] = g.useState(!1);
+  const e = ln(), { categories: n, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: a } = Ve(), { goals: o, spending: r } = x(), { displayedDateRange: s, selectedAccounts: c, selectedAccountGuids: d } = se(), { setFilter: _, sortedTransactions: u } = Le(), [h, m] = g.useState(""), [p, f] = g.useState(0), [E, y] = g.useState(""), [A, I] = g.useState(!1);
   g.useEffect(() => {
     a(
       c,
@@ -28332,7 +28359,7 @@ export {
   $ as TRANSACTION_EVENTS,
   ei as TabContentContainer,
   po as ToggleButtonListItem,
-  bn as ToggleListItem,
+  yn as ToggleListItem,
   _i as TopActions,
   Y as TrackType,
   Ji as TransactionApi,
@@ -28389,7 +28416,7 @@ export {
   ht as useBudgetsStore,
   uo as useCashflowStore,
   Ve as useCategoryStore,
-  un as useCategoryUiStore,
+  _n as useCategoryUiStore,
   Ou as useCombineEvents,
   Mu as useCombinePageviews,
   _a as useDebtStore,