@mx-cartographer/experiences 6.2.5 → 6.2.6

package/dist/index.es.js

@@ -6,7 +6,7 @@ import G from "@mui/material/Divider";
 import ie from "@mui/material/List";
 import Rt from "@mui/material/ListSubheader";
 import Ee from "@mui/system/Stack";
-import { AccountsIcon as yl, P as Oe, Icon as P, useTokens as ft, Text as p, H2 as $n, CategoryIcon as kt, DialogHeader as El, DialogFooter as Sl, Drawer as Tl, Footer as Al, DateRangePicker as Xr, H3 as mt, H1 as cn, TextField as An, IconWeight as bt, MerchantLogo as ln, CategoryIconVariants as Is, InstitutionLogo as pt, ChevronRightIcon as Il, THEMES as qr } from "@mxenabled/mxui";
+import { AccountsIcon as yl, P as Oe, Icon as $, useTokens as ft, Text as p, H2 as $n, CategoryIcon as kt, DialogHeader as El, DialogFooter as Sl, Drawer as Tl, Footer as Al, DateRangePicker as Xr, H3 as mt, H1 as cn, TextField as An, IconWeight as bt, MerchantLogo as ln, CategoryIconVariants as Is, InstitutionLogo as pt, ChevronRightIcon as Il, THEMES as qr } from "@mxenabled/mxui";
 import xl from "bowser";
 import { getUnixTime as Le } from "date-fns/getUnixTime";
 import { intlFormat as vl } from "date-fns/intlFormat";
@@ -26,14 +26,14 @@ import ee from "@mui/material/Button";
 import Yn from "@mui/material/Tooltip";
 import Ue from "@mui/material/IconButton";
 import er from "@mui/material/FormControlLabel";
-import j from "@mui/material/ListItem";
+import X from "@mui/material/ListItem";
 import de from "@mui/material/ListItemButton";
 import re from "@mui/material/ListItemText";
 import xs from "@mui/material/Popover";
 import b from "@mui/material/Stack";
 import ji from "@mui/material/Checkbox";
 import { alpha as wl, lighten as Zr, darken as Qr, Stack as ye, Box as nn, useTheme as vn, Card as sa, CardContent as Nl, Button as Dl, List as Rl, Divider as Ol } from "@mui/material";
-import me from "@mui/material/styles/useTheme";
+import pe from "@mui/material/styles/useTheme";
 import Un from "@mui/material/useMediaQuery";
 import { css as Qt, keyframes as Ll } from "@mxenabled/cssinjs";
 import { addDays as Mt } from "date-fns/addDays";
@@ -1267,7 +1267,7 @@ const Wa = (e, n) => e.reduce((i, a) => (i[a.guid] = n?.includes(a.guid), i), {}
               }
             },
             children: [
-              /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
                 er,
                 {
                   control: /* @__PURE__ */ t(
@@ -1298,7 +1298,7 @@ const Wa = (e, n) => e.reduce((i, a) => (i[a.guid] = n?.includes(a.guid), i), {}
                 const T = m[y], v = T.every(
                   (w) => d[w.guid]
                 );
-                return /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
+                return /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
                   ie,
                   {
                     "aria-label": S(i.accountTypeAccounts, y),
@@ -1333,7 +1333,7 @@ const Wa = (e, n) => e.reduce((i, a) => (i[a.guid] = n?.includes(a.guid), i), {}
                     children: T.map((w) => {
                       const x = d[w.guid], R = `${w.name}${h && w.accountNumber ? ` *${w.accountNumber.slice(-4)}` : ""}`;
                       return /* @__PURE__ */ t(
-                        j,
+                        X,
                         {
                           className: "mx-cmn-account-options-container",
                           disableGutters: !0,
@@ -1407,17 +1407,17 @@ const fu = (e, n) => {
   }, [e, i]);
 }, ve = () => ({
   // Larger than 1400
-  isLargeDesktop: Un(me().breakpoints.up("xl")),
+  isLargeDesktop: Un(pe().breakpoints.up("xl")),
   // Larger than 1200
-  isDesktop: Un(me().breakpoints.up("lg")),
+  isDesktop: Un(pe().breakpoints.up("lg")),
   // Smaller than 768
-  isMobile: Un(me().breakpoints.down("sm")),
+  isMobile: Un(pe().breakpoints.down("sm")),
   // Smaller than 400
-  isSmallMobile: Un(me().breakpoints.down("xs")),
+  isSmallMobile: Un(pe().breakpoints.down("xs")),
   // Between 768 and 992
-  isSmallTablet: Un(me().breakpoints.between("sm", "md")),
+  isSmallTablet: Un(pe().breakpoints.between("sm", "md")),
   // Between 768 and 1200
-  isTablet: Un(me().breakpoints.between("sm", "lg"))
+  isTablet: Un(pe().breakpoints.between("sm", "lg"))
 }), L2 = (e) => {
   const n = As();
   return Kn(() => {
@@ -1456,7 +1456,7 @@ const fu = (e, n) => {
         color: "primary",
         onClick: C,
         sx: { p: 12 },
-        children: /* @__PURE__ */ t(P, { name: "filter_alt", size: 24 })
+        children: /* @__PURE__ */ t($, { name: "filter_alt", size: 24 })
       }
     ) }) : /* @__PURE__ */ t(
       ee,
@@ -1465,7 +1465,7 @@ const fu = (e, n) => {
         "aria-haspopup": !0,
         "aria-label": n.title,
         onClick: C,
-        startIcon: /* @__PURE__ */ t(P, { name: "filter_alt", size: 24 }),
+        startIcon: /* @__PURE__ */ t($, { name: "filter_alt", size: 24 }),
         sx: { p: 12 },
         variant: c,
         children: n.title
@@ -1773,7 +1773,7 @@ const fu = (e, n) => {
     gap: 4
   }
 }), Ru = ({ beginDate: e, date: n, endDate: i, isInMonth: a, onClick: r }) => {
-  const o = me(), s = Ou(o), c = e && i && ai(n, { start: e, end: i }) && !dt(n, e) && !dt(n, i), d = e && i && dt(e, n) && !dt(e, i), _ = i && e && dt(i, n) && !dt(e, i), u = e && dt(e, n) || i && dt(i, n), h = dt(n, le());
+  const o = pe(), s = Ou(o), c = e && i && ai(n, { start: e, end: i }) && !dt(n, e) && !dt(n, i), d = e && i && dt(e, n) && !dt(e, i), _ = i && e && dt(i, n) && !dt(e, i), u = e && dt(e, n) || i && dt(i, n), h = dt(n, le());
   return /* @__PURE__ */ t(
     "div",
     {
@@ -2413,9 +2413,9 @@ const Mu = ({
     cursorPos: { x: 0, y: 0 }
   }), { hoveredSeriesId: E, hoveredAreaData: y, isAreaHovered: T, cursorPos: v } = C, w = T && E && y, x = !w, R = [...r, ...o], D = R[0]?.dataset.length ?? 0, H = R.flatMap((se) => se.dataset.map((He) => He.x)), O = R.flatMap((se) => se.dataset.map((He) => He.y)), L = r[0]?.dataset?.map(
     (se, He) => r.reduce((Fe, _n) => Fe + _n.dataset[He]?.y || 0, 0)
-  ) ?? [0], U = Math.max(...L), $ = Math.max(
+  ) ?? [0], U = Math.max(...L), P = Math.max(
     ...o.flatMap((se) => se.dataset.map((He) => He.y))
-  ), X = Math.floor(Math.min(...O) / 100) * 100, pe = Math.ceil(Math.max(U, $) / 100) * 100, V = r.map((se, He) => ({
+  ), j = Math.floor(Math.min(...O) / 100) * 100, he = Math.ceil(Math.max(U, P) / 100) * 100, V = r.map((se, He) => ({
     id: `stacked-${He}`,
     guid: se.category_guid,
     top_level_guid: se.top_level_category_guid,
@@ -2437,7 +2437,7 @@ const Mu = ({
     label: se.category_name,
     type: "line",
     valueFormatter: (Fe) => B(Fe, "0,0")
-  })), ge = [...V, ...Ce], _e = [
+  })), me = [...V, ...Ce], _e = [
     ...V.map(({ guid: se, top_level_guid: He }) => ({
       guid: se,
       top_level_guid: He
@@ -2452,7 +2452,7 @@ const Mu = ({
       guid: Fe?.category_guid,
       topLevelGuid: Fe?.top_level_category_guid
     };
-  }, he = (se) => {
+  }, ge = (se) => {
     m(se), i?.(se ?? "");
   }, ze = (se) => {
     a?.(se ?? "");
@@ -2460,7 +2460,7 @@ const Mu = ({
     const se = Pe(String(E)).guid;
     se && a?.(se);
   }, Te = (se) => {
-    const He = String(se?.seriesId), Fe = Pe(He).guid, _n = ge.find((ui) => ui.id === He), Ga = _n && se?.dataIndex !== void 0, Ba = _n && se?.dataIndex === void 0;
+    const He = String(se?.seriesId), Fe = Pe(He).guid, _n = me.find((ui) => ui.id === He), Ga = _n && se?.dataIndex !== void 0, Ba = _n && se?.dataIndex === void 0;
     if (Ga)
       f({
         hoveredSeriesId: He,
@@ -2532,7 +2532,7 @@ const Mu = ({
             margin: { bottom: 50 },
             onAreaClick: je,
             onHighlightChange: Te,
-            series: ge,
+            series: me,
             skipAnimation: !0,
             slotProps: {
               legend: {
@@ -2565,8 +2565,8 @@ const Mu = ({
             ],
             yAxis: [
               {
-                min: X,
-                max: pe || 100
+                min: j,
+                max: he || 100
               }
             ]
           }
@@ -2577,7 +2577,7 @@ const Mu = ({
             categoryGuids: _e,
             hoveredLegend: h,
             onClickLegend: ze,
-            onHoverLegend: he,
+            onHoverLegend: ge,
             sx: { px: _ ? 0 : 24 }
           }
         ),
@@ -2791,7 +2791,7 @@ const Mu = ({
   toolTipContent: o = "",
   variant: s = "outlined"
 }) => {
-  const c = me(), d = c.palette.mode === "dark", { isMobile: _ } = ve(), [u, h] = g.useState(a), [m, C] = g.useState(i.dateRangePickerCopy.dateRangeThisMonth), [f, E] = g.useState(u), [y, T] = g.useState(!1), [v, w] = g.useState(!0), [x, R] = g.useState(6), D = {
+  const c = pe(), d = c.palette.mode === "dark", { isMobile: _ } = ve(), [u, h] = g.useState(a), [m, C] = g.useState(i.dateRangePickerCopy.dateRangeThisMonth), [f, E] = g.useState(u), [y, T] = g.useState(!1), [v, w] = g.useState(!0), [x, R] = g.useState(6), D = {
     buttons: [
       { label: "3M", value: 3 },
       { label: "6M", value: 6 },
@@ -2811,25 +2811,25 @@ const Mu = ({
     (s === "timeframebuttons" || s === "timeframetabs") && e.onRangeChanged(H());
   }, [x]);
   const H = () => {
-    const $ = Xe(In());
-    return [Xe(jt($, x)), $];
-  }, O = ($) => {
-    const X = [...u], pe = u[0], V = u[1], Ce = $ === "previous";
+    const P = Xe(In());
+    return [Xe(jt(P, x)), P];
+  }, O = (P) => {
+    const j = [...u], he = u[0], V = u[1], Ce = P === "previous";
     if (m === i.dateRangePickerCopy.dateRangeThisMonth)
-      X[0] = Ce ? jt(pe, 1) : gt(pe, 1), X[1] = Xe(Ce ? jt(V, 1) : gt(V, 1));
+      j[0] = Ce ? jt(he, 1) : gt(he, 1), j[1] = Xe(Ce ? jt(V, 1) : gt(V, 1));
     else if (m === i.dateRangePickerCopy.dateRangeYTD || m === i.dateRangePickerCopy.dateRangeLastYear)
-      X[0] = Ce ? tr(eo(pe), 1) : ni(eo(pe), 1), X[1] = Ce ? tr(Jr(pe), 1) : ni(Jr(pe), 1);
+      j[0] = Ce ? tr(eo(he), 1) : ni(eo(he), 1), j[1] = Ce ? tr(Jr(he), 1) : ni(Jr(he), 1);
     else {
-      const ge = Jl(V, pe);
-      X[0] = $ === "previous" ? ut(pe, ge) : Mt(pe, ge), X[1] = $ === "previous" ? ut(V, ge) : Mt(V, ge);
+      const me = Jl(V, he);
+      j[0] = P === "previous" ? ut(he, me) : Mt(he, me), j[1] = P === "previous" ? ut(V, me) : Mt(V, me);
     }
-    h(X), e.onRangeChanged(X);
+    h(j), e.onRangeChanged(j);
   }, L = () => {
     h(f), w(
       m === i.dateRangePickerCopy.dateRangeThisMonth || m === i.dateRangePickerCopy.dateRangeLastMonth
     ), e.onRangeChanged(f);
-  }, U = ($) => {
-    R($);
+  }, U = (P) => {
+    R(P);
   };
   return /* @__PURE__ */ l(M, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ t(
@@ -2845,7 +2845,7 @@ const Mu = ({
             "aria-describedby": "select-date",
             "aria-label": "Select a date",
             onClick: () => T(!0),
-            children: /* @__PURE__ */ t(P, { name: "calendar_month" })
+            children: /* @__PURE__ */ t($, { name: "calendar_month" })
           }
         )
       }
@@ -2862,9 +2862,9 @@ const Mu = ({
         },
         children: [
           s === "readonly" && /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ t(P, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ t($, { name: "calendar_month", size: 24 }),
             /* @__PURE__ */ t(p, { bold: !0, children: ae(f[0], te.MONTH_DAY) }),
-            /* @__PURE__ */ t(P, { name: "remove" }),
+            /* @__PURE__ */ t($, { name: "remove" }),
             /* @__PURE__ */ t(p, { bold: !0, children: ae(f[1], te.MONTH_DAY_YEAR) })
           ] }),
           s !== "readonly" && s !== "timeframebuttons" && s !== "timeframetabs" && /* @__PURE__ */ l(
@@ -2889,7 +2889,7 @@ const Mu = ({
                     "aria-label": i.dateRangePreviousAria,
                     color: e.shouldDisablePrevious ? "secondary" : "primary",
                     onClick: () => e.shouldDisablePrevious ? null : O("previous"),
-                    children: /* @__PURE__ */ t(P, { name: "chevron_left", size: 20 })
+                    children: /* @__PURE__ */ t($, { name: "chevron_left", size: 20 })
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -2898,7 +2898,7 @@ const Mu = ({
                     "aria-disabled": e.shouldDisablePicker,
                     color: n,
                     onClick: () => e.shouldDisablePicker ? null : T(!0),
-                    startIcon: /* @__PURE__ */ t(P, { name: "calendar_month", size: 20 }),
+                    startIcon: /* @__PURE__ */ t($, { name: "calendar_month", size: 20 }),
                     sx: {
                       p: _ ? 0 : 8
                     },
@@ -2917,7 +2917,7 @@ const Mu = ({
                     "aria-label": i.dateRangeNextAria,
                     color: e.shouldDisableNext ? "secondary" : "primary",
                     onClick: () => e.shouldDisableNext ? null : O("next"),
-                    children: /* @__PURE__ */ t(P, { name: "chevron_right", size: 20 })
+                    children: /* @__PURE__ */ t($, { name: "chevron_right", size: 20 })
                   }
                 )
               ]
@@ -2930,10 +2930,10 @@ const Mu = ({
               exclusive: !0,
               orientation: "horizontal",
               value: x,
-              children: D.buttons.map(($) => /* @__PURE__ */ t(
+              children: D.buttons.map((P) => /* @__PURE__ */ t(
                 wi,
                 {
-                  onClick: () => U($.value),
+                  onClick: () => U(P.value),
                   sx: {
                     fontSize: 15,
                     fontWeight: 600,
@@ -2957,10 +2957,10 @@ const Mu = ({
                       color: c.palette.grey[500]
                     }
                   },
-                  value: $.value,
-                  children: $.label
+                  value: P.value,
+                  children: P.label
                 },
-                $.label
+                P.label
               ))
             }
           ),
@@ -2968,18 +2968,18 @@ const Mu = ({
             Lt,
             {
               indicatorColor: "primary",
-              onChange: ($, X) => U(X),
+              onChange: (P, j) => U(j),
               textColor: "primary",
               value: x,
               variant: "fullWidth",
-              children: D.tabs.map(($) => /* @__PURE__ */ t(
+              children: D.tabs.map((P) => /* @__PURE__ */ t(
                 Ve,
                 {
-                  label: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: $.label }),
+                  label: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: P.label }),
                   sx: { minWidth: 80 },
-                  value: $.value
+                  value: P.value
                 },
-                $.label
+                P.label
               ))
             }
           )
@@ -3002,8 +3002,8 @@ const Mu = ({
           {
             copy: i.dateRangePickerCopy,
             dateRange: f,
-            onRangeChanged: ($, X) => {
-              E($), C(X);
+            onRangeChanged: (P, j) => {
+              E(P), C(j);
             },
             selectedShortcut: m,
             sx: { p: 16 }
@@ -3029,8 +3029,8 @@ const Mu = ({
           {
             copy: i.dateRangePickerCopy,
             dateRange: f,
-            onRangeChanged: ($, X) => {
-              E($), C(X);
+            onRangeChanged: (P, j) => {
+              E(P), C(j);
             },
             selectedShortcut: m,
             sx: {
@@ -3103,7 +3103,7 @@ const Mu = ({
   strokeWidth: a = Vs,
   children: r
 }) => {
-  const o = me(), s = (i - a) / 2, c = -90, d = n > 100 ? 100 : n, _ = 2 * Math.PI * s * (1 - d / 100), u = i / 2;
+  const o = pe(), s = (i - a) / 2, c = -90, d = n > 100 ? 100 : n, _ = 2 * Math.PI * s * (1 - d / 100), u = i / 2;
   return /* @__PURE__ */ l(
     M,
     {
@@ -3245,7 +3245,7 @@ const Dn = ({
   };
   if (!D)
     return /* @__PURE__ */ t(ue, {});
-  const $ = {
+  const P = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: L.account_filter.account_type_accounts,
       cancelButton: L.cancel_button,
@@ -3259,7 +3259,7 @@ const Dn = ({
       zeroStateTitle: L.account_filter.zero_state_title
     },
     title: L.account_filter.title
-  }, X = {
+  }, j = {
     dateRangePickerCopy: {
       dateRangeFrom: L.date_range_picker.from,
       dateRangeTo: L.date_range_picker.to,
@@ -3277,7 +3277,7 @@ const Dn = ({
     dateRangeEditTitle: L.date_range_picker.edit_title,
     dateRangeNextAria: L.date_range_picker.next_aria,
     dateRangePreviousAria: L.date_range_picker.previous_aria
-  }, pe = r ? r.start : R.start, V = r ? r.end : R.end, Ce = n?.length > 1;
+  }, he = r ? r.start : R.start, V = r ? r.end : R.end, Ce = n?.length > 1;
   return /* @__PURE__ */ l(
     Gt,
     {
@@ -3303,8 +3303,8 @@ const Dn = ({
                 bo,
                 {
                   calendarActions: i,
-                  copy: X,
-                  range: [pe, V],
+                  copy: j,
+                  range: [he, V],
                   shouldShrinkToIcon: !1,
                   variant: o
                 }
@@ -3313,37 +3313,37 @@ const Dn = ({
                 Qs,
                 {
                   accounts: e,
-                  copy: $,
-                  onFilterClick: (ge) => {
-                    O(ge), _?.();
+                  copy: P,
+                  onFilterClick: (me) => {
+                    O(me), _?.();
                   },
                   selectedAccountGuids: H,
                   showAccountNumbers: !1,
                   variant: "text"
                 }
               ),
-              n?.map((ge) => {
-                if (g.isValidElement(ge)) return ge;
-                const { iconName: _e, onClick: Pe, label: he } = ge;
+              n?.map((me) => {
+                if (g.isValidElement(me)) return me;
+                const { iconName: _e, onClick: Pe, label: ge } = me;
                 return Ce ? v ? /* @__PURE__ */ t(
                   ee,
                   {
                     onClick: Pe,
-                    startIcon: /* @__PURE__ */ t(P, { color: "primary", name: _e }),
+                    startIcon: /* @__PURE__ */ t($, { color: "primary", name: _e }),
                     sx: { my: 4 },
-                    children: he
+                    children: ge
                   },
                   _e
-                ) : /* @__PURE__ */ t(Ue, { "aria-label": he, color: "primary", onClick: Pe, children: /* @__PURE__ */ t(P, { name: _e }) }, _e) : T || x ? /* @__PURE__ */ t(
+                ) : /* @__PURE__ */ t(Ue, { "aria-label": ge, color: "primary", onClick: Pe, children: /* @__PURE__ */ t($, { name: _e }) }, _e) : T || x ? /* @__PURE__ */ t(
                   ee,
                   {
                     onClick: Pe,
-                    startIcon: /* @__PURE__ */ t(P, { name: _e }),
+                    startIcon: /* @__PURE__ */ t($, { name: _e }),
                     sx: { my: 4 },
-                    children: he
+                    children: ge
                   },
                   _e
-                ) : /* @__PURE__ */ t(Ue, { "aria-label": he, color: "primary", onClick: Pe, children: /* @__PURE__ */ t(P, { name: _e }) }, _e);
+                ) : /* @__PURE__ */ t(Ue, { "aria-label": ge, color: "primary", onClick: Pe, children: /* @__PURE__ */ t($, { name: _e }) }, _e);
               })
             ] }),
             sx: {
@@ -3364,7 +3364,7 @@ const Dn = ({
                   "aria-label": L.back_to_dashboard,
                   onClick: U,
                   sx: { p: 12, mr: 4 },
-                  children: /* @__PURE__ */ t(P, { name: "arrow_back", size: 24 })
+                  children: /* @__PURE__ */ t($, { name: "arrow_back", size: 24 })
                 }
               ),
               /* @__PURE__ */ t(mt, { children: m })
@@ -3378,8 +3378,8 @@ const Dn = ({
             bo,
             {
               calendarActions: i,
-              copy: X,
-              range: [pe, V],
+              copy: j,
+              range: [he, V],
               shouldShrinkToIcon: !1,
               variant: o
             }
@@ -3425,7 +3425,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
   let r;
   const { refreshAccounts: o } = Re(), { loadWidget: s } = nc(), { connect: c } = I(), [d, _] = g.useState(!1), [u, h] = g.useState(!1), {
     palette: { mode: m }
-  } = me();
+  } = pe();
   return g.useEffect(() => (i ? (_(!0), s({ mode: m, ...e }).then((C) => {
     r = new md({
       container: `#${yo}`,
@@ -3539,7 +3539,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
   tooltipText: r,
   variant: o = "text"
 }) => {
-  const s = me();
+  const s = pe();
   return /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ t(
       ee,
@@ -3580,14 +3580,14 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
       className: "mx-cat-cancel-search-button",
       color: "primary",
       onClick: () => i(""),
-      children: /* @__PURE__ */ t(P, { name: "cancel", size: 24 })
+      children: /* @__PURE__ */ t($, { name: "cancel", size: 24 })
     }
   );
   return /* @__PURE__ */ t(M, { className: "mx-cmn-search-box", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ t(
     An,
     {
       InputProps: {
-        startAdornment: /* @__PURE__ */ t(Xi, { position: "start", children: /* @__PURE__ */ t(P, { color: "disabled", name: "search", size: 26 }) }),
+        startAdornment: /* @__PURE__ */ t(Xi, { position: "start", children: /* @__PURE__ */ t($, { color: "disabled", name: "search", size: 26 }) }),
         endAdornment: /* @__PURE__ */ t(Xi, { position: "end", sx: { p: 0 }, children: r ? s : null })
       },
       "aria-label": e,
@@ -3605,7 +3605,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
   tooltip: a = "",
   value: r
 }) => {
-  const o = me(), s = o.palette.mode === "light" ? o.palette.grey[400] : o.palette.grey[700], c = e ? o.palette.action.active : s;
+  const o = pe(), s = o.palette.mode === "light" ? o.palette.grey[400] : o.palette.grey[700], c = e ? o.palette.action.active : s;
   return /* @__PURE__ */ t(
     M,
     {
@@ -3686,7 +3686,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
   }
 ), Hn = ({ iconName: e, label: n, onClick: i, value: a }) => {
   const r = /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: e, sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+    /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: e, sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
     /* @__PURE__ */ t(
       re,
       {
@@ -3697,10 +3697,10 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
       }
     )
   ] });
-  return i ? /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: i, children: [
+  return i ? /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: i, children: [
     r,
-    /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ t(j, { disableGutters: !1, disablePadding: !1, children: r });
+    /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ t(X, { disableGutters: !1, disablePadding: !1, children: r });
 }, na = ({
   body: e,
   iconName: n = "info",
@@ -3723,7 +3723,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
           p: 0
         },
         children: /* @__PURE__ */ t(
-          P,
+          $,
           {
             name: n,
             sx: { color: "primary.light", fontSize: 16 },
@@ -3837,7 +3837,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
     }, C = () => {
       h(!1), o();
     };
-    return /* @__PURE__ */ l(j, { children: [
+    return /* @__PURE__ */ l(X, { children: [
       /* @__PURE__ */ l(de, { onClick: () => h(!n), children: [
         /* @__PURE__ */ t(
           re,
@@ -3881,7 +3881,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
   sx: a = {}
 }) => {
   const { onEvent: r } = z();
-  return i ? /* @__PURE__ */ t(j, { sx: { bgcolor: "background.paper", ...a }, children: /* @__PURE__ */ t(
+  return i ? /* @__PURE__ */ t(X, { sx: { bgcolor: "background.paper", ...a }, children: /* @__PURE__ */ t(
     de,
     {
       onClick: () => {
@@ -3890,7 +3890,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
       children: e
     }
   ) }) : /* @__PURE__ */ t(
-    j,
+    X,
     {
       disableGutters: !1,
       disablePadding: !1,
@@ -3908,7 +3908,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
 }) => {
   const { isMobile: s } = ve();
   return /* @__PURE__ */ t(
-    j,
+    X,
     {
       secondaryAction: /* @__PURE__ */ t(da, { checked: e, onChange: a }),
       sx: {
@@ -3947,7 +3947,7 @@ const yo = "connect_widget", Eo = "connections_widget", i_ = ({
 }) => {
   const { isMobile: o } = ve();
   return /* @__PURE__ */ t(
-    j,
+    X,
     {
       secondaryAction: /* @__PURE__ */ t(
         da,
@@ -4334,7 +4334,7 @@ const di = () => {
     /* @__PURE__ */ t(Ye, { amount: e, bold: !0, sx: { fontSize: 12 } })
   ] });
 }, Ir = A(p_), C_ = ({ onAddIncomeClick: e }) => {
-  const n = me(), { availableWidth: i } = Fn(), { isMobile: a } = ve(), { visibleCashAccounts: r, visibleCashBalance: o } = Re(), { selectedAccountGuids: s } = ce(), { cashflow: c } = I(), { userProfile: d } = dn(), {
+  const n = pe(), { availableWidth: i } = Fn(), { isMobile: a } = ve(), { visibleCashAccounts: r, visibleCashBalance: o } = Re(), { selectedAccountGuids: s } = ce(), { cashflow: c } = I(), { userProfile: d } = dn(), {
     daysUntilNextIncome: _,
     expensesTilNextIncome: u,
     selectedCashAccounts: h,
@@ -4375,12 +4375,12 @@ const di = () => {
             h.length
           ) })
         ] }),
-        /* @__PURE__ */ t(b, { pt: 18, children: /* @__PURE__ */ t(P, { name: "remove" }) }),
+        /* @__PURE__ */ t(b, { pt: 18, children: /* @__PURE__ */ t($, { name: "remove" }) }),
         /* @__PURE__ */ l(b, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ t(Ye, { amount: w, variant: "H2" }),
           /* @__PURE__ */ t(Oe, { variant: "XSmall", whiteSpace: "nowrap", children: S(c.expenses_due, u.length) })
         ] }),
-        /* @__PURE__ */ t(b, { pt: 18, children: /* @__PURE__ */ t(P, { name: "equals" }) }),
+        /* @__PURE__ */ t(b, { pt: 18, children: /* @__PURE__ */ t($, { name: "equals" }) }),
         /* @__PURE__ */ l(b, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ t(Ye, { amount: x, variant: "H2" }),
           /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 8, children: [
@@ -4395,7 +4395,7 @@ const di = () => {
           ee,
           {
             onClick: e,
-            startIcon: /* @__PURE__ */ t(P, { name: "add" }),
+            startIcon: /* @__PURE__ */ t($, { name: "add" }),
             sx: { fontSize: 13, lineHeight: "initial" },
             children: c.add_income
           }
@@ -4449,7 +4449,7 @@ const di = () => {
             ee,
             {
               onClick: e,
-              startIcon: /* @__PURE__ */ t(P, { name: "add" }),
+              startIcon: /* @__PURE__ */ t($, { name: "add" }),
               sx: { fontSize: 13 },
               children: c.add_income
             }
@@ -5258,9 +5258,9 @@ const It = () => {
             disableTypography: !0,
             secondary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 4, children: [
-                e.is_flagged && /* @__PURE__ */ t(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-                e.is_hidden && /* @__PURE__ */ t(P, { name: "visibility_off", size: 16 }),
-                e.has_been_split && /* @__PURE__ */ t(P, { name: "call_split", size: 16 }),
+                e.is_flagged && /* @__PURE__ */ t($, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+                e.is_hidden && /* @__PURE__ */ t($, { name: "visibility_off", size: 16 }),
+                e.has_been_split && /* @__PURE__ */ t($, { name: "call_split", size: 16 }),
                 /* @__PURE__ */ t(p, { variant: "XSmall", children: e.has_been_split ? a.split_transaction_category_label : e.category })
               ] }),
               s && r && /* @__PURE__ */ t(p, { bold: !0, color: "action.active", variant: "XSmall", children: s.short_title })
@@ -5392,9 +5392,9 @@ const It = () => {
       onMouseLeave: () => a(!1),
       width: "100%",
       children: [
-        e.row.has_been_split && /* @__PURE__ */ t(P, { name: "call_split", size: 16 }),
+        e.row.has_been_split && /* @__PURE__ */ t($, { name: "call_split", size: 16 }),
         /* @__PURE__ */ t(p, { tabIndex: e.tabIndex, variant: "Small", children: e.row.has_been_split ? n.split_transaction_category_label : e.row.category }),
-        !e.row.has_been_split && i && /* @__PURE__ */ t(P, { name: "edit", sx: { color: "action.active" } })
+        !e.row.has_been_split && i && /* @__PURE__ */ t($, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
@@ -5406,8 +5406,8 @@ const It = () => {
       "aria-label": r ? i.is_hidden : i.is_flagged,
       tabIndex: e.tabIndex,
       children: [
-        a && /* @__PURE__ */ t(P, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-        !a && r && /* @__PURE__ */ t(P, { name: "visibility_off", size: 16 }),
+        a && /* @__PURE__ */ t($, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+        !a && r && /* @__PURE__ */ t($, { name: "visibility_off", size: 16 }),
         d && /* @__PURE__ */ t(
           "svg",
           {
@@ -5597,7 +5597,7 @@ const J_ = ({
   }, _ = () => {
     i(!1), o(qt.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
   };
-  return /* @__PURE__ */ l(j, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ l(X, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ t(de, { onClick: d, sx: { ml: 60 }, children: /* @__PURE__ */ t(
       re,
       {
@@ -5667,7 +5667,7 @@ const J_ = ({
     unselectableText: d
   } = pn(), { categories: _ } = I(), { onEvent: u } = z(), [h, m] = g.useState(!1), [C, f] = g.useState(!1), E = !!n.revision, y = n.guid === a, T = !c.some((w) => w === n.guid);
   return /* @__PURE__ */ l(
-    j,
+    X,
     {
       className: "mx-cat-subcategory-row",
       disableGutters: !0,
@@ -5771,7 +5771,7 @@ const J_ = ({
     r(d), o(d ? qt.ON_CATEGORY_EXPANDED : qt.ON_CATEGORY_COLLAPSED);
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         "aria-controls": `subcategories-${e.guid}`,
@@ -6096,7 +6096,7 @@ const hc = ({ transaction: e }) => {
     [u]
   );
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
@@ -6120,7 +6120,7 @@ const hc = ({ transaction: e }) => {
               secondary: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e.category ?? c.actions_select_a_category })
             }
           ),
-          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
         ]
       }
     ) }),
@@ -6168,14 +6168,14 @@ const hc = ({ transaction: e }) => {
     await a({ ...e, date: _ }), i(W.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), d(!1);
   };
   return /* @__PURE__ */ l(M, { className: "mx-txn-date-action", children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
           i(q.ON_TRANSACTION_DATE_CLICK), d(!0);
         },
         children: [
-          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: "calendar_month", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "calendar_month", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
           /* @__PURE__ */ t(
             re,
             {
@@ -6184,7 +6184,7 @@ const hc = ({ transaction: e }) => {
               secondary: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: ae(Me(e.date), te.YEAR_MONTH_DAY) })
             }
           ),
-          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
         ]
       }
     ) }),
@@ -6219,7 +6219,7 @@ const hc = ({ transaction: e }) => {
     await i(e.guid), n(q.ON_TRANSACTION_DELETE_DELETED);
   };
   return /* @__PURE__ */ l(M, { className: "mx-txn-delete", children: [
-    e && /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    e && /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
@@ -6261,16 +6261,16 @@ const hc = ({ transaction: e }) => {
     });
   };
   return /* @__PURE__ */ l(M, { className: "mx-txn-delete-logo", children: [
-    e && /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    e && /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
           n(q.ON_TRANSACTION_DELETE_LOGO_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: "delete", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "delete", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
           /* @__PURE__ */ t(re, { primary: o.merchant_logo_title, secondary: o.merchant_logo_desc }),
-          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
         ]
       }
     ) }),
@@ -6301,7 +6301,7 @@ const hc = ({ transaction: e }) => {
     );
   };
   return /* @__PURE__ */ l(M, { className: "mx-txn-hide-transaction", children: [
-    e && /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    e && /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         "aria-checked": d,
@@ -6318,13 +6318,13 @@ const hc = ({ transaction: e }) => {
         role: "switch",
         children: [
           /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: d ? /* @__PURE__ */ t(
-            P,
+            $,
             {
               name: "visibilityOff",
               sx: { color: "text.primary" },
               weight: bt.Dark
             }
-          ) : /* @__PURE__ */ t(P, { name: "visibility", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+          ) : /* @__PURE__ */ t($, { name: "visibility", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
           /* @__PURE__ */ t(
             re,
             {
@@ -6396,14 +6396,14 @@ const hc = ({ transaction: e }) => {
     await i({ ...e, memo: d }), n(W.TRANSACTION_DETAILS_CLICK_MEMO, { transaction_guid: e.guid }), c(!1);
   };
   return /* @__PURE__ */ l("div", { className: "mx-txn-memo-action", children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
           n(q.ON_TRANSACTION_MEMO_CLICK), c(!0);
         },
         children: [
-          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: "article", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "article", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
           /* @__PURE__ */ t(
             re,
             {
@@ -6420,7 +6420,7 @@ const hc = ({ transaction: e }) => {
               )
             }
           ),
-          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
         ]
       }
     ) }),
@@ -6627,23 +6627,23 @@ const hc = ({ transaction: e }) => {
     L.push({ ..._ }), L[0].amount -= 1, E(L);
   }, T = (L) => {
     if (L > 0) {
-      const U = f[L], $ = [...f];
-      $.splice(L, 1), $[0].amount += U.amount, E($);
+      const U = f[L], P = [...f];
+      P.splice(L, 1), P[0].amount += U.amount, E(P);
     }
   }, v = (L, U) => {
-    const $ = [...f];
-    $[L].amount = U, $[0].amount = e.amount - $.reduce(
-      (X, pe, V) => X + (V !== 0 ? pe.amount : 0),
+    const P = [...f];
+    P[L].amount = U, P[0].amount = e.amount - P.reduce(
+      (j, he, V) => j + (V !== 0 ? he.amount : 0),
       0
-    ), E($);
+    ), E(P);
   }, w = (L, U) => {
-    const $ = [...f], X = c.find((pe) => pe.guid === U);
-    X && ($[L] = {
-      ...$[L],
+    const P = [...f], j = c.find((he) => he.guid === U);
+    j && (P[L] = {
+      ...P[L],
       category_guid: U,
-      category: X.name,
-      top_level_category_guid: X.parent_guid || U
-    }, E($));
+      category: j.name,
+      top_level_category_guid: j.parent_guid || U
+    }, E(P));
   }, x = () => {
     if (e.parent_guid || e.has_been_split) {
       C(!0);
@@ -6663,12 +6663,12 @@ const hc = ({ transaction: e }) => {
     const L = e.parent_guid ?? e.guid;
     await a(L);
   }, O = g.useMemo(() => {
-    const L = f.some(($) => !$.category_guid), U = f.some(($) => $.amount <= 0);
+    const L = f.some((P) => !P.category_guid), U = f.some((P) => P.amount <= 0);
     return L || U;
   }, [f]);
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    e && /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: x, children: [
-      /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: "call_split", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+    e && /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: x, children: [
+      /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "call_split", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
       /* @__PURE__ */ t(
         re,
         {
@@ -6676,7 +6676,7 @@ const hc = ({ transaction: e }) => {
           secondary: e.has_been_split || e.parent_guid ? o.split_transaction_unsplit_subtitle : o.split_transaction_desc
         }
       ),
-      /* @__PURE__ */ t(Ct, { children: e.has_been_split || e.parent_guid ? /* @__PURE__ */ t(P, { name: "delete", weight: bt.Dark }) : /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+      /* @__PURE__ */ t(Ct, { children: e.has_been_split || e.parent_guid ? /* @__PURE__ */ t($, { name: "delete", weight: bt.Dark }) : /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
     ] }) }),
     /* @__PURE__ */ l(
       ne,
@@ -6727,7 +6727,7 @@ const hc = ({ transaction: e }) => {
     )
   ] });
 }, Oh = A(Rh), Lh = () => {
-  const e = me(), { onEvent: n } = z(), { addTag: i } = Se(), { transactions: a } = I(), [r, o] = g.useState(!1), [s, c] = g.useState(""), [d, _] = g.useState(""), u = g.useRef(null);
+  const e = pe(), { onEvent: n } = z(), { addTag: i } = Se(), { transactions: a } = I(), [r, o] = g.useState(!1), [s, c] = g.useState(""), [d, _] = g.useState(""), u = g.useRef(null);
   g.useEffect(() => {
     r && u?.current?.focus();
   }, [r]);
@@ -6828,7 +6828,7 @@ const hc = ({ transaction: e }) => {
     a(q.ON_TRANSACTION_TAGS_TAG_DELETE_CLICK), h(!0);
   };
   return /* @__PURE__ */ l(
-    j,
+    X,
     {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
@@ -6946,14 +6946,14 @@ const hc = ({ transaction: e }) => {
     [i, e]
   );
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(
       de,
       {
         onClick: () => {
           n(q.ON_TRANSACTION_TAGS_CLICK), _(!0);
         },
         children: [
-          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(P, { name: "local_offer", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
+          /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Jt, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t($, { name: "local_offer", sx: { color: "text.primary" }, weight: bt.Dark }) }) }),
           /* @__PURE__ */ t(
             re,
             {
@@ -6962,7 +6962,7 @@ const hc = ({ transaction: e }) => {
               secondary: /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: e.tags?.length > 0 ? f : s.tags_desc })
             }
           ),
-          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: "chevron_right", weight: bt.Dark }) })
+          /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: "chevron_right", weight: bt.Dark }) })
         ]
       }
     ) }),
@@ -7027,12 +7027,12 @@ const hc = ({ transaction: e }) => {
           s(!0), r(q.ON_TRANSACTION_DESCRIPTION_EDIT_CLICK);
         },
         sx: { color: "action.active" },
-        children: /* @__PURE__ */ t(P, { name: "create", size: 22 })
+        children: /* @__PURE__ */ t($, { name: "create", size: 22 })
       }
     )
   ] }) });
 }, Uh = A(Wh), Vh = ({ transaction: e }) => {
-  const { updateTransaction: n } = Se(), { transactions: i } = I(), { onEvent: a } = z(), r = me(), o = async () => {
+  const { updateTransaction: n } = Se(), { transactions: i } = I(), { onEvent: a } = z(), r = pe(), o = async () => {
     a(W.TRANSACTION_DETAILS_CLICK_FLAG, { transaction_guid: e.guid }), await n({ ...e, is_flagged: !e.is_flagged });
   };
   return /* @__PURE__ */ t("div", { className: "mx-txn-transaction-flag", children: /* @__PURE__ */ t(
@@ -7278,7 +7278,7 @@ const hc = ({ transaction: e }) => {
   showInsights: i = !1,
   sx: a = {}
 }) => {
-  const { visibleAccounts: r, refreshAccounts: o } = Re(), s = me(), { setSearchValue: c } = pn(), {
+  const { visibleAccounts: r, refreshAccounts: o } = Re(), s = pe(), { setSearchValue: c } = pn(), {
     manualTransaction: d,
     isAmountValid: _,
     searchValue: u,
@@ -7296,28 +7296,28 @@ const hc = ({ transaction: e }) => {
   } = Se(), { common: R, transactions: D } = I(), { userProfile: H } = dn(), { onEvent: O } = z(), {
     displayedDateRange: L,
     isCopyLoaded: U,
-    isInitialized: $,
-    selectedAccountGuids: X,
-    selectedAccounts: pe,
+    isInitialized: P,
+    selectedAccountGuids: j,
+    selectedAccounts: he,
     setDisplayedDate: V,
     setSelectedAccounts: Ce
-  } = ce(), [ge, _e] = g.useState(""), [Pe, he] = g.useState(""), [ze, je] = g.useState(!1), [Te, _t] = g.useState(!1), [un, se] = g.useState(!1);
+  } = ce(), [me, _e] = g.useState(""), [Pe, ge] = g.useState(""), [ze, je] = g.useState(!1), [Te, _t] = g.useState(!1), [un, se] = g.useState(!1);
   g.useEffect(() => {
     Ce(r);
   }, [r]), g.useEffect(() => {
     const st = $e(le()), jr = Xe(le());
     V(st, jr), T({
       dateRange: { start: st, end: jr },
-      accounts: pe.map(($a) => $a.guid),
+      accounts: he.map(($a) => $a.guid),
       custom: ($a) => !$a.accountIsClosed
     }), se(!0), O(W.TRANSACTIONS_VIEW);
   }, []), g.useEffect(() => {
     un && (T({
       ...E,
       dateRange: { start: L.start, end: L.end },
-      accounts: X
+      accounts: j
     }), y(L.start).finally());
-  }, [L, X]), g.useEffect(() => {
+  }, [L, j]), g.useEffect(() => {
     m(i);
   }, [i]);
   const He = g.useMemo(
@@ -7350,7 +7350,7 @@ const hc = ({ transaction: e }) => {
   }, fl = async () => {
     Fe && !Fe.has_been_viewed && await x({ ...Fe, has_been_viewed: !0 }), _e("");
   };
-  return !U || !$ || !un ? /* @__PURE__ */ t(ue, {}) : /* @__PURE__ */ l(
+  return !U || !P || !un ? /* @__PURE__ */ t(ue, {}) : /* @__PURE__ */ l(
     Ot,
     {
       accountOptions: r,
@@ -7394,13 +7394,13 @@ const hc = ({ transaction: e }) => {
               {
                 height: `calc(${n} - ${Lo}px)`,
                 onCategoryClick: (st) => {
-                  he(st), _e(
+                  ge(st), _e(
                     "category"
                     /* Category */
                   );
                 },
                 onRowClick: (st) => {
-                  he(st), _e(
+                  ge(st), _e(
                     "transaction"
                     /* Transaction */
                   ), O(W.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: st });
@@ -7421,7 +7421,7 @@ const hc = ({ transaction: e }) => {
               {
                 height: `calc(${n} - ${Lo}px)`,
                 onClick: (st) => {
-                  he(st), _e(
+                  ge(st), _e(
                     "transaction"
                     /* Transaction */
                   );
@@ -7436,17 +7436,17 @@ const hc = ({ transaction: e }) => {
           ne,
           {
             ariaLabelClose: R.close_aria,
-            isOpen: ge === "transaction",
+            isOpen: me === "transaction",
             onClose: fl,
             title: D.details_title,
             children: Fe && /* @__PURE__ */ t(qn, { transaction: Fe })
           }
         ),
-        Fe && ge === "category" && /* @__PURE__ */ t(
+        Fe && me === "category" && /* @__PURE__ */ t(
           Qh,
           {
             onClose: () => {
-              c(""), _e(""), he("");
+              c(""), _e(""), ge("");
             },
             transaction: Fe
           }
@@ -7455,7 +7455,7 @@ const hc = ({ transaction: e }) => {
           ne,
           {
             ariaLabelClose: R.close_aria,
-            isOpen: ge === "addTransaction",
+            isOpen: me === "addTransaction",
             isPrimaryDisabled: !_n,
             onClose: () => _e(""),
             onPrimaryAction: Ha,
@@ -7567,7 +7567,7 @@ const hc = ({ transaction: e }) => {
             e.activityType === Qe.Expense || f.id !== Q.EveryOtherMonth && f.id !== Q.EveryOtherQuarter
           )
         ).map((f) => /* @__PURE__ */ l(g.Fragment, { children: [
-          /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => h(f.id), children: [
+          /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => h(f.id), children: [
             /* @__PURE__ */ t(
               re,
               {
@@ -7575,7 +7575,7 @@ const hc = ({ transaction: e }) => {
                 primaryTypographyProps: { fontWeight: 400 }
               }
             ),
-            e.recurrenceType === f.id && /* @__PURE__ */ t(P, { color: "primary", fill: !0, name: "check_circle", size: 24 })
+            e.recurrenceType === f.id && /* @__PURE__ */ t($, { color: "primary", fill: !0, name: "check_circle", size: 24 })
           ] }) }, f.id),
           /* @__PURE__ */ t(G, {})
         ] }, f.id)) })
@@ -7722,7 +7722,7 @@ const hc = ({ transaction: e }) => {
       {
         color: "error",
         onClick: x,
-        startIcon: /* @__PURE__ */ t(P, { name: "delete" }),
+        startIcon: /* @__PURE__ */ t($, { name: "delete" }),
         sx: { mx: 24, my: 16 },
         variant: "text",
         children: T ? i.delete_income_title : i.delete_expense_title
@@ -7825,7 +7825,7 @@ const hc = ({ transaction: e }) => {
     copy: r,
     date: e.expectedDate,
     type: e.recurrenceType
-  } : { copy: r, date: null, type: e.recurrenceType })), /* @__PURE__ */ l(j, { disableGutters: !0, disablePadding: !0, children: [
+  } : { copy: r, date: null, type: e.recurrenceType })), /* @__PURE__ */ l(X, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(de, { onClick: () => {
       s(e.sequenceGuid || e.scheduledPaymentGuid || ""), i(e);
     }, children: [
@@ -7888,8 +7888,8 @@ const hc = ({ transaction: e }) => {
                       textTransform: "uppercase",
                       width: "100%",
                       children: [
-                        d && /* @__PURE__ */ t(P, { color: "success", fill: !0, name: "check_circle", size: 12 }),
-                        _ && /* @__PURE__ */ t(P, { color: "error", fill: !0, name: "cancel", size: 12 }),
+                        d && /* @__PURE__ */ t($, { color: "success", fill: !0, name: "check_circle", size: 12 }),
+                        _ && /* @__PURE__ */ t($, { color: "error", fill: !0, name: "cancel", size: 12 }),
                         /* @__PURE__ */ t(p, { bold: !0, color: "secondary.light", variant: "XSmall", children: h })
                       ]
                     }
@@ -8063,7 +8063,7 @@ const hc = ({ transaction: e }) => {
       {
         InputLabelProps: { shrink: !0 },
         SelectProps: {
-          IconComponent: (u) => /* @__PURE__ */ t(P, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...u })
+          IconComponent: (u) => /* @__PURE__ */ t($, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...u })
         },
         defaultValue: 0,
         label: c.frequency,
@@ -8116,12 +8116,12 @@ const hc = ({ transaction: e }) => {
     C(""), h(!1);
   };
   return /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(de, { onClick: w, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(de, { onClick: w, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ t(P, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+        /* @__PURE__ */ t($, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ t(p, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: n })
       ] }),
-      /* @__PURE__ */ t(P, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ t($, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
     /* @__PURE__ */ t(G, {}),
     /* @__PURE__ */ t(
@@ -8622,7 +8622,7 @@ const hc = ({ transaction: e }) => {
       ),
       /* @__PURE__ */ t(G, { sx: { mx: 24 } })
     ] }, `activity-${_}`)) : c.map((d, _) => /* @__PURE__ */ l(g.Fragment, { children: [
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
         ie,
         {
           subheader: /* @__PURE__ */ t(Rt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "XSmall", children: ae(
@@ -8655,7 +8655,7 @@ const hc = ({ transaction: e }) => {
   total: r,
   onNewClick: o
 }) => {
-  const { recurring: s } = I(), c = me(), d = g.useMemo(() => {
+  const { recurring: s } = I(), c = pe(), d = g.useMemo(() => {
     const _ = [{ color: c.palette.success.main, percentage: `${i / n}` }];
     return a && _.push({ color: c.palette.error.main, percentage: `${a / n}` }), _;
   }, [i, n, a]);
@@ -8676,7 +8676,7 @@ const hc = ({ transaction: e }) => {
           /* @__PURE__ */ t(p, { variant: "XSmall", children: s.expected })
         ] })
       ] }),
-      o && /* @__PURE__ */ t(ee, { onClick: o, startIcon: /* @__PURE__ */ t(P, { name: "add" }), variant: "text", children: s.add_new })
+      o && /* @__PURE__ */ t(ee, { onClick: o, startIcon: /* @__PURE__ */ t($, { name: "add" }), variant: "text", children: s.add_new })
     ] }),
     /* @__PURE__ */ t(oi, { data: d })
   ] });
@@ -8689,8 +8689,8 @@ const hc = ({ transaction: e }) => {
     selectedDayActivities: c,
     setSelectedDay: d,
     upcomingActivities: _
-  } = nt(), [u, h] = g.useState(0), { onEvent: m } = z(), C = a.filter(Va), f = o.filter(Va), E = r.filter(Va), y = C.filter(Fi).reduce(hi, 0), T = f.filter(Fi).reduce(hi, 0), v = E.filter(Fi).reduce(hi, 0), w = C.filter(Fi).length, x = C.filter(Ua).reduce(hi, 0), R = f.filter(Ua).reduce(hi, 0), D = C.filter(Ua).length, H = (U, $) => {
-    h($);
+  } = nt(), [u, h] = g.useState(0), { onEvent: m } = z(), C = a.filter(Va), f = o.filter(Va), E = r.filter(Va), y = C.filter(Fi).reduce(hi, 0), T = f.filter(Fi).reduce(hi, 0), v = E.filter(Fi).reduce(hi, 0), w = C.filter(Fi).length, x = C.filter(Ua).reduce(hi, 0), R = f.filter(Ua).reduce(hi, 0), D = C.filter(Ua).length, H = (U, P) => {
+    h(P);
   }, O = (U) => {
     m(W.RECURRING_ACTIVITY_CLICK_UPCOMING, {
       transaction_guid: U.transactionGuid
@@ -9097,7 +9097,7 @@ const Gg = {
     const a = Object.keys(oe).filter((r) => Number(r)).map((r) => ({
       label: n.account_types[r],
       value: Number(r),
-      icon: /* @__PURE__ */ t(P, { name: Ws[r] })
+      icon: /* @__PURE__ */ t($, { name: Ws[r] })
     }));
     i.push({
       label: n.account_type,
@@ -9112,7 +9112,7 @@ const Gg = {
     const a = Object.keys(Ps).filter((r) => Number(r)).map((r) => ({
       label: n.property_types[r],
       value: Number(r),
-      icon: /* @__PURE__ */ t(P, { name: ru[r] })
+      icon: /* @__PURE__ */ t($, { name: ru[r] })
     }));
     i.push({
       label: n.property_type,
@@ -9203,7 +9203,7 @@ const Gg = {
   listItemProps: i,
   shouldShowConnectionStatus: a = !1
 }) => {
-  const r = me(), { accounts: o } = I(), { firstSubtitle: s, firstValue: c, secondSubtitle: d, secondValue: _ } = wc(
+  const r = pe(), { accounts: o } = I(), { firstSubtitle: s, firstValue: c, secondSubtitle: d, secondValue: _ } = wc(
     e,
     o
   );
@@ -9255,7 +9255,7 @@ const Gg = {
     )
   ] });
   return /* @__PURE__ */ t(
-    j,
+    X,
     {
       sx: { backgroundColor: "background.paper", color: e.is_closed ? "grey.700" : "" },
       ...i,
@@ -9263,7 +9263,7 @@ const Gg = {
     }
   );
 }, xi = A(Ug), Vg = ({ remaining: e }) => /* @__PURE__ */ t(
-  j,
+  X,
   {
     sx: {
       alignItems: "center",
@@ -9280,7 +9280,7 @@ const Gg = {
 );
 var vi = /* @__PURE__ */ ((e) => (e.EXPENSE = "expense", e.INCOME = "income", e))(vi || {});
 const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
-  /* @__PURE__ */ l(j, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
+  /* @__PURE__ */ l(X, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
     /* @__PURE__ */ l(b, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ t(p, { bold: !0, sx: { fontSize: 11 }, children: ae(e.expectedDate, te.MONTH) }),
       /* @__PURE__ */ t(p, { bold: !0, sx: { fontSize: 11 }, children: ae(e.expectedDate, te.DAY) })
@@ -9366,7 +9366,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
               }
             ),
             /* @__PURE__ */ t(G, {}),
-            c.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+            c.length > 0 && /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
               ie,
               {
                 subheader: /* @__PURE__ */ t(Po, { total: _, type: vi.INCOME }),
@@ -9374,7 +9374,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                 children: c.map((h) => /* @__PURE__ */ t(Bo, { activity: h }, h.sequenceGuid))
               }
             ) }),
-            d.length > 0 && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+            d.length > 0 && /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
               ie,
               {
                 subheader: /* @__PURE__ */ t(Po, { total: u, type: vi.EXPENSE }),
@@ -9395,7 +9395,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
     }) })
   ] });
 }, jg = A(Yg), Xg = () => {
-  const { availableWidth: e } = Fn(), n = me(), { cashflow: i } = I(), { upcomingExpenses: a, upcomingIncome: r } = nt(), { dateRange: o, selectedCashAccounts: s } = di(), c = [
+  const { availableWidth: e } = Fn(), n = pe(), { cashflow: i } = I(), { upcomingExpenses: a, upcomingIncome: r } = nt(), { dateRange: o, selectedCashAccounts: s } = di(), c = [
     {
       field: "account",
       flex: 1.5,
@@ -9545,7 +9545,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ t(j, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ l(b, { width: "100%", children: [
+              children: /* @__PURE__ */ t(X, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ l(b, { width: "100%", children: [
                 /* @__PURE__ */ l(
                   b,
                   {
@@ -9722,7 +9722,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
         ee,
         {
           onClick: () => n(!0),
-          startIcon: /* @__PURE__ */ t(P, { name: "add" }),
+          startIcon: /* @__PURE__ */ t($, { name: "add" }),
           sx: { fontSize: 13 },
           children: a.add_income
         }
@@ -9769,7 +9769,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
         ee,
         {
           onClick: () => n(!0),
-          startIcon: /* @__PURE__ */ t(P, { name: "add" }),
+          startIcon: /* @__PURE__ */ t($, { name: "add" }),
           sx: { fontSize: 13 },
           children: a.add_income
         }
@@ -9805,7 +9805,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
     )
   ] });
 }, em = A(Jg), tm = ({ handleNextStep: e }) => {
-  const { completeOnboarding: n } = Tr(), { cashflow: i } = I(), a = me();
+  const { completeOnboarding: n } = Tr(), { cashflow: i } = I(), a = pe();
   return /* @__PURE__ */ l(b, { children: [
     /* @__PURE__ */ t(cn, { pb: 12, children: i.welcome_title }),
     /* @__PURE__ */ t(
@@ -9831,7 +9831,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(P, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ t($, { color: "primary", name: "currency_exchange" })
           }
         ),
         i.bullet_one
@@ -9847,7 +9847,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(P, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ t($, { color: "primary", name: "cardiology" })
           }
         ),
         i.bullet_two
@@ -9863,7 +9863,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(P, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ t($, { color: "primary", name: "flare" })
           }
         ),
         i.bullet_three
@@ -9892,10 +9892,10 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
     transform: rotate(360deg);
   }
 `, om = () => {
-  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = nt(), { cashflow: a, common: r } = I(), { completeOnboarding: o } = Tr(), { isDirty: s } = di(), { isMobile: c } = ve(), { isCopyLoaded: d, setDisplayedDate: _ } = ce(), { filter: u, setFilter: h, transactions: m } = Se(), C = me(), [f, E] = Et(!0), [y, T] = g.useState(Q.EveryMonth), [v, w] = Et(!1), [x, R] = g.useState(null), [D, H] = Et(1), [O, L] = Et([]), [U, $] = Et(""), X = g.useMemo(
+  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = nt(), { cashflow: a, common: r } = I(), { completeOnboarding: o } = Tr(), { isDirty: s } = di(), { isMobile: c } = ve(), { isCopyLoaded: d, setDisplayedDate: _ } = ce(), { filter: u, setFilter: h, transactions: m } = Se(), C = pe(), [f, E] = Et(!0), [y, T] = g.useState(Q.EveryMonth), [v, w] = Et(!1), [x, R] = g.useState(null), [D, H] = Et(1), [O, L] = Et([]), [U, P] = Et(""), j = g.useMemo(
     () => m.find((_e) => _e.guid === U),
     [U]
-  ), pe = !!i.length, V = async () => {
+  ), he = !!i.length, V = async () => {
     H(2), _(
       //  Beginning of the month, 90 days before today
       $e(ut(le(), 90)),
@@ -9905,11 +9905,11 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
     if (!(O.length < 1)) {
       w(!0);
       for (let _e = 0; _e < O.length; _e++) {
-        const Pe = O[_e], he = yc(
+        const Pe = O[_e], ge = yc(
           Pe,
           Pe.frequency,
           Pe.nextDate
-        ), ze = await n(he);
+        ), ze = await n(ge);
         if (ze) {
           const je = Ec(ze, Pe);
           await e(je);
@@ -9917,7 +9917,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
       }
       await o();
     }
-  }, ge = !X && f || !X && O.length < 1;
+  }, me = !j && f || !j && O.length < 1;
   return d ? /* @__PURE__ */ l(
     M,
     {
@@ -9959,7 +9959,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
             children: [
               /* @__PURE__ */ t(cn, { pb: 12, children: a.add_income_title }),
               /* @__PURE__ */ t(Oe, { mb: 24, children: a.add_income_description }),
-              O.length > 0 && !X && /* @__PURE__ */ l(Z, { children: [
+              O.length > 0 && !j && /* @__PURE__ */ l(Z, { children: [
                 /* @__PURE__ */ t(ie, { children: O.map((_e, Pe) => /* @__PURE__ */ l(g.Fragment, { children: [
                   /* @__PURE__ */ t(Ia, { bgcolor: "background.paper", children: Mi(
                     Le(_e.nextDate || _e.date)
@@ -9973,13 +9973,13 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                     ee,
                     {
                       onClick: () => E(!0),
-                      startIcon: /* @__PURE__ */ t(P, { name: "add", size: 20 }),
+                      startIcon: /* @__PURE__ */ t($, { name: "add", size: 20 }),
                       children: a.add_additional_income_button
                     }
                   )
                 ] })
               ] }),
-              ge && /* @__PURE__ */ t(
+              me && /* @__PURE__ */ t(
                 Sc,
                 {
                   bgcolor: "background.paper",
@@ -9988,12 +9988,12 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                     custom: (Pe) => _e ? Or(Pe, _e) : zn(Pe)
                   }),
                   onSelected: (_e) => {
-                    $(_e), E(!1);
+                    P(_e), E(!1);
                   }
                 }
               ),
-              !pe && s && /* @__PURE__ */ t(Oe, { color: "error", mt: 16, children: a.confirm_error }),
-              X && /* @__PURE__ */ l(Z, { children: [
+              !he && s && /* @__PURE__ */ t(Oe, { color: "error", mt: 16, children: a.confirm_error }),
+              j && /* @__PURE__ */ l(Z, { children: [
                 /* @__PURE__ */ t(
                   Tc,
                   {
@@ -10003,17 +10003,17 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                     nextDate: x,
                     onFrequencyChange: T,
                     onNextDateChange: R,
-                    transaction: X
+                    transaction: j
                   }
                 ),
                 /* @__PURE__ */ l(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ t(
                     ee,
                     {
-                      "aria-disabled": !X || !x,
+                      "aria-disabled": !j || !x,
                       onClick: () => {
                         const _e = [...O];
-                        _e.push({ ...X, nextDate: x, frequency: y }), L(_e), $("");
+                        _e.push({ ...j, nextDate: x, frequency: y }), L(_e), P("");
                       },
                       variant: "contained",
                       children: r.confirm_button
@@ -10023,7 +10023,7 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                     ee,
                     {
                       onClick: () => {
-                        $(""), E(!0), V();
+                        P(""), E(!0), V();
                       },
                       variant: "outlined",
                       children: r.cancel_button
@@ -10031,14 +10031,14 @@ const Kg = ({ activity: e }) => /* @__PURE__ */ l(Z, { children: [
                   )
                 ] })
               ] }),
-              O.length > 0 && !X && /* @__PURE__ */ l(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              O.length > 0 && !j && /* @__PURE__ */ l(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ t(
                   ee,
                   {
                     "aria-disabled": O.length < 1 || v,
                     onClick: Ce,
                     startIcon: v ? /* @__PURE__ */ t(
-                      P,
+                      $,
                       {
                         name: "progress_activity",
                         sx: {
@@ -11530,7 +11530,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
       field: "chevron",
       headerName: "",
       renderHeader: void 0,
-      renderCell: () => /* @__PURE__ */ t(P, { name: "chevron_right'" }),
+      renderCell: () => /* @__PURE__ */ t($, { name: "chevron_right'" }),
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
@@ -11601,7 +11601,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
       onClick: i,
-      startIcon: /* @__PURE__ */ t(P, { name: o }),
+      startIcon: /* @__PURE__ */ t($, { name: o }),
       sx: { justifyContent: "start", minWidth: 214, mx: 4 },
       children: e
     }
@@ -11613,7 +11613,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
       onClick: i,
-      children: /* @__PURE__ */ t(P, { name: o })
+      children: /* @__PURE__ */ t($, { name: o })
     }
   );
 }, ip = A(({ buttonEl: e, onClose: n }) => {
@@ -11649,7 +11649,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
         horizontal: "left"
       },
       children: /* @__PURE__ */ t(ie, { children: c.map(({ priority: _, text: u }) => /* @__PURE__ */ l(
-        j,
+        X,
         {
           onClick: () => d(_),
           sx: {
@@ -11752,10 +11752,10 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
   }, [x]), g.useEffect(() => {
     E && D().finally();
   }, [E]);
-  const U = (Ce) => _(Ce), $ = () => {
-    const Ce = x.find((_e) => _e.guid === d), ge = L.find((_e) => _e.guid === d);
-    Ce && T(Ce), ge && w(ge), a(!0);
-  }, X = () => C(W.DEBTS_CLICK_FILTER), pe = () => {
+  const U = (Ce) => _(Ce), P = () => {
+    const Ce = x.find((_e) => _e.guid === d), me = L.find((_e) => _e.guid === d);
+    Ce && T(Ce), me && w(me), a(!0);
+  }, j = () => C(W.DEBTS_CLICK_FILTER), he = () => {
     c(!0), C(W.DEBTS_CLICK_SNOWBALL_CTA);
   }, V = () => {
     o(!0), C(W.DEBTS_CLICK_PAYDOWN);
@@ -11768,7 +11768,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
         /* @__PURE__ */ t(ap, {}, "prioritize-debts"),
         /* @__PURE__ */ t(op, { onClick: V }, "extra-paydown")
       ],
-      onAccountsFilterClick: X,
+      onAccountsFilterClick: j,
       onBackClick: e,
       sx: n,
       title: m.title,
@@ -11789,7 +11789,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
                     debts: L,
                     height: h ? 250 : void 0,
                     hoveredDebtGuid: d,
-                    onClickArea: $,
+                    onClickArea: P,
                     onHoverArea: U,
                     sx: { mr: h ? "4px" : "-48px" }
                   }
@@ -11798,7 +11798,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
                   hm,
                   {
                     debts: L,
-                    onClickCta: pe,
+                    onClickCta: he,
                     sx: { mb: h ? "0px" : "64px" }
                   }
                 )
@@ -11810,7 +11810,7 @@ const Ut = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
             {
               debts: L,
               hoveredDebtGuid: d,
-              onClickRow: $,
+              onClickRow: P,
               onHoverRow: U
             }
           ) })
@@ -12114,7 +12114,7 @@ const gp = (e, n) => {
     await a(c), r(n.alert_goals_reordered), s(!1);
   };
   return /* @__PURE__ */ l(b, { children: [
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(de, { onClick: () => s(!0), children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(de, { onClick: () => s(!0), children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(
       b,
       {
         alignItems: "center",
@@ -12165,7 +12165,7 @@ const gp = (e, n) => {
   ] });
 }, fp = ({ goal: e, index: n }) => {
   const { goals: i } = I();
-  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { children: [
+  return /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { children: [
     e.track_type !== K.RETIREMENT_TRACK && /* @__PURE__ */ t(
       Ge,
       {
@@ -12194,7 +12194,7 @@ const gp = (e, n) => {
   ] }) });
 }, bp = ({ goal: e }) => {
   const { goals: n } = I();
-  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { children: [
+  return /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { children: [
     /* @__PURE__ */ t(Ge, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(la, { color: "success", filled: !0, size: 20 }) }),
     /* @__PURE__ */ t(re, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ l(b, { children: [
@@ -12325,7 +12325,7 @@ const gp = (e, n) => {
       ) }),
       d.map((u) => /* @__PURE__ */ t(Gt, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ t(ks, { onClick: () => o(u), children: /* @__PURE__ */ t(Bt, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 6, children: [
-          /* @__PURE__ */ t(P, { color: "success", fill: !0, name: "check_circle", size: 20 }),
+          /* @__PURE__ */ t($, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ t(p, { color: "text.secondary", variant: "Body", children: u.name })
         ] }),
         /* @__PURE__ */ t(p, { bold: !0, variant: "Body", children: B(u.amount, "0,0.00") })
@@ -12335,7 +12335,7 @@ const gp = (e, n) => {
 }), Ep = ({ goalType: e, onClick: n }) => {
   const { goals: i } = I(), { bgcolor: a, icon: r, label: o, description: s, subTypes: c, type: d } = e, [_, u] = g.useState(!1), h = c.length > 0;
   return /* @__PURE__ */ t(b, { children: /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(
       de,
       {
         onClick: h ? () => u(!_) : () => n(
@@ -12352,7 +12352,7 @@ const gp = (e, n) => {
       }
     ) }),
     /* @__PURE__ */ t(G, { variant: "inset" }),
-    h && /* @__PURE__ */ t(pa, { in: _, children: /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.default" }, children: c.map((m, C) => /* @__PURE__ */ t(j, { sx: { pl: 48 }, children: /* @__PURE__ */ l(de, { onClick: () => n(m.label, m.metaType, d), children: [
+    h && /* @__PURE__ */ t(pa, { in: _, children: /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.default" }, children: c.map((m, C) => /* @__PURE__ */ t(X, { sx: { pl: 48 }, children: /* @__PURE__ */ l(de, { onClick: () => n(m.label, m.metaType, d), children: [
       /* @__PURE__ */ t(Ct, { sx: { mr: 8 }, children: /* @__PURE__ */ t(yt, { name: m.icon }) }),
       /* @__PURE__ */ t(
         re,
@@ -12388,7 +12388,7 @@ const gp = (e, n) => {
         /* @__PURE__ */ l(ie, { sx: { bgcolor: "background.white" }, children: [
           /* @__PURE__ */ t(G, { variant: "fullWidth" }),
           e.map((u, h) => /* @__PURE__ */ l(g.Fragment, { children: [
-            /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => _(u), children: [
+            /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => _(u), children: [
               /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(
                 pt,
                 {
@@ -12463,7 +12463,7 @@ const gp = (e, n) => {
   ] });
 }, Hc = ({ account: e }) => {
   const { accounts: n } = I(), { setSelectedAccount: i } = $t(), [a, r] = g.useState(!1);
-  return /* @__PURE__ */ l(j, { sx: { bgcolor: "background.paper" }, children: [
+  return /* @__PURE__ */ l(X, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ l(de, { onClick: () => {
       i(e), r(!0);
     }, children: [
@@ -12528,7 +12528,7 @@ const gp = (e, n) => {
     d ? s(C) : (await c(C), o(r.alert_account_changed)), u(!1);
   };
   return /* @__PURE__ */ l(b, { children: [
-    d ? /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: () => u(!0), children: [
+    d ? /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: () => u(!0), children: [
       /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
         /* @__PURE__ */ t(Ns, { filled: !0 }),
         r.details_add_account
@@ -12548,7 +12548,7 @@ const gp = (e, n) => {
     ] }),
     /* @__PURE__ */ t(ne, { isOpen: _, onClose: () => u(!1), title: r.details_change_account, children: /* @__PURE__ */ l(b, { children: [
       /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[1] }),
-      /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => h(m.guid), children: [
+      /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.paper" }, children: n.map((m) => /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => h(m.guid), children: [
         /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(
           pt,
           {
@@ -12566,7 +12566,7 @@ const gp = (e, n) => {
         /* @__PURE__ */ t(At, {})
       ] }) }, m.guid)) }),
       /* @__PURE__ */ t(p, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: a.account_types[2] }),
-      /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => h(m.guid), children: [
+      /* @__PURE__ */ t(ie, { sx: { bgcolor: "background.paper" }, children: i.map((m) => /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => h(m.guid), children: [
         /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(
           pt,
           {
@@ -12712,7 +12712,7 @@ const gp = (e, n) => {
       /* @__PURE__ */ t(Hc, { account: f }),
       /* @__PURE__ */ t(G, {})
     ] }, f.guid)),
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: () => _(!0), children: [
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: () => _(!0), children: [
       /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
         /* @__PURE__ */ t(Ns, { filled: !0 }),
         n.details_add_account
@@ -12849,11 +12849,11 @@ const gp = (e, n) => {
   }, []), g.useEffect(() => {
     s && C().finally();
   }, [s, R, D, H]);
-  const $ = () => {
+  const P = () => {
     i(W.GOALS_CLICK_FILTER);
-  }, X = () => {
+  }, j = () => {
     x(!0), i(W.GOALS_CLICK_ADD);
-  }, pe = (Ce) => {
+  }, he = (Ce) => {
     x(!1), Ce === K.SAVINGS_TRACK ? v(0) : Ce === K.DEBT_TRACK ? v(1) : Ce === K.RETIREMENT_TRACK && v(2);
   }, V = g.useMemo(
     () => m && (h.length === 0 || h.every(({ track_type: Ce }) => !Ce) && y.length === 0),
@@ -12867,10 +12867,10 @@ const gp = (e, n) => {
         {
           iconName: "add",
           label: d.add_title,
-          onClick: X
+          onClick: j
         }
       ],
-      onAccountsFilterClick: $,
+      onAccountsFilterClick: P,
       onBackClick: e,
       sx: n,
       title: d.title,
@@ -12879,7 +12879,7 @@ const gp = (e, n) => {
           /* @__PURE__ */ l(
             Lt,
             {
-              onChange: (Ce, ge) => v(ge),
+              onChange: (Ce, me) => v(me),
               sx: { bgcolor: "background.paper" },
               value: V ? !1 : T,
               variant: "fullWidth",
@@ -12916,7 +12916,7 @@ const gp = (e, n) => {
             {
               header: d.create_goals_header,
               icon: "trophy",
-              onClick: X,
+              onClick: j,
               primaryButton: d.add_goals_button,
               subText: d.empty_state_subheader,
               sx: {
@@ -12927,12 +12927,12 @@ const gp = (e, n) => {
               }
             }
           ) : /* @__PURE__ */ l(Z, { children: [
-            T === 0 && /* @__PURE__ */ t(za, { onAddGoals: X, trackType: K.SAVINGS_TRACK }),
-            T === 1 && /* @__PURE__ */ t(za, { onAddGoals: X, trackType: K.DEBT_TRACK }),
-            T === 2 && /* @__PURE__ */ t(za, { onAddGoals: X, trackType: K.RETIREMENT_TRACK })
+            T === 0 && /* @__PURE__ */ t(za, { onAddGoals: j, trackType: K.SAVINGS_TRACK }),
+            T === 1 && /* @__PURE__ */ t(za, { onAddGoals: j, trackType: K.DEBT_TRACK }),
+            T === 2 && /* @__PURE__ */ t(za, { onAddGoals: j, trackType: K.RETIREMENT_TRACK })
           ] })
         ] }),
-        /* @__PURE__ */ t(Dp, { onClose: pe }),
+        /* @__PURE__ */ t(Dp, { onClose: he }),
         /* @__PURE__ */ t(
           ne,
           {
@@ -12940,7 +12940,7 @@ const gp = (e, n) => {
             isOpen: w,
             onClose: () => x(!1),
             title: d.add_goal_title,
-            children: /* @__PURE__ */ t(Sp, { onClose: pe })
+            children: /* @__PURE__ */ t(Sp, { onClose: he })
           }
         ),
         /* @__PURE__ */ t(
@@ -13607,7 +13607,7 @@ const Vp = /^[ a-zA-ZÀ-ÿ0-9]+$/, Kp = 50, Zo = 65, zp = ({
               sx: { transform: `translateY(${C.start}px)` },
               width: "100%",
               children: [
-                /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => _(f.guid), children: [
+                /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => _(f.guid), children: [
                   /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(ln, { categoryGuid: "", merchantGuid: f.guid }) }),
                   /* @__PURE__ */ t(re, { primary: f.name })
                 ] }) }),
@@ -13842,7 +13842,7 @@ const n1 = ({
     d(n(e));
   }, [i, a]), /* @__PURE__ */ l(g.Fragment, { children: [
     /* @__PURE__ */ t(
-      j,
+      X,
       {
         sx: {
           ...c,
@@ -13926,7 +13926,7 @@ const n1 = ({
   let o = r.palette.secondary.main, s = r.palette.secondary.main, c = "trending_flat";
   return a.change < 0 ? c = "trending_down" : a.change > 0 && (o = r.palette.success.main, s = r.palette.success.main, c = "trending_up"), /* @__PURE__ */ l(ye, { alignItems: "center", direction: "row", spacing: 4, children: [
     /* @__PURE__ */ t(
-      P,
+      $,
       {
         name: c,
         size: i,
@@ -13988,19 +13988,19 @@ const n1 = ({
 }, Ra = A(u1), _1 = ({ accounts: e, name: n, icon: i }) => {
   const [a, r] = g.useState(!1);
   return /* @__PURE__ */ l(Z, { children: [
-    /* @__PURE__ */ t(j, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ l(de, { onClick: () => r(!a), children: [
-      i && /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(P, { name: i, size: 24, sx: { mr: 12 } }) }),
+    /* @__PURE__ */ t(X, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ l(de, { onClick: () => r(!a), children: [
+      i && /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t($, { name: i, size: 24, sx: { mr: 12 } }) }),
       /* @__PURE__ */ t(
         re,
         {
           primary: /* @__PURE__ */ t(p, { sx: { fontWeight: 700 }, variant: "Body", children: n })
         }
       ),
-      /* @__PURE__ */ t(Ct, { children: a ? /* @__PURE__ */ t(P, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t(P, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ t(Ct, { children: a ? /* @__PURE__ */ t($, { name: "expand_less", size: 24 }) : /* @__PURE__ */ t($, { name: "expand_more", size: 24 }) })
     ] }) }),
     /* @__PURE__ */ t(G, {}),
     /* @__PURE__ */ t(pa, { in: a, timeout: "auto", unmountOnExit: !0, children: e.map((o, s) => /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ t(j, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(X, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ t(
         re,
         {
           primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
@@ -14020,7 +14020,7 @@ const n1 = ({
   totalAssets: a,
   totalLiabilities: r
 }) => {
-  const { net_worth: o } = I(), s = me();
+  const { net_worth: o } = I(), s = pe();
   return /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ l(
       M,
@@ -14078,7 +14078,7 @@ const n1 = ({
   totalGains: a,
   totalLosses: r
 }) => {
-  const { net_worth: o } = I(), s = me();
+  const { net_worth: o } = I(), s = pe();
   return /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ l(b, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
       /* @__PURE__ */ t(p, { variant: "Small", children: Xs(e?.x) }),
@@ -14096,7 +14096,7 @@ const n1 = ({
         }
       ) }),
       n?.map((c) => /* @__PURE__ */ l(g.Fragment, { children: [
-        /* @__PURE__ */ t(j, { sx: { backgroundColor: s.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(X, { sx: { backgroundColor: s.palette.background.paper, py: 14 }, children: /* @__PURE__ */ t(
           re,
           {
             primary: /* @__PURE__ */ l(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
@@ -14126,7 +14126,7 @@ const n1 = ({
       ) }),
       i?.map((c) => /* @__PURE__ */ l(Z, { children: [
         /* @__PURE__ */ t(
-          j,
+          X,
           {
             sx: { backgroundColor: s.palette.background.paper, py: 14 },
             children: /* @__PURE__ */ t(
@@ -14157,7 +14157,7 @@ const n1 = ({
     selectedData: f,
     setHoveredData: E,
     setSelectedData: y
-  } = Ku(), { isMobile: T } = ve(), { onEvent: v } = z(), [w, x] = g.useState(!1), [R, D] = g.useState(6), [H, O] = g.useState(!1), [L, U] = g.useState(!1), [$, X] = g.useState(!1), pe = async () => {
+  } = Ku(), { isMobile: T } = ve(), { onEvent: v } = z(), [w, x] = g.useState(!1), [R, D] = g.useState(6), [H, O] = g.useState(!1), [L, U] = g.useState(!1), [P, j] = g.useState(!1), he = async () => {
     await m(a), await h(R), x(!0);
   };
   g.useEffect(() => {
@@ -14165,7 +14165,7 @@ const n1 = ({
   }, []), g.useEffect(() => {
     r(c);
   }, [c]), g.useEffect(() => {
-    i && pe().finally();
+    i && he().finally();
   }, [i, a]), g.useEffect(() => {
     v(W.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: R + "M" }), h(R).finally();
   }, [R]);
@@ -14173,23 +14173,23 @@ const n1 = ({
     y(Te), je.currentTarget instanceof HTMLDivElement && O(!0);
   }, Ce = (je) => {
     E(je);
-  }, ge = () => {
+  }, me = () => {
     E(null);
   }, _e = () => {
     v(W.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), U(!0);
   }, Pe = async (je) => {
     const Te = je[0], _t = je[1];
     Te && _t && D(Id(_t, Te));
-  }, he = {
+  }, ge = {
     chartData: C,
     hoveredData: u,
     onButtonClick: _e,
     onDataClick: V,
     onMouseEnter: Ce,
-    onMouseLeave: ge,
+    onMouseLeave: me,
     selectedData: f
   }, ze = () => {
-    X(!0), v(W.ACCOUNTS_CLICK_CONNECT);
+    j(!0), v(W.ACCOUNTS_CLICK_CONNECT);
   };
   return n ? /* @__PURE__ */ t(
     Ot,
@@ -14226,8 +14226,8 @@ const n1 = ({
               direction: T ? "column" : "row",
               spacing: T ? 0 : 48,
               children: [
-                /* @__PURE__ */ t(i1, { ...he }),
-                /* @__PURE__ */ t(s1, { ...he })
+                /* @__PURE__ */ t(i1, { ...ge }),
+                /* @__PURE__ */ t(s1, { ...ge })
               ]
             }
           )
@@ -14250,8 +14250,8 @@ const n1 = ({
         /* @__PURE__ */ t(
           Ra,
           {
-            onClose: () => X(!1),
-            showConnectionsWidget: $,
+            onClose: () => j(!1),
+            showConnectionsWidget: P,
             title: o.manage_connections
           }
         ),
@@ -17135,7 +17135,7 @@ const R1 = ({
                   expandIcon: /* @__PURE__ */ t(_a, { sx: { color: "text.primary" } }),
                   sx: { height: 64, p: "14px 24px" },
                   children: /* @__PURE__ */ l(b, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
-                    /* @__PURE__ */ t(P, { name: E, size: 24 }),
+                    /* @__PURE__ */ t($, { name: E, size: 24 }),
                     /* @__PURE__ */ t(p, { variant: "Body", children: T })
                   ] })
                 }
@@ -17284,7 +17284,7 @@ const R1 = ({
       children: [
         /* @__PURE__ */ l(M, { children: [
           /* @__PURE__ */ l(b, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
-            n && /* @__PURE__ */ t(P, { name: "help", size: 20, sx: { color: "text.primary" } }),
+            n && /* @__PURE__ */ t($, { name: "help", size: 20, sx: { color: "text.primary" } }),
             /* @__PURE__ */ t(p, { color: "text.primary", variant: "H3", children: o })
           ] }),
           i && /* @__PURE__ */ t(p, { color: "text.primary", variant: "H3", children: i })
@@ -17400,7 +17400,7 @@ const R1 = ({
             expandIcon: /* @__PURE__ */ t(_a, { sx: { color: "text.primary" } }),
             sx: { p: "14px 24px", height: 64 },
             children: /* @__PURE__ */ l(b, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
-              /* @__PURE__ */ t(P, { name: r, size: 24 }),
+              /* @__PURE__ */ t($, { name: r, size: 24 }),
               /* @__PURE__ */ t(p, { variant: "Body", children: s })
             ] })
           }
@@ -17533,7 +17533,7 @@ const R1 = ({
   subtitle: i,
   guid: a,
   sx: r
-}) => /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { "aria-label": e, onClick: n, children: [
+}) => /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { "aria-label": e, onClick: n, children: [
   a && /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(pt, { alt: e, institutionGuid: a || "", size: 32 }) }),
   /* @__PURE__ */ t(
     re,
@@ -17693,7 +17693,7 @@ const R1 = ({
 }) => {
   const { common: o } = I();
   return /* @__PURE__ */ t(ne, { isOpen: i, onClose: r, title: e.request_support, children: /* @__PURE__ */ l(M, { sx: { px: 24 }, children: [
-    /* @__PURE__ */ t(b, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(P, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
+    /* @__PURE__ */ t(b, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t($, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ l(b, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ t($n, { children: e.request_support_success }),
       /* @__PURE__ */ t(Oe, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
@@ -17892,7 +17892,7 @@ const R1 = ({
     )
   ] });
 }, uC = A(dC), _C = A(() => {
-  const { common: e, settings: n } = I(), { sendEmailVerification: i } = Ht(), { user: a } = dn(), r = me(), [o, s] = g.useState(!1), c = () => {
+  const { common: e, settings: n } = I(), { sendEmailVerification: i } = Ht(), { user: a } = dn(), r = pe(), [o, s] = g.useState(!1), c = () => {
     s(!1);
   }, d = () => {
     s(!0);
@@ -17966,7 +17966,7 @@ const R1 = ({
     );
   }
 ), gC = A(() => {
-  const { common: e, settings: n } = I(), { sendPhoneVerification: i, verifyPhoneToken: a } = Ht(), { user: r } = dn(), o = me(), [s, c] = g.useState(!1), [d, _] = g.useState(!1), u = () => {
+  const { common: e, settings: n } = I(), { sendPhoneVerification: i, verifyPhoneToken: a } = Ht(), { user: r } = dn(), o = pe(), [s, c] = g.useState(!1), [d, _] = g.useState(!1), u = () => {
     c(!1);
   }, h = () => {
     c(!0);
@@ -18031,8 +18031,15 @@ const R1 = ({
     )
   ] });
 }), mC = () => {
-  const e = tt(), { common: n, settings: i } = I(), { isDesktop: a, isMobile: r, isSmallMobile: o, isTablet: s } = ve(), { config: c } = Ea(), { updateUser: d } = Ht(), { user: _ } = dn(), [u, h] = g.useState(_.first_name), [m, C] = g.useState(_.last_name), [f, E] = g.useState(_.email), [y, T] = g.useState(_.phone), [v, w] = g.useState(_.postal_code), [x, R] = g.useState(_.credit_score), [D, H] = g.useState(Me(_.birthday ?? 0)), O = f && !_.email_is_verified, L = y && !_.phone_is_verified, U = async () => {
-    const $ = {
+  const e = tt(), { common: n, settings: i } = I(), { isDesktop: a, isMobile: r, isSmallMobile: o, isTablet: s } = ve(), { config: c } = Ea(), { updateUser: d } = Ht(), { user: _ } = dn(), [u, h] = g.useState(_.first_name), [m, C] = g.useState(_.last_name), [f, E] = g.useState(_.email), [y, T] = g.useState(_.phone), [v, w] = g.useState(_.postal_code), [x, R] = g.useState(_.credit_score), [D, H] = g.useState(null), O = f && !_.email_is_verified, L = y && !_.phone_is_verified;
+  g.useEffect(() => {
+    if (_.birthday) {
+      const P = new Date(_.birthday * 1e3), j = P.getUTCFullYear(), he = P.getUTCMonth(), V = P.getUTCDate();
+      H(new Date(j, he, V));
+    }
+  }, [_]);
+  const U = async () => {
+    const P = {
       ..._,
       first_name: u,
       last_name: m,
@@ -18042,7 +18049,7 @@ const R1 = ({
       postal_code: v,
       credit_score: x
     };
-    await d($);
+    await d(P);
   };
   return /* @__PURE__ */ l(
     M,
@@ -18071,7 +18078,7 @@ const R1 = ({
                 {
                   defaultValue: u,
                   label: i.first_name,
-                  onChange: ($) => h($.target.value)
+                  onChange: (P) => h(P.target.value)
                 }
               ),
               /* @__PURE__ */ t(
@@ -18079,7 +18086,7 @@ const R1 = ({
                 {
                   defaultValue: m,
                   label: i.last_name,
-                  onChange: ($) => C($.target.value)
+                  onChange: (P) => C(P.target.value)
                 }
               )
             ]
@@ -18092,7 +18099,7 @@ const R1 = ({
               {
                 defaultValue: f,
                 label: i.email_address,
-                onChange: ($) => E($.target.value)
+                onChange: (P) => E(P.target.value)
               }
             ),
             O && /* @__PURE__ */ t(_C, {})
@@ -18103,7 +18110,7 @@ const R1 = ({
               {
                 defaultValue: y,
                 label: i.mobile_number,
-                onChange: ($) => T($.target.value),
+                onChange: (P) => T(P.target.value),
                 type: "tel"
               }
             ),
@@ -18145,7 +18152,7 @@ const R1 = ({
             {
               defaultValue: v,
               label: i.zip_code,
-              onChange: ($) => w($.target.value)
+              onChange: (P) => w(P.target.value)
             }
           )
         ] }),
@@ -18155,7 +18162,7 @@ const R1 = ({
             {
               defaultValue: x,
               label: i.credit_score,
-              onChange: ($) => R(Number($.target.value)),
+              onChange: (P) => R(Number(P.target.value)),
               sx: { mb: 44 }
             }
           ),
@@ -18171,7 +18178,7 @@ const CC = ({
   onClickDeviceEdit: n,
   onClickDeviceDelete: i
 }) => {
-  const a = me(), { settings: r } = I(), o = [
+  const a = pe(), { settings: r } = I(), o = [
     {
       field: "name",
       headerName: r.mobile_devices_column_name,
@@ -18184,7 +18191,7 @@ const CC = ({
             "aria-label": r.mobile_devices_edit_label,
             color: "secondary",
             onClick: () => n(c.row),
-            children: /* @__PURE__ */ t(P, { name: "edit" })
+            children: /* @__PURE__ */ t($, { name: "edit" })
           }
         )
       ] }),
@@ -18221,7 +18228,7 @@ const CC = ({
           "aria-label": r.mobile_devices_delete_label,
           color: "secondary",
           onClick: () => i(c.row),
-          children: /* @__PURE__ */ t(P, { name: "delete" })
+          children: /* @__PURE__ */ t($, { name: "delete" })
         }
       ) }),
       sortable: !1,
@@ -18286,7 +18293,7 @@ const CC = ({
   onClickDeviceEdit: n,
   onClickDeviceDelete: i
 }) => {
-  const a = me(), { settings: r } = I(), [o, s] = g.useState(!1), c = (d) => (_, u) => {
+  const a = pe(), { settings: r } = I(), [o, s] = g.useState(!1), c = (d) => (_, u) => {
     s(u ? d : !1);
   };
   return /* @__PURE__ */ l(b, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
@@ -18300,7 +18307,7 @@ const CC = ({
           /* @__PURE__ */ t(
             Li,
             {
-              expandIcon: /* @__PURE__ */ t(P, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
+              expandIcon: /* @__PURE__ */ t($, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
               sx: {
                 padding: "14px 24px",
                 borderBottom: "1px solid",
@@ -18333,7 +18340,7 @@ const CC = ({
                       borderColor: a.palette.border.light
                     },
                     children: [
-                      /* @__PURE__ */ t(Ue, { "aria-label": r.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ t(P, { name: "edit" }) }),
+                      /* @__PURE__ */ t(Ue, { "aria-label": r.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ t($, { name: "edit" }) }),
                       /* @__PURE__ */ t(p, { variant: "Body", children: r.mobile_devices_edit_label })
                     ]
                   }
@@ -18351,7 +18358,7 @@ const CC = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ t(Ue, { "aria-label": r.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ t(P, { name: "delete" }) }),
+                      /* @__PURE__ */ t(Ue, { "aria-label": r.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ t($, { name: "delete" }) }),
                       /* @__PURE__ */ t(p, { variant: "Body", children: r.mobile_devices_delete_label })
                     ]
                   }
@@ -18387,7 +18394,7 @@ const CC = ({
   device: a,
   deviceToken: r = ""
 }) => {
-  const o = me(), { common: s, settings: c } = I(), { updateDevice: d, deleteDevice: _, setAlert: u, loadDevices: h } = Ht(), [m, C] = g.useState("");
+  const o = pe(), { common: s, settings: c } = I(), { updateDevice: d, deleteDevice: _, setAlert: u, loadDevices: h } = Ht(), [m, C] = g.useState("");
   g.useEffect(() => {
     a && C(a.name);
   }, [a, e]);
@@ -18557,8 +18564,8 @@ const CC = ({
   );
 }), Fr = A(
   ({ onClick: e, primaryText: n, secondaryText: i, sx: a }) => {
-    const r = me();
-    return /* @__PURE__ */ t(j, { sx: { bgcolor: r.palette.background.paper }, children: /* @__PURE__ */ l(de, { alignItems: "flex-start", onClick: e, sx: a, children: [
+    const r = pe();
+    return /* @__PURE__ */ t(X, { sx: { bgcolor: r.palette.background.paper }, children: /* @__PURE__ */ l(de, { alignItems: "flex-start", onClick: e, sx: a, children: [
       /* @__PURE__ */ t(re, { primary: n, secondary: i }),
       /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(Il, {}) })
     ] }) });
@@ -18592,7 +18599,7 @@ const CC = ({
     )
   ] });
 }), TC = A(() => {
-  const { common: e, settings: n } = I(), { selectedRule: i, updateRulePayee: a } = Ht(), r = me(), [o, s] = g.useState(!1), c = i?.description ? i.description : i?.match_description, [d, _] = g.useState(c || ""), u = () => {
+  const { common: e, settings: n } = I(), { selectedRule: i, updateRulePayee: a } = Ht(), r = pe(), [o, s] = g.useState(!1), c = i?.description ? i.description : i?.match_description, [d, _] = g.useState(c || ""), u = () => {
     s(!0);
   }, h = async () => {
     d !== c && i && (i.description = d, await a(i), s(!1));
@@ -18632,7 +18639,7 @@ const CC = ({
     )
   ] });
 }), AC = A(({ onClose: e, onDelete: n, isOpen: i }) => {
-  const { common: a, settings: r } = I(), o = me();
+  const { common: a, settings: r } = I(), o = pe();
   return /* @__PURE__ */ t(
     ke,
     {
@@ -18657,7 +18664,7 @@ const CC = ({
   );
 }), IC = A(
   ({ isOpen: e, onClose: n, onDelete: i }) => {
-    const { common: a, settings: r } = I(), o = me(), [s, c] = g.useState(!1);
+    const { common: a, settings: r } = I(), o = pe(), [s, c] = g.useState(!1);
     return /* @__PURE__ */ l(
       ne,
       {
@@ -18972,7 +18979,7 @@ const CC = ({
     )
   ] });
 }), Q2 = A(({ onBackClick: e, sx: n }) => {
-  const { settings: i } = I(), { isCopyLoaded: a, isInitialized: r } = ce(), { config: o } = Ea(), { alert: s, setAlert: c } = Ht(), { isMobile: d } = ve(), _ = me(), {
+  const { settings: i } = I(), { isCopyLoaded: a, isInitialized: r } = ce(), { config: o } = Ea(), { alert: s, setAlert: c } = Ht(), { isMobile: d } = ve(), _ = pe(), {
     display_user_profile_in_settings: u,
     display_mobile_devices_in_settings: h,
     display_notification_settings_in_settings: m,
@@ -19698,7 +19705,7 @@ const Xa = ({
   primaryText: a,
   secondaryText: r
 }) => /* @__PURE__ */ l(Z, { children: [
-  /* @__PURE__ */ t(j, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: i, children: [
+  /* @__PURE__ */ t(X, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ l(de, { onClick: i, children: [
     /* @__PURE__ */ t(re, { primary: a, secondary: r }),
     e
   ] }) }),
@@ -19742,7 +19749,7 @@ const Xa = ({
         },
         primaryText: d.is_closed ? h.mark_as_open : h.mark_as_closed,
         secondaryText: d.is_closed ? h.this_will_set_the_closed_account : h.this_will_set_the_account_balance_to_0,
-        children: /* @__PURE__ */ t(P, { name: "chevron_right" })
+        children: /* @__PURE__ */ t($, { name: "chevron_right" })
       }
     ),
     m.length > 0 && /* @__PURE__ */ t(
@@ -19756,7 +19763,7 @@ const Xa = ({
         },
         primaryText: h.mark_as_duplicate,
         secondaryText: h.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ t(P, { name: "chevron_right" })
+        children: /* @__PURE__ */ t($, { name: "chevron_right" })
       }
     ),
     /* @__PURE__ */ t(
@@ -19983,7 +19990,7 @@ const Xa = ({
 }, qC = () => {
   const [e, n] = g.useState(!1), {
     palette: { mode: i }
-  } = me(), { selectedMember: a } = $t(), { accounts: r, connect: o } = I(), s = qc(a, o), c = Fs.includes(a.connection_status) ? {
+  } = pe(), { selectedMember: a } = $t(), { accounts: r, connect: o } = I(), s = qc(a, o), c = Fs.includes(a.connection_status) ? {
     color: "error.main",
     ctaCopy: s.cta ?? "",
     icon: /* @__PURE__ */ t(Ca, { sx: { ...qa } }),
@@ -19997,7 +20004,7 @@ const Xa = ({
   };
   return /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ t(Rt, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(p, { bold: !0, component: "h2", variant: "XSmall", children: r.connection_status }) }),
-    /* @__PURE__ */ t(j, { sx: { backgroundColor: "background.paper" }, children: a.is_manual || !c.ctaCopy ? /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+    /* @__PURE__ */ t(X, { sx: { backgroundColor: "background.paper" }, children: a.is_manual || !c.ctaCopy ? /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(Xt, { backingSx: { backgroundColor: c.color, borderRadius: 1 }, size: 32, children: c.icon }) }),
       /* @__PURE__ */ t(re, { primary: c.mainMessage, secondary: c.secondaryMessage })
     ] }) : /* @__PURE__ */ l(de, { onClick: () => n(!0), children: [
@@ -20013,11 +20020,11 @@ const Xa = ({
           ] })
         }
       ),
-      /* @__PURE__ */ t(P, { name: "chevron_right" })
+      /* @__PURE__ */ t($, { name: "chevron_right" })
     ] }) }),
     /* @__PURE__ */ t(G, { sx: { ml: a.is_manual || !a.institution_url ? 0 : 24 } }),
     !a.is_manual && a.institution_url && /* @__PURE__ */ l(Z, { children: [
-      /* @__PURE__ */ t(j, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ l(de, { component: "a", href: a.institution_url, target: "_blank", children: [
+      /* @__PURE__ */ t(X, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ l(de, { component: "a", href: a.institution_url, target: "_blank", children: [
         /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(
           Xt,
           {
@@ -20038,7 +20045,7 @@ const Xa = ({
           }
         ) }),
         /* @__PURE__ */ t(re, { primary: a.name, secondary: a.institution_url }),
-        /* @__PURE__ */ t(P, { name: "launch" })
+        /* @__PURE__ */ t($, { name: "launch" })
       ] }) }),
       /* @__PURE__ */ t(G, {})
     ] }),
@@ -20164,7 +20171,7 @@ const Xa = ({
         }
       );
       return /* @__PURE__ */ t(g.Fragment, { children: o ? /* @__PURE__ */ l(Z, { children: [
-        /* @__PURE__ */ t(j, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ l(
+        /* @__PURE__ */ t(X, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ l(
           de,
           {
             onClick: () => {
@@ -20172,13 +20179,13 @@ const Xa = ({
             },
             children: [
               f,
-              /* @__PURE__ */ t(P, { name: "chevron_right" })
+              /* @__PURE__ */ t($, { name: "chevron_right" })
             ]
           }
         ) }),
         /* @__PURE__ */ t(G, { sx: { ml: C ? 0 : 24 } })
       ] }) : m && /* @__PURE__ */ l(Z, { children: [
-        /* @__PURE__ */ t(j, { sx: { backgroundColor: "background.paper", px: 24 }, children: f }),
+        /* @__PURE__ */ t(X, { sx: { backgroundColor: "background.paper", px: 24 }, children: f }),
         /* @__PURE__ */ t(G, { sx: { ml: C ? 0 : 24 } })
       ] }) }, h.name);
     }),
@@ -20515,7 +20522,7 @@ const Xa = ({
       sx: n,
       title: a.mini_title,
       children: o ? /* @__PURE__ */ l(ie, { children: [
-        s.length === 0 && /* @__PURE__ */ t(j, { sx: { justifyContent: "center" }, children: a.no_accounts }),
+        s.length === 0 && /* @__PURE__ */ t(X, { sx: { justifyContent: "center" }, children: a.no_accounts }),
         s.map((d, _) => {
           const u = s.indexOf(d) === s.length - 1;
           return /* @__PURE__ */ l(g.Fragment, { children: [
@@ -21226,7 +21233,7 @@ class bf {
   };
 }
 const yf = () => {
-  const { question: e, response: n, setResponse: i } = Sr(), { analytics: a } = I(), r = me(), o = e, s = (c, d) => {
+  const { question: e, response: n, setResponse: i } = Sr(), { analytics: a } = I(), r = pe(), o = e, s = (c, d) => {
     i(d);
   };
   return /* @__PURE__ */ l(g.Fragment, { children: [
@@ -21296,7 +21303,7 @@ const yf = () => {
     }
   );
 }, Tf = A(Sf), Af = () => {
-  const { onEvent: e } = z(), n = me(), {
+  const { onEvent: e } = z(), n = pe(), {
     surveyId: i,
     question: a,
     isLastQuestion: r,
@@ -21422,7 +21429,7 @@ const yf = () => {
   });
 }, ds = 5, Lf = 2e3;
 function Mf({ bubble: e }) {
-  const n = me(), {
+  const n = pe(), {
     guid: i,
     budgetColors: { mercury: a },
     radius: r
@@ -21492,7 +21499,7 @@ function kf({ bubble: e, isDraggable: n, onClick: i = () => {
           }
         ),
         /* @__PURE__ */ t(
-          P,
+          $,
           {
             className: `icon-${c}`,
             component: "text",
@@ -21677,7 +21684,7 @@ const Gf = ({
     ] });
   }
 ), Hf = (e) => {
-  const n = me(), { accounts: i } = Re(), { budgets: a, isDataLoaded: r, loadBudgetData: o, setTheme: s } = lt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: _ } = ce(), { reloadCategoryTotals: u } = Ke(), h = __(), m = a.length === 0;
+  const n = pe(), { accounts: i } = Re(), { budgets: a, isDataLoaded: r, loadBudgetData: o, setTheme: s } = lt(), { budgets: c } = I(), { isCopyLoaded: d, isInitialized: _ } = ce(), { reloadCategoryTotals: u } = Ke(), h = __(), m = a.length === 0;
   return g.useEffect(() => {
     s(n);
   }, [n]), g.useEffect(() => {
@@ -21731,7 +21738,7 @@ const Gf = ({
       return `${o} - ${s}`;
     }, [n, i]);
     return /* @__PURE__ */ l(g.Fragment, { children: [
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { children: [
+      /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { children: [
         /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(kt, { categoryGuid: e.guid, variant: "filled" }) }),
         /* @__PURE__ */ t(re, { primary: e.name, secondary: a })
       ] }) }),
@@ -21794,7 +21801,7 @@ const Gf = ({
     `${e.totalAmount === 0 ? "" : e.totalAmount}`
   );
   return /* @__PURE__ */ l(g.Fragment, { children: [
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => o(!0), children: [
+    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => o(!0), children: [
       /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(kt, { categoryGuid: e.guid }) }),
       /* @__PURE__ */ t(
         re,
@@ -21803,7 +21810,7 @@ const Gf = ({
           secondary: B(e.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ t(qd, { children: /* @__PURE__ */ t(P, { name: "add", size: 20 }) })
+      /* @__PURE__ */ t(qd, { children: /* @__PURE__ */ t($, { name: "add", size: 20 }) })
     ] }) }, e.guid),
     /* @__PURE__ */ t(
       ke,
@@ -21857,7 +21864,7 @@ const Gf = ({
 }, Kf = A(() => {
   const { budgets: e } = I();
   return /* @__PURE__ */ l(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ t(P, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ t($, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ t(p, { bold: !0, color: "secondary", variant: "Small", children: e.zero_state_no_sub_budgets }),
     /* @__PURE__ */ t(p, { color: "text.secondary", variant: "XSmall", children: e.zero_state_no_sub_budgets_description })
   ] });
@@ -21869,7 +21876,7 @@ const Gf = ({
     percentage: r,
     transaction_total: o
   } = e, { setSelectedSubBudget: s } = lt();
-  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => s(e), children: [
+  return /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => s(e), children: [
     /* @__PURE__ */ t(Ge, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(rc, { color: i, percent: r, size: 40, children: /* @__PURE__ */ t(kt, { categoryGuid: a.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ t(
       re,
@@ -21896,12 +21903,12 @@ const Gf = ({
     C && Number(h) > 0 && (await s(C, Number(h), n.guid), u(!1), d(!1), f(void 0));
   };
   return /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(de, { onClick: E, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(de, { onClick: E, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ t(P, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+        /* @__PURE__ */ t($, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ t(p, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
-      /* @__PURE__ */ t(P, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ t($, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
     /* @__PURE__ */ t(G, {}),
     /* @__PURE__ */ t(
@@ -22057,7 +22064,7 @@ const Gf = ({
           ee,
           {
             onClick: C,
-            startIcon: /* @__PURE__ */ t(P, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ t($, { name: "ios_share" }),
             variant: "text",
             children: a.export_csv_btn
           }
@@ -22167,7 +22174,7 @@ const Gf = ({
     subBudgets: d,
     transaction_total: _
   } = e;
-  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ l(de, { onClick: () => n?.(e), children: [
+  return /* @__PURE__ */ t(X, { children: /* @__PURE__ */ l(de, { onClick: () => n?.(e), children: [
     /* @__PURE__ */ t(Ge, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ t(rc, { color: a, percent: c, size: 40, children: /* @__PURE__ */ t(kt, { categoryGuid: o, variant: "basic" }) }) }),
     /* @__PURE__ */ t(
       re,
@@ -22201,7 +22208,7 @@ const Gf = ({
     ] }, o.guid)) }) })
   ] });
 }), Jf = A(() => {
-  const e = me(), { onEvent: n } = z(), { visibleAccounts: i } = Re(), { budgets: a, common: r, recurring: o } = I(), { incomeCategories: s, spendCategories: c } = Ke(), { detailedBudgets: d, totalBudgeted: _ } = lt(), { projectedIncome: u } = nt(), { setFilter: h } = Se(), [m, C] = g.useState(!1), [f, E] = g.useMemo(() => {
+  const e = pe(), { onEvent: n } = z(), { visibleAccounts: i } = Re(), { budgets: a, common: r, recurring: o } = I(), { incomeCategories: s, spendCategories: c } = Ke(), { detailedBudgets: d, totalBudgeted: _ } = lt(), { projectedIncome: u } = nt(), { setFilter: h } = Se(), [m, C] = g.useState(!1), [f, E] = g.useMemo(() => {
     const w = c.reduce((H, O) => H + O.totalAmount, 0);
     let x = w / _;
     x > 1 && (x = 1);
@@ -22257,7 +22264,7 @@ const Gf = ({
               "aria-label": o.manage_income,
               onClick: v,
               sx: { p: 0 },
-              children: /* @__PURE__ */ t(P, { color: "primary", name: "edit" })
+              children: /* @__PURE__ */ t($, { color: "primary", name: "edit" })
             }
           )
         ] }),
@@ -22284,7 +22291,7 @@ const Gf = ({
     )
   ] });
 }), _s = 480, o4 = A(({ onBackClick: e, sx: n }) => {
-  const i = me(), { onEvent: a } = z(), { visibleAccounts: r } = Re(), { budgets: o, common: s } = I(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: _, setDisplayedDate: u, setSelectedAccounts: h } = ce(), {
+  const i = pe(), { onEvent: a } = z(), { visibleAccounts: r } = Re(), { budgets: o, common: s } = I(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: _, setDisplayedDate: u, setSelectedAccounts: h } = ce(), {
     alert: m,
     dateRange: C,
     isDataLoaded: f,
@@ -22303,11 +22310,11 @@ const Gf = ({
   }, [d, _, C]);
   const U = (Ce) => {
     y({ start: Ce[0] || /* @__PURE__ */ new Date(), end: Ce[1] || /* @__PURE__ */ new Date() });
-  }, $ = () => {
+  }, P = () => {
     a(W.BUDGETS_CLICK_FILTER);
-  }, X = () => {
+  }, j = () => {
     L(!0), a(W.BUDGETS_CLICK_ADD);
-  }, pe = () => {
+  }, he = () => {
     L(!1);
   }, V = Zt(C.end, $e(/* @__PURE__ */ new Date()));
   return !c || !d || !f ? /* @__PURE__ */ t(ue, {}) : /* @__PURE__ */ l(
@@ -22318,11 +22325,11 @@ const Gf = ({
         {
           iconName: "add",
           label: o.add_title,
-          onClick: X
+          onClick: j
         }
       ],
       calendarActions: { onRangeChanged: U, shouldDisableNext: V },
-      onAccountsFilterClick: $,
+      onAccountsFilterClick: P,
       onBackClick: e,
       sx: n,
       title: o.budgets_title,
@@ -22339,7 +22346,7 @@ const Gf = ({
               /* @__PURE__ */ t(b, { height: R || D ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ t(
                 Qc,
                 {
-                  createBudgetOnClick: X,
+                  createBudgetOnClick: j,
                   height: R || D ? 800 : 450,
                   isDraggable: !0,
                   shouldShowZeroState: w.length === 0,
@@ -22370,7 +22377,7 @@ const Gf = ({
             isOpen: O,
             onClose: () => L(!1),
             title: o.add_new_title,
-            children: /* @__PURE__ */ t(Vf, { onRecalculateBudgets: pe })
+            children: /* @__PURE__ */ t(Vf, { onRecalculateBudgets: he })
           }
         ),
         /* @__PURE__ */ t(
@@ -22399,7 +22406,7 @@ const Gf = ({
     }
   );
 }), e0 = A(() => {
-  const e = me(), {
+  const e = pe(), {
     appDataStore: { banner: n, loadBanner: i, user: a }
   } = Ta();
   return g.useEffect(() => {
@@ -22516,7 +22523,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
   copy: i,
   setAnalysisType: a
 }) => {
-  const r = me(), o = r.palette.mode === "dark", s = g.useMemo(() => Object.keys(e).filter((d) => e[d] >= 1).map((d) => ({
+  const r = pe(), o = r.palette.mode === "dark", s = g.useMemo(() => Object.keys(e).filter((d) => e[d] >= 1).map((d) => ({
     key: d,
     value: B(e[d], "0,0"),
     formattedKey: Fp(d)
@@ -22574,7 +22581,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
           "& .MuiListItem-divider": { borderColor: "border.light" },
           "& .MuiListItem-root": { minHeight: 44, px: 12 }
         },
-        children: s.map(({ value: d, formattedKey: _ }) => /* @__PURE__ */ t(j, { divider: !0, secondaryAction: /* @__PURE__ */ t(p, { children: d }), children: /* @__PURE__ */ t(
+        children: s.map(({ value: d, formattedKey: _ }) => /* @__PURE__ */ t(X, { divider: !0, secondaryAction: /* @__PURE__ */ t(p, { children: d }), children: /* @__PURE__ */ t(
           re,
           {
             primary: _,
@@ -22985,22 +22992,22 @@ const i0 = ({ widgets: e, isLoading: n }) => {
     holdings: [],
     members: []
   }), { accounts: C, investments: f } = I(), E = ({ data: O }) => {
-    const { isCopyLoaded: L } = ce(), [U, $] = Et(null), [X, pe] = Et("");
+    const { isCopyLoaded: L } = ce(), [U, P] = Et(null), [j, he] = Et("");
     if (!L || !d)
       return /* @__PURE__ */ t(ue, {});
-    const V = (he, ze) => {
-      $(he), pe(ze.toFixed(2));
-    }, Ce = (he) => {
-      const ze = he.target.value;
-      /^\d*\.?\d*$/.test(ze) && pe(ze);
-    }, ge = (he, ze) => {
-      if (he.key === "Enter") {
+    const V = (ge, ze) => {
+      P(ge), he(ze.toFixed(2));
+    }, Ce = (ge) => {
+      const ze = ge.target.value;
+      /^\d*\.?\d*$/.test(ze) && he(ze);
+    }, me = (ge, ze) => {
+      if (ge.key === "Enter") {
         const je = s.find(({ guid: Te }) => Te === ze);
-        c({ ...je, cost_basis: Number(X) }), $(null);
-      } else he.key === "Escape" && $(null);
-    }, _e = (he) => {
-      const ze = s.find(({ guid: je }) => je === he);
-      c({ ...ze, cost_basis: Number(X) }), $(null);
+        c({ ...je, cost_basis: Number(j) }), P(null);
+      } else ge.key === "Escape" && P(null);
+    }, _e = (ge) => {
+      const ze = s.find(({ guid: je }) => je === ge);
+      c({ ...ze, cost_basis: Number(j) }), P(null);
     }, Pe = [
       {
         field: "qty",
@@ -23015,9 +23022,9 @@ const i0 = ({ widgets: e, isLoading: n }) => {
         headerName: f.overview.holding_header,
         flex: 1,
         renderHeader: Ui,
-        renderCell: (he) => /* @__PURE__ */ t(Ee, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ l(Ee, { children: [
-          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 700 }, children: he.row.holding }),
-          /* @__PURE__ */ t(p, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: he.row.description })
+        renderCell: (ge) => /* @__PURE__ */ t(Ee, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ l(Ee, { children: [
+          /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 700 }, children: ge.row.holding }),
+          /* @__PURE__ */ t(p, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: ge.row.description })
         ] }) })
       },
       {
@@ -23025,16 +23032,16 @@ const i0 = ({ widgets: e, isLoading: n }) => {
         headerName: f.overview.cost_basis_header,
         width: 132,
         renderHeader: Ui,
-        renderCell: (he) => {
-          const ze = U === he.row.id;
+        renderCell: (ge) => {
+          const ze = U === ge.row.id;
           return /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
             ze ? /* @__PURE__ */ t(
               it,
               {
                 autoFocus: !0,
-                onBlur: () => _e(he.row.id),
+                onBlur: () => _e(ge.row.id),
                 onChange: Ce,
-                onKeyDown: (je) => ge(je, he.row.id),
+                onKeyDown: (je) => me(je, ge.row.id),
                 size: "small",
                 sx: {
                   fontSize: 14,
@@ -23049,9 +23056,9 @@ const i0 = ({ widgets: e, isLoading: n }) => {
                     border: "none"
                   }
                 },
-                value: X
+                value: j
               }
-            ) : /* @__PURE__ */ t(p, { sx: { fontSize: 14 }, variant: "Small", children: he.value?.toLocaleString("en-US", {
+            ) : /* @__PURE__ */ t(p, { sx: { fontSize: 14 }, variant: "Small", children: ge.value?.toLocaleString("en-US", {
               currency: "USD",
               maximumFractionDigits: 2,
               minimumFractionDigits: 2,
@@ -23060,7 +23067,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
             /* @__PURE__ */ t(
               Ue,
               {
-                onClick: () => V(he.row.id, he.row.costBasis),
+                onClick: () => V(ge.row.id, ge.row.costBasis),
                 sx: { minWidth: 12, minHeight: 12 },
                 children: /* @__PURE__ */ t(yt, { name: "stylus", size: 12, sx: { color: "#49505A" } })
               }
@@ -23075,20 +23082,20 @@ const i0 = ({ widgets: e, isLoading: n }) => {
         headerName: f.overview.total_gain_loss_header,
         width: 196,
         renderHeader: Ui,
-        renderCell: (he) => {
-          const ze = he.row.costBasis, je = ze ? he.row.totalGainLoss / ze * 100 : 0, Te = he.value <= 0 ? "text.secondary" : "#0AC295";
+        renderCell: (ge) => {
+          const ze = ge.row.costBasis, je = ze ? ge.row.totalGainLoss / ze * 100 : 0, Te = ge.value <= 0 ? "text.secondary" : "#0AC295";
           return /* @__PURE__ */ l(Ee, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-            he.value !== 0 && /* @__PURE__ */ t(
+            ge.value !== 0 && /* @__PURE__ */ t(
               yt,
               {
-                name: he.value > 0 ? "trending_up" : "trending_down",
+                name: ge.value > 0 ? "trending_up" : "trending_down",
                 size: 16,
                 sx: { color: Te, mr: 1, verticalAlign: "middle" }
               }
             ),
             /* @__PURE__ */ t(p, { sx: { color: Te, fontWeight: 700 }, variant: "Small", children: ze ? `${je.toFixed(2)}%` : "0.00%" }),
             /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: "|" }),
-            /* @__PURE__ */ t(p, { sx: { color: Te, fontWeight: 700 }, variant: "Small", children: Math.abs(he.value).toLocaleString("en-US", {
+            /* @__PURE__ */ t(p, { sx: { color: Te, fontWeight: 700 }, variant: "Small", children: Math.abs(ge.value).toLocaleString("en-US", {
               currency: "USD",
               maximumFractionDigits: 2,
               minimumFractionDigits: 2,
@@ -23105,7 +23112,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
         headerName: f.overview.market_value_header,
         width: 132,
         renderHeader: Ui,
-        renderCell: (he) => /* @__PURE__ */ t(p, { sx: { fontWeight: 700 }, variant: "Small", children: he.value?.toLocaleString("en-US", {
+        renderCell: (ge) => /* @__PURE__ */ t(p, { sx: { fontWeight: 700 }, variant: "Small", children: ge.value?.toLocaleString("en-US", {
           currency: "USD",
           maximumFractionDigits: 2,
           minimumFractionDigits: 2,
@@ -23129,8 +23136,8 @@ const i0 = ({ widgets: e, isLoading: n }) => {
   }, y = () => {
     u(!0), n(W.ACCOUNTS_CLICK_CONNECT);
   }, T = (O) => (L, U) => {
-    a(($) => ({
-      ...$,
+    a((P) => ({
+      ...P,
       [O]: U
     }));
   }, { holdings: v } = ea(), { visibleInvestmentAccounts: w, members: x } = Re(), R = w.reduce((O, L) => O + (L.balance || 0), 0), D = v.reduce((O, L) => {
@@ -23175,24 +23182,24 @@ const i0 = ({ widgets: e, isLoading: n }) => {
     x.map((O) => {
       const L = w.filter((U) => U.member_guid === O.guid);
       return /* @__PURE__ */ t(g.Fragment, { children: L.map((U) => {
-        const $ = v.filter((ge) => ge.account_guid === U.guid).map((ge) => ({
-          id: ge.guid,
-          qty: ge.shares || 0,
-          holding: ge.symbol || ge.description || "Unknown",
-          costBasis: ge.cost_basis || 0,
-          totalGainLoss: ge.market_value ? ge.market_value - (ge.cost_basis || 0) : 0,
-          marketValue: ge.market_value || 0,
-          description: ge.description || ""
-        })), X = $.length > 0, pe = U.balance, V = $.reduce(
-          (ge, _e) => _e.totalGainLoss + ge,
+        const P = v.filter((me) => me.account_guid === U.guid).map((me) => ({
+          id: me.guid,
+          qty: me.shares || 0,
+          holding: me.symbol || me.description || "Unknown",
+          costBasis: me.cost_basis || 0,
+          totalGainLoss: me.market_value ? me.market_value - (me.cost_basis || 0) : 0,
+          marketValue: me.market_value || 0,
+          description: me.description || ""
+        })), j = P.length > 0, he = U.balance, V = P.reduce(
+          (me, _e) => _e.totalGainLoss + me,
           0
-        ), Ce = pe ? V / pe * 100 : 0;
+        ), Ce = he ? V / he * 100 : 0;
         return e ? /* @__PURE__ */ t(
           Tt,
           {
-            onClick: $.length ? () => {
+            onClick: P.length ? () => {
               o(!0), m({
-                holdings: $,
+                holdings: P,
                 accounts: U,
                 members: O
               });
@@ -23338,7 +23345,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
                             },
                             children: [
                               /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: f.overview.total_value }),
-                              /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: pe?.toLocaleString("en-US", {
+                              /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: he?.toLocaleString("en-US", {
                                 currency: "USD",
                                 maximumFractionDigits: 2,
                                 minimumFractionDigits: 2,
@@ -23359,7 +23366,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
           Ri,
           {
             expanded: i[U.guid] === !0,
-            onChange: X ? T(U.guid) : () => {
+            onChange: j ? T(U.guid) : () => {
             },
             sx: {
               border: 1,
@@ -23396,7 +23403,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
                             {
                               name: "expand_more",
                               size: 20,
-                              sx: { color: $.length ? "#121417" : "#CDD3DD" }
+                              sx: { color: P.length ? "#121417" : "#CDD3DD" }
                             }
                           ),
                           /* @__PURE__ */ t(
@@ -23476,7 +23483,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
                           sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 },
                           children: /* @__PURE__ */ l(Ee, { sx: { alignItems: "flex-end" }, children: [
                             /* @__PURE__ */ t(p, { sx: { color: "text.secondary" }, variant: "XSmall", children: f.overview.total_value }),
-                            /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: pe?.toLocaleString("en-US", {
+                            /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: he?.toLocaleString("en-US", {
                               currency: "USD",
                               maximumFractionDigits: 2,
                               minimumFractionDigits: 2,
@@ -23489,7 +23496,7 @@ const i0 = ({ widgets: e, isLoading: n }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ t(Oi, { sx: { background: "background.default", p: 12 }, children: /* @__PURE__ */ t(Tt, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(E, { data: $ }) }) })
+              /* @__PURE__ */ t(Oi, { sx: { background: "background.default", p: 12 }, children: /* @__PURE__ */ t(Tt, { sx: { border: 1, borderColor: "border.light" }, children: /* @__PURE__ */ t(E, { data: P }) }) })
             ]
           },
           U.guid
@@ -23990,7 +23997,7 @@ const Pi = g.createContext(null), b0 = ({
   return !r.length || !o.length ? n.Color.Primary300 : r[0].amount > o[0].amount ? n.Color.Error300 : r[0].amount < o[0].amount ? n.Color.Success300 : n.Color.Primary300;
 }, v0 = ({ beat: e }) => {
   const n = ft(), i = x0(e.data_series, n);
-  return /* @__PURE__ */ t(P, { name: "bar_chart", sx: { color: i } });
+  return /* @__PURE__ */ t($, { name: "bar_chart", sx: { color: i } });
 }, al = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t(
     "path",
@@ -24773,9 +24780,9 @@ const Pi = g.createContext(null), b0 = ({
     )
   ] })
 ] }), fs = ({ beat: e, clientColorScheme: n, color: i, type: a }) => {
-  const r = me(), o = n?.primary_300 ? n.primary_300 : r.palette.primary.main;
-  return a === 0 ? /* @__PURE__ */ t(P, { fill: !0, name: "error", sx: { color: i || o } }) : a === 1 && e ? /* @__PURE__ */ t(y0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(T0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(v0, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t(P, { name: "campaign" }) : /* @__PURE__ */ t(
-    P,
+  const r = pe(), o = n?.primary_300 ? n.primary_300 : r.palette.primary.main;
+  return a === 0 ? /* @__PURE__ */ t($, { fill: !0, name: "error", sx: { color: i || o } }) : a === 1 && e ? /* @__PURE__ */ t(y0, { beat: e }) : a === 2 && e ? /* @__PURE__ */ t(T0, { beat: e }) : a === 3 && e ? /* @__PURE__ */ t(v0, { beat: e }) : a === 5 && e ? /* @__PURE__ */ t($, { name: "campaign" }) : /* @__PURE__ */ t(
+    $,
     {
       fill: !0,
       name: "info",
@@ -25007,7 +25014,7 @@ const Pi = g.createContext(null), b0 = ({
     y(V.targetTouches[0].clientX);
   }, U = (V) => {
     y(null), v(V.targetTouches[0].clientX);
-  }, $ = {
+  }, P = {
     clientColorScheme: n,
     showCTAColocatedWithText: i,
     heightOverrides: a,
@@ -25015,7 +25022,7 @@ const Pi = g.createContext(null), b0 = ({
     showIcon: c,
     variant: _,
     widthOverrides: u
-  }, X = m.current && m.current.offsetWidth ? Math.round(C / m.current.offsetWidth) : 0, pe = m.current ? m.current.scrollWidth - m.current.offsetWidth : 0;
+  }, j = m.current && m.current.offsetWidth ? Math.round(C / m.current.offsetWidth) : 0, he = m.current ? m.current.scrollWidth - m.current.offsetWidth : 0;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -25035,20 +25042,20 @@ const Pi = g.createContext(null), b0 = ({
             ref: m,
             children: [
               e.map((V, Ce) => {
-                const ge = Ce + 1, _e = e.length + 1, Pe = S(
+                const me = Ce + 1, _e = e.length + 1, Pe = S(
                   w.card_position_in_carousel_aria,
-                  ge.toString(),
+                  me.toString(),
                   _e.toString()
-                ), he = V.micro_title && V.micro_title.length > 0, ze = V.micro_description && V.micro_description.length > 0, je = he ? V.micro_title : V.title, Te = ze ? V.micro_description : V.description;
+                ), ge = V.micro_title && V.micro_title.length > 0, ze = V.micro_description && V.micro_description.length > 0, je = ge ? V.micro_title : V.title, Te = ze ? V.micro_description : V.description;
                 return /* @__PURE__ */ t(
                   D0,
                   {
                     ariaLabel: `${Pe}: ${je}, ${Te}`,
                     beat: V,
                     index: Ce,
-                    isActiveCard: Ce === X,
+                    isActiveCard: Ce === j,
                     onCardClick: r,
-                    ...$
+                    ...P
                   },
                   `${V.guid} ${Ce}`
                 );
@@ -25056,9 +25063,9 @@ const Pi = g.createContext(null), b0 = ({
               /* @__PURE__ */ t(
                 W0,
                 {
-                  isActiveCard: X === e.length,
+                  isActiveCard: j === e.length,
                   onCardClick: r,
-                  ...$
+                  ...P
                 }
               )
             ]
@@ -25068,11 +25075,11 @@ const Pi = g.createContext(null), b0 = ({
           R0,
           {
             clientColorScheme: n,
-            currentBeatIndex: X,
+            currentBeatIndex: j,
             numBeats: e.length + 1,
             onNextClick: R,
             onPreviousClick: D,
-            scrollRightBoundary: pe,
+            scrollRightBoundary: he,
             scrollX: C
           }
         )
@@ -25330,7 +25337,7 @@ const Pi = g.createContext(null), b0 = ({
   variant: w,
   widthOverrides: x
 }) => {
-  const R = tt(), [D, H] = Et("STANDARD"), [O, L] = Et(!1), U = fu([d], fn), $ = bu([_], fn);
+  const R = tt(), [D, H] = Et("STANDARD"), [O, L] = Et(!1), U = fu([d], fn), P = bu([_], fn);
   g.useEffect(() => {
     fn.isInitialized || fn.initialize(r, y, s);
   }, [r, y, s, fn.isInitialized]), g.useEffect(() => {
@@ -25339,7 +25346,7 @@ const Pi = g.createContext(null), b0 = ({
   }, [window.innerHeight]), g.useEffect(() => {
     L(!e && fn.isInitialized);
   }, [e, fn.isInitialized]);
-  const X = {
+  const j = {
     showCTAColocatedWithText: a,
     heightOverrides: o,
     onCardClick: c,
@@ -25348,16 +25355,16 @@ const Pi = g.createContext(null), b0 = ({
     showWithMargin: E,
     useDarkMode: T,
     widthOverrides: x
-  }, pe = {
+  }, he = {
     carouselSize: D,
     variant: w,
-    ...X
+    ...j
   };
   return (
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
     /* @__PURE__ */ l(Ul, { theme: R, children: [
       /* @__PURE__ */ t(Jd, {}),
-      /* @__PURE__ */ t(b0, { onEvent: U, onPageview: $, store: fn, children: /* @__PURE__ */ l(P0, { heightOverrides: o, widthOverrides: x, children: [
+      /* @__PURE__ */ t(b0, { onEvent: U, onPageview: P, store: fn, children: /* @__PURE__ */ l(P0, { heightOverrides: o, widthOverrides: x, children: [
         (e || !fn.isInitialized) && /* @__PURE__ */ t(H0, {}),
         O && C && /* @__PURE__ */ t(
           B0,
@@ -25375,11 +25382,11 @@ const Pi = g.createContext(null), b0 = ({
             clientColorScheme: i,
             showCarouselControls: m,
             variant: h ? w : void 0,
-            ...X
+            ...j
           }
         ),
-        O && !n.length && v && /* @__PURE__ */ t(cl, { clientColorScheme: i, ...pe }),
-        O && !n.length && !v && /* @__PURE__ */ t(ll, { ...pe })
+        O && !n.length && v && /* @__PURE__ */ t(cl, { clientColorScheme: i, ...he }),
+        O && !n.length && !v && /* @__PURE__ */ t(ll, { ...he })
       ] }) })
     ] })
   );
@@ -25394,7 +25401,7 @@ const Pi = g.createContext(null), b0 = ({
   variant: c,
   widthOverrides: d
 }) => {
-  const _ = me(), { ref: u, inView: h } = Bs({
+  const _ = pe(), { ref: u, inView: h } = Bs({
     threshold: sl
   }), { cardsCopy: m } = Wn(), { onEvent: C } = Hi();
   Kn(() => {
@@ -25466,7 +25473,7 @@ const Pi = g.createContext(null), b0 = ({
         onClose: () => o(!1),
         title: n.frequency_title,
         children: /* @__PURE__ */ t(ie, { children: c.map((h) => /* @__PURE__ */ l(g.Fragment, { children: [
-          /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => d(h.id), children: [
+          /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(de, { onClick: () => d(h.id), children: [
             /* @__PURE__ */ t(
               re,
               {
@@ -25640,7 +25647,7 @@ const Pi = g.createContext(null), b0 = ({
       Di(n.predicted_occurs_on),
       n.recurrence_type
     );
-    return /* @__PURE__ */ l(j, { disableGutters: !0, disablePadding: !0, children: [
+    return /* @__PURE__ */ l(X, { disableGutters: !0, disablePadding: !0, children: [
       /* @__PURE__ */ l(de, { onClick: () => {
         e(n), r(!0);
       }, children: [
@@ -25808,7 +25815,7 @@ const Pi = g.createContext(null), b0 = ({
         {
           InputLabelProps: { shrink: !0 },
           SelectProps: {
-            IconComponent: (u) => /* @__PURE__ */ t(P, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...u })
+            IconComponent: (u) => /* @__PURE__ */ t($, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...u })
           },
           defaultValue: 0,
           label: c.frequency,
@@ -25865,12 +25872,12 @@ const Pi = g.createContext(null), b0 = ({
       h(""), _(!1);
     };
     return /* @__PURE__ */ l(M, { children: [
-      /* @__PURE__ */ t(j, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(de, { onClick: T, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ t(X, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(de, { onClick: T, children: /* @__PURE__ */ t(re, { children: /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", gap: 8, children: [
-          /* @__PURE__ */ t(P, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+          /* @__PURE__ */ t($, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
           /* @__PURE__ */ t(p, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: n })
         ] }),
-        /* @__PURE__ */ t(P, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+        /* @__PURE__ */ t($, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
       ] }) }) }) }),
       /* @__PURE__ */ t(G, {}),
       /* @__PURE__ */ t(
@@ -26066,7 +26073,7 @@ const Pi = g.createContext(null), b0 = ({
     }
   );
 }), bs = 58, hl = A(() => {
-  const e = me(), { onEvent: n } = z(), { selectedDay: i } = Pt(), [a, r] = g.useState(
+  const e = pe(), { onEvent: n } = z(), { selectedDay: i } = Pt(), [a, r] = g.useState(
     Zi(/* @__PURE__ */ new Date()) * hn + bs
   ), o = (c) => {
     r(Zi(c) * hn + bs), n(W.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
@@ -26167,7 +26174,7 @@ const Pi = g.createContext(null), b0 = ({
     [e]
   ), _ = e.type === Yt.Income, u = e.status === at.Paid, h = e.status === at.Missed, m = e.status === at.Upcoming;
   let C = r.paid?.toLowerCase();
-  return h ? C = r.missed?.toLowerCase() : m && (C = a ? ur(r, e.expectedDate, e.frequency) : ur(r, null, e.frequency)), /* @__PURE__ */ l(j, { disableGutters: !0, disablePadding: !0, children: [
+  return h ? C = r.missed?.toLowerCase() : m && (C = a ? ur(r, e.expectedDate, e.frequency) : ur(r, null, e.frequency)), /* @__PURE__ */ l(X, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ l(de, { onClick: () => {
       c(!0), i(e);
     }, children: [
@@ -26279,7 +26286,7 @@ const Pi = g.createContext(null), b0 = ({
         ),
         /* @__PURE__ */ t(G, { sx: { mx: 24 } })
       ] }, `recurrence-${_}`)) : c.map((d, _) => /* @__PURE__ */ l(g.Fragment, { children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(
           ie,
           {
             subheader: /* @__PURE__ */ t(Rt, { sx: { bgcolor: "background.paper", ml: 8, pb: 4, pt: 12 }, children: /* @__PURE__ */ t(p, { bold: !0, variant: "caption", children: ae(d.date, te.DAY_OF_WEEK_MONTH_DAY) }) }),
@@ -26300,7 +26307,7 @@ const Pi = g.createContext(null), b0 = ({
   }
 ), Es = A(
   ({ title: e, expected: n, paid: i, missed: a, total: r, onNewClick: o }) => {
-    const s = me(), { recurring: c } = I(), d = g.useMemo(() => {
+    const s = pe(), { recurring: c } = I(), d = g.useMemo(() => {
       const _ = [{ color: s.palette.success.main, percentage: `${i / n}` }];
       return a && _.push({ color: s.palette.error.main, percentage: `${a / n}` }), _;
     }, [i, n, a]);
@@ -26668,7 +26675,7 @@ const Pi = g.createContext(null), b0 = ({
   },
   a.guid
 )) }), ab = () => {
-  const e = me(), { spending: n } = I(), { selectedAccounts: i } = ce(), {
+  const e = pe(), { spending: n } = I(), { selectedAccounts: i } = ce(), {
     categories: a,
     dateRangeCategoryTotals: r,
     dataRangeTotalsLoaded: o,
@@ -26789,7 +26796,7 @@ const Pi = g.createContext(null), b0 = ({
     /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
     /* @__PURE__ */ t(ie, { children: e.categoryData.map((s) => /* @__PURE__ */ l(g.Fragment, { children: [
       /* @__PURE__ */ t(
-        j,
+        X,
         {
           disableGutters: !0,
           disablePadding: !0,
@@ -26834,7 +26841,7 @@ const Pi = g.createContext(null), b0 = ({
       /* @__PURE__ */ t(G, {}),
       s.categoryTotals && s.categoryTotals.length > 0 && /* @__PURE__ */ t(pa, { in: o?.guid === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ l(ie, { children: [
         o?.categoryTotals?.map((c) => /* @__PURE__ */ t(
-          j,
+          X,
           {
             sx: {
               pl: 24,
@@ -26942,10 +26949,10 @@ const Pi = g.createContext(null), b0 = ({
     };
     if (m === 0)
       if (O === "other") {
-        const U = v.categoryData.find(($) => $.guid === "other");
+        const U = v.categoryData.find((P) => P.guid === "other");
         d({
           ...L,
-          custom: ($) => !!U?.categoryTotals?.find((X) => X.guid === $.top_level_category_guid)
+          custom: (P) => !!U?.categoryTotals?.find((j) => j.guid === P.top_level_category_guid)
         });
       } else
         d({
@@ -27224,7 +27231,7 @@ const Cb = (e) => e.reduce((i, a) => {
 }, vb = A(xb), wb = {
   view_transactions: "View Transactions"
 }, Nb = ({ onBackClick: e, sx: n }) => {
-  const i = tt(), { onEvent: a } = z(), { isDesktop: r, isTablet: o, isMobile: s } = ve(), { visibleAccounts: c } = Re(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: _, getCategoryName: u } = Ke(), { sortedTransactions: h } = Se(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: E } = ce(), { trends: y } = I(), T = i.palette.mode === "dark", [v, w] = g.useState(!1), [x, R] = g.useState(!1), [D, H] = g.useState("Chart"), [O, L] = g.useState(""), [U, $] = g.useState({
+  const i = tt(), { onEvent: a } = z(), { isDesktop: r, isTablet: o, isMobile: s } = ve(), { visibleAccounts: c } = Re(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: _, getCategoryName: u } = Ke(), { sortedTransactions: h } = Se(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: E } = ce(), { trends: y } = I(), T = i.palette.mode === "dark", [v, w] = g.useState(!1), [x, R] = g.useState(!1), [D, H] = g.useState("Chart"), [O, L] = g.useState(""), [U, P] = g.useState({
     start: oo(Xe(jt(/* @__PURE__ */ new Date(), 6)), 1),
     end: Xe(/* @__PURE__ */ new Date())
   });
@@ -27239,7 +27246,7 @@ const Cb = (e) => e.reduce((i, a) => {
       w(!0);
     });
   }, [C, f, U]);
-  const X = g.useMemo(() => {
+  const j = g.useMemo(() => {
     if (!v) return { stackedDatasets: [], unstackedDatasets: [] };
     const Te = fb(
       _,
@@ -27252,7 +27259,7 @@ const Cb = (e) => e.reduce((i, a) => {
       stackedDatasets: _t.filter(pm),
       unstackedDatasets: _t.filter(Da)
     };
-  }, [_, O, U]), pe = g.useMemo(() => {
+  }, [_, O, U]), he = g.useMemo(() => {
     const Te = ae(
       U.start,
       s ? te.MONTH_SHORT_YEAR : te.MONTH_YEAR
@@ -27265,16 +27272,16 @@ const Cb = (e) => e.reduce((i, a) => {
     H(_t ?? D), a(W.TRENDS_CLICK_TOGGLE);
   }, Ce = (Te) => {
     const _t = oo(Te?.[0], 1), un = Te?.[1], se = eu(un, _t);
-    $({ start: _t, end: un }), a(W.TRENDS_CLICK_DATE, {
+    P({ start: _t, end: un }), a(W.TRENDS_CLICK_DATE, {
       time_period: se + "M"
     });
-  }, ge = () => {
+  }, me = () => {
     a(W.TRENDS_CLICK_FILTER);
   }, _e = (Te) => {
     L(Te);
   }, Pe = (Te) => {
     L(Te), a(W.TRENDS_CLICK_LEGEND, { category: u(Te) });
-  }, he = (Te) => {
+  }, ge = (Te) => {
     a(W.TRENDS_HOVER_LEGEND, { category: u(Te) });
   }, ze = (Te) => {
     a(W.TRENDS_HOVER_AREA, { category: Te });
@@ -27288,7 +27295,7 @@ const Cb = (e) => e.reduce((i, a) => {
       calendarActions: { onRangeChanged: Ce },
       dateRange: U,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: ge,
+      onAccountsFilterClick: me,
       onBackClick: e,
       sx: n,
       title: y.title,
@@ -27323,7 +27330,7 @@ const Cb = (e) => e.reduce((i, a) => {
                           children: u(O) || y.sub_title
                         }
                       ),
-                      /* @__PURE__ */ t(p, { variant: r ? "Body" : "Small", children: pe })
+                      /* @__PURE__ */ t(p, { variant: r ? "Body" : "Small", children: he })
                     ] }),
                     /* @__PURE__ */ t(
                       ca,
@@ -27358,7 +27365,7 @@ const Cb = (e) => e.reduce((i, a) => {
                               }
                             },
                             value: Te,
-                            children: Te === "Chart" ? /* @__PURE__ */ t(P, { name: "table_chart_view" }) : /* @__PURE__ */ t(P, { name: "format_list_bulleted" })
+                            children: Te === "Chart" ? /* @__PURE__ */ t($, { name: "table_chart_view" }) : /* @__PURE__ */ t($, { name: "format_list_bulleted" })
                           },
                           Te
                         ))
@@ -27369,7 +27376,7 @@ const Cb = (e) => e.reduce((i, a) => {
               ),
               /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
                 /* @__PURE__ */ t(M, { flexGrow: 1, children: O && /* @__PURE__ */ l(ee, { onClick: () => L(""), sx: { p: 0, pr: 5 }, children: [
-                  /* @__PURE__ */ t(P, { name: "arrow_back" }),
+                  /* @__PURE__ */ t($, { name: "arrow_back" }),
                   y.all_categories
                 ] }) }),
                 /* @__PURE__ */ t(ee, { onClick: () => R(!0), sx: { px: 5 }, children: `${wb.view_transactions} (${h.length})` })
@@ -27380,10 +27387,10 @@ const Cb = (e) => e.reduce((i, a) => {
                   {
                     onClickLegend: Pe,
                     onHoverArea: ze,
-                    onHoverLegend: he,
+                    onHoverLegend: ge,
                     onHoverPoint: je,
-                    stackedDatasets: X.stackedDatasets,
-                    unstackedDatasets: X.unstackedDatasets
+                    stackedDatasets: j.stackedDatasets,
+                    unstackedDatasets: j.unstackedDatasets
                   }
                 ),
                 D === "Table" && /* @__PURE__ */ t(