@mx-cartographer/experiences 6.0.20-alpha.sms8 → 6.0.20-alpha.sms9

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as I, Fragment as AA } from "react/jsx-runtime";
 import h, { useMemo as fs, useRef as jo, useEffect as zt, useState as We } from "react";
 import { observer as g } from "mobx-react-lite";
-import L from "@mui/material/Box";
+import O from "@mui/material/Box";
 import G from "@mui/material/Divider";
 import nA from "@mui/material/List";
 import He from "@mui/material/ListSubheader";
@@ -1372,7 +1372,7 @@ const hc = (A, t) => {
   }, u = () => {
     d(null);
   };
-  return /* @__PURE__ */ I(L, { className: "mx-cmn-account-filter", m: 4, sx: { ...a }, children: [
+  return /* @__PURE__ */ I(O, { className: "mx-cmn-account-filter", m: 4, sx: { ...a }, children: [
     c ? /* @__PURE__ */ e(Gt, { id: "filter-accounts", placement: "bottom", title: t.title, children: /* @__PURE__ */ e(
       TA,
       {
@@ -1644,15 +1644,15 @@ const hc = (A, t) => {
   return /* @__PURE__ */ I("div", { className: `mx-cmn-bar-chart ${f}`, children: [
     /* @__PURE__ */ I("div", { className: "mx-cmn-chart-container", children: [
       /* @__PURE__ */ e(q, {}),
-      n.map((m, O) => /* @__PURE__ */ I(h.Fragment, { children: [
+      n.map((m, L) => /* @__PURE__ */ I(h.Fragment, { children: [
         /* @__PURE__ */ e(
           mr,
           {
             ariaLabel: m.ariaLabel,
             averageLineHeight: j,
             bottomHeight: w,
-            color: D(O),
-            index: O,
+            color: D(L),
+            index: L,
             onClick: s,
             range: P,
             selectedIndex: c,
@@ -1664,7 +1664,7 @@ const hc = (A, t) => {
           }
         ),
         /* @__PURE__ */ e(q, {})
-      ] }, `column-${O}`))
+      ] }, `column-${L}`))
     ] }),
     /* @__PURE__ */ e(vc, { color: i, labelAverage: o, labelMain: a })
   ] });
@@ -1799,8 +1799,8 @@ const Dc = ({
     const x = gs({ start: MA(c), end: BA(c) }), w = [];
     for (let j = 0; j < x.length; j++) {
       const D = x[j], q = Cs({ start: D, end: ke(D, 6) }), m = [];
-      for (let O = 0; O < q.length; O++)
-        m.push(q[O]);
+      for (let L = 0; L < q.length; L++)
+        m.push(q[L]);
       w.push(m);
     }
     return w;
@@ -1895,8 +1895,8 @@ const Dc = ({
   let o = 0;
   return h.useEffect(() => {
     ys(".arc-outer").transition("roll").duration(500).attrTween("transform", () => xs("rotate(0)", "rotate(360)"));
-  }, []), /* @__PURE__ */ I(L, { height: n, position: "relative", width: n, children: [
-    /* @__PURE__ */ e(L, { height: "100%", padding: n / 3.75, width: "100%", children: r }),
+  }, []), /* @__PURE__ */ I(O, { height: n, position: "relative", width: n, children: [
+    /* @__PURE__ */ e(O, { height: "100%", padding: n / 3.75, width: "100%", children: r }),
     /* @__PURE__ */ e(
       "svg",
       {
@@ -2188,7 +2188,7 @@ const Dc = ({
   const { categories: i } = p(), { getCategoryName: n } = QA(), r = n(A);
   return /* @__PURE__ */ I(b, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
-      L,
+      O,
       {
         "aria-label": z(i.category_icon_label_aria, r),
         mb: 4,
@@ -2240,7 +2240,7 @@ const Dc = ({
         pointerEvents: "none"
       },
       children: /* @__PURE__ */ I(Xe, { children: [
-        /* @__PURE__ */ I(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+        /* @__PURE__ */ I(O, { alignItems: "center", display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ e(ca, { categoryGuid: A, topLevelCategoryGuid: t }),
           /* @__PURE__ */ e(R, { variant: "Small", children: `${i.length}-month total` }),
           /* @__PURE__ */ e(GA, { amount: E, bold: !0, formatString: "0,0", variant: "body2" })
@@ -2248,7 +2248,7 @@ const Dc = ({
         /* @__PURE__ */ e(G, { sx: { my: 16, width: "100%" } }),
         /* @__PURE__ */ e(UA, { container: !0, children: i.map((d, f) => /* @__PURE__ */ I(h.Fragment, { children: [
           f > 0 && f % 3 === 0 && /* @__PURE__ */ e(G, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(UA, { item: !0, xs: 4, children: /* @__PURE__ */ I(L, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ e(UA, { item: !0, xs: 4, children: /* @__PURE__ */ I(O, { alignItems: "center", display: "flex", flexDirection: "column", children: [
             /* @__PURE__ */ e(R, { color: o.palette.text.secondary, variant: "XSmall", children: d.x }),
             /* @__PURE__ */ e(
               GA,
@@ -2305,7 +2305,7 @@ const Dc = ({
         },
         children: [
           /* @__PURE__ */ e(
-            L,
+            O,
             {
               sx: {
                 width: 16,
@@ -2337,9 +2337,9 @@ const Dc = ({
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: H, hoveredAreaData: P, isAreaHovered: C, cursorPos: y } = v, x = C && H && P, w = !x, j = [...r, ...o], D = j[0]?.dataset.length ?? 0, q = j.flatMap((iA) => iA.dataset.map((pA) => pA.x)), m = j.flatMap((iA) => iA.dataset.map((pA) => pA.y)), O = r[0]?.dataset?.map(
+  }), { hoveredSeriesId: H, hoveredAreaData: P, isAreaHovered: C, cursorPos: y } = v, x = C && H && P, w = !x, j = [...r, ...o], D = j[0]?.dataset.length ?? 0, q = j.flatMap((iA) => iA.dataset.map((pA) => pA.x)), m = j.flatMap((iA) => iA.dataset.map((pA) => pA.y)), L = r[0]?.dataset?.map(
     (iA, pA) => r.reduce((VA, Je) => VA + Je.dataset[pA]?.y || 0, 0)
-  ) ?? [0], K = Math.max(...O), B = Math.max(
+  ) ?? [0], K = Math.max(...L), B = Math.max(
     ...o.flatMap((iA) => iA.dataset.map((pA) => pA.y))
   ), Z = Math.floor(Math.min(...m) / 100) * 100, fA = Math.ceil(Math.max(K, B) / 100) * 100, aA = r.map((iA, pA) => ({
     id: `stacked-${pA}`,
@@ -2444,7 +2444,7 @@ const Dc = ({
       }, iA;
     }, {})
   };
-  return /* @__PURE__ */ e(L, { onMouseMove: ne, ref: d, style: { position: "relative" }, children: /* @__PURE__ */ I(
+  return /* @__PURE__ */ e(O, { onMouseMove: ne, ref: d, style: { position: "relative" }, children: /* @__PURE__ */ I(
     b,
     {
       direction: { xs: "column", md: "column" },
@@ -2534,7 +2534,7 @@ const Dc = ({
       height: t,
       width: "100%",
       children: A.map((n, r) => /* @__PURE__ */ e(
-        L,
+        O,
         {
           bgcolor: n.color,
           borderRadius: i,
@@ -2634,7 +2634,7 @@ const Dc = ({
     children: [
       /* @__PURE__ */ e(TA, { "aria-label": A, color: "primary", onClick: t, children: /* @__PURE__ */ e(Ks, { color: "primary", sx: { fontSize: 22 } }) }),
       /* @__PURE__ */ e(
-        L,
+        O,
         {
           sx: {
             flexGrow: 1,
@@ -2644,7 +2644,7 @@ const Dc = ({
           children: /* @__PURE__ */ e(vt, { bold: !0, variant: "Body", children: r })
         }
       ),
-      /* @__PURE__ */ e(L, { width: "44px" })
+      /* @__PURE__ */ e(O, { width: "44px" })
     ]
   }
 ), oA = ({
@@ -2692,7 +2692,7 @@ const Dc = ({
           title: H
         }
       ),
-      /* @__PURE__ */ e(L, { height: "100%", overflow: "auto", children: t }),
+      /* @__PURE__ */ e(O, { height: "100%", overflow: "auto", children: t }),
       s && /* @__PURE__ */ e(
         Rs,
         {
@@ -2750,14 +2750,14 @@ const Dc = ({
       Z[0] = B === "previous" ? Se(fA, gA) : ke(fA, gA), Z[1] = B === "previous" ? Se(aA, gA) : ke(aA, gA);
     }
     f(Z), A.onRangeChanged(Z);
-  }, O = () => {
+  }, L = () => {
     f(u), x(
       l === i.dateRangePickerCopy.dateRangeThisMonth || l === i.dateRangePickerCopy.dateRangeLastMonth
     ), A.onRangeChanged(u);
   }, K = (B) => {
     j(B);
   };
-  return /* @__PURE__ */ I(L, { className: "mx-cmn-date-range-selector", m: 4, children: [
+  return /* @__PURE__ */ I(O, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ e(
       Gt,
       {
@@ -2777,7 +2777,7 @@ const Dc = ({
       }
     ),
     /* @__PURE__ */ I(
-      L,
+      O,
       {
         sx: {
           [s.breakpoints.down("sm")]: {
@@ -2919,7 +2919,7 @@ const Dc = ({
         isOpen: P,
         onClose: () => C(!1),
         onPrimaryAction: () => {
-          O(), C(!1);
+          L(), C(!1);
         },
         primaryText: i.dateRangeEditApply,
         title: i.dateRangeEditTitle,
@@ -2943,7 +2943,7 @@ const Dc = ({
         copy: { title: i.dateRangeEditTitle },
         isOpen: !0,
         onClose: () => C(!1),
-        onPrimaryAction: () => O(),
+        onPrimaryAction: () => L(),
         primaryText: i.dateRangeEditApply,
         sx: {
           "& .MuiDialogContent-root": {
@@ -3031,7 +3031,7 @@ const Dc = ({
 }) => {
   const o = RA(), a = (i - n) / 2, s = -90, c = t > 100 ? 100 : t, E = 2 * Math.PI * a * (1 - c / 100), d = i / 2;
   return /* @__PURE__ */ I(
-    L,
+    O,
     {
       className: "mx-cmn-single-segment-donut",
       height: i,
@@ -3067,7 +3067,7 @@ const Dc = ({
           )
         ] }),
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             className: "mx-cmn-single-segment-donut-children",
             left: "50%",
@@ -3164,43 +3164,43 @@ const wt = ({
   sx: f = {},
   title: l = ""
 }) => {
-  const [v, { height: u, width: H }] = fa(), { onEvent: P } = J(), { isDesktop: C, isLargeDesktop: y, isMobile: x, isTablet: w } = HA(), { displayedDateRange: j, isCopyLoaded: D, selectedAccountGuids: q, setSelectedAccountGuids: m } = cA(), { common: O } = p(), K = () => {
+  const [v, { height: u, width: H }] = fa(), { onEvent: P } = J(), { isDesktop: C, isLargeDesktop: y, isMobile: x, isTablet: w } = HA(), { displayedDateRange: j, isCopyLoaded: D, selectedAccountGuids: q, setSelectedAccountGuids: m } = cA(), { common: L } = p(), K = () => {
     c && (c(), P(Y.WIDGET_BACK_CLICK));
   };
   if (!D)
     return /* @__PURE__ */ e(IA, {});
   const B = {
     accountFilterOptionsCopy: {
-      accountTypeAccounts: O.account_filter.account_type_accounts,
-      cancelButton: O.cancel_button,
-      filterButton: O.filter_button,
-      filterButtonAria: O.account_filter.filter_button_generic_aria,
-      selectAllAccounts: O.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: O.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: O.account_filter.unselect_all_accounts,
-      zeroStateButton: O.account_filter.zero_state_button,
-      zeroStateDescription: O.account_filter.zero_state_description,
-      zeroStateTitle: O.account_filter.zero_state_title
+      accountTypeAccounts: L.account_filter.account_type_accounts,
+      cancelButton: L.cancel_button,
+      filterButton: L.filter_button,
+      filterButtonAria: L.account_filter.filter_button_generic_aria,
+      selectAllAccounts: L.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: L.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: L.account_filter.unselect_all_accounts,
+      zeroStateButton: L.account_filter.zero_state_button,
+      zeroStateDescription: L.account_filter.zero_state_description,
+      zeroStateTitle: L.account_filter.zero_state_title
     },
-    title: O.account_filter.title
+    title: L.account_filter.title
   }, Z = {
     dateRangePickerCopy: {
-      dateRangeFrom: O.date_range_picker.from,
-      dateRangeTo: O.date_range_picker.to,
-      dateRangeCustom: O.date_range_picker.custom,
-      dateRangeSelectARange: O.date_range_picker.select_range,
-      dateRangeThisMonth: O.date_range_picker.this_month,
-      dateRangeLastMonth: O.date_range_picker.last_month,
-      dateRangeLast30Days: O.date_range_picker.last_30_days,
-      dateRangeLast90Days: O.date_range_picker.last_90_days,
-      dateRangeYTD: O.date_range_picker.ytd,
-      dateRangeLastYear: O.date_range_picker.last_year,
-      dateRangeSelect: O.date_range_picker.select
+      dateRangeFrom: L.date_range_picker.from,
+      dateRangeTo: L.date_range_picker.to,
+      dateRangeCustom: L.date_range_picker.custom,
+      dateRangeSelectARange: L.date_range_picker.select_range,
+      dateRangeThisMonth: L.date_range_picker.this_month,
+      dateRangeLastMonth: L.date_range_picker.last_month,
+      dateRangeLast30Days: L.date_range_picker.last_30_days,
+      dateRangeLast90Days: L.date_range_picker.last_90_days,
+      dateRangeYTD: L.date_range_picker.ytd,
+      dateRangeLastYear: L.date_range_picker.last_year,
+      dateRangeSelect: L.date_range_picker.select
     },
-    dateRangeEditApply: O.date_range_picker.edit_apply,
-    dateRangeEditTitle: O.date_range_picker.edit_title,
-    dateRangeNextAria: O.date_range_picker.next_aria,
-    dateRangePreviousAria: O.date_range_picker.previous_aria
+    dateRangeEditApply: L.date_range_picker.edit_apply,
+    dateRangeEditTitle: L.date_range_picker.edit_title,
+    dateRangeNextAria: L.date_range_picker.next_aria,
+    dateRangePreviousAria: L.date_range_picker.previous_aria
   }, fA = r ? r.start : j.start, aA = r ? r.end : j.end, lA = t?.length > 1;
   return /* @__PURE__ */ I(
     ge,
@@ -3223,7 +3223,7 @@ const wt = ({
           ot,
           {
             action: /* @__PURE__ */ I(b, { alignItems: "center", flexDirection: "row", children: [
-              C && i && /* @__PURE__ */ e(L, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+              C && i && /* @__PURE__ */ e(O, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
                 Or,
                 {
                   calendarActions: i,
@@ -3285,7 +3285,7 @@ const wt = ({
               x && c && /* @__PURE__ */ e(
                 TA,
                 {
-                  "aria-label": O.back_to_dashboard,
+                  "aria-label": L.back_to_dashboard,
                   onClick: K,
                   sx: { p: 12, mr: 4 },
                   children: /* @__PURE__ */ e(M, { name: "arrow_back", size: 24 })
@@ -3316,7 +3316,7 @@ const wt = ({
 }, ze = g(_c), $c = ({ status: A = dt.Loading }) => {
   const { connect: t } = p();
   return /* @__PURE__ */ e(
-    L,
+    O,
     {
       sx: {
         height: "calc(100% - 62px)",
@@ -3506,7 +3506,7 @@ const Qr = "connect_widget", qr = "connections_widget", Ad = ({
       children: /* @__PURE__ */ e(M, { name: "cancel", size: 24 })
     }
   );
-  return /* @__PURE__ */ e(L, { className: "mx-cmn-search-box", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { className: "mx-cmn-search-box", px: o.Spacing.Large, py: o.Spacing.Medium, children: /* @__PURE__ */ e(
     Et,
     {
       InputProps: {
@@ -3530,7 +3530,7 @@ const Qr = "connect_widget", qr = "connections_widget", Ad = ({
 }) => {
   const o = RA(), a = o.palette.mode === "light" ? o.palette.grey[400] : o.palette.grey[700], s = A ? o.palette.action.active : a;
   return /* @__PURE__ */ e(
-    L,
+    O,
     {
       bgcolor: "background.paper",
       border: `${A ? 3 : 1}px solid`,
@@ -3592,7 +3592,7 @@ const Qr = "connect_widget", qr = "connections_widget", Ad = ({
     children: [
       t,
       /* @__PURE__ */ e(
-        L,
+        O,
         {
           sx: {
             backgroundColor: "common.white",
@@ -4194,7 +4194,7 @@ const Tt = () => {
   const { cashflow: t } = p();
   return /* @__PURE__ */ I(AA, { children: [
     /* @__PURE__ */ e(
-      L,
+      O,
       {
         sx: {
           borderRadius: "1px",
@@ -4233,7 +4233,7 @@ const Tt = () => {
     () => y - x,
     [y, x]
   ), j = c?.has_completed_cash_flow_onboarding && !!A;
-  return H ? /* @__PURE__ */ e(L, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: i > 610 ? /* @__PURE__ */ I(
+  return H ? /* @__PURE__ */ e(O, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: i > 610 ? /* @__PURE__ */ I(
     b,
     {
       border: `1px solid ${t.palette.border.light}`,
@@ -5166,7 +5166,7 @@ const be = () => {
 }, Wn = g(Od), kn = ({
   bgcolor: A = "background.default",
   children: t
-}) => /* @__PURE__ */ e(L, { display: "inline-block", pb: 4, pl: 24, pt: 4, sx: { bgcolor: A, width: "100%" }, children: /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: t }) }), Qd = ({ showIcon: A = !0, showSubtitle: t = !0 }) => {
+}) => /* @__PURE__ */ e(O, { display: "inline-block", pb: 4, pl: 24, pt: 4, sx: { bgcolor: A, width: "100%" }, children: /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: t }) }), Qd = ({ showIcon: A = !0, showSubtitle: t = !0 }) => {
   const i = Ae(), { transactions: n } = p();
   return /* @__PURE__ */ I(b, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
     A && /* @__PURE__ */ e(wI, { color: "secondary", sx: { fontSize: 32 } }),
@@ -5206,8 +5206,8 @@ const be = () => {
     estimateSize: (y) => Br + (Vr(y, f) ? Sr : 0),
     overscan: 5
   });
-  return h.useEffect(() => C.measure(), [f]), h.useEffect(() => l(r), [r]), /* @__PURE__ */ e(nA, { children: /* @__PURE__ */ e(L, { height: t, overflow: "auto", ref: P, width: s, children: /* @__PURE__ */ I(
-    L,
+  return h.useEffect(() => C.measure(), [f]), h.useEffect(() => l(r), [r]), /* @__PURE__ */ e(nA, { children: /* @__PURE__ */ e(O, { height: t, overflow: "auto", ref: P, width: s, children: /* @__PURE__ */ I(
+    O,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
@@ -5221,7 +5221,7 @@ const be = () => {
         !E && !o && C.getVirtualItems().length > 0 && C.getVirtualItems().map((y) => {
           const x = f[y.index], w = Vr(y.index, f), j = Gd(y.index, f), D = Br + (w ? Sr : 0);
           return /* @__PURE__ */ I(
-            L,
+            O,
             {
               sx: {
                 height: D,
@@ -5275,7 +5275,7 @@ const be = () => {
 }, Vd = g(Yd), Bd = (A) => /* @__PURE__ */ e(R, { tabIndex: A.tabIndex, variant: "Small", children: rA(jA(A.row.date), eA.MONTH_DAY) }), Sd = (A) => {
   const t = te(), { transactions: i } = p(), { is_flagged: n, is_hidden: r, has_been_viewed: o, parent_guid: a } = A.row, c = !o && !!!a;
   return /* @__PURE__ */ I(
-    L,
+    O,
     {
       "aria-label": r ? i.is_hidden : i.is_flagged,
       tabIndex: A.tabIndex,
@@ -5570,7 +5570,7 @@ const Kd = ({
             ]
           }
         ),
-        H && /* @__PURE__ */ I(L, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
+        H && /* @__PURE__ */ I(O, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
           /* @__PURE__ */ e(
             TA,
             {
@@ -6041,7 +6041,7 @@ const Pa = ({ transaction: A }) => {
     }
     await n({ ...A, date: E }), i(Y.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: A.guid }), c(!1);
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-date-action", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-date-action", children: [
     /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
       sA,
       {
@@ -6092,7 +6092,7 @@ const Pa = ({ transaction: A }) => {
   const { onEvent: t } = J(), { removeTransaction: i } = zA(), { setShouldDisableDrawerScroll: n } = be(), { common: r, transactions: o } = p(), [a, s] = h.useState(!1), c = async () => {
     await i(A.guid), t(S.ON_TRANSACTION_DELETE_DELETED);
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-delete", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-delete", children: [
     A && /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
       sA,
       {
@@ -6134,7 +6134,7 @@ const Pa = ({ transaction: A }) => {
       transaction_guid: A.guid
     });
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-delete-logo", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-delete-logo", children: [
     A && /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
       sA,
       {
@@ -6174,7 +6174,7 @@ const Pa = ({ transaction: A }) => {
       c ? S.ON_TRANSACTION_UNHIDDEN : S.ON_TRANSACTION_HIDDEN
     );
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-hide-transaction", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-hide-transaction", children: [
     A && /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(
       sA,
       {
@@ -6338,7 +6338,7 @@ const Pa = ({ transaction: A }) => {
     isNaN(Number(u)) || (E(u), n(A, Number(u)));
   };
   return /* @__PURE__ */ I(
-    L,
+    O,
     {
       bgcolor: "background.paper",
       className: "mx-txn-split-manager-row",
@@ -6357,7 +6357,7 @@ const Pa = ({ transaction: A }) => {
                 children: r.category
               }
             ),
-            /* @__PURE__ */ e(L, { children: !r.category_guid && /* @__PURE__ */ I(
+            /* @__PURE__ */ e(O, { children: !r.category_guid && /* @__PURE__ */ I(
               b,
               {
                 color: "error.main",
@@ -6444,7 +6444,7 @@ const Pa = ({ transaction: A }) => {
         N(o.amount, "0,0.00")
       ) : ""
     );
-  }, [r]), /* @__PURE__ */ I(L, { className: "mx-txn-split-manager", children: [
+  }, [r]), /* @__PURE__ */ I(O, { className: "mx-txn-split-manager", children: [
     r.map((f, l) => /* @__PURE__ */ e(
       Xf,
       {
@@ -6469,7 +6469,7 @@ const Pa = ({ transaction: A }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(L, { p: a.Spacing.Medium, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(O, { p: a.Spacing.Medium, children: /* @__PURE__ */ e(
       _,
       {
         "aria-label": s.split_transaction_add_split_btn,
@@ -6497,23 +6497,23 @@ const Pa = ({ transaction: A }) => {
     parent_guid: A.guid,
     top_level_category_guid: void 0
   }, [d, f] = h.useState(!1), [l, v] = h.useState(!1), [u, H] = h.useState([]), P = () => {
-    const O = [...u];
-    O.push({ ...E }), O[0].amount -= 1, H(O);
-  }, C = (O) => {
-    if (O > 0) {
-      const K = u[O], B = [...u];
-      B.splice(O, 1), B[0].amount += K.amount, H(B);
-    }
-  }, y = (O, K) => {
+    const L = [...u];
+    L.push({ ...E }), L[0].amount -= 1, H(L);
+  }, C = (L) => {
+    if (L > 0) {
+      const K = u[L], B = [...u];
+      B.splice(L, 1), B[0].amount += K.amount, H(B);
+    }
+  }, y = (L, K) => {
     const B = [...u];
-    B[O].amount = K, B[0].amount = A.amount - B.reduce(
+    B[L].amount = K, B[0].amount = A.amount - B.reduce(
       (Z, fA, aA) => Z + (aA !== 0 ? fA.amount : 0),
       0
     ), H(B);
-  }, x = (O, K) => {
+  }, x = (L, K) => {
     const B = [...u], Z = s.find((fA) => fA.guid === K);
-    Z && (B[O] = {
-      ...B[O],
+    Z && (B[L] = {
+      ...B[L],
       category_guid: K,
       category: Z.name,
       top_level_category_guid: Z.parent_guid || K
@@ -6534,11 +6534,11 @@ const Pa = ({ transaction: A }) => {
     t(Y.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: A.guid
     });
-    const O = A.parent_guid ?? A.guid;
-    await n(O);
+    const L = A.parent_guid ?? A.guid;
+    await n(L);
   }, m = h.useMemo(() => {
-    const O = u.some((B) => !B.category_guid), K = u.some((B) => B.amount <= 0);
-    return O || K;
+    const L = u.some((B) => !B.category_guid), K = u.some((B) => B.amount <= 0);
+    return L || K;
   }, [u]);
   return /* @__PURE__ */ I(h.Fragment, { children: [
     A && /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ I(sA, { onClick: w, children: [
@@ -6614,7 +6614,7 @@ const Pa = ({ transaction: A }) => {
   };
   return h.useEffect(() => {
     E(a.length > 40 ? n.tags_error_name_must_be_40_chars : "");
-  }, [a]), /* @__PURE__ */ I(L, { className: "mx-txn-tag-manager-header", children: [
+  }, [a]), /* @__PURE__ */ I(O, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ I(
       b,
       {
@@ -6672,7 +6672,7 @@ const Pa = ({ transaction: A }) => {
       children: /* @__PURE__ */ e(zI, {})
     }
   );
-  return /* @__PURE__ */ e(L, { className: "mx-txn-tag-manager-search", px: r.Spacing.Large, py: r.Spacing.Medium, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { className: "mx-txn-tag-manager-search", px: r.Spacing.Large, py: r.Spacing.Medium, children: /* @__PURE__ */ e(
     Et,
     {
       InputProps: {
@@ -6864,7 +6864,7 @@ const Pa = ({ transaction: A }) => {
       transaction_guid: A.guid
     }), await t({ ...A, description: s }), a(!1);
   };
-  return /* @__PURE__ */ e(L, { className: "mx-txn-transaction-description", children: o ? /* @__PURE__ */ I(XI, { row: !0, children: [
+  return /* @__PURE__ */ e(O, { className: "mx-txn-transaction-description", children: o ? /* @__PURE__ */ I(XI, { row: !0, children: [
     /* @__PURE__ */ e(
       $A,
       {
@@ -6946,7 +6946,7 @@ const Pa = ({ transaction: A }) => {
   return h.useEffect(
     () => o(Y.TRANSACTION_DETAILS_VIEW, { transaction_guid: i.guid }),
     []
-  ), n ? /* @__PURE__ */ e(L, { className: "mx-txn-transaction-details", width: "100%", children: i && /* @__PURE__ */ I(b, { children: [
+  ), n ? /* @__PURE__ */ e(O, { className: "mx-txn-transaction-details", width: "100%", children: i && /* @__PURE__ */ I(b, { children: [
     /* @__PURE__ */ I(b, { gap: 12, p: 24, children: [
       /* @__PURE__ */ e(me, { elevation: 2, sx: { borderRadius: "12px", width: 64 }, children: /* @__PURE__ */ e(
         Rt,
@@ -7028,7 +7028,7 @@ const Pa = ({ transaction: A }) => {
   }, H = (P) => {
     o({ ...n, account_guid: P });
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-manual-transaction-details", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-manual-transaction-details", children: [
     /* @__PURE__ */ I(b, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ I(
         b,
@@ -7098,7 +7098,7 @@ const Pa = ({ transaction: A }) => {
       )
     ] }),
     /* @__PURE__ */ e(G, { light: !0 }),
-    /* @__PURE__ */ I(L, { bgcolor: "background.paper", children: [
+    /* @__PURE__ */ I(O, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Pa, { transaction: n }),
       /* @__PURE__ */ e(ba, { transaction: n }),
       /* @__PURE__ */ e(za, { transaction: n }),
@@ -7112,7 +7112,7 @@ const Pa = ({ transaction: A }) => {
   ), E = async (d) => {
     await n({ ...t, category_guid: a }), d && await i(a, t), s(""), A();
   };
-  return /* @__PURE__ */ I(L, { className: "mx-txn-edit-category-action", children: [
+  return /* @__PURE__ */ I(O, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
       Si,
       {
@@ -7169,7 +7169,7 @@ const Pa = ({ transaction: A }) => {
     updateTransaction: x
   } = zA(), { common: w, transactions: j } = p(), { userProfile: D } = Fe(), { onEvent: q } = J(), {
     displayedDateRange: m,
-    isCopyLoaded: O,
+    isCopyLoaded: L,
     isInitialized: K,
     selectedAccountGuids: B,
     selectedAccounts: Z,
@@ -7224,7 +7224,7 @@ const Pa = ({ transaction: A }) => {
   }, ds = async () => {
     pA && !pA.has_been_viewed && await x({ ...pA, has_been_viewed: !0 }), gA("");
   };
-  return !O || !K || !ne ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(
+  return !L || !K || !ne ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(
     ze,
     {
       accountOptions: r,
@@ -7248,7 +7248,7 @@ const Pa = ({ transaction: A }) => {
       sx: n,
       title: j.transactions_title,
       children: [
-        /* @__PURE__ */ e(L, { mt: 16, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(O, { mt: 16, children: /* @__PURE__ */ e(
           Vi,
           {
             onChange: Zi,
@@ -7257,7 +7257,7 @@ const Pa = ({ transaction: A }) => {
           }
         ) }),
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             sx: {
               [a.breakpoints.down("md")]: { display: "none" },
@@ -7284,7 +7284,7 @@ const Pa = ({ transaction: A }) => {
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             sx: {
               [a.breakpoints.down("md")]: { display: "block" },
@@ -7978,7 +7978,7 @@ const Pa = ({ transaction: A }) => {
   }, j = () => {
     v(""), f(!1);
   };
-  return /* @__PURE__ */ I(L, { children: [
+  return /* @__PURE__ */ I(O, { children: [
     /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(sA, { onClick: x, children: /* @__PURE__ */ e(tA, { children: /* @__PURE__ */ I(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ I(b, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(M, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
@@ -8265,7 +8265,7 @@ const Pa = ({ transaction: A }) => {
   ] });
 }, Ar = g(RE), uE = () => {
   const [A, t] = h.useState(0), { onEvent: i } = J(), { recurring: n } = p();
-  return /* @__PURE__ */ I(L, { bgcolor: "background.default", height: "100%", children: [
+  return /* @__PURE__ */ I(O, { bgcolor: "background.default", height: "100%", children: [
     /* @__PURE__ */ I(
       qe,
       {
@@ -8501,9 +8501,9 @@ const Pa = ({ transaction: A }) => {
     const E = [{ color: s.palette.success.main, percentage: `${i / t}` }];
     return n && E.push({ color: s.palette.error.main, percentage: `${n / t}` }), E;
   }, [i, t, n]);
-  return /* @__PURE__ */ I(L, { px: 24, children: [
+  return /* @__PURE__ */ I(O, { px: 24, children: [
     /* @__PURE__ */ I(b, { direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ I(L, { children: [
+      /* @__PURE__ */ I(O, { children: [
         /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: `${r} ${A}` }),
         /* @__PURE__ */ I(b, { direction: "row", gap: 2, mb: 8, children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: N(i, "0,0.00") }),
@@ -8537,7 +8537,7 @@ const Pa = ({ transaction: A }) => {
     l(Y.RECURRING_ACTIVITY_CLICK_UPCOMING, {
       transaction_guid: K.transactionGuid
     });
-  }, O = (K) => {
+  }, L = (K) => {
     l(Y.RECURRING_ACTIVITY_CLICK_PAID, {
       transaction_guid: K.transactionGuid
     });
@@ -8571,7 +8571,7 @@ const Pa = ({ transaction: A }) => {
           title: A.upcoming_activity
         }
       ),
-      (i || t) && /* @__PURE__ */ I(L, { children: [
+      (i || t) && /* @__PURE__ */ I(O, { children: [
         /* @__PURE__ */ I(qe, { onChange: q, value: d, variant: "fullWidth", children: [
           /* @__PURE__ */ e(
             OA,
@@ -8593,7 +8593,7 @@ const Pa = ({ transaction: A }) => {
             onActivityClick: m
           }
         ),
-        d === 1 && /* @__PURE__ */ e(kt, { activities: u, onActivityClick: O })
+        d === 1 && /* @__PURE__ */ e(kt, { activities: u, onActivityClick: L })
       ] })
     ] }) }),
     !i && !t && /* @__PURE__ */ e(it, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ I(b, { gap: 35, children: [
@@ -8602,7 +8602,7 @@ const Pa = ({ transaction: A }) => {
         kt,
         {
           activities: s || u,
-          onActivityClick: O,
+          onActivityClick: L,
           onResetClick: a ? () => c(a) : void 0,
           title: a ? z(
             A.day_transactions,
@@ -9084,11 +9084,11 @@ const OE = {
           }
         ),
         secondary: /* @__PURE__ */ I(AA, { children: [
-          /* @__PURE__ */ I(L, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ I(O, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(R, { variant: "XSmall", children: a }),
             /* @__PURE__ */ e(R, { bold: !0, variant: "Small", children: N(s, "0,0.00") })
           ] }),
-          /* @__PURE__ */ I(L, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ I(O, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(R, { variant: "XSmall", children: c }),
             /* @__PURE__ */ e(R, { ml: "auto", variant: "XSmall", children: E })
           ] })
@@ -9307,7 +9307,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
     };
   }), [a, n, r]);
   return /* @__PURE__ */ I(
-    L,
+    O,
     {
       sx: {
         width: "100%"
@@ -9462,7 +9462,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
   };
   return h.useEffect(() => {
     i(n === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [n]), /* @__PURE__ */ I(L, { children: [
+  }, [n]), /* @__PURE__ */ I(O, { children: [
     /* @__PURE__ */ I(
       qe,
       {
@@ -9493,9 +9493,9 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(L, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(qt, { index: 0, name: "cashflow", value: n, children: /* @__PURE__ */ e(L, { sx: { m: t ? 48 : 16 }, children: /* @__PURE__ */ e(kE, {}) }) }),
-    /* @__PURE__ */ e(qt, { index: 1, name: "cashflow", value: n, children: /* @__PURE__ */ e(L, { sx: { m: t ? 48 : 16 }, children: /* @__PURE__ */ e(FE, {}) }) })
+    /* @__PURE__ */ e(O, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(qt, { index: 0, name: "cashflow", value: n, children: /* @__PURE__ */ e(O, { sx: { m: t ? 48 : 16 }, children: /* @__PURE__ */ e(kE, {}) }) }),
+    /* @__PURE__ */ e(qt, { index: 1, name: "cashflow", value: n, children: /* @__PURE__ */ e(O, { sx: { m: t ? 48 : 16 }, children: /* @__PURE__ */ e(FE, {}) }) })
   ] });
 }, ZE = g(KE), st = ({
   amount: A,
@@ -9655,7 +9655,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
     /* @__PURE__ */ I(b, { direction: "column", mb: 32, spacing: 32, children: [
       /* @__PURE__ */ I(wA, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             bgcolor: n.palette.primary.lighter,
             borderRadius: 1,
@@ -9671,7 +9671,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
       ] }),
       /* @__PURE__ */ I(wA, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             bgcolor: n.palette.primary.lighter,
             borderRadius: 1,
@@ -9687,7 +9687,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
       ] }),
       /* @__PURE__ */ I(wA, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          L,
+          O,
           {
             bgcolor: n.palette.primary.lighter,
             borderRadius: 1,
@@ -9722,7 +9722,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
     transform: rotate(360deg);
   }
 `, oh = () => {
-  const { addCashflowEvent: A, addCashflowSequence: t, cashflowSequences: i } = kA(), { cashflow: n, common: r } = p(), { completeOnboarding: o } = Bn(), { isDirty: a } = Tt(), { isMobile: s } = HA(), { isCopyLoaded: c, setDisplayedDate: E } = cA(), { filter: d, setFilter: f, transactions: l } = zA(), v = RA(), [u, H] = We(!0), [P, C] = h.useState(F.EveryMonth), [y, x] = We(!1), [w, j] = h.useState(null), [D, q] = We(1), [m, O] = We([]), [K, B] = We(""), Z = h.useMemo(
+  const { addCashflowEvent: A, addCashflowSequence: t, cashflowSequences: i } = kA(), { cashflow: n, common: r } = p(), { completeOnboarding: o } = Bn(), { isDirty: a } = Tt(), { isMobile: s } = HA(), { isCopyLoaded: c, setDisplayedDate: E } = cA(), { filter: d, setFilter: f, transactions: l } = zA(), v = RA(), [u, H] = We(!0), [P, C] = h.useState(F.EveryMonth), [y, x] = We(!1), [w, j] = h.useState(null), [D, q] = We(1), [m, L] = We([]), [K, B] = We(""), Z = h.useMemo(
     () => l.find((hA) => hA.guid === K),
     [K]
   ), fA = !!i.length, aA = async () => {
@@ -9749,7 +9749,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
     }
   }, gA = !Z && u || !Z && m.length < 1;
   return c ? /* @__PURE__ */ I(
-    L,
+    O,
     {
       sx: {
         display: "flex",
@@ -9763,7 +9763,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
       },
       children: [
         D === 1 && /* @__PURE__ */ e(
-          L,
+          O,
           {
             sx: {
               ...s ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -9772,7 +9772,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
           }
         ),
         D === 2 && /* @__PURE__ */ e(
-          L,
+          O,
           {
             sx: {
               ...s ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -9781,7 +9781,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
           }
         ),
         D === 3 && /* @__PURE__ */ I(
-          L,
+          O,
           {
             sx: {
               ...s ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -9843,7 +9843,7 @@ const BE = ({ activity: A }) => /* @__PURE__ */ I(AA, { children: [
                       "aria-disabled": !Z || !w,
                       onClick: () => {
                         const hA = [...m];
-                        hA.push({ ...Z, nextDate: w, frequency: P }), O(hA), B("");
+                        hA.push({ ...Z, nextDate: w, frequency: P }), L(hA), B("");
                       },
                       variant: "contained",
                       children: r.confirm_button
@@ -10637,8 +10637,8 @@ const Ma = ({
     const j = new Map(w.dataset.map((m) => [new Date(m.x).getTime(), m.y]));
     let D = j.get(d[0].getTime()) ?? 0;
     const q = d.map((m) => {
-      const O = j.get(m.getTime()) ?? D;
-      return D = O, { x: m, y: O };
+      const L = j.get(m.getTime()) ?? D;
+      return D = L, { x: m, y: L };
     });
     return { ...w, dataset: q };
   }), l = f.reduce(
@@ -11233,7 +11233,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
 }, $h = (A) => {
   const t = String(A.formattedValue), i = _h(t);
   return /* @__PURE__ */ e(
-    L,
+    O,
     {
       sx: {
         display: "flex",
@@ -11375,7 +11375,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
     n?.(w?.guid ?? "");
   }, H = (P) => v.find((C) => C.guid === P)?.id;
   return /* @__PURE__ */ e(
-    L,
+    O,
     {
       sx: {
         height: "100dvh",
@@ -11569,7 +11569,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
     }
   );
 }), al = ({ onBackClick: A, sx: t }) => {
-  const [i, n] = h.useState(!1), [r, o] = h.useState(!1), [a, s] = h.useState(!1), [c, E] = h.useState(""), { isDesktop: d, isMobile: f } = HA(), { debts: l } = p(), { onEvent: v } = J(), { isCopyLoaded: u, isInitialized: H, setSelectedAccounts: P } = cA(), { setSelectedAccount: C } = we(), { selectedDebtPriority: y, setSelectedDebtChartData: x } = Ke(), { visibleDebtAccounts: w } = CA(), { goalsLoaded: j, loadGoals: D, monthlyCashFlowProfile: q } = KA(), { debts: m } = Ti(), O = h.useMemo(() => {
+  const [i, n] = h.useState(!1), [r, o] = h.useState(!1), [a, s] = h.useState(!1), [c, E] = h.useState(""), { isDesktop: d, isMobile: f } = HA(), { debts: l } = p(), { onEvent: v } = J(), { isCopyLoaded: u, isInitialized: H, setSelectedAccounts: P } = cA(), { setSelectedAccount: C } = we(), { selectedDebtPriority: y, setSelectedDebtChartData: x } = Ke(), { visibleDebtAccounts: w } = CA(), { goalsLoaded: j, loadGoals: D, monthlyCashFlowProfile: q } = KA(), { debts: m } = Ti(), L = h.useMemo(() => {
     const lA = q?.extra_payment ?? 0;
     return rl(m, y, lA);
   }, [m, y, q]);
@@ -11581,7 +11581,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
     H && D().finally();
   }, [H]);
   const K = (lA) => E(lA), B = () => {
-    const lA = w.find((hA) => hA.guid === c), gA = O.find((hA) => hA.guid === c);
+    const lA = w.find((hA) => hA.guid === c), gA = L.find((hA) => hA.guid === c);
     lA && C(lA), gA && x(gA), n(!0);
   }, Z = () => v(Y.DEBTS_CLICK_FILTER), fA = () => {
     s(!0), v(Y.DEBTS_CLICK_SNOWBALL_CTA);
@@ -11614,7 +11614,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
                 /* @__PURE__ */ e(
                   Ma,
                   {
-                    debts: O,
+                    debts: L,
                     height: f ? 250 : void 0,
                     hoveredDebtGuid: c,
                     onClickArea: B,
@@ -11625,7 +11625,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
                 /* @__PURE__ */ e(
                   Eh,
                   {
-                    debts: O,
+                    debts: L,
                     onClickCta: fA,
                     sx: { mb: f ? "0px" : "64px" }
                   }
@@ -11636,7 +11636,7 @@ const xe = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
           /* @__PURE__ */ e(b, { sx: { mx: f ? "-24px" : 0 }, children: /* @__PURE__ */ e(
             el,
             {
-              debts: O,
+              debts: L,
               hoveredDebtGuid: c,
               onClickRow: B,
               onHoverRow: K
@@ -12665,7 +12665,7 @@ const hl = (A, t) => {
   const { onEvent: i } = J(), { isMobile: n } = HA(), { visibleAccounts: r } = CA(), { isCopyLoaded: o, isInitialized: a, setSelectedAccounts: s } = cA(), { goals: c, common: E } = p(), { alert: d, goals: f, goalsLoaded: l, loadGoals: v, monthlyCashFlowProfile: u, setAlert: H, retirmentGoals: P } = KA(), [C, y] = h.useState(0), [x, w] = h.useState(!1), j = u?.amount_allocated_for_savings_goals || 0, D = u?.amount_allocated_for_debt_goals || 0, q = u?.amount_allocated_for_retirement_goals || 0, m = o ? z(
     n ? c.tab_subtitle_mobile : c.tab_subtitle,
     N(j, "0,0")
-  ) : "", O = o ? z(
+  ) : "", L = o ? z(
     n ? c.tab_subtitle_mobile : c.tab_subtitle,
     N(D, "0,0")
   ) : "", K = o ? z(
@@ -12723,7 +12723,7 @@ const hl = (A, t) => {
                   OA,
                   {
                     disabled: aA,
-                    label: /* @__PURE__ */ e(on, { subtitle: O, title: c.tab_debt_title })
+                    label: /* @__PURE__ */ e(on, { subtitle: L, title: c.tab_debt_title })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -13266,13 +13266,13 @@ const Gl = /^[ a-zA-ZÀ-ÿ0-9]+$/, Ml = 50, ao = 65, Nl = ({
         searchValue: s
       }
     ),
-    /* @__PURE__ */ e(me, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(nA, { children: /* @__PURE__ */ I(L, { height: A, overflow: "auto", ref: f, children: [
-      /* @__PURE__ */ I(L, { height: l.getTotalSize(), position: "relative", children: [
+    /* @__PURE__ */ e(me, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(nA, { children: /* @__PURE__ */ I(O, { height: A, overflow: "auto", ref: f, children: [
+      /* @__PURE__ */ I(O, { height: l.getTotalSize(), position: "relative", children: [
         i && /* @__PURE__ */ e(IA, { label: "Loading...", size: 32 }),
         !i && l.getVirtualItems().length > 0 && l.getVirtualItems().map((v) => {
           const u = n[v.index];
           return /* @__PURE__ */ I(
-            L,
+            O,
             {
               height: ao,
               position: "absolute",
@@ -13695,7 +13695,7 @@ const Kl = ({
   const { net_worth: o } = p(), a = RA();
   return /* @__PURE__ */ I(AA, { children: [
     /* @__PURE__ */ I(
-      L,
+      O,
       {
         sx: {
           alignItems: "center",
@@ -13829,7 +13829,7 @@ const Kl = ({
     selectedData: u,
     setHoveredData: H,
     setSelectedData: P
-  } = Vc(), { isMobile: C } = HA(), { onEvent: y } = J(), [x, w] = h.useState(!1), [j, D] = h.useState(6), [q, m] = h.useState(!1), [O, K] = h.useState(!1), [B, Z] = h.useState(!1), fA = async () => {
+  } = Vc(), { isMobile: C } = HA(), { onEvent: y } = J(), [x, w] = h.useState(!1), [j, D] = h.useState(6), [q, m] = h.useState(!1), [L, K] = h.useState(!1), [B, Z] = h.useState(!1), fA = async () => {
     await l(n), await f(j), w(!0);
   };
   h.useEffect(() => {
@@ -13903,7 +13903,7 @@ const Kl = ({
               ]
             }
           )
-        ] }) : /* @__PURE__ */ e(L, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
+        ] }) : /* @__PURE__ */ e(O, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
           $t,
           {
             header: a.empty_widget_header,
@@ -13943,7 +13943,7 @@ const Kl = ({
           oA,
           {
             ariaLabelClose: "Close",
-            isOpen: O,
+            isOpen: L,
             onClose: () => K(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
@@ -14064,7 +14064,7 @@ const fv = (A, t) => {
     /* @__PURE__ */ e(hv, { notification: A }),
     /* @__PURE__ */ e(R, { bold: !A.has_been_viewed, truncate: !1, variant: "Small", children: A.content })
   ] });
-}, vv = ({ date: A }) => /* @__PURE__ */ e(L, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ e(R, { bold: !0, variant: "Small", children: Ni(A) }) }), Rv = ({ onClick: A }) => {
+}, vv = ({ date: A }) => /* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ e(R, { bold: !0, variant: "Small", children: Ni(A) }) }), Rv = ({ onClick: A }) => {
   const { isLoading: t, loadNotifications: i, recentNotifications: n, markAllAsViewed: r } = Ia(), { notifications: o } = p(), { isCopyLoaded: a } = cA(), s = (c) => {
     A?.(c);
   };
@@ -14396,7 +14396,7 @@ const gv = ({
 }) => {
   const a = te();
   return /* @__PURE__ */ I(h.Fragment, { children: [
-    /* @__PURE__ */ e(L, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, rowSpacing: 24, children: [
+    /* @__PURE__ */ e(O, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, rowSpacing: 24, children: [
       /* @__PURE__ */ e(UA, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: t }),
       /* @__PURE__ */ e(
         UA,
@@ -14436,7 +14436,7 @@ const gv = ({
 }) => {
   const a = te();
   return /* @__PURE__ */ I(h.Fragment, { children: [
-    /* @__PURE__ */ e(L, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ e(O, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
       /* @__PURE__ */ e(
         UA,
         {
@@ -14471,7 +14471,7 @@ const gv = ({
   hasDivider: t = !0,
   sx: i
 }) => /* @__PURE__ */ I(AA, { children: [
-  /* @__PURE__ */ e(L, { sx: { pb: 48, ...i }, children: A }),
+  /* @__PURE__ */ e(O, { sx: { pb: 48, ...i }, children: A }),
   t && /* @__PURE__ */ e(G, {})
 ] }), Be = ({
   altImage: A,
@@ -14483,7 +14483,7 @@ const gv = ({
 }) => {
   const a = te();
   return /* @__PURE__ */ I(h.Fragment, { children: [
-    /* @__PURE__ */ e(L, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ e(O, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
       /* @__PURE__ */ e(UA, { item: !0, lg: 12 - r, md: 12, sm: 12, xs: 12, children: t }),
       /* @__PURE__ */ e(
         UA,
@@ -14521,7 +14521,7 @@ const gv = ({
 }) => {
   const a = te();
   return /* @__PURE__ */ I(h.Fragment, { children: [
-    /* @__PURE__ */ e(L, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, rowSpacing: 24, children: [
+    /* @__PURE__ */ e(O, { sx: { pb: 48, ...o }, children: /* @__PURE__ */ I(UA, { container: !0, rowSpacing: 24, children: [
       /* @__PURE__ */ e(
         UA,
         {
@@ -14559,7 +14559,7 @@ const gv = ({
   subListType: r = "ol"
 }) => {
   const o = t, a = r;
-  return /* @__PURE__ */ e(L, { sx: { [t]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ e(o, { children: A.map((s, c) => /* @__PURE__ */ I("li", { children: [
+  return /* @__PURE__ */ e(O, { sx: { [t]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ e(o, { children: A.map((s, c) => /* @__PURE__ */ I("li", { children: [
     /* @__PURE__ */ e(T, { content: s, sx: { py: 1 } }),
     i === c ? /* @__PURE__ */ e(a, { ...r === "ol" && { type: "a" }, children: n.map((E, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(T, { content: E, sx: { py: 1 } }) }, d)) }) : null
   ] }, c)) }) });
@@ -16910,7 +16910,7 @@ const gv = ({
         flexDirection: n ? "column-reverse" : "column"
       },
       children: [
-        /* @__PURE__ */ I(L, { children: [
+        /* @__PURE__ */ I(O, { children: [
           /* @__PURE__ */ I(b, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
             t && /* @__PURE__ */ e(M, { name: "help", size: 20, sx: { color: "text.primary" } }),
             /* @__PURE__ */ e(R, { color: "text.primary", variant: "H3", children: o })
@@ -16959,7 +16959,7 @@ const gv = ({
               title: E
             }
           ),
-          /* @__PURE__ */ e(L, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(O, { sx: { px: 24 }, children: /* @__PURE__ */ e(
             $A,
             {
               InputLabelProps: { shrink: !0 },
@@ -16980,7 +16980,7 @@ const gv = ({
               variant: "outlined"
             }
           ) }),
-          /* @__PURE__ */ e(L, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(O, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ e(
             R,
             {
               color: "secondary",
@@ -17173,7 +17173,7 @@ const gv = ({
     }
   ),
   /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(de, {}) })
-] }) }), Fa = ({ list: A, onClick: t, sx: i }) => /* @__PURE__ */ e(L, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(nA, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: A.map(({ name: n, guid: r, subtitle: o, type: a }, s) => /* @__PURE__ */ I(h.Fragment, { children: [
+] }) }), Fa = ({ list: A, onClick: t, sx: i }) => /* @__PURE__ */ e(O, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(nA, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: A.map(({ name: n, guid: r, subtitle: o, type: a }, s) => /* @__PURE__ */ I(h.Fragment, { children: [
   /* @__PURE__ */ e(
     O9,
     {
@@ -17271,7 +17271,7 @@ const gv = ({
       }
     ),
     /* @__PURE__ */ I(
-      L,
+      O,
       {
         sx: {
           bgcolor: "background.paper",
@@ -17320,7 +17320,7 @@ const gv = ({
   onClose: r
 }) => {
   const { common: o } = p();
-  return /* @__PURE__ */ e(oA, { isOpen: i, onClose: r, title: A.request_support, children: /* @__PURE__ */ I(L, { sx: { px: 24 }, children: [
+  return /* @__PURE__ */ e(oA, { isOpen: i, onClose: r, title: A.request_support, children: /* @__PURE__ */ I(O, { sx: { px: 24 }, children: [
     /* @__PURE__ */ e(b, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ e(M, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ I(b, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ e(vt, { children: A.request_support_success }),
@@ -17339,13 +17339,13 @@ const gv = ({
     }), C = y9.map((m) => ({
       ...m,
       title: A.help_by_category_list[m.guid].label,
-      topics: m.topics.map(({ type: O }, K) => ({
-        type: O,
+      topics: m.topics.map(({ type: L }, K) => ({
+        type: L,
         label: A.help_by_category_list[m.guid].topics[K]
       }))
-    })), y = Object.keys(A.popular_topics_list).map((m, O) => ({
+    })), y = Object.keys(A.popular_topics_list).map((m, L) => ({
       name: A.popular_topics_list[m],
-      type: x9[O].type
+      type: x9[L].type
     })), x = () => {
       d(""), P({ isOpen: !1, topic: "", type: void 0 });
     }, w = (m) => {
@@ -17354,8 +17354,8 @@ const gv = ({
         message: E ? `Institution: ${E}, ${m}` : m,
         title: H.topic || "Contact Support"
       });
-    }, j = (m, O) => {
-      O === "other" ? u(!0) : P({ isOpen: !0, topic: m, type: O });
+    }, j = (m, L) => {
+      L === "other" ? u(!0) : P({ isOpen: !0, topic: m, type: L });
     }, D = () => {
       a(""), l(!1), u(!1), x();
     }, q = (m) => {
@@ -17415,7 +17415,7 @@ const gv = ({
             onClick: j
           }
         ),
-        /* @__PURE__ */ e(L, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(O, { sx: { p: 24 }, children: /* @__PURE__ */ e(
           G9,
           {
             copy: A,
@@ -17488,7 +17488,7 @@ const gv = ({
   }
 ), V9 = ({ sx: A }) => {
   const [t, i] = h.useState(!1), [n, r] = h.useState(null), { help: o } = p(), { isCopyLoaded: a, isInitialized: s } = cA(), { helpCategories: c } = Sn(), { isMobile: E } = HA(), d = window.app?.config, f = () => i(!0), l = (v) => r(v);
-  return !a || !s ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(L, { sx: { pt: 24, px: E ? 24 : 0, ...A }, children: [
+  return !a || !s ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(O, { sx: { pt: 24, px: E ? 24 : 0, ...A }, children: [
     n ? /* @__PURE__ */ e(
       p9,
       {
@@ -17660,7 +17660,7 @@ const gv = ({
   ] });
 }), W9 = () => {
   const { common: A, settings: t } = p(), { isDesktop: i, isMobile: n, isSmallMobile: r, isTablet: o } = HA(), { updateUser: a } = pe(), { user: s } = Fe(), [c, E] = h.useState(s.first_name), [d, f] = h.useState(s.last_name), [l, v] = h.useState(s.email), [u, H] = h.useState(s.phone), [P, C] = h.useState(s.postal_code), [y, x] = h.useState(s.credit_score), [w, j] = h.useState(jA(s.birthday ?? 0)), D = l && !s.email_is_verified, q = u && !s.phone_is_verified, m = async () => {
-    const O = {
+    const L = {
       ...s,
       first_name: c,
       last_name: d,
@@ -17670,10 +17670,10 @@ const gv = ({
       postal_code: P,
       credit_score: y
     };
-    await a(O);
+    await a(L);
   };
   return /* @__PURE__ */ I(
-    L,
+    O,
     {
       component: "form",
       sx: {
@@ -17699,7 +17699,7 @@ const gv = ({
                 {
                   defaultValue: c,
                   label: t.first_name,
-                  onChange: (O) => E(O.target.value)
+                  onChange: (L) => E(L.target.value)
                 }
               ),
               /* @__PURE__ */ e(
@@ -17707,7 +17707,7 @@ const gv = ({
                 {
                   defaultValue: d,
                   label: t.last_name,
-                  onChange: (O) => f(O.target.value)
+                  onChange: (L) => f(L.target.value)
                 }
               )
             ]
@@ -17720,7 +17720,7 @@ const gv = ({
               {
                 defaultValue: l,
                 label: t.email_address,
-                onChange: (O) => v(O.target.value)
+                onChange: (L) => v(L.target.value)
               }
             ),
             D && /* @__PURE__ */ e(S9, {})
@@ -17731,7 +17731,7 @@ const gv = ({
               {
                 defaultValue: u,
                 label: t.mobile_number,
-                onChange: (O) => H(O.target.value),
+                onChange: (L) => H(L.target.value),
                 type: "tel"
               }
             ),
@@ -17753,7 +17753,7 @@ const gv = ({
             {
               defaultValue: P,
               label: t.zip_code,
-              onChange: (O) => C(O.target.value)
+              onChange: (L) => C(L.target.value)
             }
           )
         ] }),
@@ -17763,7 +17763,7 @@ const gv = ({
             {
               defaultValue: y,
               label: t.credit_score,
-              onChange: (O) => x(Number(O.target.value)),
+              onChange: (L) => x(Number(L.target.value)),
               sx: { mb: 44 }
             }
           ),
@@ -17841,7 +17841,7 @@ const K9 = ({
     ...s,
     device_type: `${s.make} ${s.model}`
   })), [A]);
-  return /* @__PURE__ */ e(L, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
     Mt,
     {
       columns: o,
@@ -17856,7 +17856,7 @@ const K9 = ({
       },
       slots: {
         footer: () => /* @__PURE__ */ e(
-          L,
+          O,
           {
             sx: {
               backgroundColor: n.palette.background.default,
@@ -17963,7 +17963,7 @@ const K9 = ({
       c.guid
     )),
     /* @__PURE__ */ e(
-      L,
+      O,
       {
         sx: {
           backgroundColor: n.palette.background.default,
@@ -18575,7 +18575,7 @@ const K9 = ({
             ]
           }
         ),
-        /* @__PURE__ */ e(L, { sx: { borderBottom: 2, borderColor: "divider", mt: -2 } }),
+        /* @__PURE__ */ e(O, { sx: { borderBottom: 2, borderColor: "divider", mt: -2 } }),
         c === 0 && (r ? /* @__PURE__ */ e(k9, {}) : /* @__PURE__ */ e(IA, {})),
         c === 1 && /* @__PURE__ */ e($9, {}),
         c === 2 && /* @__PURE__ */ e(Wa, {}),
@@ -19571,7 +19571,7 @@ const In = ({
     });
   }, H = (P) => {
     const C = P === "hidden" ? d : f, y = P === "hidden" ? l : v, x = P === "hidden" ? i.account_hidden : i.account_closed;
-    return /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
       nA,
       {
         "aria-label": x,
@@ -19620,7 +19620,7 @@ const In = ({
       }
     ) });
   };
-  return /* @__PURE__ */ I(L, { sx: { pt: 24 }, children: [
+  return /* @__PURE__ */ I(O, { sx: { pt: 24 }, children: [
     c.map((P) => {
       const C = n.filter(
         (x) => x.account_type === P && !x.is_closed && !x.is_hidden
@@ -19719,7 +19719,7 @@ const In = ({
       sx: t,
       title: E.title,
       children: !f || r ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(AA, { children: [
-        /* @__PURE__ */ I(L, { sx: { px: u ? 24 : 12 }, children: [
+        /* @__PURE__ */ I(O, { sx: { px: u ? 24 : 12 }, children: [
           v.length < 1 && /* @__PURE__ */ e(R, { display: "flex", justifyContent: "center", my: 24, children: E.no_accounts }),
           /* @__PURE__ */ e(DR, {})
         ] }),
@@ -20722,7 +20722,7 @@ const ZR = ({
     }, P = () => {
       v(!0), o(Y.ACCOUNTS_CLICK_CONNECT);
     };
-    return s ? /* @__PURE__ */ e(b, { alignItems: "center", height: t, justifyContent: "center", width: Math.abs(u), children: /* @__PURE__ */ e(IA, {}) }) : /* @__PURE__ */ I(L, { ml: n || f ? 0 : 24, sx: { alignSelf: "center" }, children: [
+    return s ? /* @__PURE__ */ e(b, { alignItems: "center", height: t, justifyContent: "center", width: Math.abs(u), children: /* @__PURE__ */ e(IA, {}) }) : /* @__PURE__ */ I(O, { ml: n || f ? 0 : 24, sx: { alignSelf: "center" }, children: [
       n || !c ? /* @__PURE__ */ e(
         _R,
         {
@@ -20764,7 +20764,7 @@ const ZR = ({
       ...A,
       children: r ? /* @__PURE__ */ I(b, { height: 450, mt: 32, children: [
         /* @__PURE__ */ e(Za, { height: 370, shouldShowZeroState: l }),
-        !l && /* @__PURE__ */ I(L, { ml: 16, children: [
+        !l && /* @__PURE__ */ I(O, { ml: 16, children: [
           /* @__PURE__ */ e(R, { bold: !0, color: f < 0 ? "error.main" : "success.main", children: N(Math.abs(f), "0,0") }),
           /* @__PURE__ */ e(R, { children: f < 0 ? s.overspent_in_budgets : s.left_in_budgets })
         ] })
@@ -20823,7 +20823,7 @@ const ZR = ({
             /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: t.recalculate_description_top }),
             /* @__PURE__ */ e(R, { variant: "ParagraphSmall", children: t.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(L, { bgcolor: "background.paper", children: /* @__PURE__ */ e(nA, { children: c.map((d) => /* @__PURE__ */ e(e3, { category: d }, d.guid)) }) })
+          /* @__PURE__ */ e(O, { bgcolor: "background.paper", children: /* @__PURE__ */ e(nA, { children: c.map((d) => /* @__PURE__ */ e(e3, { category: d }, d.guid)) }) })
         ] })
       }
     )
@@ -20889,7 +20889,7 @@ const ZR = ({
   };
   return /* @__PURE__ */ I(b, { children: [
     /* @__PURE__ */ e(A3, {}),
-    /* @__PURE__ */ e(L, { bgcolor: "background.paper", children: /* @__PURE__ */ e(nA, { children: r.map((a) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(O, { bgcolor: "background.paper", children: /* @__PURE__ */ e(nA, { children: r.map((a) => /* @__PURE__ */ e(
       i3,
       {
         category: a,
@@ -20960,7 +20960,7 @@ const ZR = ({
   }, P = async () => {
     v && Number(f) > 0 && (await a(v, Number(f), t.guid), d(!1), c(!1), u(void 0));
   };
-  return /* @__PURE__ */ I(L, { children: [
+  return /* @__PURE__ */ I(O, { children: [
     /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(sA, { onClick: H, children: /* @__PURE__ */ e(tA, { children: /* @__PURE__ */ I(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ I(b, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(M, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
@@ -21346,7 +21346,7 @@ const ZR = ({
     setAlert: C,
     setTheme: y,
     budgets: x
-  } = ee(), { loadActivity: w } = kA(), { isDesktop: j, isTablet: D } = HA(), { reloadCategoryTotals: q } = QA(), [m, O] = h.useState(!1);
+  } = ee(), { loadActivity: w } = kA(), { isDesktop: j, isTablet: D } = HA(), { reloadCategoryTotals: q } = QA(), [m, L] = h.useState(!1);
   h.useEffect(() => {
     y(i), f(r), d(v.start, v.end), n(Y.BUDGETS_VIEW);
   }, []), h.useEffect(() => {
@@ -21359,9 +21359,9 @@ const ZR = ({
   }, B = () => {
     n(Y.BUDGETS_CLICK_FILTER);
   }, Z = () => {
-    O(!0), n(Y.BUDGETS_CLICK_ADD);
+    L(!0), n(Y.BUDGETS_CLICK_ADD);
   }, fA = () => {
-    O(!1);
+    L(!1);
   }, aA = Ot(v.end, MA(/* @__PURE__ */ new Date()));
   return !s || !c || !u ? /* @__PURE__ */ e(IA, {}) : /* @__PURE__ */ I(
     ze,
@@ -21421,7 +21421,7 @@ const ZR = ({
           {
             ariaLabelClose: a.close_aria,
             isOpen: m,
-            onClose: () => O(!1),
+            onClose: () => L(!1),
             title: o.add_new_title,
             children: /* @__PURE__ */ e(n3, { onRecalculateBudgets: fA })
           }
@@ -21844,11 +21844,11 @@ const di = h.createContext(null), w3 = ({
     variant: u,
     widthOverrides: H
   }, P) {
-    const [C, y] = h.useState(2);
+    const [C, y] = h.useState(2), [x, w] = h.useState(!1);
     h.useEffect(() => {
       H && H <= 325 && y(3);
     }, [H]);
-    const { cardStyle: x, linkTextStyle: w } = f, j = u ? x : { border: "none", boxShadow: "none", ...x }, D = /* @__PURE__ */ e(
+    const { cardStyle: j, linkTextStyle: D } = f, q = u ? j : { border: "none", boxShadow: "none", ...j }, m = /* @__PURE__ */ e(
       wA,
       {
         className: "mx-micro-card-description",
@@ -21873,14 +21873,17 @@ const di = h.createContext(null), w3 = ({
         "aria-hidden": !s,
         "aria-label": i,
         onClick: () => E(),
+        onKeyUp: () => w(!0),
         ref: P,
         role: "button",
         style: {
           height: "100%",
           listStyleType: "none",
           userSelect: "none",
-          minWidth: "100%"
+          minWidth: "100%",
+          boxShadow: x ? "0px 0px 0px 2px rgba(82, 138, 224, 0.8)" : void 0
         },
+        tabIndex: s ? 0 : -1,
         children: /* @__PURE__ */ e(
           ge,
           {
@@ -21893,13 +21896,10 @@ const di = h.createContext(null), w3 = ({
               cursor: "pointer",
               height: o ? "100%" : 124,
               p: 16,
-              ...j,
+              ...q,
               "& .MuiCardHeader-avatar": {
                 color: l.iconColor,
                 mr: "8px"
-              },
-              "&.Mui-focusVisible !important": {
-                boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
               }
             },
             variant: u,
@@ -21915,23 +21915,23 @@ const di = h.createContext(null), w3 = ({
                     ot,
                     {
                       avatar: d && a,
-                      subheader: c && D,
+                      subheader: c && m,
                       sx: { color: l.headerColor, p: 0 },
                       title: v,
                       titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                     }
                   ),
-                  /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: !c && D }),
+                  /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: !c && m }),
                   !!t && /* @__PURE__ */ e(VI, { sx: { padding: 0 }, children: /* @__PURE__ */ e(
-                    L,
+                    O,
                     {
-                      sx: (q) => ({
-                        color: l.buttonColor ? l.buttonColor : q.palette.primary.main,
+                      sx: (L) => ({
+                        color: l.buttonColor ? l.buttonColor : L.palette.primary.main,
                         // TODO: Per Cameron the theme package in @mxenabled/mxui will be getting a big update and this will be theme.palette.primary_main
                         fontSize: 14,
                         fontWeight: "bold",
                         px: 28,
-                        ...w
+                        ...D
                       }),
                       children: t
                     }
@@ -22918,7 +22918,7 @@ const di = h.createContext(null), w3 = ({
   scrollX: a
 }) => {
   const s = T3(), c = te(), { carouselCopy: E } = Pt(), d = Math.floor(a) > o || t === 0, f = a < 0 || i - 1 === t, l = c.palette.grey[500], v = A?.primary_300 ? A?.primary_300 : "#2D64EF";
-  return /* @__PURE__ */ I(L, { className: s, children: [
+  return /* @__PURE__ */ I(O, { className: s, children: [
     /* @__PURE__ */ e(
       TA,
       {
@@ -23014,7 +23014,7 @@ const di = h.createContext(null), w3 = ({
   }, m = () => {
     if (!C || !H) return;
     C - H > G3 ? w(je.ON_CAROUSEL_FORWARD_SWIPE) : w(je.ON_CAROUSEL_BACK_SWIPE);
-  }, O = (aA) => {
+  }, L = (aA) => {
     P(aA.targetTouches[0].clientX);
   }, K = (aA) => {
     P(null), y(aA.targetTouches[0].clientX);
@@ -23041,7 +23041,7 @@ const di = h.createContext(null), w3 = ({
             className: "mx-insights-micro-carousel-container",
             onScroll: q,
             onTouchEnd: m,
-            onTouchMove: O,
+            onTouchMove: L,
             onTouchStart: K,
             ref: l,
             children: [
@@ -23191,7 +23191,7 @@ const di = h.createContext(null), w3 = ({
 }) => {
   const { carouselCopy: n } = Pt();
   return /* @__PURE__ */ e(
-    L,
+    O,
     {
       "aria-label": n?.carousel_title,
       "aria-roledescription": "carousel",
@@ -23302,7 +23302,7 @@ const di = h.createContext(null), w3 = ({
     }
   );
 }, e6 = g(as), W3 = () => /* @__PURE__ */ e(
-  L,
+  O,
   {
     sx: {
       alignItems: "center",
@@ -23341,7 +23341,7 @@ const di = h.createContext(null), w3 = ({
   variant: x,
   widthOverrides: w
 }) => {
-  const [j, D] = We("STANDARD"), [q, m] = We(!1), O = hc([c], _e), K = lc([E], _e);
+  const [j, D] = We("STANDARD"), [q, m] = We(!1), L = hc([c], _e), K = lc([E], _e);
   h.useEffect(() => {
     _e.isInitialized || _e.initialize(r, P, a);
   }, [r, P, a, _e.isInitialized]), h.useEffect(() => {
@@ -23368,7 +23368,7 @@ const di = h.createContext(null), w3 = ({
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
     /* @__PURE__ */ I(ms, { theme: Ps(C ? "dark" : "light"), children: [
       /* @__PURE__ */ e(SI, {}),
-      /* @__PURE__ */ e(w3, { onEvent: O, onPageview: K, store: _e, children: /* @__PURE__ */ I(F3, { heightOverrides: o, widthOverrides: w, children: [
+      /* @__PURE__ */ e(w3, { onEvent: L, onPageview: K, store: _e, children: /* @__PURE__ */ I(F3, { heightOverrides: o, widthOverrides: w, children: [
         (A || !_e.isInitialized) && /* @__PURE__ */ e(W3, {}),
         q && v && /* @__PURE__ */ e(
           U3,
@@ -23591,7 +23591,7 @@ const di = h.createContext(null), w3 = ({
     role: "button",
     sx: { cursor: "pointer" },
     children: [
-      /* @__PURE__ */ e(L, { borderRadius: 4, height: 8, sx: { backgroundColor: n.color }, width: 8 }),
+      /* @__PURE__ */ e(O, { borderRadius: 4, height: 8, sx: { backgroundColor: n.color }, width: 8 }),
       /* @__PURE__ */ e(R, { bold: n.guid === i, variant: "XSmall", children: n.name })
     ]
   },
@@ -23631,7 +23631,7 @@ const di = h.createContext(null), w3 = ({
   }, H = (P) => {
     E(c === P ? "" : P);
   };
-  return o ? /* @__PURE__ */ I(L, { width: "100%", children: [
+  return o ? /* @__PURE__ */ I(O, { width: "100%", children: [
     /* @__PURE__ */ I(qe, { onChange: u, value: d, variant: "fullWidth", children: [
       /* @__PURE__ */ e(
         OA,
@@ -23658,7 +23658,7 @@ const di = h.createContext(null), w3 = ({
         }
       )
     ] }),
-    d === 0 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ I(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    d === 0 && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ I(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ e(
         yi,
         {
@@ -23677,7 +23677,7 @@ const di = h.createContext(null), w3 = ({
         }
       )
     ] }) }),
-    d === 1 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ I(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    d === 1 && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ I(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ e(
         yi,
         {
@@ -23731,7 +23731,7 @@ const di = h.createContext(null), w3 = ({
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ e(
-                  L,
+                  O,
                   {
                     borderRadius: 4,
                     flexShrink: 0,
@@ -23858,12 +23858,12 @@ const di = h.createContext(null), w3 = ({
   ), w = h.useMemo(
     () => E.find((m) => m.guid === u),
     [u]
-  ), j = (m, O) => {
-    v(O), f("");
+  ), j = (m, L) => {
+    v(L), f("");
   }, D = (m) => {
     f(d === m || m === "0" ? "" : m);
   }, q = (m) => {
-    const O = {
+    const L = {
       accounts: s,
       dateRange: o
     };
@@ -23871,22 +23871,22 @@ const di = h.createContext(null), w3 = ({
       if (m === "other") {
         const K = y.categoryData.find((B) => B.guid === "other");
         c({
-          ...O,
+          ...L,
           custom: (B) => !!K?.categoryTotals?.find((Z) => Z.guid === B.top_level_category_guid)
         });
       } else
         c({
-          ...O,
+          ...L,
           custom: (K) => m ? K.top_level_category_guid === m : K.top_level_category_guid !== X.INCOME
         });
     else
       c({
-        ...O,
+        ...L,
         custom: (K) => m ? K.category_guid === m : K.top_level_category_guid === X.INCOME
       });
     C(!0);
   };
-  return /* @__PURE__ */ I(L, { children: [
+  return /* @__PURE__ */ I(O, { children: [
     /* @__PURE__ */ I(qe, { onChange: j, value: l, variant: "fullWidth", children: [
       /* @__PURE__ */ e(
         OA,
@@ -23973,7 +23973,7 @@ const di = h.createContext(null), w3 = ({
       onBackClick: A,
       sx: t,
       title: n.title,
-      children: /* @__PURE__ */ e(L, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ e(a7, {}) })
+      children: /* @__PURE__ */ e(O, { height: "calc(100dvh - 150px)", overflow: "scroll", width: "100%", children: /* @__PURE__ */ e(a7, {}) })
     }
   );
 }, n6 = g(s7), I7 = (A) => ct[A] ?? ct.default, c7 = (A) => Gi[A];
@@ -24018,7 +24018,7 @@ const f7 = (A) => A.reduce((i, n) => {
   const { categories: i } = p(), n = Gi[A];
   return /* @__PURE__ */ I(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
-      L,
+      O,
       {
         "aria-label": z(i.category_icon_label_aria, n),
         role: "img",
@@ -24094,7 +24094,7 @@ const f7 = (A) => A.reduce((i, n) => {
     );
     return Object.values(u);
   }, [A, i]);
-  return /* @__PURE__ */ e(L, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...o }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(O, { sx: { height: r, width: "100%", overflowX: "auto", boxShadow: "none", ...o }, children: /* @__PURE__ */ e(
     Mt,
     {
       columns: f,
@@ -24149,7 +24149,7 @@ const f7 = (A) => A.reduce((i, n) => {
 }, z7 = g(H7), C7 = {
   view_transactions: "View Transactions"
 }, g7 = ({ onBackClick: A, sx: t }) => {
-  const i = te(), { onEvent: n } = J(), { isDesktop: r, isTablet: o, isMobile: a } = HA(), { visibleAccounts: s } = CA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: E, getCategoryName: d } = QA(), { sortedTransactions: f } = zA(), { isCopyLoaded: l, isInitialized: v, selectedAccounts: u, setSelectedAccounts: H } = cA(), { trends: P } = p(), C = i.palette.mode === "dark", [y, x] = h.useState(!1), [w, j] = h.useState(!1), [D, q] = h.useState("Chart"), [m, O] = h.useState(""), [K, B] = h.useState({
+  const i = te(), { onEvent: n } = J(), { isDesktop: r, isTablet: o, isMobile: a } = HA(), { visibleAccounts: s } = CA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: E, getCategoryName: d } = QA(), { sortedTransactions: f } = zA(), { isCopyLoaded: l, isInitialized: v, selectedAccounts: u, setSelectedAccounts: H } = cA(), { trends: P } = p(), C = i.palette.mode === "dark", [y, x] = h.useState(!1), [w, j] = h.useState(!1), [D, q] = h.useState("Chart"), [m, L] = h.useState(""), [K, B] = h.useState({
     start: Hr(BA(Ye(/* @__PURE__ */ new Date(), 6)), 1),
     end: BA(/* @__PURE__ */ new Date())
   });
@@ -24196,9 +24196,9 @@ const f7 = (A) => A.reduce((i, n) => {
   }, gA = () => {
     n(Y.TRENDS_CLICK_FILTER);
   }, hA = (XA) => {
-    O(XA);
+    L(XA);
   }, DA = (XA) => {
-    O(XA), n(Y.TRENDS_CLICK_LEGEND, { category: d(XA) });
+    L(XA), n(Y.TRENDS_CLICK_LEGEND, { category: d(XA) });
   }, ie = (XA) => {
     n(Y.TRENDS_HOVER_LEGEND, { category: d(XA) });
   }, fe = (XA) => {
@@ -24233,7 +24233,7 @@ const f7 = (A) => A.reduce((i, n) => {
                   justifyContent: "space-between",
                   sx: { pb: a ? 12 : 24, pt: a ? 24 : 48 },
                   children: [
-                    /* @__PURE__ */ I(L, { sx: { mr: 10, minWidth: "60%" }, children: [
+                    /* @__PURE__ */ I(O, { sx: { mr: 10, minWidth: "60%" }, children: [
                       /* @__PURE__ */ e(
                         R,
                         {
@@ -24293,13 +24293,13 @@ const f7 = (A) => A.reduce((i, n) => {
                 }
               ),
               /* @__PURE__ */ I(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(L, { flexGrow: 1, children: m && /* @__PURE__ */ I(_, { onClick: () => O(""), sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ e(O, { flexGrow: 1, children: m && /* @__PURE__ */ I(_, { onClick: () => L(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(M, { name: "arrow_back" }),
                   P.all_categories
                 ] }) }),
                 /* @__PURE__ */ e(_, { onClick: () => j(!0), sx: { px: 5 }, children: `${C7.view_transactions} (${f.length})` })
               ] }),
-              /* @__PURE__ */ I(L, { children: [
+              /* @__PURE__ */ I(O, { children: [
                 D === "Chart" && /* @__PURE__ */ e(
                   kc,
                   {