@mx-cartographer/experiences 5.3.0 → 5.3.1-alpha.mega10

package/dist/index.es.js

@@ -20,7 +20,7 @@ import W from "@mui/material/ListItem";
 import aA from "@mui/material/ListItemButton";
 import eA from "@mui/material/ListItemText";
 import wo from "@mui/material/Popover";
-import b from "@mui/material/Stack";
+import P from "@mui/material/Stack";
 import li from "@mui/material/Checkbox";
 import { addMonths as Re } from "date-fns/addMonths";
 import { addQuarters as Pt } from "date-fns/addQuarters";
@@ -1129,7 +1129,7 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
   handleClose: f,
   showAccountNumbers: E
 }) => {
-  const l = oa(() => oc(A), [A]), v = A.length < 1, u = !!t, H = Object.values(c).every((P) => !!P);
+  const l = oa(() => oc(A), [A]), v = A.length < 1, u = !!t, H = Object.values(c).every((b) => !!b);
   return /* @__PURE__ */ e(
     wo,
     {
@@ -1146,7 +1146,7 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
         horizontal: "left"
       },
       children: v ? /* @__PURE__ */ s(
-        b,
+        P,
         {
           sx: {
             alignItems: "center",
@@ -1201,10 +1201,10 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
                       "data-ui-test": `checked-${H}`,
                       disableRipple: !0,
                       onChange: () => {
-                        const P = {};
+                        const b = {};
                         Object.keys(c).forEach((p) => {
-                          P[p] = !H;
-                        }), d(P);
+                          b[p] = !H;
+                        }), d(b);
                       },
                       size: "small",
                       sx: {
@@ -1218,24 +1218,24 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
                   label: H ? i.unselectAllAccounts : i.selectAllAccounts
                 }
               ) }),
-              Object.keys(l).map((P) => {
-                const p = l[P], y = p.every(
+              Object.keys(l).map((b) => {
+                const p = l[b], y = p.every(
                   (x) => c[x.guid]
                 );
                 return /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(
                   rA,
                   {
-                    "aria-label": z(i.accountTypeAccounts, P),
+                    "aria-label": z(i.accountTypeAccounts, b),
                     className: "mx-cmn-account-options-group",
                     dense: !0,
                     subheader: /* @__PURE__ */ e(me, { disableGutters: !0, children: /* @__PURE__ */ e(
                       aA,
                       {
-                        "aria-label": z(i.toggleAccountTypeAccounts, P),
+                        "aria-label": z(i.toggleAccountTypeAccounts, b),
                         "aria-pressed": y,
                         disableGutters: !0,
                         onClick: () => r(
-                          P,
+                          b,
                           l,
                           y
                         ),
@@ -1247,7 +1247,7 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
                         children: /* @__PURE__ */ e(
                           eA,
                           {
-                            primary: P,
+                            primary: b,
                             primaryTypographyProps: { variant: "XSmall", fontWeight: "bold" }
                           }
                         )
@@ -1292,12 +1292,12 @@ const $i = (A, t) => A.reduce((i, n) => (i[n.guid] = t?.includes(n.guid), i), {}
                       );
                     })
                   }
-                ) }, P);
+                ) }, b);
               })
             ]
           }
         ),
-        /* @__PURE__ */ s(b, { direction: "row", justifyContent: "flex-end", padding: 12, spacing: 16, width: "100%", children: [
+        /* @__PURE__ */ s(P, { direction: "row", justifyContent: "flex-end", padding: 12, spacing: 16, width: "100%", children: [
           /* @__PURE__ */ e($, { onClick: o, variant: "outlined", children: i.cancelButton }),
           /* @__PURE__ */ e(
             $,
@@ -1402,9 +1402,9 @@ const Ic = (A, t) => {
         onAccountClick: (H) => {
           l({ ...E, [H.guid]: !E[H.guid] });
         },
-        onAccountGroupClick: (H, P, p) => {
+        onAccountGroupClick: (H, b, p) => {
           const y = { ...E };
-          P[H].forEach((x) => {
+          b[H].forEach((x) => {
             y[x.guid] = !p;
           }), l(y);
         },
@@ -1546,7 +1546,7 @@ const Ic = (A, t) => {
   width: E,
   xAxisLabel: l = ""
 }) => {
-  const v = KA(), u = dc(v, E), H = d / I * c, P = Math.abs(d) / I * i, p = a === void 0 || a === r ? "primary" : "secondary";
+  const v = KA(), u = dc(v, E), H = d / I * c, b = Math.abs(d) / I * i, p = a === void 0 || a === r ? "primary" : "secondary";
   return /* @__PURE__ */ s("div", { className: `mx-cmn-barchart-bar-column ${u}`, children: [
     /* @__PURE__ */ e("div", { style: { height: c }, children: d >= 0 && /* @__PURE__ */ e(
       wr,
@@ -1568,7 +1568,7 @@ const Ic = (A, t) => {
       {
         ariaLabel: A,
         color: n,
-        height: P,
+        height: b,
         index: r,
         label: f,
         onClick: o,
@@ -1624,13 +1624,13 @@ const Ic = (A, t) => {
   selectedIndex: c,
   valueFormatter: d = (f) => `${f}`
 }) => {
-  const f = KA(), E = Rc(f), l = n.reduce(lc, []), v = A !== void 0 ? A : l.reduce(Ec, 0) / l.length, u = Math.max(...l), H = Math.min(...l), P = l.reduce(hc, 0), p = u >= 0, y = H < 0, x = xr(p, y, r), w = xr(y, p, r), D = vc(v, u, H, x || w), m = (O) => c === void 0 || O === c ? i : `${i}80`, j = () => /* @__PURE__ */ e(
+  const f = KA(), E = Rc(f), l = n.reduce(lc, []), v = A !== void 0 ? A : l.reduce(Ec, 0) / l.length, u = Math.max(...l), H = Math.min(...l), b = l.reduce(hc, 0), p = u >= 0, y = H < 0, x = xr(p, y, r), w = xr(y, p, r), D = vc(v, u, H, x || w), j = (O) => c === void 0 || O === c ? i : `${i}80`, m = () => /* @__PURE__ */ e(
     yr,
     {
       averageLineHeight: D,
       bottomHeight: w,
       color: "",
-      range: P,
+      range: b,
       topHeight: x,
       value: 0,
       width: void 0
@@ -1638,7 +1638,7 @@ const Ic = (A, t) => {
   );
   return /* @__PURE__ */ s("div", { className: `mx-cmn-bar-chart ${E}`, children: [
     /* @__PURE__ */ s("div", { className: "mx-cmn-chart-container", children: [
-      /* @__PURE__ */ e(j, {}),
+      /* @__PURE__ */ e(m, {}),
       n.map((O, T) => /* @__PURE__ */ s(h.Fragment, { children: [
         /* @__PURE__ */ e(
           yr,
@@ -1646,10 +1646,10 @@ const Ic = (A, t) => {
             ariaLabel: O.ariaLabel,
             averageLineHeight: D,
             bottomHeight: w,
-            color: m(T),
+            color: j(T),
             index: T,
             onClick: a,
-            range: P,
+            range: b,
             selectedIndex: c,
             topHeight: x,
             value: O.value,
@@ -1658,7 +1658,7 @@ const Ic = (A, t) => {
             xAxisLabel: O.label
           }
         ),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(m, {})
       ] }, `column-${T}`))
     ] }),
     /* @__PURE__ */ e(sc, { color: i, labelAverage: o, labelMain: I })
@@ -1793,9 +1793,9 @@ const Cc = ({
   const u = h.useMemo(() => {
     const x = ua({ start: QA(c), end: BA(c) }), w = [];
     for (let D = 0; D < x.length; D++) {
-      const m = x[D], j = Ra({ start: m, end: We(m, 6) }), O = [];
-      for (let T = 0; T < j.length; T++)
-        O.push(j[T]);
+      const j = x[D], m = Ra({ start: j, end: We(j, 6) }), O = [];
+      for (let T = 0; T < m.length; T++)
+        O.push(m[T]);
       w.push(O);
     }
     return w;
@@ -1807,7 +1807,7 @@ const Cc = ({
       }
       !f || l ? (E(x), v(void 0)) : mA(x, f) ? (v(f), E(x), r?.(x, f)) : (v(x), r?.(f, x));
     }
-  }, P = () => {
+  }, b = () => {
     const x = fA();
     d(x), o !== "None" && (E(x), o === "Single" ? n?.(x) : (v(x), r?.(x, x)));
   }, p = () => {
@@ -1826,7 +1826,7 @@ const Cc = ({
       }
     ),
     /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-header-row", children: u[0].map((x, w) => /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ e(R, { bold: !0, variant: "Small", children: le(x, "EEEEE") }) }, w)) }),
-    u.map((x, w) => /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-week", children: x.map((D, m) => /* @__PURE__ */ e(
+    u.map((x, w) => /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-week", children: x.map((D, j) => /* @__PURE__ */ e(
       bc,
       {
         beginDate: f,
@@ -1835,9 +1835,9 @@ const Cc = ({
         isInMonth: Pa(D, c),
         onClick: H
       },
-      m
+      j
     )) }, `w-${w}`)),
-    /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ e($, { onClick: P, size: "small", variant: "text", children: A.today }) })
+    /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ e($, { onClick: b, size: "small", variant: "text", children: A.today }) })
   ] }) });
 }, gc = (A) => He({
   width: zc,
@@ -2028,15 +2028,15 @@ const Cc = ({
   valueFormatterString: v = "0,0",
   width: u
 }) => {
-  const H = oe(), P = i.flat().map((m) => m.x), p = i.flat().map((m) => m.y), y = Math.round(p.reduce((m, j) => j + m, 0) / p.length), x = Math.floor(Math.min(...p) / 100) * 100, w = Math.ceil(Math.max(...p) / 100) * 100, D = i.map((m, j) => ({
+  const H = oe(), b = i.flat().map((j) => j.x), p = i.flat().map((j) => j.y), y = Math.round(p.reduce((j, m) => m + j, 0) / p.length), x = Math.floor(Math.min(...p) / 100) * 100, w = Math.ceil(Math.max(...p) / 100) * 100, D = i.map((j, m) => ({
     type: c ? "bar" : "line",
     curve: "linear",
-    color: c ? H.palette.chart?.chart6 : t[j] ?? H.palette.primary.main,
-    data: m.map((O) => O.y),
+    color: c ? H.palette.chart?.chart6 : t[m] ?? H.palette.primary.main,
+    data: j.map((O) => O.y),
     area: d,
     baseline: A,
     showMark: !0,
-    label: r[j],
+    label: r[m],
     valueFormatter: (O) => M(O || 0, v)
   }));
   return /* @__PURE__ */ s("div", { style: { position: "relative" }, children: [
@@ -2057,7 +2057,7 @@ const Cc = ({
           }
         },
         width: u,
-        xAxis: [{ data: P, scaleType: c ? "band" : "point" }],
+        xAxis: [{ data: b, scaleType: c ? "band" : "point" }],
         yAxis: [
           {
             min: x,
@@ -2068,7 +2068,7 @@ const Cc = ({
               max: w,
               color: [H.palette.background.paper, t[0] ?? H.palette.primary.main]
             } : void 0,
-            valueFormatter: (m) => M(m, v)
+            valueFormatter: (j) => M(j, v)
           }
         ],
         children: [
@@ -2077,7 +2077,7 @@ const Cc = ({
             xa,
             {
               slots: d && D.length < 2 ? {
-                line: (m) => /* @__PURE__ */ e(Dc, { ...m, lineColor: t[0] ?? H.palette.primary.main })
+                line: (j) => /* @__PURE__ */ e(Dc, { ...j, lineColor: t[0] ?? H.palette.primary.main })
               } : void 0
             }
           ),
@@ -2085,14 +2085,14 @@ const Cc = ({
             Da,
             {
               slots: l ? {
-                mark: (m) => /* @__PURE__ */ e(
+                mark: (j) => /* @__PURE__ */ e(
                   xc,
                   {
                     handlers: I,
                     showLabel: E,
-                    style: a?.(m.dataIndex) ?? {},
+                    style: a?.(j.dataIndex) ?? {},
                     yData: p,
-                    ...m
+                    ...j
                   }
                 )
               } : void 0
@@ -2101,7 +2101,7 @@ const Cc = ({
           /* @__PURE__ */ e(
             ja,
             {
-              barLabel: (m) => Number(m.value) > 0 ? `$${m.value}` : null,
+              barLabel: (j) => Number(j.value) > 0 ? `$${j.value}` : null,
               borderRadius: 10
             }
           ),
@@ -2181,7 +2181,7 @@ const Cc = ({
   return t;
 }, Xt = () => Qc(), nI = ({ categoryGuid: A, topLevelCategoryGuid: t }) => {
   const { categories: i } = X(), { getCategoryName: n } = qA(), r = n(A);
-  return /* @__PURE__ */ s(b, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -2218,8 +2218,8 @@ const Cc = ({
       const E = I.current, l = r.current;
       if (!E || !l) return;
       const v = E.getBoundingClientRect(), u = l.getBoundingClientRect();
-      let H = n.x, P = n.y;
-      H + v.width * 2 > u.right ? H = n.x - v.width : H - v.width < u.left && (H = n.x), P + v.height * 2 > u.bottom && (P = n.y - v.height), c({ x: H, y: P });
+      let H = n.x, b = n.y;
+      H + v.width * 2 > u.right ? H = n.x - v.width : H - v.width < u.left && (H = n.x), b + v.height * 2 > u.bottom && (b = n.y - v.height), c({ x: H, y: b });
     })();
   }, [n, r]), !i) return null;
   const d = i.reduce((f, E) => f + E.y, 0);
@@ -2279,7 +2279,7 @@ const Cc = ({
   onClickLegend: r
 }) => {
   const { isMobile: o } = zA(), { getCategoryName: I } = qA();
-  return /* @__PURE__ */ e(b, { direction: "row", flexWrap: "wrap", gap: o ? 2 : 6, justifyContent: "start", sx: A, children: t.map(({ guid: a, top_level_guid: c }) => {
+  return /* @__PURE__ */ e(P, { direction: "row", flexWrap: "wrap", gap: o ? 2 : 6, justifyContent: "start", sx: A, children: t.map(({ guid: a, top_level_guid: c }) => {
     const d = i === a, f = st[a], E = st[c], l = f ?? E ?? st.default, v = l + "33";
     return /* @__PURE__ */ s(
       $,
@@ -2332,7 +2332,7 @@ const Cc = ({
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: H, hoveredAreaData: P, isAreaHovered: p, cursorPos: y } = v, x = p && H && P, w = !x, D = [...r, ...o], m = D[0]?.dataset.length ?? 0, j = D.flatMap((J) => J.dataset.map((wA) => wA.x)), O = D.flatMap((J) => J.dataset.map((wA) => wA.y)), T = r[0]?.dataset?.map(
+  }), { hoveredSeriesId: H, hoveredAreaData: b, isAreaHovered: p, cursorPos: y } = v, x = p && H && b, w = !x, D = [...r, ...o], j = D[0]?.dataset.length ?? 0, m = D.flatMap((J) => J.dataset.map((wA) => wA.x)), O = D.flatMap((J) => J.dataset.map((wA) => wA.y)), T = r[0]?.dataset?.map(
     (J, wA) => r.reduce((VA, Ze) => VA + Ze.dataset[wA]?.y || 0, 0)
   ) ?? [0], tA = Math.max(...T), Y = Math.max(
     ...o.flatMap((J) => J.dataset.map((wA) => wA.y))
@@ -2391,7 +2391,7 @@ const Cc = ({
       }), t?.(VA);
     else if (Zi) {
       const Vt = Ze?.data.map((Ji, _i) => ({
-        x: j[_i],
+        x: m[_i],
         y: Ji
       })) ?? [];
       u({
@@ -2440,7 +2440,7 @@ const Cc = ({
     }, {})
   };
   return /* @__PURE__ */ e(L, { onMouseMove: Ke, ref: f, style: { position: "relative" }, children: /* @__PURE__ */ s(
-    b,
+    P,
     {
       direction: { xs: "column", md: "column" },
       spacing: { xs: 0, md: 4 },
@@ -2465,7 +2465,7 @@ const Cc = ({
                 Mc,
                 {
                   categoryGuids: WA(H),
-                  xData: j,
+                  xData: m,
                   ...J
                 }
               ) : null
@@ -2477,10 +2477,10 @@ const Cc = ({
             width: a,
             xAxis: [
               {
-                data: j,
+                data: m,
                 scaleType: "time",
                 valueFormatter: (J) => nA(J, AA.MONTH_SHORT_YEAR),
-                tickNumber: m
+                tickNumber: j
                 // How many ticks to show on the x-axis
               }
             ],
@@ -2508,7 +2508,7 @@ const Cc = ({
             categoryGuids: WA(H),
             chartContainerRef: f,
             cursorPosition: y,
-            hoveredAreaData: P.map((J) => ({
+            hoveredAreaData: b.map((J) => ({
               ...J,
               x: nA(J.x, AA.MONTH_SHORT_YEAR)
             }))
@@ -2520,7 +2520,7 @@ const Cc = ({
 }, ti = ({ data: A, height: t = 8 }) => {
   const i = `${t / 4}px`;
   return /* @__PURE__ */ e(
-    b,
+    P,
     {
       bgcolor: "grey.300",
       borderRadius: i,
@@ -2608,7 +2608,7 @@ const Cc = ({
   shouldShowShadow: n,
   title: r
 }) => /* @__PURE__ */ s(
-  b,
+  P,
   {
     "aria-level": 1,
     direction: "row",
@@ -2659,7 +2659,7 @@ const Cc = ({
   shouldShowHeaderBorders: v = !0,
   shouldShowHeaderShadow: u = !1,
   title: H,
-  ...P
+  ...b
 }) => /* @__PURE__ */ e(
   ca,
   {
@@ -2675,8 +2675,8 @@ const Cc = ({
         backgroundColor: "background.paper"
       }
     },
-    ...P,
-    children: /* @__PURE__ */ s(b, { height: "100%", justifyContent: "space-between", children: [
+    ...b,
+    children: /* @__PURE__ */ s(P, { height: "100%", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(
         Yc,
         {
@@ -2712,7 +2712,7 @@ const Cc = ({
   toolTipContent: o = "",
   variant: I = "outlined"
 }) => {
-  const a = RA(), c = a.palette.mode === "dark", { isMobile: d } = zA(), [f, E] = h.useState(n), [l, v] = h.useState(i.dateRangePickerCopy.dateRangeThisMonth), [u, H] = h.useState(f), [P, p] = h.useState(!1), [y, x] = h.useState(!0), [w, D] = h.useState(6), m = {
+  const a = RA(), c = a.palette.mode === "dark", { isMobile: d } = zA(), [f, E] = h.useState(n), [l, v] = h.useState(i.dateRangePickerCopy.dateRangeThisMonth), [u, H] = h.useState(f), [b, p] = h.useState(!1), [y, x] = h.useState(!0), [w, D] = h.useState(6), j = {
     buttons: [
       { label: "3M", value: 3 },
       { label: "6M", value: 6 },
@@ -2729,9 +2729,9 @@ const Cc = ({
   h.useEffect(() => {
     H(n);
   }, [n]), h.useEffect(() => {
-    (I === "timeframebuttons" || I === "timeframetabs") && A.onRangeChanged(j());
+    (I === "timeframebuttons" || I === "timeframetabs") && A.onRangeChanged(m());
   }, [w]);
-  const j = () => {
+  const m = () => {
     const Y = BA(zt());
     return [BA(Ne(Y, w)), Y];
   }, O = (Y) => {
@@ -2782,7 +2782,7 @@ const Cc = ({
           [a.breakpoints.up("sm")]: { display: "inline-flex" }
         },
         children: [
-          I === "readonly" && /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+          I === "readonly" && /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
             /* @__PURE__ */ e(q, { name: "calendar_month", size: 24 }),
             /* @__PURE__ */ e(R, { bold: !0, children: nA(u[0], AA.MONTH_DAY) }),
             /* @__PURE__ */ e(q, { name: "remove" }),
@@ -2851,7 +2851,7 @@ const Cc = ({
               exclusive: !0,
               orientation: "horizontal",
               value: w,
-              children: m.buttons.map((Y) => /* @__PURE__ */ e(
+              children: j.buttons.map((Y) => /* @__PURE__ */ e(
                 gn,
                 {
                   onClick: () => tA(Y.value),
@@ -2893,7 +2893,7 @@ const Cc = ({
               textColor: "primary",
               value: w,
               variant: "fullWidth",
-              children: m.tabs.map((Y) => /* @__PURE__ */ e(
+              children: j.tabs.map((Y) => /* @__PURE__ */ e(
                 GA,
                 {
                   label: /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: Y.label }),
@@ -2907,11 +2907,11 @@ const Cc = ({
         ]
       }
     ),
-    P && d && /* @__PURE__ */ e(
+    b && d && /* @__PURE__ */ e(
       IA,
       {
         ariaLabelClose: i.dateRangeCloseAria,
-        isOpen: P,
+        isOpen: b,
         onClose: () => p(!1),
         onPrimaryAction: () => {
           T(), p(!1);
@@ -2932,7 +2932,7 @@ const Cc = ({
         )
       }
     ),
-    P && !d && /* @__PURE__ */ e(
+    b && !d && /* @__PURE__ */ e(
       XA,
       {
         copy: { title: i.dateRangeEditTitle },
@@ -3153,8 +3153,8 @@ const pt = ({
   sx: E = {},
   title: l = ""
 }) => {
-  const [v, { height: u, width: H }] = oI(), { onEvent: P } = K(), { isDesktop: p, isLargeDesktop: y, isMobile: x, isTablet: w } = zA(), { displayedDateRange: D, selectedAccountGuids: m, setSelectedAccountGuids: j } = pA(), { common: O } = X(), T = () => {
-    c && (c(), P(V.WIDGET_BACK_CLICK));
+  const [v, { height: u, width: H }] = oI(), { onEvent: b } = K(), { isDesktop: p, isLargeDesktop: y, isMobile: x, isTablet: w } = zA(), { displayedDateRange: D, selectedAccountGuids: j, setSelectedAccountGuids: m } = pA(), { common: O } = X(), T = () => {
+    c && (c(), b(V.WIDGET_BACK_CLICK));
   }, tA = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: O.account_filter.account_type_accounts,
@@ -3208,7 +3208,7 @@ const pt = ({
         /* @__PURE__ */ e(
           rt,
           {
-            action: /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", children: [
+            action: /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", children: [
               p && i && /* @__PURE__ */ e(L, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
                 Dr,
                 {
@@ -3225,9 +3225,9 @@ const pt = ({
                   accounts: A,
                   copy: tA,
                   onFilterClick: (uA) => {
-                    j(uA), d?.();
+                    m(uA), d?.();
                   },
-                  selectedAccountGuids: m,
+                  selectedAccountGuids: j,
                   showAccountNumbers: !1,
                   variant: "text"
                 }
@@ -3266,7 +3266,7 @@ const pt = ({
               p: p ? 48 : 24,
               pb: 0
             },
-            title: p || w ? /* @__PURE__ */ e(it, { children: l }) : /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", children: [
+            title: p || w ? /* @__PURE__ */ e(it, { children: l }) : /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", children: [
               x && c && /* @__PURE__ */ e(
                 NA,
                 {
@@ -3281,7 +3281,7 @@ const pt = ({
           }
         ),
         a && /* @__PURE__ */ e(G, { sx: { mt: p ? 48 : 24 } }),
-        i && (x || w) && /* @__PURE__ */ s(b, { gap: 24, justifyContent: "center", sx: { mt: 16 }, children: [
+        i && (x || w) && /* @__PURE__ */ s(P, { gap: 24, justifyContent: "center", sx: { mt: 16 }, children: [
           f && /* @__PURE__ */ e(G, {}),
           /* @__PURE__ */ e(
             Dr,
@@ -3308,7 +3308,7 @@ const pt = ({
         position: "absolute",
         width: "100%"
       },
-      children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
+      children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "column", justifyContent: "center", sx: { height: "100%" }, children: [
         A === ct.Loading && /* @__PURE__ */ e(Xn, { color: "primary", size: 48 }),
         /* @__PURE__ */ e(
           R,
@@ -3383,9 +3383,9 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
   setHasValidInput: f,
   ...E
 }) => {
-  const [l, v] = h.useState(""), { common: u } = X(), H = r || u.currency_input, P = KA(), p = Wc(P), y = /^[0-9]*$/, x = /^(\d)*(\,)?([0-9]{1,2})?$/, w = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  const [l, v] = h.useState(""), { common: u } = X(), H = r || u.currency_input, b = KA(), p = Wc(b), y = /^[0-9]*$/, x = /^(\d)*(\,)?([0-9]{1,2})?$/, w = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let D;
-  const m = h.useRef(Fa());
+  const j = h.useRef(Fa());
   if (A)
     switch (_s()) {
       case ui.CAD:
@@ -3398,9 +3398,9 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
   else
     D = y;
   h.useEffect(() => {
-    j(i);
+    m(i);
   }, [i]);
-  const j = (O) => {
+  const m = (O) => {
     !n && (O === "" || O === "." || O === ",") ? (v(""), f?.(!1)) : Number(O) < c ? (v(
       z(
         H.error_amount_must_be_equal_to,
@@ -3430,8 +3430,8 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
         pattern: "[0-9]*"
       },
       label: a,
-      name: `currency-input-${m.current}`,
-      onChange: (O) => j(O.target.value),
+      name: `currency-input-${j.current}`,
+      onChange: (O) => m(O.target.value),
       value: i,
       ...E
     }
@@ -3442,7 +3442,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
   }
 }), ee = ({ label: A = "", size: t = 32 }) => {
   const i = KA();
-  return /* @__PURE__ */ s(b, { alignItems: "center", gap: i.Spacing.XLarge, height: 450, justifyContent: "center", children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", gap: i.Spacing.XLarge, height: 450, justifyContent: "center", children: [
     /* @__PURE__ */ e(Xn, { size: t }),
     A && /* @__PURE__ */ e(R, { children: A })
   ] });
@@ -3572,7 +3572,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
   size: i,
   sx: n
 }) => /* @__PURE__ */ s(
-  b,
+  P,
   {
     sx: {
       display: "grid",
@@ -3623,7 +3623,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
   qt,
   {
     enterTouchDelay: 500,
-    title: /* @__PURE__ */ s(b, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
+    title: /* @__PURE__ */ s(P, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: i }),
       /* @__PURE__ */ e(R, { sx: { whiteSpace: "unset" }, variant: "Small", children: A })
     ] }),
@@ -3660,7 +3660,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
             title: /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: i })
           }
         ),
-        /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ s(b, { alignItems: "flex-start", spacing: 2, children: [
+        /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ s(P, { alignItems: "flex-start", spacing: 2, children: [
           /* @__PURE__ */ e(R, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: A }),
           /* @__PURE__ */ e(
             $,
@@ -3710,7 +3710,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
         /* @__PURE__ */ e(
           eA,
           {
-            primary: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+            primary: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(R, { variant: "Body", children: I }),
               /* @__PURE__ */ e(
                 R,
@@ -3796,7 +3796,7 @@ const jr = "connect_widget", mr = "connections_widget", Fc = ({
             pl: 0
           },
           children: [
-            /* @__PURE__ */ e(eA, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ s(b, { children: [
+            /* @__PURE__ */ e(eA, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ e(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ s(P, { children: [
               /* @__PURE__ */ e(R, { variant: "Body", children: r }),
               /* @__PURE__ */ e(R, { color: "text.secondary", variant: "XSmall", children: o })
             ] }) }) }),
@@ -4210,18 +4210,18 @@ const Nt = () => {
   }, [n, o]), h.useEffect(() => {
     u && E(u), v(H);
   }, [u, H]);
-  const P = h.useMemo(
+  const b = h.useMemo(
     () => n.filter((w) => o.includes(w.guid)).reduce((w, D) => w + (D?.balance || 0), 0),
     [o, H]
   ), p = h.useMemo(
     () => d.filter((w) => o.includes(w.accountGuid || "")).reduce((w, D) => w + D.amount, 0),
     [o, d]
   ), y = h.useMemo(
-    () => P - p,
-    [P, p]
+    () => b - p,
+    [b, p]
   ), x = a?.has_completed_cash_flow_onboarding && !!A;
   return /* @__PURE__ */ e(L, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: i > 610 ? /* @__PURE__ */ s(
-    b,
+    P,
     {
       border: `1px solid ${t.palette.border.light}`,
       borderRadius: 1,
@@ -4229,27 +4229,27 @@ const Nt = () => {
       justifyContent: "space-between",
       px: 24,
       children: [
-        /* @__PURE__ */ s(b, { pb: 14, pt: 12, children: [
-          /* @__PURE__ */ e(OA, { amount: P, variant: "H2" }),
+        /* @__PURE__ */ s(P, { pb: 14, pt: 12, children: [
+          /* @__PURE__ */ e(OA, { amount: b, variant: "H2" }),
           /* @__PURE__ */ e(HA, { variant: "XSmall", whiteSpace: "nowrap", children: z(
             I.total_cash_accounts,
             f.length
           ) })
         ] }),
-        /* @__PURE__ */ e(b, { pt: 18, children: /* @__PURE__ */ e(q, { name: "remove" }) }),
-        /* @__PURE__ */ s(b, { pb: 14, pt: 12, children: [
+        /* @__PURE__ */ e(P, { pt: 18, children: /* @__PURE__ */ e(q, { name: "remove" }) }),
+        /* @__PURE__ */ s(P, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ e(OA, { amount: p, variant: "H2" }),
           /* @__PURE__ */ e(HA, { variant: "XSmall", whiteSpace: "nowrap", children: z(I.expenses_due, d.length) })
         ] }),
-        /* @__PURE__ */ e(b, { pt: 18, children: /* @__PURE__ */ e(q, { name: "equals" }) }),
-        /* @__PURE__ */ s(b, { pb: 14, pr: 24, pt: 12, children: [
+        /* @__PURE__ */ e(P, { pt: 18, children: /* @__PURE__ */ e(q, { name: "equals" }) }),
+        /* @__PURE__ */ s(P, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ e(OA, { amount: y, variant: "H2" }),
-          /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+          /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
             /* @__PURE__ */ e(HA, { variant: "XSmall", whiteSpace: "nowrap", children: I.available_to_spend }),
             /* @__PURE__ */ e(Ci, { body: I.tooltip_body, title: I.tooltip_title })
           ] })
         ] }),
-        /* @__PURE__ */ e(b, { borderLeft: `1px solid ${t.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: x ? /* @__PURE__ */ s(Z, { children: [
+        /* @__PURE__ */ e(P, { borderLeft: `1px solid ${t.palette.border.light}`, pb: 12, pl: 24, pt: 12, children: x ? /* @__PURE__ */ s(Z, { children: [
           /* @__PURE__ */ e(R, { variant: "H2", children: z(I.days, c) }),
           /* @__PURE__ */ e(HA, { variant: "XSmall", whiteSpace: "nowrap", children: I.next_paycheck })
         ] }) : /* @__PURE__ */ e(
@@ -4263,8 +4263,8 @@ const Nt = () => {
         ) })
       ]
     }
-  ) : /* @__PURE__ */ s(b, { border: `1px solid ${t.palette.border.light}`, borderRadius: 1, children: [
-    /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", p: 16, children: [
+  ) : /* @__PURE__ */ s(P, { border: `1px solid ${t.palette.border.light}`, borderRadius: 1, children: [
+    /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: z(
         I.total_cash_accounts,
         f.length
@@ -4272,13 +4272,13 @@ const Nt = () => {
       /* @__PURE__ */ e(OA, { amount: r, bold: !0, variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(G, {}),
-    /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: z(I.expenses_due, d.length) }),
       /* @__PURE__ */ e(OA, { amount: p, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
     /* @__PURE__ */ e(G, {}),
     /* @__PURE__ */ e(
-      b,
+      P,
       {
         alignItems: "center",
         bgcolor: "background.default",
@@ -4292,11 +4292,11 @@ const Nt = () => {
       }
     ),
     /* @__PURE__ */ e(G, {}),
-    x ? /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", p: 16, children: [
+    x ? /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: I.next_paycheck }),
       /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: z(I.days, c) })
     ] }) : /* @__PURE__ */ s(
-      b,
+      P,
       {
         alignItems: "center",
         direction: "row",
@@ -5108,8 +5108,8 @@ const Pe = () => {
           eA,
           {
             disableTypography: !0,
-            secondary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, children: [
+            secondary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 4, children: [
                 A.is_flagged && /* @__PURE__ */ e(q, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
                 A.is_hidden && /* @__PURE__ */ e(q, { name: "visibility_off", size: 16 }),
                 A.has_been_split && /* @__PURE__ */ e(q, { name: "call_split", size: 16 }),
@@ -5117,7 +5117,7 @@ const Pe = () => {
               ] }),
               I && r && /* @__PURE__ */ e(R, { bold: !0, color: "action.active", variant: "XSmall", children: I.short_title })
             ] }),
-            children: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
+            children: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
               /* @__PURE__ */ s(R, { bold: !0, variant: "Body", children: [
                 A.is_hidden && n.hide_trnx_cancel_hidden_note,
                 A.payee || A.description || A.feed_description
@@ -5146,7 +5146,7 @@ const Pe = () => {
   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 }) }), xf = ({ showIcon: A = !0, showSubtitle: t = !0 }) => {
   const i = KA(), { transactions: n } = X();
-  return /* @__PURE__ */ s(b, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", gap: i.Spacing.Small, height: "auto", mt: i.Spacing.Large, children: [
     A && /* @__PURE__ */ e(bs, { color: "secondary", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "Small", children: n.zero_state_no_transactions }),
     t && /* @__PURE__ */ e(R, { color: "secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
@@ -5162,57 +5162,57 @@ const Pe = () => {
   height: t = "calc(100dvh - 36px)",
   loader: i = /* @__PURE__ */ e(ee, { label: "Loading", size: 40 }),
   onClick: n,
-  showInsights: r = !1,
-  showLoader: o = !1,
-  width: I = "100%",
-  zeroState: a = /* @__PURE__ */ e(Df, {})
+  showClosedAccounts: r = !1,
+  showInsights: o = !1,
+  showLoader: I = !1,
+  width: a = "100%",
+  zeroState: c = /* @__PURE__ */ e(Df, {})
 }) => {
-  const { isLoading: c, sortedTransactions: d } = PA(), { setShowInsights: f, toggleSplit: E } = Pe(), { onEvent: l } = K(), v = (P) => {
-    const p = d.find((y) => y.guid === P);
-    if (p?.has_been_split) {
-      E(p.guid);
+  const { isLoading: d, sortedTransactions: f } = PA(), E = [...f.filter((y) => !y.accountIsClosed)];
+  console.log(r, [...E]);
+  const { setShowInsights: l, toggleSplit: v } = Pe(), { onEvent: u } = K(), H = (y) => {
+    const x = [...E].find((w) => w.guid === y);
+    if (x?.has_been_split) {
+      v(x.guid);
       return;
     }
-    l(V.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: p?.account_guid,
-      transaction_guid: P
-    }), n?.(P);
-  }, u = h.useRef(null), H = mo({
-    count: d.length,
-    getScrollElement: () => u.current,
-    estimateSize: (P) => Tr + (Nr(P, d) ? Yr : 0),
+    u(V.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: x?.account_guid,
+      transaction_guid: y
+    }), n?.(y);
+  }, b = h.useRef(null), p = mo({
+    count: [...E].length,
+    getScrollElement: () => b.current,
+    estimateSize: (y) => Tr + (Nr(y, [...E]) ? Yr : 0),
     overscan: 5
   });
-  return h.useEffect(() => H.measure(), [d]), h.useEffect(() => f(r), [r]), /* @__PURE__ */ e(rA, { children: /* @__PURE__ */ e(L, { height: t, overflow: "auto", ref: u, width: I, children: /* @__PURE__ */ s(
+  return h.useEffect(() => p.measure(), [E]), h.useEffect(() => l(o), [o]), /* @__PURE__ */ e(rA, { children: /* @__PURE__ */ e(L, { height: t, overflow: "auto", ref: b, width: a, children: /* @__PURE__ */ s(
     L,
     {
-      height: (
-        // set the height to auto when there are no transactions so the zero state isn't set to 0
-        H.getVirtualItems().length === 0 ? "auto" : H.getTotalSize()
-      ),
+      height: p.getVirtualItems().length === 0 ? "auto" : p.getTotalSize(),
       position: "relative",
       width: "100%",
       children: [
-        (c || o) && i,
-        !c && !o && H.getVirtualItems().length === 0 && a,
-        !c && !o && H.getVirtualItems().length > 0 && H.getVirtualItems().map((P) => {
-          const p = d[P.index], y = Nr(P.index, d), x = jf(P.index, d), w = Tr + (y ? Yr : 0);
+        (d || I) && i,
+        !d && !I && p.getVirtualItems().length === 0 && c,
+        !d && !I && p.getVirtualItems().length > 0 && p.getVirtualItems().map((y) => {
+          const x = [...E][y.index], w = Nr(y.index, [...E]), D = jf(y.index, [...E]), j = Tr + (w ? Yr : 0);
           return /* @__PURE__ */ s(
             L,
             {
               sx: {
-                height: w,
+                height: j,
                 position: "absolute",
-                transform: `translateY(${P.start}px)`,
+                transform: `translateY(${y.start}px)`,
                 width: "100%"
               },
               children: [
-                y && /* @__PURE__ */ e(Sn, { bgcolor: A, children: Mi(p.date) }),
-                /* @__PURE__ */ e(Bn, { onClick: v, transaction: p }),
-                /* @__PURE__ */ e(G, { sx: { ml: x ? 24 : 0 } })
+                w && /* @__PURE__ */ e(Sn, { bgcolor: A, children: Mi(x.date) }),
+                /* @__PURE__ */ e(Bn, { onClick: H, transaction: x }),
+                /* @__PURE__ */ e(G, { sx: { ml: D ? 24 : 0 } })
               ]
             },
-            p.guid
+            x.guid
           );
         })
       ]
@@ -5223,7 +5223,7 @@ const Pe = () => {
   A.row.number && ` | ${A.row.number}`
 ] }), Lf = (A) => {
   const { associatedBeats: t } = PA(), { showInsights: i } = Pe(), { amount: n, transaction_type: r } = A.row, o = t.find((a) => a.associated_transaction_guid === A.row.guid), I = r === se.CREDIT;
-  return /* @__PURE__ */ s(b, { alignItems: "flex-end", tabIndex: A.tabIndex, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "flex-end", tabIndex: A.tabIndex, children: [
     /* @__PURE__ */ s(R, { color: I ? "success.main" : "text.primary", variant: "Small", children: [
       I ? "+" : "",
       M(n, "0,0.00")
@@ -5233,7 +5233,7 @@ const Pe = () => {
 }, Qf = (A) => {
   const { transactions: t } = X(), [i, n] = h.useState(!1);
   return /* @__PURE__ */ s(
-    b,
+    P,
     {
       alignItems: "center",
       direction: "row",
@@ -5277,7 +5277,7 @@ const Pe = () => {
       ]
     }
   );
-}, Nf = C(Mf), St = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", children: A.colDef.headerName }), Tf = (A) => /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+}, Nf = C(Mf), St = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", children: A.colDef.headerName }), Tf = (A) => /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ e(
     vt,
     {
@@ -5513,7 +5513,7 @@ const Bf = ({
     showSelected: I,
     unselectable: a,
     unselectableText: c
-  } = ot(), { categories: d } = X(), { onEvent: f } = K(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), H = !!t.revision, P = t.guid === n, p = !a.some((x) => x === t.guid);
+  } = ot(), { categories: d } = X(), { onEvent: f } = K(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), H = !!t.revision, b = t.guid === n, p = !a.some((x) => x === t.guid);
   return /* @__PURE__ */ s(
     W,
     {
@@ -5525,7 +5525,7 @@ const Bf = ({
         /* @__PURE__ */ s(
           aA,
           {
-            "aria-pressed": P,
+            "aria-pressed": b,
             color: "secondary",
             onClick: () => {
               p && (r(t.guid), i(t.guid), f(je.ON_CATEGORY_SELECTED));
@@ -5539,7 +5539,7 @@ const Bf = ({
                   primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
                 }
               ),
-              I && P && /* @__PURE__ */ e(Oi, { fontSize: "small" }),
+              I && b && /* @__PURE__ */ e(Oi, { fontSize: "small" }),
               !p && /* @__PURE__ */ e(Xs, { label: c })
             ]
           }
@@ -5698,7 +5698,7 @@ const Bf = ({
       {
         ariaLabel: c.search_aria,
         cancelAriaLabel: c.cancel_search_aria,
-        onChange: (P) => E(P),
+        onChange: (b) => E(b),
         placeholder: c.search_placeholder,
         searchValue: d
       }
@@ -5926,26 +5926,26 @@ class cd {
   getCategoryName = (t) => this.categories.find((n) => n.guid === t)?.name ?? qi[t];
 }
 const EI = ({ transaction: A }) => {
-  const { addOrUpdateTransactionRule: t, updateTransaction: i } = PA(), { categories: n } = qA(), { onEvent: r } = K(), { setShouldDisableDrawerScroll: o, updateManualTransaction: I } = Pe(), { transactions: a } = X(), [c, d] = h.useState(!1), [f, E] = h.useState(""), l = async (P) => {
-    await i({ ...A, category_guid: f }), P && await t(f, A), E(""), r(V.TRANSACTION_DETAILS_CLICK_CATEGORY, {
+  const { addOrUpdateTransactionRule: t, updateTransaction: i } = PA(), { categories: n } = qA(), { onEvent: r } = K(), { setShouldDisableDrawerScroll: o, updateManualTransaction: I } = Pe(), { transactions: a } = X(), [c, d] = h.useState(!1), [f, E] = h.useState(""), l = async (b) => {
+    await i({ ...A, category_guid: f }), b && await t(f, A), E(""), r(V.TRANSACTION_DETAILS_CLICK_CATEGORY, {
       transaction_guid: A.guid
     });
-  }, v = (P) => {
+  }, v = (b) => {
     if (A.is_manual && !A.guid) {
-      const p = n.find((y) => y.guid === P);
+      const p = n.find((y) => y.guid === b);
       I({
         ...A,
         category: p?.name,
-        category_guid: P,
-        top_level_category_guid: p?.parent_guid || P
+        category_guid: b,
+        top_level_category_guid: p?.parent_guid || b
       });
     } else
-      E(P);
+      E(b);
     u();
   }, u = () => {
     d(!1), o(!1);
   }, H = h.useMemo(
-    () => n.find((P) => P.guid === f),
+    () => n.find((b) => b.guid === f),
     [f]
   );
   return /* @__PURE__ */ s(h.Fragment, { children: [
@@ -6051,7 +6051,7 @@ const EI = ({ transaction: A }) => {
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
         title: I.date_edit_title,
-        children: /* @__PURE__ */ e(b, { alignItems: "center", mt: t.Spacing.XXLarge, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e(P, { alignItems: "center", mt: t.Spacing.XXLarge, children: /* @__PURE__ */ e(
           Cc,
           {
             beginDate: yA(d),
@@ -6219,7 +6219,7 @@ const EI = ({ transaction: A }) => {
   ] });
 }, vd = C(ld), lI = ({ transaction: A }) => {
   const { amount: t, description: i, isIncome: n, merchant_guid: r, payee: o, top_level_category_guid: I } = A;
-  return /* @__PURE__ */ s(b, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
+  return /* @__PURE__ */ s(P, { className: "mx-txn-amount-header", direction: "row", gap: 12, px: 16, py: 24, children: [
     /* @__PURE__ */ e(
       vt,
       {
@@ -6228,7 +6228,7 @@ const EI = ({ transaction: A }) => {
         size: 64
       }
     ),
-    /* @__PURE__ */ s(b, { overflow: "hidden'", children: [
+    /* @__PURE__ */ s(P, { overflow: "hidden'", children: [
       /* @__PURE__ */ e(R, { bold: !0, mb: 4, truncate: !0, variant: "Body", children: i || o }),
       /* @__PURE__ */ s(it, { color: n ? "success.main" : "text.primary", truncate: !0, children: [
         n ? "+" : "",
@@ -6325,7 +6325,7 @@ const EI = ({ transaction: A }) => {
       px: o.Spacing.XSmall,
       children: [
         /* @__PURE__ */ s(YA, { alignItems: l ? "center" : "start", container: !0, children: [
-          /* @__PURE__ */ e(YA, { item: !0, xs: 7, children: /* @__PURE__ */ s(b, { alignItems: "start", children: [
+          /* @__PURE__ */ e(YA, { item: !0, xs: 7, children: /* @__PURE__ */ s(P, { alignItems: "start", children: [
             /* @__PURE__ */ e(
               $,
               {
@@ -6337,7 +6337,7 @@ const EI = ({ transaction: A }) => {
               }
             ),
             /* @__PURE__ */ e(L, { children: !r.category_guid && /* @__PURE__ */ s(
-              b,
+              P,
               {
                 color: "error.main",
                 direction: "row",
@@ -6350,8 +6350,8 @@ const EI = ({ transaction: A }) => {
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ e(YA, { item: !0, xs: 5, children: l ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(R, { children: M(r.amount, "0,0.00") }) }) : /* @__PURE__ */ s(b, { alignItems: "start", children: [
-            /* @__PURE__ */ s(b, { alignItems: "start", direction: "row", gap: o.Spacing.XSmall, children: [
+          /* @__PURE__ */ e(YA, { item: !0, xs: 5, children: l ? /* @__PURE__ */ e("div", { className: "mx-txn-split-manager-row-top-container", children: /* @__PURE__ */ e(R, { children: M(r.amount, "0,0.00") }) }) : /* @__PURE__ */ s(P, { alignItems: "start", children: [
+            /* @__PURE__ */ s(P, { alignItems: "start", direction: "row", gap: o.Spacing.XSmall, children: [
               /* @__PURE__ */ e(
                 qe,
                 {
@@ -6378,7 +6378,7 @@ const EI = ({ transaction: A }) => {
               )
             ] }),
             !c && /* @__PURE__ */ s(
-              b,
+              P,
               {
                 color: "error.main",
                 direction: "row",
@@ -6436,7 +6436,7 @@ const EI = ({ transaction: A }) => {
       l
     )),
     d && /* @__PURE__ */ s(
-      b,
+      P,
       {
         color: "error.main",
         direction: "row",
@@ -6475,7 +6475,7 @@ const EI = ({ transaction: A }) => {
     has_been_split: !1,
     parent_guid: A.guid,
     top_level_category_guid: void 0
-  }, [f, E] = h.useState(!1), [l, v] = h.useState(!1), [u, H] = h.useState([]), P = () => {
+  }, [f, E] = h.useState(!1), [l, v] = h.useState(!1), [u, H] = h.useState([]), b = () => {
     const T = [...u];
     T.push({ ...d }), T[0].amount -= 1, H(T);
   }, p = (T) => {
@@ -6507,9 +6507,9 @@ const EI = ({ transaction: A }) => {
     }), E(!0);
   }, D = async () => {
     t(S.ON_TRANSACTION_SPLIT_SAVE_CLICK), await i({ ...A, has_been_split: !0 }, u), E(!1);
-  }, m = async () => {
-    t(S.ON_TRANSACTION_SPLIT_CANCEL_CLICK), H([{ ...c }, { ...d }]), E(!1);
   }, j = async () => {
+    t(S.ON_TRANSACTION_SPLIT_CANCEL_CLICK), H([{ ...c }, { ...d }]), E(!1);
+  }, m = async () => {
     t(V.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
       transaction_guid: A.guid
     });
@@ -6537,7 +6537,7 @@ const EI = ({ transaction: A }) => {
         ariaLabelClose: r.close_aria,
         isOpen: f,
         isPrimaryDisabled: O,
-        onClose: m,
+        onClose: j,
         onPrimaryAction: D,
         primaryText: r.save_button,
         secondaryText: r.cancel_button,
@@ -6547,7 +6547,7 @@ const EI = ({ transaction: A }) => {
           /* @__PURE__ */ e(
             Hd,
             {
-              onAddSplit: P,
+              onAddSplit: b,
               onCategoryChanged: x,
               onDeleteSplit: p,
               onUpdateAmount: y,
@@ -6566,7 +6566,7 @@ const EI = ({ transaction: A }) => {
         onClose: () => {
           I(!1), v(!1);
         },
-        onPrimaryAction: j,
+        onPrimaryAction: m,
         onSecondaryAction: () => {
           t(S.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
@@ -6595,7 +6595,7 @@ const EI = ({ transaction: A }) => {
     d(I.length > 40 ? n.tags_error_name_must_be_40_chars : "");
   }, [I]), /* @__PURE__ */ s(L, { className: "mx-txn-tag-manager-header", children: [
     /* @__PURE__ */ s(
-      b,
+      P,
       {
         alignItems: "center",
         bgcolor: A.palette.background.default,
@@ -6667,7 +6667,7 @@ const EI = ({ transaction: A }) => {
     }
   ) });
 }, wd = C(pd), yd = ({ onTagChecked: A, selectedTags: t, tag: i }) => {
-  const { onEvent: n } = K(), { removeTag: r, updateTag: o } = PA(), { common: I, transactions: a } = X(), [c, d] = h.useState(!1), [f, E] = h.useState(!1), [l, v] = h.useState(""), [u, H] = h.useState(""), P = async () => {
+  const { onEvent: n } = K(), { removeTag: r, updateTag: o } = PA(), { common: I, transactions: a } = X(), [c, d] = h.useState(!1), [f, E] = h.useState(!1), [l, v] = h.useState(""), [u, H] = h.useState(""), b = async () => {
     n(S.ON_TRANSACTION_TAGS_TAG_EDIT_SAVED), i && await o({ ...i, name: l }), d(!1);
   }, p = async () => {
     n(S.ON_TRANSACTION_TAGS_TAG_DELETED), await r(i.guid), E(!1);
@@ -6686,7 +6686,7 @@ const EI = ({ transaction: A }) => {
       className: "mx-txn-transaction-manager-row",
       disableGutters: !0,
       disablePadding: !0,
-      secondaryAction: !i.is_default_tag && /* @__PURE__ */ s(b, { direction: "row", children: [
+      secondaryAction: !i.is_default_tag && /* @__PURE__ */ s(P, { direction: "row", children: [
         /* @__PURE__ */ e(
           NA,
           {
@@ -6725,7 +6725,7 @@ const EI = ({ transaction: A }) => {
             copy: { title: "Update tag name" },
             isOpen: c,
             onClose: () => d(!1),
-            onPrimaryAction: P,
+            onPrimaryAction: b,
             onSecondaryAction: () => d(!1),
             children: [
               /* @__PURE__ */ e(
@@ -6784,8 +6784,8 @@ const EI = ({ transaction: A }) => {
     E(A.tags);
   }, [c, A]);
   const l = (H) => {
-    const P = [...f], p = f.indexOf(H);
-    p >= 0 ? P.splice(p, 1) : P.push(H), E(P);
+    const b = [...f], p = f.indexOf(H);
+    p >= 0 ? b.splice(p, 1) : b.push(H), E(b);
   }, v = async () => {
     if (A.is_manual && !A.guid) {
       a({ ...A, tags: f }), d(!1);
@@ -6794,7 +6794,7 @@ const EI = ({ transaction: A }) => {
     await n(f, A.guid), await r({ ...A }), t(V.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: A.guid }), d(!1);
   }, u = h.useMemo(
     () => A.tags.map(
-      (H, P, p) => `${i.find((y) => y.guid === H)?.name}${P < p.length - 1 ? " / " : ""}`
+      (H, b, p) => `${i.find((y) => y.guid === H)?.name}${b < p.length - 1 ? " / " : ""}`
     ),
     [i, A]
   );
@@ -6870,7 +6870,7 @@ const EI = ({ transaction: A }) => {
         children: i.save_button
       }
     )
-  ] }) : /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, children: [
+  ] }) : /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 4, children: [
     /* @__PURE__ */ e(R, { bold: !0, children: A.description }),
     /* @__PURE__ */ e(
       NA,
@@ -6925,8 +6925,8 @@ const EI = ({ transaction: A }) => {
   return h.useEffect(
     () => o(V.TRANSACTION_DETAILS_VIEW, { transaction_guid: i.guid }),
     []
-  ), /* @__PURE__ */ e(L, { className: "mx-txn-transaction-details", width: "100%", children: i && /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ s(b, { gap: n.Spacing.Small, p: n.Spacing.Large, children: [
+  ), /* @__PURE__ */ e(L, { className: "mx-txn-transaction-details", width: "100%", children: i && /* @__PURE__ */ s(P, { children: [
+    /* @__PURE__ */ s(P, { gap: n.Spacing.Small, p: n.Spacing.Large, children: [
       /* @__PURE__ */ e(De, { elevation: 2, sx: { borderRadius: n.BorderRadius.Small, width: 64 }, children: /* @__PURE__ */ e(
         vt,
         {
@@ -6936,7 +6936,7 @@ const EI = ({ transaction: A }) => {
         }
       ) }),
       /* @__PURE__ */ e(Ld, { transaction: i }),
-      /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ s(it, { color: i.isIncome ? "success.main" : "text.primary", children: [
           i.isIncome ? "+" : "",
           M(i.amount, "0,0.00")
@@ -6944,7 +6944,7 @@ const EI = ({ transaction: A }) => {
         /* @__PURE__ */ e(qd, { transaction: i })
       ] }),
       /* @__PURE__ */ s(
-        b,
+        P,
         {
           bgcolor: "background.highlight",
           borderRadius: n.BorderRadius.Small,
@@ -6997,29 +6997,29 @@ const EI = ({ transaction: A }) => {
   );
 }, Nd = C(Md), Td = () => {
   const { selectedAccounts: A } = pA(), { common: t, transactions: i } = X(), { manualTransaction: n, setIsAmountValid: r, updateManualTransaction: o } = Pe(), [I, a] = h.useState(""), [c, d] = h.useState(""), f = h.useMemo(
-    () => A.filter((P) => P.is_manual),
+    () => A.filter((b) => b.is_manual),
     [A]
-  ).map((P) => ({
-    label: `${P.name} | ${M(P.balance, "0,0.00")}`,
-    value: P.guid
+  ).map((b) => ({
+    label: `${b.name} | ${M(b.balance, "0,0.00")}`,
+    value: b.guid
   })), E = {
     error_amount_is_invalid: t.currency_input.error_amount_is_invalid,
     error_amount_must_be_equal_to: t.currency_input.error_amount_must_be_equal_to,
     error_amount_must_be_less_than_or_equal_to: t.currency_input.error_amount_must_be_less_than_or_equal_to,
     enter_amount: t.currency_input.enter_amount
-  }, l = (P) => {
-    a(P), o({ ...n, amount: Number(P) });
-  }, v = (P, p) => {
+  }, l = (b) => {
+    a(b), o({ ...n, amount: Number(b) });
+  }, v = (b, p) => {
     o({ ...n, transaction_type: Number(p) });
-  }, u = (P) => {
-    d(P), o({ ...n, payee: P, description: P });
-  }, H = (P) => {
-    o({ ...n, account_guid: P });
+  }, u = (b) => {
+    d(b), o({ ...n, payee: b, description: b });
+  }, H = (b) => {
+    o({ ...n, account_guid: b });
   };
   return /* @__PURE__ */ s(L, { className: "mx-txn-manual-transaction-details", children: [
-    /* @__PURE__ */ s(b, { gap: 40, mx: 24, my: 32, children: [
+    /* @__PURE__ */ s(P, { gap: 40, mx: 24, my: 32, children: [
       /* @__PURE__ */ s(
-        b,
+        P,
         {
           direction: "row",
           sx: { flexDirection: { xs: "column", sm: "row" }, gap: { xs: 40, sm: 8 } },
@@ -7037,7 +7037,7 @@ const EI = ({ transaction: A }) => {
                 sx: { bgcolor: "background.paper" }
               }
             ),
-            /* @__PURE__ */ e(hs, { name: "TransactionType", onChange: v, row: !0, children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", children: [
+            /* @__PURE__ */ e(hs, { name: "TransactionType", onChange: v, row: !0, children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", children: [
               /* @__PURE__ */ e(
                 Or,
                 {
@@ -7066,7 +7066,7 @@ const EI = ({ transaction: A }) => {
         {
           label: i.payee_title,
           name: "payee",
-          onChange: (P) => u(P.target.value),
+          onChange: (b) => u(b.target.value),
           sx: { bgcolor: "background.paper" },
           value: c
         }
@@ -7077,11 +7077,11 @@ const EI = ({ transaction: A }) => {
           InputLabelProps: { shrink: !0 },
           SelectProps: { defaultValue: -1, IconComponent: ji },
           label: i.manual_transaction_select_an_account,
-          onChange: (P) => H(P.target.value),
+          onChange: (b) => H(b.target.value),
           placeholder: i.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: f.map((P) => /* @__PURE__ */ e(jn, { value: P.value, children: P.label }, P.value))
+          children: f.map((b) => /* @__PURE__ */ e(jn, { value: b.value, children: b.label }, b.value))
         }
       )
     ] }),
@@ -7151,11 +7151,11 @@ const EI = ({ transaction: A }) => {
     addTransaction: v,
     filter: u,
     loadAssociatedBeats: H,
-    setFilter: P,
+    setFilter: b,
     tags: p,
     transactions: y,
     updateTransaction: x
-  } = PA(), { common: w, transactions: D } = X(), { userProfile: m } = Ue(), { onEvent: j } = K(), {
+  } = PA(), { common: w, transactions: D } = X(), { userProfile: j } = Ue(), { onEvent: m } = K(), {
     displayedDateRange: O,
     isInitialized: T,
     selectedAccountGuids: tA,
@@ -7167,12 +7167,12 @@ const EI = ({ transaction: A }) => {
     oA(r);
   }, [r]), h.useEffect(() => {
     const kA = QA(fA()), nr = BA(fA());
-    iA(kA, nr), P({
+    iA(kA, nr), b({
       dateRange: { start: kA, end: nr },
       accounts: Y.map((ra) => ra.guid)
-    }), Ke(!0), j(V.TRANSACTIONS_VIEW);
+    }), Ke(!0), m(V.TRANSACTIONS_VIEW);
   }, []), h.useEffect(() => {
-    JA && (P({
+    JA && (b({
       ...u,
       dateRange: { start: O.start, end: O.end },
       accounts: tA
@@ -7186,21 +7186,21 @@ const EI = ({ transaction: A }) => {
   ), J = cA ? y.find((kA) => kA.guid === cA) : void 0, wA = c && !!a.payee && !!a.account_guid && !!a.category_guid, VA = (kA) => {
     iA(kA[0], kA[1]);
   }, Ze = (kA) => {
-    f(kA), P({
+    f(kA), b({
       ...u,
       searchTerm: kA
-    }), j(V.TRANSACTIONS_CLICK_SEARCH, { search_term: kA });
+    }), m(V.TRANSACTIONS_CLICK_SEARCH, { search_term: kA });
   }, Ki = () => {
-    cI(y, p), j(V.TRANSACTIONS_CLICK_EXPORT);
+    cI(y, p), m(V.TRANSACTIONS_CLICK_EXPORT);
   }, Zi = () => {
     Yt.length > 0 ? (l({
       ...sI,
       date: gA(fA()),
-      user_guid: m?.user_guid || ""
+      user_guid: j?.user_guid || ""
     }), uA(
       "addTransaction"
       /* AddTransaction */
-    ), j(V.TRANSACTIONS_CLICK_ADD)) : (fe(!0), j(V.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), m(V.TRANSACTIONS_CLICK_ADD)) : (fe(!0), m(V.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Vt = async () => {
     wA && await v(a), uA("");
   }, Ji = () => {
@@ -7227,7 +7227,7 @@ const EI = ({ transaction: A }) => {
       calendarActions: {
         onRangeChanged: VA
       },
-      onAccountsFilterClick: () => j(V.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(V.ACCOUNTS_CLICK_FILTER),
       onBackClick: A,
       sx: n,
       title: D.transactions_title,
@@ -7261,7 +7261,7 @@ const EI = ({ transaction: A }) => {
                   jA(kA), uA(
                     "transaction"
                     /* Transaction */
-                  ), j(V.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: kA });
+                  ), m(V.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: kA });
                 }
               }
             )
@@ -7387,11 +7387,11 @@ const EI = ({ transaction: A }) => {
   ], E = async (u) => {
     const H = { ...A, recurrenceType: u };
     if (A.activityType === TA.Expense) {
-      const P = n.find((p) => p.guid === A.scheduledPaymentGuid);
-      P && await o(PI(H, P));
+      const b = n.find((p) => p.guid === A.scheduledPaymentGuid);
+      b && await o(PI(H, b));
     } else {
-      const P = i.find((p) => p.guid === A.sequenceGuid);
-      P && await r(uI(H, P));
+      const b = i.find((p) => p.guid === A.sequenceGuid);
+      b && await r(uI(H, b));
     }
     c(!1);
   }, l = () => {
@@ -7452,10 +7452,10 @@ const EI = ({ transaction: A }) => {
   }, v = async () => {
     const u = { ...A, expectedDate: d };
     if (A.activityType === TA.Expense) {
-      const H = n.find((P) => P.guid === A.scheduledPaymentGuid);
+      const H = n.find((b) => b.guid === A.scheduledPaymentGuid);
       H && await o(PI(u, H));
     } else {
-      const H = i.find((P) => P.guid === A.sequenceGuid);
+      const H = i.find((b) => b.guid === A.sequenceGuid);
       H && await r(uI(u, H));
     }
     c(!1);
@@ -7490,7 +7490,7 @@ const EI = ({ transaction: A }) => {
     )
   ] });
 }, kd = C(Wd), Kd = ({ activity: A, onDeleted: t }) => {
-  const { recurring: i } = X(), { categories: n } = qA(), { deleteCashflowSequence: r, deleteScheduledPayment: o, paidActivities: I } = ZA(), { filter: a, setFilter: c, transactions: d } = PA(), { selectedAccountGuids: f } = pA(), { onEvent: E } = K(), [l, v] = h.useState(!1), [u, H] = h.useState(""), P = n.find((D) => D.guid === A.categoryGuid), p = A.activityType === TA.Income, y = h.useMemo(
+  const { recurring: i } = X(), { categories: n } = qA(), { deleteCashflowSequence: r, deleteScheduledPayment: o, paidActivities: I } = ZA(), { filter: a, setFilter: c, transactions: d } = PA(), { selectedAccountGuids: f } = pA(), { onEvent: E } = K(), [l, v] = h.useState(!1), [u, H] = h.useState(""), b = n.find((D) => D.guid === A.categoryGuid), p = A.activityType === TA.Income, y = h.useMemo(
     () => d.find((D) => D.guid === u),
     [u]
   );
@@ -7501,10 +7501,10 @@ const EI = ({ transaction: A }) => {
     });
   }, []), h.useEffect(() => {
     if (p && A.sequenceGuid) {
-      const D = I.filter((m) => m.sequenceGuid === A.sequenceGuid).map((m) => m.transactionGuid);
+      const D = I.filter((j) => j.sequenceGuid === A.sequenceGuid).map((j) => j.transactionGuid);
       c({
         ...a,
-        custom: (m) => !!D.find((j) => m.guid === j)
+        custom: (j) => !!D.find((m) => j.guid === m)
       });
     } else !p && A.scheduledPaymentGuid && c({
       ...a,
@@ -7521,8 +7521,8 @@ const EI = ({ transaction: A }) => {
       }
     );
   };
-  return /* @__PURE__ */ s(b, { bgcolor: "background.default", direction: "column", height: "100%", children: [
-    /* @__PURE__ */ s(b, { direction: "column", gap: 12, m: 24, children: [
+  return /* @__PURE__ */ s(P, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+    /* @__PURE__ */ s(P, { direction: "column", gap: 12, m: 24, children: [
       /* @__PURE__ */ e(
         vt,
         {
@@ -7549,13 +7549,13 @@ const EI = ({ transaction: A }) => {
         ),
         /* @__PURE__ */ e(G, { color: "secondary", variant: "inset" })
       ] }),
-      P && /* @__PURE__ */ s(Z, { children: [
+      b && /* @__PURE__ */ s(Z, { children: [
         /* @__PURE__ */ e(
           zi,
           {
             iconName: "monetization_on",
             label: i.category,
-            value: P.name
+            value: b.name
           }
         ),
         /* @__PURE__ */ e(G, { color: "secondary", variant: "inset" })
@@ -7685,7 +7685,7 @@ const EI = ({ transaction: A }) => {
         }
       ) }),
       /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(
-        b,
+        P,
         {
           direction: "row",
           gap: 4,
@@ -7695,9 +7695,9 @@ const EI = ({ transaction: A }) => {
             justifyContent: "space-between"
           },
           children: [
-            /* @__PURE__ */ s(b, { direction: "column", width: "50%", children: [
+            /* @__PURE__ */ s(P, { direction: "column", width: "50%", children: [
               /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.name }),
-              /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", gap: 6, children: t ? /* @__PURE__ */ s(b, { direction: "row", gap: 4, children: [
+              /* @__PURE__ */ e(P, { alignItems: "center", direction: "row", gap: 6, children: t ? /* @__PURE__ */ s(P, { direction: "row", gap: 4, children: [
                 _d(A),
                 /* @__PURE__ */ e(R, { variant: "XSmall", children: Jd(A, r) })
               ] }) : /* @__PURE__ */ s(Z, { children: [
@@ -7713,7 +7713,7 @@ const EI = ({ transaction: A }) => {
               ] }) })
             ] }),
             /* @__PURE__ */ e(
-              b,
+              P,
               {
                 alignItems: "center",
                 direction: "row",
@@ -7721,13 +7721,13 @@ const EI = ({ transaction: A }) => {
                 gap: 8,
                 justifyContent: "flex-end",
                 width: "50%",
-                children: /* @__PURE__ */ s(b, { alignItems: "flex-end", width: "100%", children: [
+                children: /* @__PURE__ */ s(P, { alignItems: "flex-end", width: "100%", children: [
                   /* @__PURE__ */ s(R, { bold: !0, color: a ? "success.main" : "text.primary", variant: "Body", children: [
                     a ? "+" : "",
                     M(A.amount, "0,0.00")
                   ] }),
                   !t && /* @__PURE__ */ s(
-                    b,
+                    P,
                     {
                       alignItems: "center",
                       direction: "row",
@@ -7835,7 +7835,7 @@ const EI = ({ transaction: A }) => {
   onSelected: n
 }) => {
   const { recurring: r } = X(), { searchValue: o, setSearchValue: I } = Pe();
-  return /* @__PURE__ */ s(b, { sx: { bgcolor: A, gap: 16, pt: 8 }, children: [
+  return /* @__PURE__ */ s(P, { sx: { bgcolor: A, gap: 16, pt: 8 }, children: [
     t && /* @__PURE__ */ e(HA, { sx: { mx: 24 }, children: t }),
     /* @__PURE__ */ e(
       Ti,
@@ -7900,8 +7900,8 @@ const EI = ({ transaction: A }) => {
     }
     r(Number(f.target.value));
   };
-  return /* @__PURE__ */ s(b, { bgcolor: A, gap: 24, height: "100%", children: [
-    /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { bgcolor: A, gap: 24, height: "100%", children: [
+    /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(Sn, { bgcolor: A, children: Mi(I.date) }),
       /* @__PURE__ */ e(Bn, { transaction: I })
     ] }),
@@ -7939,33 +7939,33 @@ const EI = ({ transaction: A }) => {
   label: t,
   onAddActivity: i = () => null
 }) => {
-  const { recurring: n } = X(), { addCashflowEvent: r, addCashflowSequence: o, addScheduledPayment: I } = ZA(), { filter: a, setFilter: c, transactions: d } = PA(), [f, E] = h.useState(!1), [l, v] = h.useState(""), [u, H] = h.useState(U.EveryMonth), [P, p] = h.useState(null), y = h.useMemo(
-    () => d.find((m) => m.guid === l),
+  const { recurring: n } = X(), { addCashflowEvent: r, addCashflowSequence: o, addScheduledPayment: I } = ZA(), { filter: a, setFilter: c, transactions: d } = PA(), [f, E] = h.useState(!1), [l, v] = h.useState(""), [u, H] = h.useState(U.EveryMonth), [b, p] = h.useState(null), y = h.useMemo(
+    () => d.find((j) => j.guid === l),
     [l]
   ), x = () => {
     E(!0), c(A ? { ...a, custom: ii } : { ...a, custom: Pn });
   }, w = async () => {
-    if (i(), !y || !P) {
+    if (i(), !y || !b) {
       D();
       return;
     }
     if (A) {
-      const m = bI(y, u, P), j = await o(m);
-      if (j) {
-        const O = HI(j, y);
+      const j = bI(y, u, b), m = await o(j);
+      if (m) {
+        const O = HI(m, y);
         await r(O);
       }
     } else {
-      const m = AE(y, u, P);
-      await I(m, y);
+      const j = AE(y, u, b);
+      await I(j, y);
     }
     D();
   }, D = () => {
     v(""), E(!1);
   };
   return /* @__PURE__ */ s(L, { children: [
-    /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(aA, { onClick: x, children: /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+    /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(aA, { onClick: x, children: /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(q, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
         /* @__PURE__ */ e(R, { bold: !0, sx: { color: "action.active" }, variant: "Body", children: t })
       ] }),
@@ -7983,13 +7983,13 @@ const EI = ({ transaction: A }) => {
           zI,
           {
             description: A ? n.add_income_description : n.add_expense_description,
-            onSearch: (m) => {
+            onSearch: (j) => {
               c({
                 ...a,
-                custom: (j) => A ? m ? gI(j, m) : ii(j) : m ? iE(j, m) : Pn(j)
+                custom: (m) => A ? j ? gI(m, j) : ii(m) : j ? iE(m, j) : Pn(m)
               });
             },
-            onSelected: (m) => v(m)
+            onSelected: (j) => v(j)
           }
         )
       }
@@ -8007,7 +8007,7 @@ const EI = ({ transaction: A }) => {
           {
             frequency: u,
             isIncome: A,
-            nextDate: P,
+            nextDate: b,
             onFrequencyChange: H,
             onNextDateChange: p,
             transaction: y
@@ -8336,13 +8336,13 @@ const EI = ({ transaction: A }) => {
       )
     }
   );
-}, hE = C(EE), Ei = ({ icon: A, label: t }) => /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
+}, hE = C(EE), Ei = ({ icon: A, label: t }) => /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(A, {}),
   /* @__PURE__ */ e(R, { variant: "XSmall", children: t })
 ] }), lE = () => {
   const { recurring: A } = X();
   return /* @__PURE__ */ s(
-    b,
+    P,
     {
       alignItems: "center",
       "aria-hidden": !0,
@@ -8409,7 +8409,7 @@ const EI = ({ transaction: A }) => {
       views: ["day"]
     }
   );
-  return /* @__PURE__ */ e(b, { justifyContent: "center", children: /* @__PURE__ */ s(Mt, { dateAdapter: Ct, children: [
+  return /* @__PURE__ */ e(P, { justifyContent: "center", children: /* @__PURE__ */ s(Mt, { dateAdapter: Ct, children: [
     i && I,
     !i && I,
     /* @__PURE__ */ e(vE, {})
@@ -8432,8 +8432,8 @@ const EI = ({ transaction: A }) => {
   title: o
 }) => {
   const { recurring: I } = X(), a = uE(A);
-  return /* @__PURE__ */ s(b, { gap: 8, mt: 4, sx: r, children: [
-    o && /* @__PURE__ */ s(b, { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24, children: [
+  return /* @__PURE__ */ s(P, { gap: 8, mt: 4, sx: r, children: [
+    o && /* @__PURE__ */ s(P, { alignItems: "top", direction: "row", justifyContent: "space-between", px: 24, children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: o }),
       i && /* @__PURE__ */ e($, { onClick: i, sx: { mt: -12 }, variant: "text", children: I.reset })
     ] }),
@@ -8487,10 +8487,10 @@ const EI = ({ transaction: A }) => {
     return n && d.push({ color: a.palette.error.main, percentage: `${n / t}` }), d;
   }, [i, t, n]);
   return /* @__PURE__ */ s(L, { px: 24, children: [
-    /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ s(L, { children: [
         /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: `${r} ${A}` }),
-        /* @__PURE__ */ s(b, { direction: "row", gap: 2, mb: 8, children: [
+        /* @__PURE__ */ s(P, { direction: "row", gap: 2, mb: 8, children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: M(i, "0,0.00") }),
           /* @__PURE__ */ e(R, { variant: "XSmall", children: I.paid?.toLowerCase() }),
           n !== void 0 && /* @__PURE__ */ s(Z, { children: [
@@ -8516,7 +8516,7 @@ const EI = ({ transaction: A }) => {
     selectedDayActivities: a,
     setSelectedDay: c,
     upcomingActivities: d
-  } = ZA(), [f, E] = h.useState(0), { onEvent: l } = K(), v = n.filter(en), u = o.filter(en), H = r.filter(en), P = v.filter(di).reduce(Ut, 0), p = u.filter(di).reduce(Ut, 0), y = H.filter(di).reduce(Ut, 0), x = v.filter(di).length, w = v.filter(An).reduce(Ut, 0), D = u.filter(An).reduce(Ut, 0), m = v.filter(An).length, j = (tA, Y) => {
+  } = ZA(), [f, E] = h.useState(0), { onEvent: l } = K(), v = n.filter(en), u = o.filter(en), H = r.filter(en), b = v.filter(di).reduce(Ut, 0), p = u.filter(di).reduce(Ut, 0), y = H.filter(di).reduce(Ut, 0), x = v.filter(di).length, w = v.filter(An).reduce(Ut, 0), D = u.filter(An).reduce(Ut, 0), j = v.filter(An).length, m = (tA, Y) => {
     E(Y);
   }, O = (tA) => {
     l(V.RECURRING_ACTIVITY_CLICK_UPCOMING, {
@@ -8528,11 +8528,11 @@ const EI = ({ transaction: A }) => {
     });
   };
   return /* @__PURE__ */ s(tt, { container: !0, pt: 16, px: 24, spacing: 24, children: [
-    /* @__PURE__ */ e(tt, { md: !0, sm: 12, children: /* @__PURE__ */ s(b, { gap: 24, children: [
+    /* @__PURE__ */ e(tt, { md: !0, sm: 12, children: /* @__PURE__ */ s(P, { gap: 24, children: [
       /* @__PURE__ */ e(
         kr,
         {
-          expected: P,
+          expected: b,
           missed: y,
           paid: p,
           title: A.expenses,
@@ -8545,7 +8545,7 @@ const EI = ({ transaction: A }) => {
           expected: w,
           paid: D,
           title: A.deposits,
-          total: m
+          total: j
         }
       ),
       !i && !t && /* @__PURE__ */ e(
@@ -8557,7 +8557,7 @@ const EI = ({ transaction: A }) => {
         }
       ),
       (i || t) && /* @__PURE__ */ s(L, { children: [
-        /* @__PURE__ */ s(Se, { onChange: j, value: f, variant: "fullWidth", children: [
+        /* @__PURE__ */ s(Se, { onChange: m, value: f, variant: "fullWidth", children: [
           /* @__PURE__ */ e(
             GA,
             {
@@ -8581,7 +8581,7 @@ const EI = ({ transaction: A }) => {
         f === 1 && /* @__PURE__ */ e(kt, { activities: u, onActivityClick: T })
       ] })
     ] }) }),
-    !i && !t && /* @__PURE__ */ e(tt, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(b, { gap: 35, children: [
+    !i && !t && /* @__PURE__ */ e(tt, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ s(P, { gap: 35, children: [
       /* @__PURE__ */ e(wI, {}),
       /* @__PURE__ */ e(
         kt,
@@ -8626,7 +8626,7 @@ const EI = ({ transaction: A }) => {
       sx: t,
       title: n.title,
       children: [
-        r || !c ? /* @__PURE__ */ e(zE, {}) : /* @__PURE__ */ s(b, { direction: "column", p: 48, spacing: 24, children: [
+        r || !c ? /* @__PURE__ */ e(zE, {}) : /* @__PURE__ */ s(P, { direction: "column", p: 48, spacing: 24, children: [
           /* @__PURE__ */ e(_e, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(_e, { height: 100, variant: "rounded", width: "100%" }),
           /* @__PURE__ */ e(_e, { height: 600, variant: "rounded", width: "100%" })
@@ -8652,7 +8652,7 @@ const EI = ({ transaction: A }) => {
     ),
     [t, o]
   ), { availableWidth: a } = Xt(), c = a < 750;
-  return /* @__PURE__ */ s(b, { flexDirection: c ? "column" : "row", width: "100%", children: [
+  return /* @__PURE__ */ s(P, { flexDirection: c ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(wI, {}),
     !c && /* @__PURE__ */ e(G, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
@@ -9085,7 +9085,7 @@ const yE = {
 var ni = /* @__PURE__ */ ((A) => (A.EXPENSE = "expense", A.INCOME = "income", A))(ni || {});
 const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   /* @__PURE__ */ s(W, { sx: { display: "flex", alignItems: "center", gap: 16, px: 24, py: 12 }, children: [
-    /* @__PURE__ */ s(b, { alignItems: "center", height: 32, width: 32, children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", height: 32, width: 32, children: [
       /* @__PURE__ */ e(R, { bold: !0, sx: { fontSize: 11 }, children: nA(A.expectedDate, AA.MONTH) }),
       /* @__PURE__ */ e(R, { bold: !0, sx: { fontSize: 11 }, children: nA(A.expectedDate, AA.DAY) })
     ] }),
@@ -9128,8 +9128,8 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   ] });
 }, Zr = C(ME), Jr = (A, t) => (i) => i.accountGuid === A.guid && (mn(i.expectedDate) || Ot(i.expectedDate, t.start)) && mA(i.expectedDate, t.end), NE = () => {
   const { availableWidth: A } = Xt(), { cashflow: t } = X(), { upcomingExpenses: i, upcomingIncome: n } = ZA(), { dateRange: r, selectedCashAccounts: o } = Nt();
-  return /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ s(b, { direction: A < 400 ? "column" : "row", justifyContent: "space-between", children: [
+  return /* @__PURE__ */ s(P, { children: [
+    /* @__PURE__ */ s(P, { direction: A < 400 ? "column" : "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ e(R, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: t.accounts_breakdown }),
       /* @__PURE__ */ s(R, { bold: !0, sx: { fontSize: 15, mb: 12, whiteSpace: "normal" }, children: [
         nA(r.start, AA.FULL_MONTH_DAY),
@@ -9138,7 +9138,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
         nA(r.end, AA.FULL_MONTH_DAY)
       ] })
     ] }),
-    /* @__PURE__ */ e(b, { children: o.map((I) => {
+    /* @__PURE__ */ e(P, { children: o.map((I) => {
       const a = n.filter(Jr(I, r)).sort((E, l) => gA(E.expectedDate) - gA(l.expectedDate)), c = i.filter(
         Jr(I, r)
       ), d = a.reduce(
@@ -9206,7 +9206,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
       headerName: i.accounts,
       renderCell: ({ value: { name: d, nickname: f, institution_guid: E, account_number: l } }) => {
         const v = f || d;
-        return /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", gap: 12, children: [
+        return /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", gap: 12, children: [
           /* @__PURE__ */ e(
             Oe,
             {
@@ -9276,13 +9276,13 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
       },
       children: [
         /* @__PURE__ */ s(
-          b,
+          P,
           {
             direction: A < 540 ? "column" : "row",
             justifyContent: "space-between",
             mb: 12,
             children: [
-              /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+              /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
                 /* @__PURE__ */ e(
                   R,
                   {
@@ -9340,9 +9340,9 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                 borderRadius: 1,
                 marginBottom: 24
               },
-              children: /* @__PURE__ */ e(W, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ s(b, { width: "100%", children: [
+              children: /* @__PURE__ */ e(W, { sx: { minHeight: "auto" }, children: /* @__PURE__ */ s(P, { width: "100%", children: [
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -9350,7 +9350,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                     px: 16,
                     py: 12,
                     children: [
-                      /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
+                      /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", gap: 8, width: "50%", children: [
                         /* @__PURE__ */ e(
                           Oe,
                           {
@@ -9367,7 +9367,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                 ),
                 /* @__PURE__ */ e(G, { sx: { width: "100%" } }),
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -9382,7 +9382,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                 ),
                 /* @__PURE__ */ e(G, { sx: { width: "100%" } }),
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     alignItems: "center",
                     flexDirection: "row",
@@ -9397,7 +9397,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                 ),
                 /* @__PURE__ */ e(G, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
-                  b,
+                  P,
                   {
                     alignItems: "center",
                     bgcolor: "background.default",
@@ -9467,7 +9467,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   symbol: r,
   tooltip: o
 }) => /* @__PURE__ */ s(
-  b,
+  P,
   {
     bgcolor: i ? "background.default" : "transparent",
     direction: t ? "row" : "column",
@@ -9476,7 +9476,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
     sx: { borderBottomLeftRadius: 4, borderBottomRightRadius: 4 },
     children: [
       !t && /* @__PURE__ */ e(OA, { amount: A, component: "h2", variant: "H2" }),
-      /* @__PURE__ */ s(b, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
+      /* @__PURE__ */ s(P, { alignItems: "center", component: "span", direction: "row", gap: 8, mt: 2, children: [
         /* @__PURE__ */ e(R, { bold: i, variant: "Small", children: n }),
         o
       ] }),
@@ -9493,9 +9493,9 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   ), l = h.useMemo(
     () => c.reduce((y, x) => y + (x?.balance || 0), 0),
     [c]
-  ), v = f.reduce((y, x) => y + x.amount, 0), u = E.reduce((y, x) => y + x.amount, 0), H = l - v + u, P = o.length > 0 && d?.has_completed_cash_flow_onboarding, p = i < 725;
-  return /* @__PURE__ */ s(b, { flexDirection: "row", gap: 24, justifyContent: "center", my: p ? 24 : 42, children: [
-    p ? /* @__PURE__ */ s(b, { border: "1px solid", borderColor: "border.light", borderRadius: 1, mx: 16, width: "100%", children: [
+  ), v = f.reduce((y, x) => y + x.amount, 0), u = E.reduce((y, x) => y + x.amount, 0), H = l - v + u, b = o.length > 0 && d?.has_completed_cash_flow_onboarding, p = i < 725;
+  return /* @__PURE__ */ s(P, { flexDirection: "row", gap: 24, justifyContent: "center", my: p ? 24 : 42, children: [
+    p ? /* @__PURE__ */ s(P, { border: "1px solid", borderColor: "border.light", borderRadius: 1, mx: 16, width: "100%", children: [
       /* @__PURE__ */ e(
         It,
         {
@@ -9505,7 +9505,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
         }
       ),
       /* @__PURE__ */ e(G, {}),
-      P ? /* @__PURE__ */ e(
+      b ? /* @__PURE__ */ e(
         It,
         {
           amount: u,
@@ -9551,7 +9551,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
       )
     ] }) : /* @__PURE__ */ s(Z, { children: [
       /* @__PURE__ */ e(It, { amount: l, label: n.cash_and_bank }),
-      P ? /* @__PURE__ */ s(Z, { children: [
+      b ? /* @__PURE__ */ s(Z, { children: [
         /* @__PURE__ */ e(R, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
         /* @__PURE__ */ e(
           It,
@@ -9601,7 +9601,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   ] });
 }, FE = C(UE), WE = ({ handleNextStep: A }) => {
   const { completeOnboarding: t } = Nn(), { cashflow: i } = X(), n = RA();
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(it, { pb: 12, children: i.welcome_title }),
     /* @__PURE__ */ e(
       lt,
@@ -9614,7 +9614,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
       }
     ),
     /* @__PURE__ */ e(HA, { pb: 32, children: i.welcome_description }),
-    /* @__PURE__ */ s(b, { direction: "column", mb: 32, spacing: 32, children: [
+    /* @__PURE__ */ s(P, { direction: "column", mb: 32, spacing: 32, children: [
       /* @__PURE__ */ s(HA, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
           L,
@@ -9664,7 +9664,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
         i.bullet_three
       ] })
     ] }),
-    /* @__PURE__ */ s(b, { direction: "row", spacing: 16, children: [
+    /* @__PURE__ */ s(P, { direction: "row", spacing: 16, children: [
       /* @__PURE__ */ e($, { onClick: A, variant: "contained", children: i.get_started_button }),
       /* @__PURE__ */ e($, { onClick: t, variant: "outlined", children: i.skip_button })
     ] })
@@ -9684,20 +9684,20 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
     transform: rotate(360deg);
   }
 `, Ah = () => {
-  const { addCashflowEvent: A, addCashflowSequence: t, cashflowSequences: i } = ZA(), { cashflow: n, common: r } = X(), { completeOnboarding: o } = Nn(), { isDirty: I } = Nt(), { isMobile: a } = zA(), { setDisplayedDate: c } = pA(), { filter: d, setFilter: f, transactions: E } = PA(), l = RA(), [v, u] = Fe(!0), [H, P] = h.useState(U.EveryMonth), [p, y] = Fe(!1), [x, w] = h.useState(null), [D, m] = Fe(1), [j, O] = Fe([]), [T, tA] = Fe(""), Y = h.useMemo(
+  const { addCashflowEvent: A, addCashflowSequence: t, cashflowSequences: i } = ZA(), { cashflow: n, common: r } = X(), { completeOnboarding: o } = Nn(), { isDirty: I } = Nt(), { isMobile: a } = zA(), { setDisplayedDate: c } = pA(), { filter: d, setFilter: f, transactions: E } = PA(), l = RA(), [v, u] = Fe(!0), [H, b] = h.useState(U.EveryMonth), [p, y] = Fe(!1), [x, w] = h.useState(null), [D, j] = Fe(1), [m, O] = Fe([]), [T, tA] = Fe(""), Y = h.useMemo(
     () => E.find((cA) => cA.guid === T),
     [T]
   ), iA = !!i.length, oA = async () => {
-    m(2), c(
+    j(2), c(
       //  Beginning of the month, 90 days before today
       QA(Ve(fA(), 90)),
       fA()
-    ), f({ ...d, custom: ii }), m(3);
+    ), f({ ...d, custom: ii }), j(3);
   }, sA = async () => {
-    if (!(j.length < 1)) {
+    if (!(m.length < 1)) {
       y(!0);
-      for (let cA = 0; cA < j.length; cA++) {
-        const jA = j[cA], WA = bI(
+      for (let cA = 0; cA < m.length; cA++) {
+        const jA = m[cA], WA = bI(
           jA,
           jA.frequency,
           jA.nextDate
@@ -9709,7 +9709,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
       }
       o();
     }
-  }, uA = !Y && v || !Y && j.length < 1;
+  }, uA = !Y && v || !Y && m.length < 1;
   return /* @__PURE__ */ s(
     L,
     {
@@ -9751,15 +9751,15 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
             children: [
               /* @__PURE__ */ e(it, { pb: 12, children: n.add_income_title }),
               /* @__PURE__ */ e(HA, { mb: 24, children: n.add_income_description }),
-              j.length > 0 && !Y && /* @__PURE__ */ s(Z, { children: [
-                /* @__PURE__ */ e(rA, { children: j.map((cA, jA) => /* @__PURE__ */ s(h.Fragment, { children: [
+              m.length > 0 && !Y && /* @__PURE__ */ s(Z, { children: [
+                /* @__PURE__ */ e(rA, { children: m.map((cA, jA) => /* @__PURE__ */ s(h.Fragment, { children: [
                   /* @__PURE__ */ e(Sn, { bgcolor: "background.paper", children: Mi(
                     gA(cA.nextDate || cA.date)
                   ) }),
                   /* @__PURE__ */ e(Bn, { transaction: cA }),
-                  jA !== j.length - 1 && /* @__PURE__ */ e(G, {})
+                  jA !== m.length - 1 && /* @__PURE__ */ e(G, {})
                 ] }, cA.guid)) }),
-                /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", children: [
+                /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(G, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     $,
@@ -9793,18 +9793,18 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                     frequency: H,
                     isIncome: !0,
                     nextDate: x,
-                    onFrequencyChange: P,
+                    onFrequencyChange: b,
                     onNextDateChange: w,
                     transaction: Y
                   }
                 ),
-                /* @__PURE__ */ s(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+                /* @__PURE__ */ s(P, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                   /* @__PURE__ */ e(
                     $,
                     {
                       "aria-disabled": !Y || !x,
                       onClick: () => {
-                        const cA = [...j];
+                        const cA = [...m];
                         cA.push({ ...Y, nextDate: x, frequency: H }), O(cA), tA("");
                       },
                       variant: "contained",
@@ -9823,11 +9823,11 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                   )
                 ] })
               ] }),
-              j.length > 0 && !Y && /* @__PURE__ */ s(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              m.length > 0 && !Y && /* @__PURE__ */ s(P, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ e(
                   $,
                   {
-                    "aria-disabled": j.length < 1 || p,
+                    "aria-disabled": m.length < 1 || p,
                     onClick: sA,
                     startIcon: p ? /* @__PURE__ */ e(
                       q,
@@ -9861,8 +9861,8 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
   return h.useEffect(() => {
     r(c);
   }, [c]), h.useEffect(() => {
-    const P = c.map((y) => y.guid), p = i.filter(
-      (y) => n.includes(y.guid) && P.includes(y.guid)
+    const b = c.map((y) => y.guid), p = i.filter(
+      (y) => n.includes(y.guid) && b.includes(y.guid)
     );
     l(p), d({ accounts: p.map((y) => y.guid) });
   }, [c, i]), f?.has_completed_cash_flow_onboarding ? /* @__PURE__ */ s(
@@ -10022,14 +10022,14 @@ function oh(A, t, i = 0) {
     for (const [E, l] of n.entries()) {
       if (l.balance <= 0.01 || l.is_impossible) continue;
       const u = (l.interest_rate ?? 0) / 100 / 12, H = l.balance * u;
-      let P = l.monthly_payment ?? 0;
-      E === 0 && i && (P += i), l.balance += H;
-      const p = Math.min(l.balance, P + o);
+      let b = l.monthly_payment ?? 0;
+      E === 0 && i && (b += i), l.balance += H;
+      const p = Math.min(l.balance, b + o);
       if (p <= H) {
         l.is_impossible = !0;
         continue;
       }
-      l.balance -= p, l.balance = l.balance < 0.01 ? 0 : l.balance, r += H, l.balance <= 0 && (o += P), p > 0 && (f = !0);
+      l.balance -= p, l.balance = l.balance < 0.01 ? 0 : l.balance, r += H, l.balance <= 0 && (o += b), p > 0 && (f = !0);
     }
     f && a.setMonth(a.getMonth() + 1);
   }
@@ -10559,8 +10559,8 @@ const ke = () => {
     ...Qn,
     ...qn
   ].includes(i.account_type);
-  return /* @__PURE__ */ s(b, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ s(b, { gap: 12, children: [
+  return /* @__PURE__ */ s(P, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ s(P, { gap: 12, children: [
       /* @__PURE__ */ e(
         Oe,
         {
@@ -10571,18 +10571,18 @@ const ke = () => {
       ),
       /* @__PURE__ */ e(R, { variant: "Small", children: d?.name })
     ] }),
-    /* @__PURE__ */ s(b, { gap: 8, mb: 24, mt: 4, children: [
+    /* @__PURE__ */ s(P, { gap: 8, mb: 24, mt: 4, children: [
       /* @__PURE__ */ e(lt, { children: i.name || i.feed_name }),
-      /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ e(R, { bold: I, variant: "Body", children: r }),
         /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: M(o, "0,0.00") })
       ] }),
-      /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ e(R, { variant: "Small", children: a }),
         /* @__PURE__ */ e(R, { variant: "Small", children: c })
       ] })
     ] }),
-    f && /* @__PURE__ */ e(b, { children: A || /* @__PURE__ */ e(Ch, {}) })
+    f && /* @__PURE__ */ e(P, { children: A || /* @__PURE__ */ e(Ch, {}) })
   ] });
 }, $n = C(gh), Xh = "#FF7B08";
 function ph(A, t) {
@@ -10608,26 +10608,26 @@ const mI = ({
     )
   ].sort((w, D) => w - D).map((w) => new Date(w)), E = d.map((w) => {
     const D = new Map(w.dataset.map((O) => [new Date(O.x).getTime(), O.y]));
-    let m = D.get(f[0].getTime()) ?? 0;
-    const j = f.map((O) => {
-      const T = D.get(O.getTime()) ?? m;
-      return m = T, { x: O, y: T };
+    let j = D.get(f[0].getTime()) ?? 0;
+    const m = f.map((O) => {
+      const T = D.get(O.getTime()) ?? j;
+      return j = T, { x: O, y: T };
     });
-    return { ...w, dataset: j };
+    return { ...w, dataset: m };
   }), l = E.reduce(
     (w, D) => w + (D.dataset[0]?.y ?? 0),
     0
   ), v = f.map((w, D) => {
-    const m = D / (f.length - 1), j = l * (1 - m);
-    return { x: w, y: j };
-  }), u = Math.ceil(l / 100) * 100, H = f, P = E.map((w, D) => {
-    const m = 1 - D / E.length * 0.5, j = ph(Xh, m);
+    const j = D / (f.length - 1), m = l * (1 - j);
+    return { x: w, y: m };
+  }), u = Math.ceil(l / 100) * 100, H = f, b = E.map((w, D) => {
+    const j = 1 - D / E.length * 0.5, m = ph(Xh, j);
     return {
       id: `debt-${D}`,
       guid: w.guid,
       label: w.name,
       data: w.dataset.map((O) => O.y),
-      color: j,
+      color: m,
       curve: "linear",
       type: "line",
       area: !0,
@@ -10635,7 +10635,7 @@ const mI = ({
       showMark: !1
     };
   });
-  P.push({
+  b.push({
     id: "payoff-line",
     label: "Payoff Line",
     data: v.map((w) => w.y),
@@ -10646,7 +10646,7 @@ const mI = ({
     showMark: !1,
     disableHighlight: !0
   });
-  const p = (w) => P.findIndex((D) => D?.guid === w);
+  const p = (w) => b.findIndex((D) => D?.guid === w);
   return /* @__PURE__ */ e(
     yo,
     {
@@ -10655,14 +10655,14 @@ const mI = ({
       height: t,
       onAreaClick: (w, D) => {
         o?.();
-        const m = P.find((j) => j.id === D.seriesId);
-        c(V.DEBTS_CLICK_CHART_AREA, { account_guid: m?.guid });
+        const j = b.find((m) => m.id === D.seriesId);
+        c(V.DEBTS_CLICK_CHART_AREA, { account_guid: j?.guid });
       },
       onHighlightChange: (w) => {
-        const D = P.find((m) => m.id === w?.seriesId)?.guid;
+        const D = b.find((j) => j.id === w?.seriesId)?.guid;
         I?.(D ?? "");
       },
-      series: P,
+      series: b,
       skipAnimation: !0,
       slotProps: {
         legend: {
@@ -10755,12 +10755,12 @@ const mI = ({
       children: o ? i.schedule_error_message : i.schedule_complete_message
     }
   ) : /* @__PURE__ */ s(Z, { children: [
-    /* @__PURE__ */ s(b, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+    /* @__PURE__ */ s(P, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: i.schedule_month_heading }),
       /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: i.schedule_amount_heading })
     ] }),
-    n.dataset.slice(1).map(({ x: I, y: a, payment: c }) => /* @__PURE__ */ e(b, { bgcolor: A.palette.background.paper, children: /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
-      b,
+    n.dataset.slice(1).map(({ x: I, y: a, payment: c }) => /* @__PURE__ */ e(P, { bgcolor: A.palette.background.paper, children: /* @__PURE__ */ e(P, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
+      P,
       {
         sx: {
           borderBottom: `1px solid ${A.palette.border.light}`,
@@ -10770,11 +10770,11 @@ const mI = ({
           pr: 24
         },
         children: [
-          /* @__PURE__ */ s(b, { flexGrow: 1, children: [
+          /* @__PURE__ */ s(P, { flexGrow: 1, children: [
             /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: nA(I, AA.MONTH_YEAR) }),
             /* @__PURE__ */ e(R, { color: A.palette.secondary.main, variant: "XSmall", children: i.schedule_month_label })
           ] }),
-          /* @__PURE__ */ s(b, { children: [
+          /* @__PURE__ */ s(P, { children: [
             /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: M(a, "0,0.00") }),
             /* @__PURE__ */ e(
               R,
@@ -10790,8 +10790,8 @@ const mI = ({
         ]
       }
     ) }) }, String(I))),
-    /* @__PURE__ */ e(b, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
-      b,
+    /* @__PURE__ */ e(P, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
+      P,
       {
         sx: {
           alignItems: "center",
@@ -11004,7 +11004,7 @@ const mI = ({
   );
 }), Lh = () => {
   const { onEvent: A } = K(), { selectedDebtChartData: t } = ke();
-  return h.useEffect(() => A(V.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(b, { bgcolor: "background.paper", children: [
+  return h.useEffect(() => A(V.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(P, { bgcolor: "background.paper", children: [
     t?.goal && /* @__PURE__ */ s(Z, { children: [
       /* @__PURE__ */ e(LI, { goal: t.goal }),
       /* @__PURE__ */ e(G, {}),
@@ -11112,7 +11112,7 @@ const mI = ({
       onClose: t,
       sx: { ...i },
       title: n.details_title,
-      children: /* @__PURE__ */ s(b, { bgcolor: "background.default", children: [
+      children: /* @__PURE__ */ s(P, { bgcolor: "background.default", children: [
         /* @__PURE__ */ e($n, { customDetailsChart: I }),
         /* @__PURE__ */ e(Nh, {})
       ] })
@@ -11154,20 +11154,20 @@ const mI = ({
   );
 }), Vh = () => {
   const { debts: A } = X(), { totalMonthlyPayments: t } = Ni(), { monthlyCashFlowProfile: i } = FA(), n = t + Number(i?.extra_payment);
-  return /* @__PURE__ */ s(b, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    /* @__PURE__ */ s(b, { p: 24, children: [
-      /* @__PURE__ */ s(b, { alignItems: "center", gap: 4, mb: 24, children: [
+  return /* @__PURE__ */ s(P, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ s(P, { p: 24, children: [
+      /* @__PURE__ */ s(P, { alignItems: "center", gap: 4, mb: 24, children: [
         /* @__PURE__ */ e(R, { variant: "Body", children: A.paydown_drawer_mimimum_label }),
         /* @__PURE__ */ e(R, { bold: !0, variant: "H1", children: M(t, "0,0") }),
         /* @__PURE__ */ e(R, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: A.paydown_drawer_minimum_info })
       ] }),
-      /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ s(P, { children: [
         /* @__PURE__ */ e(R, { variant: "H3", children: A.paydown_drawer_subtitle }),
         /* @__PURE__ */ e(R, { truncate: !1, variant: "ParagraphSmall", children: A.paydown_drawer_description })
       ] })
     ] }),
-    /* @__PURE__ */ e(b, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(Yh, {}) }),
-    /* @__PURE__ */ e(b, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(b, { gap: 4, children: [
+    /* @__PURE__ */ e(P, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(Yh, {}) }),
+    /* @__PURE__ */ e(P, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(P, { gap: 4, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: A.paydown_drawer_total_payment }),
       /* @__PURE__ */ e(R, { bold: !0, textAlign: "right", variant: "Body", children: M(n, "0,0") })
     ] }) })
@@ -11224,7 +11224,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
   );
 }, Kh = (A) => {
   const t = A.row.account, i = On[t.account_type];
-  return /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
       Oe,
       {
@@ -11232,7 +11232,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
         institutionGuid: t.institution_guid || ""
       }
     ),
-    /* @__PURE__ */ s(b, { ml: 12, children: [
+    /* @__PURE__ */ s(P, { ml: 12, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: t.name }),
       /* @__PURE__ */ e(R, { variant: "XSmall", children: i })
     ] })
@@ -11277,7 +11277,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       field: "balance",
       headerName: c.table_column_balance,
       renderHeader: we,
-      valueFormatter: (P) => M(P, "0,0"),
+      valueFormatter: (b) => M(b, "0,0"),
       sortable: !0,
       hideSortIcons: a,
       type: "number",
@@ -11290,7 +11290,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       field: "interest_rate",
       headerName: c.table_column_interest_rate,
       renderHeader: we,
-      valueFormatter: (P) => isNaN(P) ? "---" : `${Number(P).toFixed(2)}%`,
+      valueFormatter: (b) => isNaN(b) ? "---" : `${Number(b).toFixed(2)}%`,
       sortable: !0,
       hideSortIcons: a,
       type: "number",
@@ -11303,7 +11303,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       field: "projected_payoff_date",
       headerName: c.table_column_payoff_date,
       renderHeader: we,
-      valueFormatter: (P) => P ? nA(P, AA.MONTH_SHORT_YEAR) : "---",
+      valueFormatter: (b) => b ? nA(b, AA.MONTH_SHORT_YEAR) : "---",
       sortable: !0,
       hideSortIcons: a,
       type: "number",
@@ -11316,7 +11316,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       field: "monthly_payment",
       headerName: c.table_column_amount_due,
       renderHeader: we,
-      valueFormatter: (P) => typeof P == "number" ? M(P, "0,0") : "---",
+      valueFormatter: (b) => typeof b == "number" ? M(b, "0,0") : "---",
       sortable: !0,
       hideSortIcons: a,
       type: "number",
@@ -11339,14 +11339,14 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       headerAlign: "right",
       width: 20
     }
-  ], v = h.useMemo(() => t.map((P, p) => ({
-    ...P,
+  ], v = h.useMemo(() => t.map((b, p) => ({
+    ...b,
     id: p,
-    priority: Fh(P)
-  })), [t]), u = (P) => {
-    const x = P.target.closest("[data-id]")?.getAttribute("data-id"), w = t[Number(x)];
+    priority: Fh(b)
+  })), [t]), u = (b) => {
+    const x = b.target.closest("[data-id]")?.getAttribute("data-id"), w = t[Number(x)];
     n?.(w?.guid ?? "");
-  }, H = (P) => v.find((p) => p.guid === P)?.id;
+  }, H = (b) => v.find((p) => p.guid === b)?.id;
   return /* @__PURE__ */ e(
     L,
     {
@@ -11366,11 +11366,11 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
           disableColumnMenu: !0,
           hideFooter: !0,
           initialState: { sorting: { sortModel: d } },
-          onRowClick: (P) => {
-            r(), I(V.TRENDS_CLICK_TABLE_ROW, { account_guid: P.row.guid });
+          onRowClick: (b) => {
+            r(), I(V.TRENDS_CLICK_TABLE_ROW, { account_guid: b.row.guid });
           },
-          onSortModelChange: (P) => {
-            f(P), I(V.TRENDS_CLICK_TABLE_SORT);
+          onSortModelChange: (b) => {
+            f(b), I(V.TRENDS_CLICK_TABLE_SORT);
           },
           rows: v,
           slotProps: {
@@ -11508,17 +11508,17 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       const E = o[d].dataset, v = (f.interest_rate ?? 0) / 100 / 12, u = f.balance * v;
       let H = f.monthly_payment ?? 0;
       d === 0 && (H += i), f.balance += u;
-      const P = Math.min(f.balance, H + I);
-      if (P <= u) {
+      const b = Math.min(f.balance, H + I);
+      if (b <= u) {
         f.is_impossible = !0, o[d].is_impossible = !0, o[d].priority = void 0, E.push({ x: new Date(r), y: f.balance });
         continue;
       }
-      f.balance -= P, f.balance = f.balance < 0.01 ? 0 : f.balance, E.push({
+      f.balance -= b, f.balance = f.balance < 0.01 ? 0 : f.balance, E.push({
         x: new Date(r),
         y: Math.max(0, f.balance),
-        payment: P,
+        payment: b,
         extra: I
-      }), f.balance <= 0 && (I += H, o[d].projected_payoff_date = new Date(r)), P > 0 && (c = !0);
+      }), f.balance <= 0 && (I += H, o[d].projected_payoff_date = new Date(r)), b > 0 && (c = !0);
     }
     c && r.setMonth(r.getMonth() + 1);
   }
@@ -11542,10 +11542,10 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
     }
   );
 }), tl = ({ onBackClick: A, sx: t }) => {
-  const [i, n] = h.useState(!1), [r, o] = h.useState(!1), [I, a] = h.useState(!1), [c, d] = h.useState(""), { isDesktop: f, isMobile: E } = zA(), { debts: l } = X(), { onEvent: v } = K(), { isInitialized: u, setSelectedAccounts: H } = pA(), { setSelectedAccount: P } = Xe(), { selectedDebtPriority: p, setSelectedDebtChartData: y } = ke(), { accounts: x } = CA(), { loadGoals: w, monthlyCashFlowProfile: D } = FA(), { debts: m } = Ni(), j = h.useMemo(() => {
+  const [i, n] = h.useState(!1), [r, o] = h.useState(!1), [I, a] = h.useState(!1), [c, d] = h.useState(""), { isDesktop: f, isMobile: E } = zA(), { debts: l } = X(), { onEvent: v } = K(), { isInitialized: u, setSelectedAccounts: H } = pA(), { setSelectedAccount: b } = Xe(), { selectedDebtPriority: p, setSelectedDebtChartData: y } = ke(), { accounts: x } = CA(), { loadGoals: w, monthlyCashFlowProfile: D } = FA(), { debts: j } = Ni(), m = h.useMemo(() => {
     const oA = D?.extra_payment ?? 0;
-    return Al(m, p, oA);
-  }, [m, p, D]);
+    return Al(j, p, oA);
+  }, [j, p, D]);
   h.useEffect(() => {
     H(x), v(V.DEBTS_VIEW);
   }, []), h.useEffect(() => {
@@ -11554,8 +11554,8 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
     u && w().finally();
   }, [u]);
   const O = (oA) => d(oA), T = () => {
-    const oA = x.find((uA) => uA.guid === c), sA = j.find((uA) => uA.guid === c);
-    oA && P(oA), sA && y(sA), n(!0);
+    const oA = x.find((uA) => uA.guid === c), sA = m.find((uA) => uA.guid === c);
+    oA && b(oA), sA && y(sA), n(!0);
   }, tA = () => v(V.DEBTS_CLICK_FILTER), Y = () => {
     a(!0), v(V.DEBTS_CLICK_SNOWBALL_CTA);
   }, iA = () => {
@@ -11574,9 +11574,9 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
       sx: t,
       title: l.title,
       children: [
-        /* @__PURE__ */ s(b, { sx: { px: f ? "48px" : "24px" }, children: [
+        /* @__PURE__ */ s(P, { sx: { px: f ? "48px" : "24px" }, children: [
           /* @__PURE__ */ s(
-            b,
+            P,
             {
               sx: {
                 alignItems: E ? "flex-start" : "flex-end",
@@ -11587,7 +11587,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
                 /* @__PURE__ */ e(
                   mI,
                   {
-                    debts: j,
+                    debts: m,
                     height: E ? 250 : void 0,
                     hoveredDebtGuid: c,
                     onClickArea: T,
@@ -11598,7 +11598,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
                 /* @__PURE__ */ e(
                   ah,
                   {
-                    debts: j,
+                    debts: m,
                     onClickCta: Y,
                     sx: { mb: E ? "0px" : "64px" }
                   }
@@ -11606,10 +11606,10 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
               ]
             }
           ),
-          /* @__PURE__ */ e(b, { sx: { mx: E ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(P, { sx: { mx: E ? "-24px" : 0 }, children: /* @__PURE__ */ e(
             Zh,
             {
-              debts: j,
+              debts: m,
               hoveredDebtGuid: c,
               onClickRow: T,
               onHoverRow: O
@@ -11745,7 +11745,7 @@ class eo {
   updateRetirementGoal = async (t) => this.fetchInstance.put(`${Q.RETIREMENT_GOALS}/${t.guid}`, t).then((i) => i.retirement_goal);
 }
 function tn({ title: A, subtitle: t }) {
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A }),
     /* @__PURE__ */ e(R, { sx: { fontWeight: 400 }, variant: "Body", children: t })
   ] });
@@ -11867,9 +11867,9 @@ const cl = (A, t) => {
           title: /* @__PURE__ */ e(lt, { color: "text.secondary", fontWeight: 400, variant: "Body", children: A.name })
         }
       ),
-      /* @__PURE__ */ e(Ce, { sx: { pt: 0 }, children: /* @__PURE__ */ s(b, { gap: 6, children: [
+      /* @__PURE__ */ e(Ce, { sx: { pt: 0 }, children: /* @__PURE__ */ s(P, { gap: 6, children: [
         /* @__PURE__ */ e(ti, { data: v, height: 24 }),
-        /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(R, { color: "text.secondary", variant: "XSmall", children: f }),
           A.projected_to_complete_at && /* @__PURE__ */ e(R, { color: "text.secondary", variant: "XSmall", children: E })
         ] })
@@ -11886,7 +11886,7 @@ const cl = (A, t) => {
       A === B.SAVINGS_TRACK ? d.amount_allocated_for_savings_goals = I : A === B.DEBT_TRACK ? d.amount_allocated_for_debt_goals = I : A === B.RETIREMENT_TRACK && (d.amount_allocated_for_retirement_goals = I), await r(d), i(t.alert_contribution_updated);
     }
   };
-  return /* @__PURE__ */ e(b, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(P, { bgcolor: "background.paper", children: /* @__PURE__ */ e(
     Ge,
     {
       isSaveDisabled: !I || isNaN(I),
@@ -11920,7 +11920,7 @@ const cl = (A, t) => {
       flex: 1,
       renderCell: (v) => {
         const u = v.row;
-        return /* @__PURE__ */ s(b, { children: [
+        return /* @__PURE__ */ s(P, { children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: u.name }),
           /* @__PURE__ */ e(R, { variant: "XSmall", children: z(
             t.goal_projection,
@@ -11951,15 +11951,15 @@ const cl = (A, t) => {
   })), E = ({ oldIndex: v, targetIndex: u }) => {
     const H = [...a];
     H.splice(u, 0, H.splice(v, 1)[0]);
-    for (let P = 0; P < H.length; P += 1)
-      H[P].position = P + 1;
+    for (let b = 0; b < H.length; b += 1)
+      H[b].position = b + 1;
     c(H);
   }, l = async () => {
     await n(a), r(t.alert_goals_reordered), I(!1);
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(aA, { onClick: () => I(!0), children: /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(
-      b,
+      P,
       {
         alignItems: "center",
         color: "action.active",
@@ -11979,7 +11979,7 @@ const cl = (A, t) => {
         onClose: () => I(!1),
         onPrimaryAction: l,
         title: t.reorder_goals_title,
-        children: /* @__PURE__ */ s(b, { children: [
+        children: /* @__PURE__ */ s(P, { children: [
           /* @__PURE__ */ e(HA, { sx: { my: 12, mx: 24 }, children: t.reorder_goals_description }),
           /* @__PURE__ */ e(
             Gt,
@@ -12022,8 +12022,8 @@ const cl = (A, t) => {
         children: /* @__PURE__ */ e(Qe, { sx: { bgcolor: "text.primary", height: "16px", width: "16px" }, children: /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: t + 1 }) })
       }
     ),
-    /* @__PURE__ */ e(eA, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ e(eA, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { children: [
         /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.name }),
         /* @__PURE__ */ e(R, { variant: "XSmall", children: z(
           i.goal_projection,
@@ -12040,8 +12040,8 @@ const cl = (A, t) => {
   const { goals: t } = X();
   return /* @__PURE__ */ e(W, { children: /* @__PURE__ */ s(aA, { children: [
     /* @__PURE__ */ e(xA, { sx: { alignItems: "center", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(_a, { color: "success", filled: !0, size: 20 }) }),
-    /* @__PURE__ */ e(eA, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ e(eA, { primaryTypographyProps: { variant: "Body" }, children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { children: [
         /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.name }),
         /* @__PURE__ */ e(R, { variant: "XSmall", children: z(
           t.completed_label,
@@ -12061,7 +12061,7 @@ const cl = (A, t) => {
     (v) => v.track_type === B.SAVINGS_TRACK && v.has_been_spent || v.track_type !== B.SAVINGS_TRACK && v.is_complete
   ), [a, c] = h.useState(!1);
   let d = t.manage_saving_goals, f = t.manage_saving_drawer_title, E = t.manage_saving_title, l = t.manage_saving_description;
-  return A === B.DEBT_TRACK ? (d = t.manage_debt_goals, f = t.manage_debt_drawer_title, E = t.manage_debt_title, l = t.manage_debt_description) : A === B.RETIREMENT_TRACK && (d = t.manage_retirement_goals, f = t.manage_retirement_drawer_title, E = t.manage_retirement_title, l = t.manage_retirement_description), /* @__PURE__ */ s(b, { children: [
+  return A === B.DEBT_TRACK ? (d = t.manage_debt_goals, f = t.manage_debt_drawer_title, E = t.manage_debt_title, l = t.manage_debt_description) : A === B.RETIREMENT_TRACK && (d = t.manage_retirement_goals, f = t.manage_retirement_drawer_title, E = t.manage_retirement_title, l = t.manage_retirement_description), /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e($, { endIcon: /* @__PURE__ */ e(ce, {}), onClick: () => c(!0), children: d }),
     /* @__PURE__ */ e(
       IA,
@@ -12070,8 +12070,8 @@ const cl = (A, t) => {
         isOpen: a,
         onClose: () => c(!1),
         title: f,
-        children: /* @__PURE__ */ s(b, { children: [
-          /* @__PURE__ */ s(b, { m: 24, children: [
+        children: /* @__PURE__ */ s(P, { children: [
+          /* @__PURE__ */ s(P, { m: 24, children: [
             /* @__PURE__ */ e(ne, { children: E }),
             /* @__PURE__ */ e(HA, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: l })
           ] }),
@@ -12080,7 +12080,7 @@ const cl = (A, t) => {
           /* @__PURE__ */ s(rA, { sx: { bgcolor: "background.paper" }, children: [
             o.map((v, u) => {
               const H = u >= o.length - 1;
-              return /* @__PURE__ */ s(b, { children: [
+              return /* @__PURE__ */ s(P, { children: [
                 /* @__PURE__ */ e(hl, { goal: v, index: u }),
                 /* @__PURE__ */ e(
                   G,
@@ -12090,16 +12090,16 @@ const cl = (A, t) => {
                 )
               ] }, `ongoing-${v.guid}`);
             }),
-            A !== B.RETIREMENT_TRACK && /* @__PURE__ */ s(b, { children: [
+            A !== B.RETIREMENT_TRACK && /* @__PURE__ */ s(P, { children: [
               /* @__PURE__ */ e(El, { goals: o }),
               /* @__PURE__ */ e(G, {})
             ] })
           ] }),
-          A !== B.RETIREMENT_TRACK && I.length > 0 && /* @__PURE__ */ s(b, { children: [
+          A !== B.RETIREMENT_TRACK && I.length > 0 && /* @__PURE__ */ s(P, { children: [
             /* @__PURE__ */ e(R, { bold: !0, sx: { mb: 4, mx: 24, mt: 12 }, variant: "XSmall", children: t.complete_title }),
             /* @__PURE__ */ e(rA, { sx: { bgcolor: "background.paper" }, children: I.map((v, u) => {
               const H = u > o.length - 1;
-              return /* @__PURE__ */ s(b, { children: [
+              return /* @__PURE__ */ s(P, { children: [
                 /* @__PURE__ */ e(ll, { goal: v }),
                 /* @__PURE__ */ e(G, { variant: H ? "fullWidth" : "inset" })
               ] }, `complete-${v.guid}`);
@@ -12115,8 +12115,8 @@ const cl = (A, t) => {
   ), c = I.filter(
     (f) => f.track_type === B.SAVINGS_TRACK && f.has_been_spent || f.track_type !== B.SAVINGS_TRACK && f.is_complete
   ), d = A === B.DEBT_TRACK ? n.zero_state_complete_debt : n.zero_state_complete_savings;
-  return /* @__PURE__ */ s(b, { mt: 16, mx: i ? 24 : 0, children: [
-    /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
+  return /* @__PURE__ */ s(P, { mt: 16, mx: i ? 24 : 0, children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", mb: 8, children: [
       /* @__PURE__ */ e(R, { color: "text.secondary", variant: "Small", children: n.ongoing_title }),
       /* @__PURE__ */ e(vl, { trackType: A })
     ] }),
@@ -12124,7 +12124,7 @@ const cl = (A, t) => {
       // Goal should be full width in mobile or if it's the first goal (unless there are 2)
       /* @__PURE__ */ e(tt, { xs: i || E === 0 && l.length !== 2 ? 12 : 6, children: /* @__PURE__ */ e(qI, { goal: f, onClick: () => o(f) }, f.guid) }, E)
     )) }) : /* @__PURE__ */ s(
-      b,
+      P,
       {
         alignItems: "center",
         bgcolor: "background.default",
@@ -12138,11 +12138,11 @@ const cl = (A, t) => {
         ]
       }
     ),
-    A !== B.RETIREMENT_TRACK && /* @__PURE__ */ s(b, { gap: 16, mt: 48, children: [
+    A !== B.RETIREMENT_TRACK && /* @__PURE__ */ s(P, { gap: 16, mt: 48, children: [
       /* @__PURE__ */ e(R, { color: "text.secondary", variant: "Small", children: n.complete_title }),
-      c.length === 0 && /* @__PURE__ */ e(b, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(HA, { sx: { color: "text.secondary" }, variant: "Small", children: d }) }),
-      c.map((f) => /* @__PURE__ */ e(ze, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ e(Go, { onClick: () => o(f), children: /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 6, children: [
+      c.length === 0 && /* @__PURE__ */ e(P, { alignItems: "center", bgcolor: "background.default", borderRadius: 2, py: 18, children: /* @__PURE__ */ e(HA, { sx: { color: "text.secondary" }, variant: "Small", children: d }) }),
+      c.map((f) => /* @__PURE__ */ e(ze, { elevation: 2, sx: { borderRadius: 2 }, children: /* @__PURE__ */ e(Go, { onClick: () => o(f), children: /* @__PURE__ */ e(Ce, { sx: { ":last-child": { pb: 16 } }, children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 6, children: [
           /* @__PURE__ */ e(q, { color: "success", fill: !0, name: "check_circle", size: 20 }),
           /* @__PURE__ */ e(R, { color: "text.secondary", variant: "Body", children: f.name })
         ] }),
@@ -12152,7 +12152,7 @@ const cl = (A, t) => {
   ] });
 }), Rl = ({ goalType: A, onClick: t }) => {
   const { goals: i } = X(), { bgcolor: n, icon: r, label: o, description: I, subTypes: a, type: c } = A, [d, f] = h.useState(!1), E = a.length > 0;
-  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ s(rA, { sx: { bgcolor: "background.paper" }, children: [
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ s(rA, { sx: { bgcolor: "background.paper" }, children: [
     /* @__PURE__ */ e(W, { children: /* @__PURE__ */ s(
       aA,
       {
@@ -12266,7 +12266,7 @@ const cl = (A, t) => {
     }
     c(!1), A?.(B.DEBT_TRACK);
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(rA, { sx: { bgcolor: "background.paper" }, children: d.map((l, v) => /* @__PURE__ */ e(Rl, { goalType: l, onClick: f }, v)) }),
     /* @__PURE__ */ e(
       GI,
@@ -12301,7 +12301,7 @@ const cl = (A, t) => {
       ),
       /* @__PURE__ */ e(ce, {})
     ] }),
-    /* @__PURE__ */ e(IA, { isOpen: n, onClose: () => r(!1), title: t.account_details, children: /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ e(IA, { isOpen: n, onClose: () => r(!1), title: t.account_details, children: /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e($n, {}),
       /* @__PURE__ */ e(SI, {})
     ] }) })
@@ -12345,14 +12345,14 @@ const cl = (A, t) => {
     const v = { ...A, account_guid: l };
     c ? I(v) : (await a(v), o(r.alert_account_changed)), f(!1);
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     c ? /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ s(aA, { onClick: () => f(!0), children: [
-      /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(b, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
+      /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(P, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(jo, { filled: !0 }),
         r.details_add_account
       ] }) }),
       /* @__PURE__ */ e(ce, { color: "primary" })
-    ] }) }) : /* @__PURE__ */ s(b, { sx: { gap: 8, my: 24, mx: 24 }, children: [
+    ] }) }) : /* @__PURE__ */ s(P, { sx: { gap: 8, my: 24, mx: 24 }, children: [
       /* @__PURE__ */ e($, { onClick: () => f(!0), variant: "text", children: r.details_change_account }),
       /* @__PURE__ */ e(
         R,
@@ -12364,7 +12364,7 @@ const cl = (A, t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e(IA, { isOpen: d, onClose: () => f(!1), title: r.details_change_account, children: /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ e(IA, { isOpen: d, onClose: () => f(!1), title: r.details_change_account, children: /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(R, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: n.account_types[1] }),
       /* @__PURE__ */ e(rA, { sx: { bgcolor: "background.paper" }, children: t.map((l) => /* @__PURE__ */ e(W, { children: /* @__PURE__ */ s(aA, { onClick: () => E(l.guid), children: [
         /* @__PURE__ */ e(xA, { children: /* @__PURE__ */ e(
@@ -12514,24 +12514,24 @@ const cl = (A, t) => {
   ), l = i.filter(
     (u) => !o.find((H) => H.account_guid === u.guid)
   ), v = async (u) => {
-    const H = u.map((P) => ({
-      account_guid: P.guid,
+    const H = u.map((b) => ({
+      account_guid: b.guid,
       retirement_goal_guid: A.guid
     }));
     if (f)
       a(H);
     else
-      for (const P of H)
-        await n(P), I(t.alert_account_added);
+      for (const b of H)
+        await n(b), I(t.alert_account_added);
     d(!1);
   };
-  return /* @__PURE__ */ s(b, { children: [
-    E.map((u) => /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
+    E.map((u) => /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(MI, { account: u }),
       /* @__PURE__ */ e(G, {})
     ] }, u.guid)),
     /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ s(aA, { onClick: () => d(!0), children: [
-      /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(b, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
+      /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(P, { alignItems: "center", color: "action.active", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(jo, { filled: !0 }),
         t.details_add_account
       ] }) }),
@@ -12554,8 +12554,8 @@ const cl = (A, t) => {
     [i, A]
   ), r = A.track_type;
   let o = t.details_save_title;
-  return A.track_type === B.DEBT_TRACK ? o = t.details_debt_title : A.track_type === B.RETIREMENT_TRACK && (o = t.details_retirement_title), /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ s(b, { mx: 24, children: [
+  return A.track_type === B.DEBT_TRACK ? o = t.details_debt_title : A.track_type === B.RETIREMENT_TRACK && (o = t.details_retirement_title), /* @__PURE__ */ s(P, { children: [
+    /* @__PURE__ */ s(P, { mx: 24, children: [
       /* @__PURE__ */ e(R, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: o }),
       /* @__PURE__ */ e(qI, { goal: A, isInDrawer: !0 }),
       /* @__PURE__ */ e(R, { color: "text.secondary", sx: { mb: 4, mt: 24 }, variant: "XSmall", children: t.details_title })
@@ -12603,31 +12603,31 @@ const cl = (A, t) => {
     setAlert: c,
     setSelectedGoal: d,
     updateGoal: f
-  } = FA(), { user: E } = Ue(), [l, v] = h.useState(!1), u = !a?.guid, H = a?.track_type === B.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, P = h.useMemo(() => a ? a.track_type === B.SAVINGS_TRACK ? !!a.name && !!a.amount : a.track_type === B.DEBT_TRACK ? !0 : a.track_type === B.RETIREMENT_TRACK ? !!a.name && !!a.amount && !!a.retirement_age && !!E.birthday : !0 : !1, [a]);
+  } = FA(), { user: E } = Ue(), [l, v] = h.useState(!1), u = !a?.guid, H = a?.track_type === B.SAVINGS_TRACK && a.is_complete && !a.has_been_spent, b = h.useMemo(() => a ? a.track_type === B.SAVINGS_TRACK ? !!a.name && !!a.amount : a.track_type === B.DEBT_TRACK ? !0 : a.track_type === B.RETIREMENT_TRACK ? !!a.name && !!a.amount && !!a.retirement_age && !!E.birthday : !0 : !1, [a]);
   let p = i.delete_button, y = () => v(!0);
   u ? (y = () => x(), p = i.save_button) : H && (y = () => D(), p = t.mark_as_complete_button);
   const x = async () => {
     if (a) {
-      const m = a.track_type;
-      m !== B.RETIREMENT_TRACK ? await n(a) : m === B.RETIREMENT_TRACK && await r({ ...a, target_amount: a.amount }), c(t.alert_goal_added), d(void 0), m && A?.(m);
+      const j = a.track_type;
+      j !== B.RETIREMENT_TRACK ? await n(a) : j === B.RETIREMENT_TRACK && await r({ ...a, target_amount: a.amount }), c(t.alert_goal_added), d(void 0), j && A?.(j);
     }
   }, w = async () => {
     a && (a.track_type !== B.RETIREMENT_TRACK ? await o(a.guid) : a.track_type === B.RETIREMENT_TRACK && await I(a), c(t.alert_goal_deleted), d(void 0));
   }, D = async () => {
-    const m = {
+    const j = {
       ...a,
       has_been_spent: !0
     };
-    await f(m), c(t.alert_goal_completed), d(void 0);
+    await f(j), c(t.alert_goal_completed), d(void 0);
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(
       IA,
       {
         ariaLabelClose: i.close_aria,
         hasSecondaryAction: u,
         isOpen: !!a,
-        isPrimaryDisabled: !P,
+        isPrimaryDisabled: !b,
         onClose: () => d(void 0),
         onPrimaryAction: y,
         primaryColor: u || H ? "primary" : "error",
@@ -12658,7 +12658,7 @@ const cl = (A, t) => {
   onClick: n,
   subText: r
 }) => /* @__PURE__ */ s(
-  b,
+  P,
   {
     sx: {
       mt: 54,
@@ -12680,10 +12680,10 @@ const cl = (A, t) => {
     ]
   }
 ), jP = C(({ onBackClick: A, sx: t }) => {
-  const { onEvent: i } = K(), { isMobile: n } = zA(), { accounts: r } = CA(), { isInitialized: o, setSelectedAccounts: I } = pA(), { goals: a, common: c } = X(), { alert: d, goals: f, loadGoals: E, monthlyCashFlowProfile: l, setAlert: v, retirmentGoals: u } = FA(), [H, P] = h.useState(0), [p, y] = h.useState(!1), x = l?.amount_allocated_for_savings_goals || 0, w = l?.amount_allocated_for_debt_goals || 0, D = l?.amount_allocated_for_retirement_goals || 0, m = z(
+  const { onEvent: i } = K(), { isMobile: n } = zA(), { accounts: r } = CA(), { isInitialized: o, setSelectedAccounts: I } = pA(), { goals: a, common: c } = X(), { alert: d, goals: f, loadGoals: E, monthlyCashFlowProfile: l, setAlert: v, retirmentGoals: u } = FA(), [H, b] = h.useState(0), [p, y] = h.useState(!1), x = l?.amount_allocated_for_savings_goals || 0, w = l?.amount_allocated_for_debt_goals || 0, D = l?.amount_allocated_for_retirement_goals || 0, j = z(
     n ? a.tab_subtitle_mobile : a.tab_subtitle,
     M(x, "0,0")
-  ), j = z(
+  ), m = z(
     n ? a.tab_subtitle_mobile : a.tab_subtitle,
     M(w, "0,0")
   ), O = z(
@@ -12700,7 +12700,7 @@ const cl = (A, t) => {
   }, tA = () => {
     y(!0), i(V.GOALS_CLICK_ADD);
   }, Y = (oA) => {
-    y(!1), oA === B.SAVINGS_TRACK ? P(0) : oA === B.DEBT_TRACK ? P(1) : oA === B.RETIREMENT_TRACK && P(2);
+    y(!1), oA === B.SAVINGS_TRACK ? b(0) : oA === B.DEBT_TRACK ? b(1) : oA === B.RETIREMENT_TRACK && b(2);
   }, iA = h.useMemo(
     () => f.length === 0 || f.every(({ track_type: oA }) => !oA) && u.length === 0,
     [f, u]
@@ -12722,11 +12722,11 @@ const cl = (A, t) => {
       title: a.title,
       children: [
         !o && /* @__PURE__ */ e(ee, {}),
-        o && /* @__PURE__ */ s(b, { mx: n ? 0 : 48, my: 24, children: [
+        o && /* @__PURE__ */ s(P, { mx: n ? 0 : 48, my: 24, children: [
           /* @__PURE__ */ s(
             Se,
             {
-              onChange: (oA, sA) => P(sA),
+              onChange: (oA, sA) => b(sA),
               sx: { bgcolor: "background.paper" },
               value: iA ? !1 : H,
               variant: "fullWidth",
@@ -12735,14 +12735,14 @@ const cl = (A, t) => {
                   GA,
                   {
                     disabled: iA,
-                    label: /* @__PURE__ */ e(tn, { subtitle: m, title: a.tab_saving_title })
+                    label: /* @__PURE__ */ e(tn, { subtitle: j, title: a.tab_saving_title })
                   }
                 ),
                 /* @__PURE__ */ e(
                   GA,
                   {
                     disabled: iA,
-                    label: /* @__PURE__ */ e(tn, { subtitle: j, title: a.tab_debt_title })
+                    label: /* @__PURE__ */ e(tn, { subtitle: m, title: a.tab_debt_title })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -13248,7 +13248,7 @@ const ml = /^[ a-zA-ZÀ-ÿ0-9]+$/, Ol = 50, io = 65, Ll = ({
     estimateSize: () => io,
     overscan: 5
   });
-  return h.useEffect(() => E.measure(), [n]), /* @__PURE__ */ s(b, { className: "mx-mrt-lookup", children: [
+  return h.useEffect(() => E.measure(), [n]), /* @__PURE__ */ s(P, { className: "mx-mrt-lookup", children: [
     /* @__PURE__ */ e(
       Ti,
       {
@@ -13283,7 +13283,7 @@ const ml = /^[ a-zA-ZÀ-ÿ0-9]+$/, Ol = 50, io = 65, Ll = ({
           );
         })
       ] }),
-      !n.length && /* @__PURE__ */ e(b, { alignItems: "center", my: 24, children: /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "Small", children: o.search_zero_state }) })
+      !n.length && /* @__PURE__ */ e(P, { alignItems: "center", my: 24, children: /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "Small", children: o.search_zero_state }) })
     ] }) }) })
   ] });
 }, mP = C(Ll);
@@ -13526,7 +13526,7 @@ const Sl = ({
             children: /* @__PURE__ */ e(
               eA,
               {
-                primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
                   /* @__PURE__ */ e(R, { variant: "Body", children: Ko(A.x) }),
                   /* @__PURE__ */ e(OA, { amount: A.y, sx: { color: "inherit" }, variant: "Body" })
                 ] })
@@ -13555,7 +13555,7 @@ const Sl = ({
     };
     return E && (v.color = l ? "inherit" : v.color, v.backgroundColor = c.palette.action.hover), l && (v.backgroundColor = c.palette.primary.main, v.borderBottom = c.palette.border.light, v.color = c.palette.common.white), v;
   };
-  return /* @__PURE__ */ s(b, { direction: "column", sx: { minWidth: 320 }, children: [
+  return /* @__PURE__ */ s(P, { direction: "column", sx: { minWidth: 320 }, children: [
     /* @__PURE__ */ s(rA, { children: [
       /* @__PURE__ */ e(me, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(R, { bold: !0, component: "h2", variant: "Body", children: a.monthly_totals }) }),
       /* @__PURE__ */ e(G, {}),
@@ -13607,7 +13607,7 @@ const Sl = ({
   ] });
 }, Ar = C(Zl), Jl = ({ hoveredData: A, selectedData: t }) => {
   const { net_worth: i } = X(), n = oe(), r = A || t, o = Is(Ai(r.x), "MMMM");
-  return /* @__PURE__ */ s(b, { alignItems: "center", direction: "column", m: 24, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(R, { color: n.palette.secondary.main, variant: "Small", children: `${o} ${i.net_worth}` }),
     /* @__PURE__ */ e(OA, { amount: r.y, variant: "H2" }),
     /* @__PURE__ */ e(Ar, { currencyLabel: i.this_month, netWorth: r, theme: n })
@@ -13630,7 +13630,7 @@ const Sl = ({
       /* @__PURE__ */ e(W, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
         eA,
         {
-          primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+          primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
             /* @__PURE__ */ e(R, { variant: "Body", children: o.accountName }),
             /* @__PURE__ */ e(OA, { amount: o.balance, variant: "Small" })
           ] }),
@@ -13679,7 +13679,7 @@ const Sl = ({
       /* @__PURE__ */ e(me, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         eA,
         {
-          primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+          primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(R, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.assets }),
             /* @__PURE__ */ e(OA, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
@@ -13689,7 +13689,7 @@ const Sl = ({
       /* @__PURE__ */ e(me, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         eA,
         {
-          primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+          primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(R, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.liabilities }),
             /* @__PURE__ */ e(OA, { amount: r, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
@@ -13707,7 +13707,7 @@ const Sl = ({
 }) => {
   const { net_worth: o } = X(), I = RA();
   return /* @__PURE__ */ s(Z, { children: [
-    /* @__PURE__ */ s(b, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
       /* @__PURE__ */ e(R, { variant: "Small", children: Ko(A?.x) }),
       /* @__PURE__ */ e(R, { variant: "Body", children: o.total_change }),
       A && /* @__PURE__ */ e(Ar, { currencyVariant: "H1", iconSize: 32, netWorth: A, theme: I })
@@ -13716,7 +13716,7 @@ const Sl = ({
       /* @__PURE__ */ e(me, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         eA,
         {
-          primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+          primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(R, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.gains }),
             /* @__PURE__ */ e(OA, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
@@ -13726,7 +13726,7 @@ const Sl = ({
         /* @__PURE__ */ e(W, { sx: { backgroundColor: I.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
           eA,
           {
-            primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+            primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
               /* @__PURE__ */ e(R, { variant: "Body", children: a.accountName }),
               /* @__PURE__ */ e(
                 OA,
@@ -13745,7 +13745,7 @@ const Sl = ({
       /* @__PURE__ */ e(me, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
         eA,
         {
-          primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", children: [
+          primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(R, { sx: { fontWeight: 700 }, variant: "XSmall", children: o.losses }),
             /* @__PURE__ */ e(OA, { amount: r, sx: { fontWeight: 400 }, variant: "XSmall" })
           ] })
@@ -13759,7 +13759,7 @@ const Sl = ({
             children: /* @__PURE__ */ e(
               eA,
               {
-                primary: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                primary: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
                   /* @__PURE__ */ e(R, { variant: "Body", children: a.accountName }),
                   /* @__PURE__ */ e(OA, { amount: a.loss, sx: { fontWeight: 700 }, variant: "Body" })
                 ] }),
@@ -13824,7 +13824,7 @@ const Sl = ({
     selectedData: v,
     setHoveredData: u,
     setSelectedData: H
-  } = Lc(), { isMobile: P } = zA(), { onEvent: p } = K(), [y, x] = h.useState(!1), [w, D] = h.useState(6), [m, j] = h.useState(!1), [O, T] = h.useState(!1), [tA, Y] = h.useState(!1), iA = async () => {
+  } = Lc(), { isMobile: b } = zA(), { onEvent: p } = K(), [y, x] = h.useState(!1), [w, D] = h.useState(6), [j, m] = h.useState(!1), [O, T] = h.useState(!1), [tA, Y] = h.useState(!1), iA = async () => {
     await E(i), await f(w), x(!0);
   };
   h.useEffect(() => {
@@ -13837,7 +13837,7 @@ const Sl = ({
     p(V.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: w + "M" }), f(w);
   }, [w]);
   const oA = (Ie, bA) => {
-    H(bA), Ie.currentTarget instanceof HTMLDivElement && j(!0);
+    H(bA), Ie.currentTarget instanceof HTMLDivElement && m(!0);
   }, sA = (Ie) => {
     u(Ie);
   }, uA = () => {
@@ -13865,21 +13865,21 @@ const Sl = ({
       calendarActions: {
         onRangeChanged: jA
       },
-      dateRangeVariant: P ? "timeframetabs" : "timeframebuttons",
+      dateRangeVariant: b ? "timeframetabs" : "timeframebuttons",
       onAccountsFilterClick: () => p(V.NET_WORTH_WIDGET_CLICK_FILTER),
       onBackClick: A,
       showDividerAboveDateSelector: !1,
-      sx: { p: P ? 0 : 48 },
+      sx: { p: b ? 0 : 48 },
       title: o.net_worth,
       children: y && /* @__PURE__ */ s(Z, { children: [
         l.length ? /* @__PURE__ */ s(Z, { children: [
           v && /* @__PURE__ */ e(_l, { hoveredData: d, selectedData: v }),
           /* @__PURE__ */ s(
-            b,
+            P,
             {
-              alignItems: P ? "center" : "flex-start",
-              direction: P ? "column" : "row",
-              spacing: P ? 0 : 48,
+              alignItems: b ? "center" : "flex-start",
+              direction: b ? "column" : "row",
+              spacing: b ? 0 : 48,
               children: [
                 /* @__PURE__ */ e(Ul, { ...WA }),
                 /* @__PURE__ */ e(Kl, { ...WA })
@@ -13908,8 +13908,8 @@ const Sl = ({
           IA,
           {
             ariaLabelClose: "Close",
-            isOpen: m,
-            onClose: () => j(!1),
+            isOpen: j,
+            onClose: () => m(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
             title: o.gains_and_losses,
@@ -14112,13 +14112,13 @@ const so = "PARENT-ENTITY", E9 = (A, t) => {
   } = r;
   for (const l of n.filter((v) => v.entity_guid === so)) {
     const v = E9(l.notification_type, i), u = n.filter(
-      (P) => P.entity_guid !== so && P.notification_type === l.notification_type
+      (b) => b.entity_guid !== so && b.notification_type === l.notification_type
     ), H = [];
     I && !d && l.email_channel && H.push(i.delivery_method_email_label), a && !f && l.sms_channel && H.push(i.delivery_method_sms_label), c && !E && l.push_channel && H.push(i.delivery_method_push_label), o.push({
       ...l,
-      children: u.map((P) => ({
-        ...P,
-        account: A.find((p) => p.guid === P.entity_guid),
+      children: u.map((b) => ({
+        ...b,
+        account: A.find((p) => p.guid === b.entity_guid),
         label: v
       })),
       deliveryMethodsLabel: H.join(", "),
@@ -16715,9 +16715,9 @@ const u9 = ({
         }
       )
     ] }),
-    /* @__PURE__ */ e(b, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((f) => {
+    /* @__PURE__ */ e(P, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((f) => {
       const E = f === 0 ? 0 : d, l = f === 0 ? d : i.length, v = i.slice(E, l);
-      return /* @__PURE__ */ e(b, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: v.map(({ guid: u, icon: H, topics: P, title: p }, y) => {
+      return /* @__PURE__ */ e(P, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: v.map(({ guid: u, icon: H, topics: b, title: p }, y) => {
         const x = y + E;
         return /* @__PURE__ */ s(
           yn,
@@ -16743,7 +16743,7 @@ const u9 = ({
                 {
                   expandIcon: /* @__PURE__ */ e(ji, { sx: { color: "text.primary" } }),
                   sx: { height: 64, p: "14px 24px" },
-                  children: /* @__PURE__ */ s(b, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+                  children: /* @__PURE__ */ s(P, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
                     /* @__PURE__ */ e(q, { name: H, size: 24 }),
                     /* @__PURE__ */ e(R, { variant: "Body", children: p })
                   ] })
@@ -16757,7 +16757,7 @@ const u9 = ({
                     ml: 56,
                     p: 0
                   },
-                  children: /* @__PURE__ */ e(rA, { disablePadding: !0, children: P.map(({ label: w, topicKey: D }) => /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ e(rA, { disablePadding: !0, children: b.map(({ label: w, topicKey: D }) => /* @__PURE__ */ e(
                     aA,
                     {
                       "aria-label": w,
@@ -16882,7 +16882,7 @@ const u9 = ({
   title: o
 }) => /* @__PURE__ */ s(h.Fragment, { children: [
   /* @__PURE__ */ s(
-    b,
+    P,
     {
       sx: {
         gap: 8,
@@ -16892,7 +16892,7 @@ const u9 = ({
       },
       children: [
         /* @__PURE__ */ s(L, { children: [
-          /* @__PURE__ */ s(b, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
+          /* @__PURE__ */ s(P, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
             t && /* @__PURE__ */ e(q, { name: "help", size: 20, sx: { color: "text.primary" } }),
             /* @__PURE__ */ e(R, { color: "text.primary", variant: "H3", children: o })
           ] }),
@@ -16993,7 +16993,7 @@ const u9 = ({
   onClick: t
 }) => {
   const [i, n] = h.useState(null);
-  return /* @__PURE__ */ e(b, { sx: { flex: 1, gap: 12, p: 12 }, children: A.map(({ icon: r, topics: o, title: I }, a) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(P, { sx: { flex: 1, gap: 12, p: 12 }, children: A.map(({ icon: r, topics: o, title: I }, a) => /* @__PURE__ */ s(
     yn,
     {
       disableGutters: !0,
@@ -17008,7 +17008,7 @@ const u9 = ({
           {
             expandIcon: /* @__PURE__ */ e(ji, { sx: { color: "text.primary" } }),
             sx: { p: "14px 24px", height: 64 },
-            children: /* @__PURE__ */ s(b, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+            children: /* @__PURE__ */ s(P, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
               /* @__PURE__ */ e(q, { name: r, size: 24 }),
               /* @__PURE__ */ e(R, { variant: "Body", children: I })
             ] })
@@ -17068,18 +17068,18 @@ const u9 = ({
       { name: "institutionName", required: !0 },
       { name: "institutionWebsite", required: !0 },
       { name: "institutionLoginPage", required: !1 }
-    ].map((H, P) => ({
+    ].map((H, b) => ({
       ...H,
-      label: A.popular_topics_missing_institution_fields[P.toString()]
+      label: A.popular_topics_missing_institution_fields[b.toString()]
     })), l = () => {
       c(co), f(rn), i();
     }, v = (H) => {
       const {
-        target: { name: P, value: p }
+        target: { name: b, value: p }
       } = H;
       f((y) => ({
         ...y,
-        [P]: p
+        [b]: p
       }));
     };
     return /* @__PURE__ */ s(
@@ -17089,11 +17089,11 @@ const u9 = ({
         onClose: l,
         onPrimaryAction: () => {
           const H = {};
-          let P = !0;
+          let b = !0;
           E.forEach(({ label: p, name: y, required: x }) => {
             const w = d[y];
-            x && !w && (H[y] = `${p} ${A.request_support_required_message}`, P = !1), (y === "institutionWebsite" || y === "institutionLoginPage") && w && !/(.+)\.(.{2,})/g.test(w) && (H[y] = A.request_support_valid_url_message, P = !1);
-          }), c(H), P && (n(d), f(rn));
+            x && !w && (H[y] = `${p} ${A.request_support_required_message}`, b = !1), (y === "institutionWebsite" || y === "institutionLoginPage") && w && !/(.+)\.(.{2,})/g.test(w) && (H[y] = A.request_support_valid_url_message, b = !1);
+          }), c(H), b && (n(d), f(rn));
         },
         secondaryColor: "primary",
         title: A.request_support,
@@ -17108,19 +17108,19 @@ const u9 = ({
               title: A.popular_topics_missing_institution
             }
           ),
-          /* @__PURE__ */ e(b, { sx: { gap: 24, p: 24 }, children: E.map(({ label: H, name: P }) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(P, { sx: { gap: 24, p: 24 }, children: E.map(({ label: H, name: b }) => /* @__PURE__ */ e(
             $A,
             {
               InputLabelProps: { shrink: !0 },
-              error: !!a[P],
+              error: !!a[b],
               fullWidth: !0,
-              helperText: a[P] || "",
+              helperText: a[b] || "",
               label: H,
-              name: P,
+              name: b,
               onChange: v,
-              value: d[P]
+              value: d[b]
             },
-            P
+            b
           )) }),
           r.message && /* @__PURE__ */ e(
             ri,
@@ -17190,7 +17190,7 @@ const u9 = ({
     }),
     [o, I]
   );
-  return /* @__PURE__ */ e(IA, { isOpen: t, onClose: n, title: A.request_support, children: /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ e(IA, { isOpen: t, onClose: n, title: A.request_support, children: /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(
       ai,
       {
@@ -17215,7 +17215,7 @@ const u9 = ({
   ] }) });
 }, jv = ({ copy: A, onButtonClick: t }) => {
   const i = mv();
-  return /* @__PURE__ */ s(b, { sx: { alignItems: "center", gap: 5 }, children: [
+  return /* @__PURE__ */ s(P, { sx: { alignItems: "center", gap: 5 }, children: [
     /* @__PURE__ */ e(HA, { color: "text.secondary", sx: i, children: A.contact_support }),
     /* @__PURE__ */ e(
       R,
@@ -17288,7 +17288,7 @@ const u9 = ({
         ]
       }
     ),
-    /* @__PURE__ */ s(b, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
+    /* @__PURE__ */ s(P, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
       /* @__PURE__ */ e($, { onClick: r, variant: "contained", children: I.done_button }),
       /* @__PURE__ */ e($, { onClick: n, variant: "text", children: A.request_support_institution_back })
     ] })
@@ -17302,8 +17302,8 @@ const u9 = ({
 }) => {
   const { common: o } = X();
   return /* @__PURE__ */ e(IA, { isOpen: i, onClose: r, title: A.request_support, children: /* @__PURE__ */ s(L, { sx: { px: 24 }, children: [
-    /* @__PURE__ */ e(b, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ e(q, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
-    /* @__PURE__ */ s(b, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
+    /* @__PURE__ */ e(P, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ e(q, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
+    /* @__PURE__ */ s(P, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ e(lt, { children: A.request_support_success }),
       /* @__PURE__ */ e(HA, { align: "center", variant: "Body", children: A.request_support_submit_success_message }),
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: t })
@@ -17317,41 +17317,41 @@ const u9 = ({
       isOpen: !1,
       topic: "",
       type: void 0
-    }), P = zv.map((j) => ({
-      ...j,
-      title: A.help_by_category_list[j.guid].label,
-      topics: j.topics.map(({ type: O }, T) => ({
+    }), b = zv.map((m) => ({
+      ...m,
+      title: A.help_by_category_list[m.guid].label,
+      topics: m.topics.map(({ type: O }, T) => ({
         type: O,
-        label: A.help_by_category_list[j.guid].topics[T]
+        label: A.help_by_category_list[m.guid].topics[T]
       }))
-    })), p = Object.keys(A.popular_topics_list).map((j, O) => ({
-      name: A.popular_topics_list[j],
+    })), p = Object.keys(A.popular_topics_list).map((m, O) => ({
+      name: A.popular_topics_list[m],
       type: Cv[O].type
     })), y = () => {
       d(""), H({ isOpen: !1, topic: "", type: void 0 });
-    }, x = (j) => {
+    }, x = (m) => {
       a.email && r({
         email: a.email,
-        message: c ? `Institution: ${c}, ${j}` : j,
+        message: c ? `Institution: ${c}, ${m}` : m,
         title: u.topic || "Contact Support"
       });
-    }, w = (j, O) => {
-      O === "other" ? v(!0) : H({ isOpen: !0, topic: j, type: O });
+    }, w = (m, O) => {
+      O === "other" ? v(!0) : H({ isOpen: !0, topic: m, type: O });
     }, D = () => {
       I(""), E(!1), v(!1), y();
-    }, m = (j) => {
+    }, j = (m) => {
       if (!a.email) {
         I(A.request_support_email_not_exists_message, "error");
         return;
       }
       r({
         email: a.email,
-        message: `Institution Website: ${j.institutionWebsite}${j.institutionLoginPage ? ` Institution Login Page: ${j.institutionLoginPage}` : ""} `,
-        title: `Institution Request: ${j.institutionName}`
+        message: `Institution Website: ${m.institutionWebsite}${m.institutionLoginPage ? ` Institution Login Page: ${m.institutionLoginPage}` : ""} `,
+        title: `Institution Request: ${m.institutionName}`
       });
     };
     return /* @__PURE__ */ e(IA, { isOpen: t, onClose: i, title: A.request_support, children: o ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(h.Fragment, { children: [
-      /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ s(P, { children: [
         /* @__PURE__ */ e(
           ai,
           {
@@ -17392,7 +17392,7 @@ const u9 = ({
         /* @__PURE__ */ e(
           Xv,
           {
-            helpByCategory: P,
+            helpByCategory: b,
             onClick: w
           }
         ),
@@ -17427,7 +17427,7 @@ const u9 = ({
           copy: A,
           isOpen: l,
           onClose: () => v(!1),
-          onSave: m
+          onSave: j
         }
       ),
       /* @__PURE__ */ e(
@@ -17435,8 +17435,8 @@ const u9 = ({
         {
           copy: A,
           isOpen: u.isOpen,
-          onClick: (j) => {
-            d(j), u.type === "internal" && E(!0);
+          onClick: (m) => {
+            d(m), u.type === "internal" && E(!0);
           },
           onClose: y,
           topic: u.topic
@@ -17533,7 +17533,7 @@ const u9 = ({
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ s(b, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ s(P, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(R, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
           /* @__PURE__ */ e(R, { truncate: !1, variant: "Small", children: t.confirm_email }),
           /* @__PURE__ */ e(
@@ -17574,7 +17574,7 @@ const u9 = ({
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e($A, { onChange: (a) => I(a.target.value), sx: { width: 352 }, value: o }) })
+        children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e($A, { onChange: (a) => I(a.target.value), sx: { width: 352 }, value: o }) })
       }
     );
   }
@@ -17615,7 +17615,7 @@ const u9 = ({
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ s(b, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ s(P, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(R, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
           /* @__PURE__ */ e(R, { truncate: !1, variant: "Small", children: t.confirm_phone }),
           /* @__PURE__ */ e(
@@ -17644,7 +17644,7 @@ const u9 = ({
     )
   ] });
 }), Yv = () => {
-  const { common: A, settings: t } = X(), { isDesktop: i, isMobile: n, isSmallMobile: r, isTablet: o } = zA(), { updateUser: I } = ge(), { user: a } = Ue(), [c, d] = h.useState(a.first_name), [f, E] = h.useState(a.last_name), [l, v] = h.useState(a.email), [u, H] = h.useState(a.phone), [P, p] = h.useState(a.postal_code), [y, x] = h.useState(a.credit_score), [w, D] = h.useState(yA(a.birthday ?? 0)), m = l && !a.email_is_verified, j = u && !a.phone_is_verified, O = async () => {
+  const { common: A, settings: t } = X(), { isDesktop: i, isMobile: n, isSmallMobile: r, isTablet: o } = zA(), { updateUser: I } = ge(), { user: a } = Ue(), [c, d] = h.useState(a.first_name), [f, E] = h.useState(a.last_name), [l, v] = h.useState(a.email), [u, H] = h.useState(a.phone), [b, p] = h.useState(a.postal_code), [y, x] = h.useState(a.credit_score), [w, D] = h.useState(yA(a.birthday ?? 0)), j = l && !a.email_is_verified, m = u && !a.phone_is_verified, O = async () => {
     const T = {
       ...a,
       first_name: c,
@@ -17652,7 +17652,7 @@ const u9 = ({
       email: l,
       phone: u,
       birthday: w ? gA(w) : null,
-      postal_code: P,
+      postal_code: b,
       credit_score: y
     };
     await I(T);
@@ -17673,7 +17673,7 @@ const u9 = ({
         /* @__PURE__ */ e(ne, { children: t.personal_details }),
         /* @__PURE__ */ e(HA, { variant: "Body", children: t.update_information }),
         /* @__PURE__ */ s(
-          b,
+          P,
           {
             direction: n ? "column" : "row",
             spacing: n ? 44 : 24,
@@ -17698,8 +17698,8 @@ const u9 = ({
             ]
           }
         ),
-        /* @__PURE__ */ s(b, { direction: n ? "column" : "row", children: [
-          /* @__PURE__ */ s(b, { sx: { mb: m ? 20 : 44, mr: n ? 0 : 24 }, children: [
+        /* @__PURE__ */ s(P, { direction: n ? "column" : "row", children: [
+          /* @__PURE__ */ s(P, { sx: { mb: j ? 20 : 44, mr: n ? 0 : 24 }, children: [
             /* @__PURE__ */ e(
               $A,
               {
@@ -17708,9 +17708,9 @@ const u9 = ({
                 onChange: (T) => v(T.target.value)
               }
             ),
-            m && /* @__PURE__ */ e(Mv, {})
+            j && /* @__PURE__ */ e(Mv, {})
           ] }),
-          /* @__PURE__ */ s(b, { sx: { mb: j ? 20 : 44 }, children: [
+          /* @__PURE__ */ s(P, { sx: { mb: m ? 20 : 44 }, children: [
             /* @__PURE__ */ e(
               $A,
               {
@@ -17720,10 +17720,10 @@ const u9 = ({
                 type: "tel"
               }
             ),
-            j && /* @__PURE__ */ e(Tv, {})
+            m && /* @__PURE__ */ e(Tv, {})
           ] })
         ] }),
-        /* @__PURE__ */ s(b, { direction: n ? "column" : "row", spacing: n ? 44 : 24, sx: { mb: 44 }, children: [
+        /* @__PURE__ */ s(P, { direction: n ? "column" : "row", spacing: n ? 44 : 24, sx: { mb: 44 }, children: [
           /* @__PURE__ */ e(Mt, { dateAdapter: Ct, children: /* @__PURE__ */ e(
             wn,
             {
@@ -17736,13 +17736,13 @@ const u9 = ({
           /* @__PURE__ */ e(
             $A,
             {
-              defaultValue: P,
+              defaultValue: b,
               label: t.zip_code,
               onChange: (T) => p(T.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ s(b, { children: [
+        /* @__PURE__ */ s(P, { children: [
           /* @__PURE__ */ e(
             $A,
             {
@@ -17769,7 +17769,7 @@ const Bv = ({
       field: "name",
       headerName: r.mobile_devices_column_name,
       renderHeader: we,
-      renderCell: (a) => /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, children: [
+      renderCell: (a) => /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 4, children: [
         /* @__PURE__ */ e(R, { variant: "Small", children: a.value }),
         /* @__PURE__ */ e(
           NA,
@@ -17808,7 +17808,7 @@ const Bv = ({
       field: "delete",
       headerName: "",
       renderHeader: we,
-      renderCell: (a) => /* @__PURE__ */ e(b, { mr: 4, children: /* @__PURE__ */ e(
+      renderCell: (a) => /* @__PURE__ */ e(P, { mr: 4, children: /* @__PURE__ */ e(
         NA,
         {
           "aria-label": r.mobile_devices_delete_label,
@@ -17873,7 +17873,7 @@ const Bv = ({
   const n = RA(), { settings: r } = X(), [o, I] = h.useState(!1), a = (c) => (d, f) => {
     I(f ? c : !1);
   };
-  return /* @__PURE__ */ s(b, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
+  return /* @__PURE__ */ s(P, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
     A.map((c) => /* @__PURE__ */ s(
       yn,
       {
@@ -17890,7 +17890,7 @@ const Bv = ({
                 borderBottom: "1px solid",
                 borderColor: n.palette.border.light
               },
-              children: /* @__PURE__ */ s(b, { gap: 4, children: [
+              children: /* @__PURE__ */ s(P, { gap: 4, children: [
                 /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: c.name }),
                 /* @__PURE__ */ e(R, { color: n.palette.text.secondary, variant: "Small", children: `${c.make} ${c.model}` }),
                 /* @__PURE__ */ e(R, { color: n.palette.text.secondary, variant: "Small", children: Lo(yA(c.created_at), { addSuffix: !0 }) })
@@ -17903,7 +17903,7 @@ const Bv = ({
               sx: { backgroundColor: n.palette.background.default, p: "0 0 0 24px" },
               children: [
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     onClick: () => t(c),
                     sx: {
@@ -17923,7 +17923,7 @@ const Bv = ({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     onClick: () => i(c),
                     sx: {
@@ -17995,7 +17995,7 @@ const Bv = ({
       default:
         return "";
     }
-  }, P = () => {
+  }, b = () => {
     const y = {
       "& .MuiDialogContent-root": {
         width: 400,
@@ -18054,9 +18054,9 @@ const Bv = ({
       primaryColor: A === _A.Delete ? "error" : void 0,
       primaryText: H(),
       secondaryText: A === _A.Token ? I.back : I.cancel_button,
-      sx: P(),
+      sx: b(),
       children: [
-        A === _A.Token && /* @__PURE__ */ s(b, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        A === _A.Token && /* @__PURE__ */ s(P, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(R, { bold: !0, truncate: !1, variant: "Body", children: a.mobile_devices_access_label }),
           /* @__PURE__ */ e(R, { truncate: !1, variant: "Small", children: a.mobile_devices_access_info_1 }),
           /* @__PURE__ */ e(
@@ -18073,7 +18073,7 @@ const Bv = ({
           ),
           /* @__PURE__ */ e(R, { truncate: !1, variant: "Small", children: a.mobile_devices_access_info_2 })
         ] }),
-        A === _A.Edit && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e($A, { onChange: (y) => v(y.target.value), value: l }) }),
+        A === _A.Edit && /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e($A, { onChange: (y) => v(y.target.value), value: l }) }),
         A === _A.Delete && /* @__PURE__ */ e(HA, { children: a.mobile_devices_delete_info })
       ]
     }
@@ -18084,17 +18084,17 @@ const Bv = ({
     r();
   }, []);
   const l = async () => {
-    const P = await o();
-    P ? (E(P), a({ open: !0, type: _A.Token })) : i(t.mobile_devices_access_error, "error");
-  }, v = (P) => {
-    d(P), a({ open: !0, type: _A.Edit });
-  }, u = (P) => {
-    d(P), a({ open: !0, type: _A.Delete });
+    const b = await o();
+    b ? (E(b), a({ open: !0, type: _A.Token })) : i(t.mobile_devices_access_error, "error");
+  }, v = (b) => {
+    d(b), a({ open: !0, type: _A.Edit });
+  }, u = (b) => {
+    d(b), a({ open: !0, type: _A.Delete });
   }, H = () => {
     a({ open: !1, type: "" }), d(void 0);
   };
   return /* @__PURE__ */ s(
-    b,
+    P,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -18102,7 +18102,7 @@ const Bv = ({
         gap: 24
       },
       children: [
-        /* @__PURE__ */ s(b, { gap: 4, children: [
+        /* @__PURE__ */ s(P, { gap: 4, children: [
           /* @__PURE__ */ e(ne, { children: t.mobile_devices_title }),
           /* @__PURE__ */ e(HA, { variant: "Body", children: t.mobile_devices_info })
         ] }),
@@ -18121,7 +18121,7 @@ const Bv = ({
             onClickDeviceEdit: v
           }
         ),
-        /* @__PURE__ */ s(b, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
+        /* @__PURE__ */ s(P, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: t.mobile_devices_access_title }),
           /* @__PURE__ */ e(HA, { align: "center", variant: "Small", children: t.mobile_devices_access_description }),
           /* @__PURE__ */ e($, { onClick: l, variant: "text", children: t.mobile_devices_access_cta })
@@ -18300,8 +18300,8 @@ const Bv = ({
   const { settings: A } = X(), { loadTransactionRules: t, transactionRules: i } = ge(), { isDesktop: n, isTablet: r } = zA();
   return h.useEffect(() => {
     t();
-  }, []), /* @__PURE__ */ s(b, { spacing: 24, sx: { pb: 48, pt: 24 }, children: [
-    /* @__PURE__ */ s(b, { sx: { px: r || n ? 0 : 24 }, children: [
+  }, []), /* @__PURE__ */ s(P, { spacing: 24, sx: { pb: 48, pt: 24 }, children: [
+    /* @__PURE__ */ s(P, { sx: { px: r || n ? 0 : 24 }, children: [
       /* @__PURE__ */ e(ne, { children: A.transaction_rules_label }),
       /* @__PURE__ */ e(HA, { variant: "Body", children: A.transaction_rules_description })
     ] }),
@@ -18311,7 +18311,7 @@ const Bv = ({
   const { settings: A } = X(), { clientCommunicationProfile: t, updateUserCommunicationsProfile: i, userCommunicationsProfile: n } = ge(), r = async (o) => {
     await i(o);
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(ne, { sx: { mt: 24 }, children: A.delivery_method_title }),
     t.email_notifications_enabled && /* @__PURE__ */ s(Z, { children: [
       /* @__PURE__ */ e(
@@ -18353,7 +18353,7 @@ const Bv = ({
         secondaryText: A.delivery_method_push_subtitle
       }
     ),
-    t.sms_notifications_enabled && /* @__PURE__ */ e(ze, { sx: { backgroundColor: "background.default", mt: 12 }, children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ s(b, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+    t.sms_notifications_enabled && /* @__PURE__ */ e(ze, { sx: { backgroundColor: "background.default", mt: 12 }, children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ s(P, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(es, { color: "primary", filled: !0 }),
       /* @__PURE__ */ e(R, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: A.delivery_method_sms_note_1 })
     ] }) }) })
@@ -18368,7 +18368,7 @@ const Bv = ({
     ) : n.notification_debt_payment_zero_state, u = o ? v : M(t.threshold ?? 0, "0,0"), H = async () => {
       o && t.account ? await r({ ...t.account, day_payment_is_due: f }) : A({ ...t, threshold: c });
     };
-    return /* @__PURE__ */ s(b, { children: [
+    return /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(
         ln,
         {
@@ -18396,8 +18396,8 @@ const Bv = ({
             {
               maxDate: Re(/* @__PURE__ */ new Date(), 1),
               minDate: /* @__PURE__ */ new Date(),
-              onChange: (P) => {
-                E(P.getDate());
+              onChange: (b) => {
+                E(b.getDate());
               },
               views: ["day"]
             }
@@ -18408,7 +18408,7 @@ const Bv = ({
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (P) => d(Number(P) || 0),
+              setAmount: (b) => d(Number(b) || 0),
               sx: { ".MuiTypography-Body": { p: 0 } }
             }
           )
@@ -18423,7 +18423,7 @@ const Bv = ({
       opted_out_of_push_notifications: a,
       opted_out_of_sms_notifications: c
     } = r;
-    return /* @__PURE__ */ s(b, { children: [
+    return /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(R, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: i.delivery_method_title }),
       /* @__PURE__ */ s(rA, { sx: { px: 24, bgcolor: "background.paper" }, children: [
         /* @__PURE__ */ e(
@@ -18459,7 +18459,7 @@ const Bv = ({
         )
       ] }),
       /* @__PURE__ */ e(HA, { sx: { color: "text.secondary", mb: 32, mx: 24, mt: 12 }, variant: "ParagraphSmall", children: `* ${i.delivery_method_sms_note_2}` }),
-      o && t.children?.length && t.children.length > 0 && /* @__PURE__ */ s(b, { children: [
+      o && t.children?.length && t.children.length > 0 && /* @__PURE__ */ s(P, { children: [
         /* @__PURE__ */ e(R, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "XSmall", children: "Accounts" }),
         /* @__PURE__ */ e(rA, { sx: { px: 24, bgcolor: "background.paper" }, children: t.children?.map((d) => /* @__PURE__ */ e(
           eR,
@@ -18488,7 +18488,7 @@ const Bv = ({
   const f = async (E) => {
     await a(E);
   };
-  return /* @__PURE__ */ s(b, { sx: { px: i ? 24 : 0 }, children: [
+  return /* @__PURE__ */ s(P, { sx: { px: i ? 24 : 0 }, children: [
     /* @__PURE__ */ e(AR, {}),
     /* @__PURE__ */ e(G, { sx: { my: 24 } }),
     /* @__PURE__ */ e(ne, { mb: 24, children: t.accounts_title }),
@@ -18543,7 +18543,7 @@ const Bv = ({
       onBackClick: A,
       sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...t },
       title: i.title,
-      children: /* @__PURE__ */ s(b, { mx: o ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ s(P, { mx: o ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ s(
           Se,
           {
@@ -18796,12 +18796,12 @@ const on = ({
     (n) => n.member_guid === i.guid && i.successfully_aggregated_at && n.guid !== t.guid
   );
 }, IR = () => {
-  const [A, t] = h.useState(!1), [i, n] = h.useState(!1), [r, o] = h.useState(!1), [I, a] = h.useState({}), { selectedAccount: c } = Xe(), { mergeAccounts: d, updateAccount: f } = CA(), { accounts: E } = X(), l = oR(), { onEvent: v } = K(), u = (P) => {
-    f({
+  const [A, t] = h.useState(!1), [i, n] = h.useState(!1), [r, o] = h.useState(!1), [I, a] = h.useState({}), { selectedAccount: c } = Xe(), { mergeAccounts: d, updateAccount: f } = CA(), { accounts: E } = X(), l = oR(), { onEvent: v } = K(), { loadTransactions: u } = PA(), H = async (p) => {
+    await f({
       ...c,
-      ...P
-    });
-  }, H = () => {
+      ...p
+    }), await u();
+  }, b = () => {
     d([c.guid, I.guid]).finally(
       () => n(!1)
     );
@@ -18812,7 +18812,7 @@ const on = ({
       on,
       {
         onClick: () => {
-          u({ is_hidden: !c.is_hidden }), v(V.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: c.guid });
+          H({ is_hidden: !c.is_hidden }), v(V.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: c.guid });
         },
         primaryText: c.is_hidden ? E.unhide_account : E.hide_Account,
         secondaryText: c.is_hidden ? E.include_this_account : E.exclude_this_account,
@@ -18857,7 +18857,7 @@ const on = ({
         onClose: () => {
           t(!1);
         },
-        onPrimaryAction: () => u({ is_closed: !c.is_closed }),
+        onPrimaryAction: () => H({ is_closed: !c.is_closed }),
         children: z(
           c.is_closed ? E.this_will_resume_updating_the_balance : E.this_will_set_the_balance_of_your_account,
           c.name
@@ -18871,20 +18871,20 @@ const on = ({
         isOpen: i,
         onClose: () => n(!1),
         title: E.mark_as_duplicate,
-        children: /* @__PURE__ */ e(rA, { children: l.map((P) => {
-          const p = l.indexOf(P) === l.length - 1;
+        children: /* @__PURE__ */ e(rA, { children: l.map((p) => {
+          const y = l.indexOf(p) === l.length - 1;
           return /* @__PURE__ */ s(h.Fragment, { children: [
             /* @__PURE__ */ e(
               Ui,
               {
-                account: P,
+                account: p,
                 onRowClick: () => {
-                  o(!0), a(P);
+                  o(!0), a(p);
                 }
               }
             ),
-            /* @__PURE__ */ e(rA, { sx: { ml: p ? 0 : 24 } })
-          ] }, P.guid);
+            /* @__PURE__ */ e(rA, { sx: { ml: y ? 0 : 24 } })
+          ] }, p.guid);
         }) })
       }
     ),
@@ -18897,7 +18897,7 @@ const on = ({
         },
         isOpen: r,
         onClose: () => o(!1),
-        onPrimaryAction: H,
+        onPrimaryAction: b,
         children: [
           z(
             E.this_means_accounts_will_be_merged,
@@ -19084,7 +19084,7 @@ const on = ({
   };
   return /* @__PURE__ */ s(Z, { children: [
     /* @__PURE__ */ e(me, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(R, { bold: !0, component: "h2", variant: "XSmall", children: r.connection_status }) }),
-    /* @__PURE__ */ e(W, { sx: { backgroundColor: "background.paper" }, children: n.is_manual || !a.ctaCopy ? /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+    /* @__PURE__ */ e(W, { sx: { backgroundColor: "background.paper" }, children: n.is_manual || !a.ctaCopy ? /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ e(xA, { children: /* @__PURE__ */ e(ft, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
       /* @__PURE__ */ e(eA, { primary: a.mainMessage, secondary: a.secondaryMessage })
     ] }) : /* @__PURE__ */ s(aA, { onClick: () => t(!0), children: [
@@ -19158,10 +19158,10 @@ const on = ({
               },
               label: A.label,
               labelId: `${A.label}-select-label`,
-              onChange: (P) => a(P.target.value),
+              onChange: (b) => a(b.target.value),
               placeholder: A.placeholder,
               value: I,
-              children: A.options?.map((P) => /* @__PURE__ */ e(jn, { value: P.value, children: P.label }, P.value))
+              children: A.options?.map((b) => /* @__PURE__ */ e(jn, { value: b.value, children: b.label }, b.value))
             }
           )
         ] });
@@ -19183,8 +19183,8 @@ const on = ({
           {
             maxDate: Re(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
-            onChange: (P) => {
-              r[A.name] && Number(r[A.name]) <= 31 ? a(P.getDate()) : a(P);
+            onChange: (b) => {
+              r[A.name] && Number(r[A.name]) <= 31 ? a(b.getDate()) : a(b);
             },
             views: ["day"]
           }
@@ -19207,8 +19207,8 @@ const on = ({
       ...r,
       [A.name]: I
     }), l();
-  }, H = (P) => {
-    a(P.target.value), A.validation && d(A.validation(P.target.value));
+  }, H = (b) => {
+    a(b.target.value), A.validation && d(A.validation(b.target.value));
   };
   return /* @__PURE__ */ e(
     XA,
@@ -19338,7 +19338,7 @@ const on = ({
       accounts: [n.guid]
     });
   }, [n]), h.useEffect(() => i(V.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ s(Z, { children: [
-    /* @__PURE__ */ e(Rt, { onClick: t }),
+    /* @__PURE__ */ e(Rt, { onClick: t, showClosedAccounts: !0 }),
     a && /* @__PURE__ */ e(
       IA,
       {
@@ -19421,7 +19421,7 @@ const on = ({
             }
           ) }),
           children: /* @__PURE__ */ e(rr, { children: E.map((u) => {
-            const H = n.indexOf(u) === n.length - 1, P = E.indexOf(u) === E.length - 1;
+            const H = n.indexOf(u) === n.length - 1, b = E.indexOf(u) === E.length - 1;
             return /* @__PURE__ */ s(h.Fragment, { children: [
               /* @__PURE__ */ e(
                 Ui,
@@ -19435,8 +19435,8 @@ const on = ({
                 G,
                 {
                   sx: {
-                    mb: P ? 24 : 4,
-                    ml: P ? 24 : 68
+                    mb: b ? 24 : 4,
+                    ml: b ? 24 : 68
                   }
                 }
               )
@@ -19988,7 +19988,7 @@ const on = ({
       primaryCtaLabel: i.primary_cta,
       sx: t,
       title: i.mini_title,
-      children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "column", m: 24, children: [
+      children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "column", m: 24, children: [
         /* @__PURE__ */ e(wR, {}),
         /* @__PURE__ */ e(
           R,
@@ -20285,7 +20285,7 @@ function BR({ bubble: A, isDraggable: t, onClick: i = () => {
   } = A;
   let u = 13;
   E > 75 ? u = -20 : E > 50 && (u = -6);
-  const H = `${A.category.name}: ${f}`, P = {
+  const H = `${A.category.name}: ${f}`, b = {
     modifiers: [
       {
         name: "offset",
@@ -20311,7 +20311,7 @@ function BR({ bubble: A, isDraggable: t, onClick: i = () => {
           {
             followCursor: !0,
             open: n,
-            slotProps: { popper: P },
+            slotProps: { popper: b },
             title: H,
             children: /* @__PURE__ */ e("circle", { fill: o, id: `circle-${d}`, r: E })
           }
@@ -20384,7 +20384,7 @@ const SR = ({
   }, [Ft, A, t]), /* @__PURE__ */ e("svg", { height: A, style: { overflow: "visible" }, width: Math.abs(t), children: Ft.nodes().map((o) => /* @__PURE__ */ e(BR, { bubble: o, isDraggable: i, onClick: n }, o.guid)) });
 }, UR = C(SR), FR = () => {
   const { budgets: A } = X();
-  return /* @__PURE__ */ s(b, { alignItems: "center", gap: 12, sx: { mx: 24, textAlign: "center" }, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", gap: 12, sx: { mx: 24, textAlign: "center" }, children: [
     /* @__PURE__ */ e(q, { name: "bubble_chart", size: 48 }),
     /* @__PURE__ */ e(R, { bold: !0, variant: "Paragraph", children: A.zero_state_title }),
     /* @__PURE__ */ e(R, { sx: { whiteSpace: "wrap" }, variant: "Paragraph", children: A.zero_state_description })
@@ -20397,7 +20397,7 @@ const SR = ({
         click_type: "bubble"
       });
     };
-    return I ? /* @__PURE__ */ e(b, { alignItems: "center", height: A, justifyContent: "center", width: Math.abs(f), children: /* @__PURE__ */ e(ee, {}) }) : /* @__PURE__ */ e(L, { ml: i || d ? 0 : 24, children: i || !a ? /* @__PURE__ */ e(FR, {}) : /* @__PURE__ */ e(
+    return I ? /* @__PURE__ */ e(P, { alignItems: "center", height: A, justifyContent: "center", width: Math.abs(f), children: /* @__PURE__ */ e(ee, {}) }) : /* @__PURE__ */ e(L, { ml: i || d ? 0 : 24, children: i || !a ? /* @__PURE__ */ e(FR, {}) : /* @__PURE__ */ e(
       UR,
       {
         height: A,
@@ -20417,7 +20417,7 @@ const SR = ({
       primaryCtaLabel: a ? o.get_started_cta : o.details_cta,
       title: o.budgets_title,
       ...A,
-      children: /* @__PURE__ */ s(b, { height: 450, mt: 32, children: [
+      children: /* @__PURE__ */ s(P, { height: 450, mt: 32, children: [
         /* @__PURE__ */ e(UI, { height: 370, shouldShowZeroState: a }),
         !a && /* @__PURE__ */ s(L, { ml: 16, children: [
           /* @__PURE__ */ e(R, { bold: !0, color: I < 0 ? "error.main" : "success.main", children: M(Math.abs(I), "0,0") }),
@@ -20441,14 +20441,14 @@ const SR = ({
     /* @__PURE__ */ e(
       eA,
       {
-        primary: /* @__PURE__ */ s(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ s(P, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.category.name }),
           /* @__PURE__ */ e(R, { fontWeight: 400, variant: "Body", children: `
                   ${M(d, "0,0")} / 
                   ${M(i, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ s(b, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        secondary: /* @__PURE__ */ s(P, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(R, { variant: "XSmall", children: `${c.length} Sub-budgets` }),
           /* @__PURE__ */ e(R, { bold: a > 100, color: r, variant: "XSmall", children: I })
         ] })
@@ -20471,21 +20471,21 @@ const SR = ({
   ] });
 }), ZR = C(() => {
   const A = RA(), { onEvent: t } = K(), { accounts: i } = CA(), { budgets: n, common: r, recurring: o } = X(), { incomeCategories: I, spendCategories: a } = qA(), { detailedBudgets: c, totalBudgeted: d } = te(), { projectedIncome: f } = ZA(), { setFilter: E } = PA(), [l, v] = h.useState(!1), [u, H] = h.useMemo(() => {
-    const x = a.reduce((j, O) => j + O.totalAmount, 0);
+    const x = a.reduce((m, O) => m + O.totalAmount, 0);
     let w = x / d;
     w > 1 && (w = 1);
     let D = A.palette.success.main;
     w > 0.8 && w < 1 ? D = A.palette.warning.main : w >= 1 && (D = A.palette.error.main);
-    const m = [
+    const j = [
       {
         color: D,
         percentage: `${w}`
       }
     ];
-    return [x, m];
-  }, [c, a]), [P, p] = h.useMemo(() => {
+    return [x, j];
+  }, [c, a]), [b, p] = h.useMemo(() => {
     const x = Math.abs(
-      I.reduce((m, j) => m + j.totalAmount, 0)
+      I.reduce((j, m) => j + m.totalAmount, 0)
     );
     let w = x / f;
     w > 1 && (w = 1);
@@ -20507,8 +20507,8 @@ const SR = ({
   };
   return /* @__PURE__ */ s(ze, { elevation: 2, sx: { overflow: "visible", borderRadius: 2 }, children: [
     /* @__PURE__ */ e(rt, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(ne, { children: n.overview_title }) }),
-    /* @__PURE__ */ e(Ce, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ s(b, { gap: 24, children: [
-      /* @__PURE__ */ s(b, { gap: 8, children: [
+    /* @__PURE__ */ e(Ce, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ s(P, { gap: 24, children: [
+      /* @__PURE__ */ s(P, { gap: 8, children: [
         /* @__PURE__ */ e(R, { bold: !0, sx: { mb: 8 }, variant: "Body", children: n.spending_title }),
         /* @__PURE__ */ e(ti, { data: H, height: 16 }),
         /* @__PURE__ */ e(R, { variant: "Small", children: z(
@@ -20517,8 +20517,8 @@ const SR = ({
           M(d, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ s(b, { gap: 8, children: [
-        /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+      /* @__PURE__ */ s(P, { gap: 8, children: [
+        /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
           /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: n.income_title }),
           /* @__PURE__ */ e(
             NA,
@@ -20533,7 +20533,7 @@ const SR = ({
         /* @__PURE__ */ e(ti, { data: p, height: 16 }),
         /* @__PURE__ */ e(R, { variant: "Small", children: z(
           n.income_description,
-          M(P, "0,0"),
+          M(b, "0,0"),
           M(f, "0,0")
         ) })
       ] })
@@ -20545,7 +20545,7 @@ const SR = ({
         isOpen: l,
         onClose: () => v(!1),
         title: o.manage_income,
-        children: /* @__PURE__ */ s(b, { gap: 4, children: [
+        children: /* @__PURE__ */ s(P, { gap: 4, children: [
           /* @__PURE__ */ e(R, { bold: !0, sx: { mt: 12, mx: 24 }, variant: "Small", children: n.income_title }),
           /* @__PURE__ */ e(Zn, {})
         ] })
@@ -20554,18 +20554,18 @@ const SR = ({
   ] });
 }), JR = C(() => {
   const { budgets: A } = X(), { totalBudgeted: t } = te(), { projectedIncome: i } = ZA(), n = i - t;
-  return /* @__PURE__ */ s(b, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ s(b, { alignItems: "center", children: [
+  return /* @__PURE__ */ s(P, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: M(i, "0,0") }),
       /* @__PURE__ */ e(R, { color: "secondary", variant: "Small", children: A.projected_income })
     ] }),
     /* @__PURE__ */ e(R, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ s(b, { alignItems: "center", children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: M(t, "0,0") }),
       /* @__PURE__ */ e(R, { color: "secondary", variant: "Small", children: A.budgeted })
     ] }),
     /* @__PURE__ */ e(R, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ s(b, { alignItems: "center", children: [
+    /* @__PURE__ */ s(P, { alignItems: "center", children: [
       /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: M(n, "0,0") }),
       /* @__PURE__ */ e(R, { color: "secondary", variant: "Small", children: A.remaining })
     ] })
@@ -20599,8 +20599,8 @@ const SR = ({
         onClose: () => a(!1),
         onPrimaryAction: d,
         title: t.recalculate_title,
-        children: /* @__PURE__ */ s(b, { children: [
-          /* @__PURE__ */ s(b, { mx: 24, my: 16, children: [
+        children: /* @__PURE__ */ s(P, { children: [
+          /* @__PURE__ */ s(P, { mx: 24, my: 16, children: [
             /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: t.recalculate_description_top }),
             /* @__PURE__ */ e(R, { variant: "ParagraphSmall", children: t.recalculate_description_bottom })
           ] }),
@@ -20615,8 +20615,8 @@ const SR = ({
   onAmountChanged: i
 }) => {
   const { budgets: n } = X(), { totalBudgeted: r } = te(), { projectedIncome: o } = ZA(), I = o - r;
-  return /* @__PURE__ */ s(b, { gap: 16, children: [
-    /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { gap: 16, children: [
+    /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(R, { children: z(
         n.add_description_top,
         M(I, "0,0")
@@ -20668,7 +20668,7 @@ const SR = ({
   const { budgets: t } = X(), { addBudget: i, setAlert: n, unbudgetedCategories: r } = te(), o = async (I, a) => {
     await i(I, a), n(z(t.alert_budget_created, I.name));
   };
-  return /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ s(P, { children: [
     /* @__PURE__ */ e(JR, {}),
     /* @__PURE__ */ e(L, { bgcolor: "background.paper", children: /* @__PURE__ */ e(rA, { children: r.map((I) => /* @__PURE__ */ e(
       A3,
@@ -20694,7 +20694,7 @@ const SR = ({
       percentage: `${o}%`
     }
   ];
-  return /* @__PURE__ */ e(ze, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ s(b, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ e(ze, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ s(P, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ e(be, { categoryGuid: r, size: 56 }),
     /* @__PURE__ */ e(it, { children: `${M(I, "0,0")} / ${M(t, "0,0")}` }),
     /* @__PURE__ */ e(R, { bold: !0, variant: "XSmall", children: n }),
@@ -20702,7 +20702,7 @@ const SR = ({
   ] }) }) });
 }, t3 = C(() => {
   const { budgets: A } = X();
-  return /* @__PURE__ */ s(b, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e(q, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "Small", children: A.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(R, { color: "text.secondary", variant: "XSmall", children: A.zero_state_no_sub_budgets_description })
@@ -20720,8 +20720,8 @@ const SR = ({
     /* @__PURE__ */ e(
       eA,
       {
-        primary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.category.name }) }),
-        secondary: /* @__PURE__ */ e(b, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(R, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ e(P, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(R, { bold: !0, variant: "Body", children: A.category.name }) }),
+        secondary: /* @__PURE__ */ e(P, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(R, { fontWeight: 400, variant: "Body", children: `
                   ${M(o, "0,0")} / 
                   ${M(t, "0,0")}
                 ` }) })
@@ -20738,12 +20738,12 @@ const SR = ({
   }, []);
   const H = () => {
     r(A.guid), c(!0);
-  }, P = async () => {
+  }, b = async () => {
     v && Number(E) > 0 && (await I(v, Number(E), t.guid), f(!1), c(!1), u(void 0));
   };
   return /* @__PURE__ */ s(L, { children: [
-    /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(aA, { onClick: H, children: /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", gap: 8, children: [
+    /* @__PURE__ */ e(W, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(aA, { onClick: H, children: /* @__PURE__ */ e(eA, { children: /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(q, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
         /* @__PURE__ */ e(R, { bold: !0, sx: { color: "action.active" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
@@ -20767,7 +20767,7 @@ const SR = ({
         disablePrimaryButton: Number(E) <= 0,
         isOpen: d,
         onClose: () => f(!1),
-        onPrimaryAction: P,
+        onPrimaryAction: b,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
           Wi,
@@ -20781,9 +20781,9 @@ const SR = ({
     )
   ] });
 }), r3 = C(({ budget: A }) => {
-  const { category: t, subBudgets: i } = A, { budgets: n, common: r } = X(), { deleteBudget: o, selectedSubBudget: I, setSelectedSubBudget: a, updateBudget: c } = te(), { filter: d, setFilter: f } = PA(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), [H, P] = h.useState("");
+  const { category: t, subBudgets: i } = A, { budgets: n, common: r } = X(), { deleteBudget: o, selectedSubBudget: I, setSelectedSubBudget: a, updateBudget: c } = te(), { filter: d, setFilter: f } = PA(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), [H, b] = h.useState("");
   h.useEffect(() => {
-    I && (P(`${I.amount}`), f({
+    I && (b(`${I.amount}`), f({
       ...d,
       custom: (w) => w.category_guid === I.category_guid
     }));
@@ -20820,7 +20820,7 @@ const SR = ({
         primaryText: n.details_edit_button,
         secondaryText: n.details_delete_button,
         title: n.details_title,
-        children: I && /* @__PURE__ */ s(b, { gap: 24, children: [
+        children: I && /* @__PURE__ */ s(P, { gap: 24, children: [
           /* @__PURE__ */ e(FI, { budget: I }),
           /* @__PURE__ */ e(Rt, { height: "100%" })
         ] })
@@ -20841,7 +20841,7 @@ const SR = ({
             {
               amount: H,
               categoryName: I.category.name,
-              onAmountChanged: P
+              onAmountChanged: b
             }
           )
         }
@@ -20870,9 +20870,9 @@ const SR = ({
   }, v = () => {
     cI(o, I), r(t.alert_csv_downloaded);
   };
-  return /* @__PURE__ */ s(b, { gap: 24, children: [
+  return /* @__PURE__ */ s(P, { gap: 24, children: [
     /* @__PURE__ */ e(FI, { budget: A }),
-    /* @__PURE__ */ s(b, { children: [
+    /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ s(
         Se,
         {
@@ -20886,8 +20886,8 @@ const SR = ({
           ]
         }
       ),
-      a === 0 && /* @__PURE__ */ s(b, { children: [
-        o.length > 0 && /* @__PURE__ */ e(b, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      a === 0 && /* @__PURE__ */ s(P, { children: [
+        o.length > 0 && /* @__PURE__ */ e(P, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           $,
           {
             onClick: v,
@@ -20920,12 +20920,12 @@ const SR = ({
     setAlert: a,
     setSelectedBudget: c,
     updateBudget: d
-  } = te(), { setFilter: f } = PA(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), [H, P] = h.useState(!1), [p, y] = h.useState("");
+  } = te(), { setFilter: f } = PA(), [E, l] = h.useState(!1), [v, u] = h.useState(!1), [H, b] = h.useState(!1), [p, y] = h.useState("");
   h.useEffect(() => {
     o && !I && (y(`${o.amount}`), l(!0), f({
       accounts: A,
       dateRange: n,
-      custom: (m) => m.category_guid === o.category_guid || m.top_level_category_guid === o.category_guid
+      custom: (j) => j.category_guid === o.category_guid || j.top_level_category_guid === o.category_guid
     }));
   }, [o]);
   const x = async () => {
@@ -20935,7 +20935,7 @@ const SR = ({
       percentage: o.category.totalAmount / Number(p) * 100
     }), a(z(t.alert_budget_updated, o.category.name)));
   }, w = async () => {
-    o && (await r(o.guid), a(z(t.alert_budget_deleted, o.category.name))), P(!1), D();
+    o && (await r(o.guid), a(z(t.alert_budget_deleted, o.category.name))), b(!1), D();
   }, D = () => {
     l(!1), setTimeout(() => {
       c(void 0);
@@ -20950,7 +20950,7 @@ const SR = ({
           isOpen: E,
           onClose: D,
           onPrimaryAction: () => u(!0),
-          onSecondaryAction: () => P(!0),
+          onSecondaryAction: () => b(!0),
           primaryText: t.details_edit_button,
           secondaryColor: "error",
           secondaryText: t.details_delete_button,
@@ -20982,7 +20982,7 @@ const SR = ({
         {
           copy: { close_aria: i.close_aria, title: t.delete_title },
           isOpen: H,
-          onClose: () => P(!1),
+          onClose: () => b(!1),
           onPrimaryAction: w,
           primaryColor: "error",
           primaryText: t.details_delete_button,
@@ -20992,13 +20992,13 @@ const SR = ({
       )
     ] });
 }), vo = 480, VP = C(({ onBackClick: A, sx: t }) => {
-  const i = RA(), { onEvent: n } = K(), { accounts: r } = CA(), { budgets: o, common: I } = X(), { isInitialized: a, selectedAccounts: c, setDisplayedDate: d, setSelectedAccounts: f } = pA(), { alert: E, dateRange: l, loadBudgets: v, setDateRange: u, setAlert: H, setTheme: P } = te(), { loadCashflowSequences: p } = ZA(), { isDesktop: y, isTablet: x } = zA(), { reloadCategoryTotals: w } = qA(), [D, m] = h.useState(!1), [j, O] = h.useState(!1);
+  const i = RA(), { onEvent: n } = K(), { accounts: r } = CA(), { budgets: o, common: I } = X(), { isInitialized: a, selectedAccounts: c, setDisplayedDate: d, setSelectedAccounts: f } = pA(), { alert: E, dateRange: l, loadBudgets: v, setDateRange: u, setAlert: H, setTheme: b } = te(), { loadCashflowSequences: p } = ZA(), { isDesktop: y, isTablet: x } = zA(), { reloadCategoryTotals: w } = qA(), [D, j] = h.useState(!1), [m, O] = h.useState(!1);
   h.useEffect(() => {
-    P(i), f(r), d(l.start, l.end), n(V.BUDGETS_VIEW);
+    b(i), f(r), d(l.start, l.end), n(V.BUDGETS_VIEW);
   }, []), h.useEffect(() => {
     f(r);
   }, [r]), h.useEffect(() => {
-    a && (w(c, l.start, l.end).finally(), D || (p().finally(), v().finally(() => m(!0))));
+    a && (w(c, l.start, l.end).finally(), D || (p().finally(), v().finally(() => j(!0))));
   }, [a, c, l]);
   const T = (sA) => {
     u({ start: sA[0] || /* @__PURE__ */ new Date(), end: sA[1] || /* @__PURE__ */ new Date() });
@@ -21027,8 +21027,8 @@ const SR = ({
       title: o.budgets_title,
       children: [
         (!a || !D) && /* @__PURE__ */ e(ee, {}),
-        a && D && /* @__PURE__ */ s(b, { direction: y || x ? "row" : "column", height: "100%", width: "100%", children: [
-          /* @__PURE__ */ e(b, { height: y || x ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ e(
+        a && D && /* @__PURE__ */ s(P, { direction: y || x ? "row" : "column", height: "100%", width: "100%", children: [
+          /* @__PURE__ */ e(P, { height: y || x ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ e(
             UI,
             {
               height: y || x ? 800 : 450,
@@ -21038,7 +21038,7 @@ const SR = ({
             }
           ) }),
           /* @__PURE__ */ s(
-            b,
+            P,
             {
               gap: 24,
               height: "100%",
@@ -21056,7 +21056,7 @@ const SR = ({
           IA,
           {
             ariaLabelClose: I.close_aria,
-            isOpen: j,
+            isOpen: m,
             onClose: () => O(!1),
             title: o.add_new_title,
             children: /* @__PURE__ */ e(e3, { onRecalculateBudgets: iA })
@@ -21082,7 +21082,7 @@ const a3 = C(() => {
     appDataStore: { banner: t }
   } = oi();
   return !t?.redirect_url || !t?.image_url ? null : /* @__PURE__ */ e(
-    b,
+    P,
     {
       sx: {
         alignItems: "center",
@@ -21130,8 +21130,8 @@ const a3 = C(() => {
     },
     title: r.account_filter.title
   };
-  return /* @__PURE__ */ e(De, { sx: { mb: n ? 24 : 0, p: 24 }, children: /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-    /* @__PURE__ */ s(b, { children: [
+  return /* @__PURE__ */ e(De, { sx: { mb: n ? 24 : 0, p: 24 }, children: /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(it, { children: (() => {
         const c = (/* @__PURE__ */ new Date()).getHours();
         return c > 1 && c < 12 ? r.good_morning : c >= 12 && c < 18 ? r.good_afternoon : r.good_evening;
@@ -21172,18 +21172,18 @@ const a3 = C(() => {
     /* @__PURE__ */ e(tt, { xs: 12, children: r.isInitialized && /* @__PURE__ */ e(c3, {}) }),
     /* @__PURE__ */ s(tt, { xl: 8, xs: 12, children: [
       /* @__PURE__ */ e(a3, {}),
-      t && /* @__PURE__ */ s(b, { direction: "column", spacing: 24, children: [
+      t && /* @__PURE__ */ s(P, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ e(_e, { height: 100, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ e(_e, { height: 300, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ e(_e, { height: 300, variant: "rounded", width: "100%" })
       ] }),
-      !t && /* @__PURE__ */ e(b, { direction: "column", spacing: 24, children: i ? c.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) : a.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) })
+      !t && /* @__PURE__ */ e(P, { direction: "column", spacing: 24, children: i ? c.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) : a.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) })
     ] }),
-    i && /* @__PURE__ */ e(tt, { xl: 4, children: t ? /* @__PURE__ */ s(b, { direction: "column", spacing: 24, children: [
+    i && /* @__PURE__ */ e(tt, { xl: 4, children: t ? /* @__PURE__ */ s(P, { direction: "column", spacing: 24, children: [
       /* @__PURE__ */ e(_e, { height: 200, variant: "rounded", width: "100%" }),
       /* @__PURE__ */ e(_e, { height: 100, variant: "rounded", width: "100%" }),
       /* @__PURE__ */ e(_e, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ e(b, { direction: "column", spacing: 24, children: d.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) }) })
+    ] }) : /* @__PURE__ */ e(P, { direction: "column", spacing: 24, children: d.map((f) => /* @__PURE__ */ e(h.Fragment, { children: f.component }, f.index)) }) })
   ] });
 }, BP = C(f3);
 class d3 {
@@ -21426,12 +21426,12 @@ const si = h.createContext(null), u3 = ({
     title: v,
     variant: u,
     widthOverrides: H
-  }, P) {
+  }, b) {
     const [p, y] = h.useState(2);
     h.useEffect(() => {
       H && H <= 325 && y(3);
     }, [H]);
-    const { cardStyle: x, linkTextStyle: w } = E, D = u ? x : { border: "none", boxShadow: "none", ...x }, m = /* @__PURE__ */ e(
+    const { cardStyle: x, linkTextStyle: w } = E, D = u ? x : { border: "none", boxShadow: "none", ...x }, j = /* @__PURE__ */ e(
       HA,
       {
         className: "mx-micro-card-description",
@@ -21456,7 +21456,7 @@ const si = h.createContext(null), u3 = ({
         "aria-hidden": !a,
         "aria-label": i,
         onClick: () => d(),
-        ref: P,
+        ref: b,
         role: "button",
         style: {
           height: "100%",
@@ -21485,7 +21485,7 @@ const si = h.createContext(null), u3 = ({
             },
             variant: u,
             children: /* @__PURE__ */ s(
-              b,
+              P,
               {
                 sx: {
                   gap: 8,
@@ -21496,18 +21496,18 @@ const si = h.createContext(null), u3 = ({
                     rt,
                     {
                       avatar: f && I,
-                      subheader: c && m,
+                      subheader: c && j,
                       sx: { color: l.headerColor, p: 0 },
                       title: v,
                       titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                     }
                   ),
-                  /* @__PURE__ */ e(Ce, { sx: { p: 0 }, children: !c && m }),
+                  /* @__PURE__ */ e(Ce, { sx: { p: 0 }, children: !c && j }),
                   !!t && /* @__PURE__ */ e(Qs, { sx: { padding: 0 }, children: /* @__PURE__ */ e(
                     L,
                     {
-                      sx: (j) => ({
-                        color: l.buttonColor ? l.buttonColor : j.palette.primary.main,
+                      sx: (m) => ({
+                        color: l.buttonColor ? l.buttonColor : m.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",
@@ -22420,15 +22420,15 @@ const si = h.createContext(null), u3 = ({
 }) => {
   const { ref: v, inView: u } = No({
     threshold: Aa
-  }), { cardsCopy: H } = ut(), { onEvent: P } = ci(), { updateBeat: p, updateOffer: y } = w3();
+  }), { cardsCopy: H } = ut(), { onEvent: b } = ci(), { updateBeat: p, updateOffer: y } = w3();
   Ht(() => {
-    u && (i.has_been_displayed ? P(kI(i.template)) : (i.guid.startsWith("OFR") ? y({
+    u && (i.has_been_displayed ? b(kI(i.template)) : (i.guid.startsWith("OFR") ? y({
       ...i,
       has_been_displayed: !0
     }) : p({
       ...i,
       has_been_displayed: !0
-    }), P(KI(i.template))));
+    }), b(KI(i.template))));
   }, [u]), Ht(() => {
     u && i && d?.capture("viewed_insight", {
       beat_guid: i.guid,
@@ -22437,7 +22437,7 @@ const si = h.createContext(null), u3 = ({
     });
   }, [i, I, u]);
   const x = () => {
-    c && c(i), P(WI(i.template)), d?.capture("clicked_insight", {
+    c && c(i), b(WI(i.template)), d?.capture("clicked_insight", {
       beat_guid: i.guid,
       template: i.template,
       position: I
@@ -22558,7 +22558,7 @@ const si = h.createContext(null), u3 = ({
   variant: d,
   widthOverrides: f
 }) => {
-  const E = L3(n, c, f), l = h.useRef(null), [v, u] = h.useState(0), [H, P] = h.useState(null), [p, y] = h.useState(null), { carouselCopy: x } = ut(), { onEvent: w } = ci(), D = () => {
+  const E = L3(n, c, f), l = h.useRef(null), [v, u] = h.useState(0), [H, b] = h.useState(null), [p, y] = h.useState(null), { carouselCopy: x } = ut(), { onEvent: w } = ci(), D = () => {
     w(xe.ON_CAROUSEL_FORWARD_CLICK), l.current && l.current.scrollTo({
       left: (
         // Adds the flex gap to the carousel ref's width
@@ -22567,21 +22567,21 @@ const si = h.createContext(null), u3 = ({
       top: 0,
       behavior: "smooth"
     });
-  }, m = () => {
+  }, j = () => {
     w(xe.ON_CAROUSEL_BACK_CLICK), l.current && l.current.scrollTo({
       left: (l.current.offsetWidth + 8) * (Math.floor(v / (l.current.offsetWidth + 8)) - 1),
       top: 0,
       behavior: "smooth"
     });
-  }, j = () => {
+  }, m = () => {
     l.current && u(l.current.scrollLeft);
   }, O = () => {
     if (!p || !H) return;
     p - H > y3 ? w(xe.ON_CAROUSEL_FORWARD_SWIPE) : w(xe.ON_CAROUSEL_BACK_SWIPE);
   }, T = (sA) => {
-    P(sA.targetTouches[0].clientX);
+    b(sA.targetTouches[0].clientX);
   }, tA = (sA) => {
-    P(null), y(sA.targetTouches[0].clientX);
+    b(null), y(sA.targetTouches[0].clientX);
   }, Y = {
     clientColorScheme: t,
     showCTAColocatedWithText: i,
@@ -22603,7 +22603,7 @@ const si = h.createContext(null), u3 = ({
           "div",
           {
             className: "mx-insights-micro-carousel-container",
-            onScroll: j,
+            onScroll: m,
             onTouchEnd: O,
             onTouchMove: T,
             onTouchStart: tA,
@@ -22646,7 +22646,7 @@ const si = h.createContext(null), u3 = ({
             currentBeatIndex: iA,
             numBeats: A.length + 1,
             onNextClick: D,
-            onPreviousClick: m,
+            onPreviousClick: j,
             scrollRightBoundary: oA,
             scrollX: v
           }
@@ -22689,7 +22689,7 @@ const si = h.createContext(null), u3 = ({
     o && (o(xe.ON_VIEW_MORE_CLICKED), t(), i?.capture("clicked_view_more"));
   };
   return /* @__PURE__ */ s(
-    b,
+    P,
     {
       alignItems: "center",
       direction: "row",
@@ -22899,18 +22899,18 @@ const si = h.createContext(null), u3 = ({
   showHeader: v,
   showIcon: u,
   showWithMargin: H = !0,
-  token: P = "",
+  token: b = "",
   useDarkMode: p,
   userHasFullInsightFeedBeats: y,
   variant: x,
   widthOverrides: w
 }) => {
-  const [D, m] = Fe("STANDARD"), [j, O] = Fe(!1), T = Ic([c], Je), tA = ac([d], Je);
+  const [D, j] = Fe("STANDARD"), [m, O] = Fe(!1), T = Ic([c], Je), tA = ac([d], Je);
   h.useEffect(() => {
-    Je.isInitialized || Je.initialize(r, P, I);
-  }, [r, P, I, Je.isInitialized]), h.useEffect(() => {
+    Je.isInitialized || Je.initialize(r, b, I);
+  }, [r, b, I, Je.isInitialized]), h.useEffect(() => {
     const oA = window.innerHeight;
-    oA < 180 ? m("STANDARD") : oA >= 180 && oA < 200 ? m("LARGE") : oA >= 200 && oA < 248 ? m("XLARGE") : oA >= 248 && m("XXLARGE");
+    oA < 180 ? j("STANDARD") : oA >= 180 && oA < 200 ? j("LARGE") : oA >= 200 && oA < 248 ? j("XLARGE") : oA >= 248 && j("XXLARGE");
   }, [window.innerHeight]), h.useEffect(() => {
     O(!A && Je.isInitialized);
   }, [A, Je.isInitialized]);
@@ -22934,7 +22934,7 @@ const si = h.createContext(null), u3 = ({
       /* @__PURE__ */ e(Gs, {}),
       /* @__PURE__ */ e(u3, { onEvent: T, onPageview: tA, store: Je, children: /* @__PURE__ */ s(G3, { heightOverrides: o, widthOverrides: w, children: [
         (A || !Je.isInitialized) && /* @__PURE__ */ e(M3, {}),
-        j && v && /* @__PURE__ */ e(
+        m && v && /* @__PURE__ */ e(
           q3,
           {
             clientColorScheme: i,
@@ -22943,7 +22943,7 @@ const si = h.createContext(null), u3 = ({
             widthOverrides: w
           }
         ),
-        j && !!t.length && /* @__PURE__ */ e(
+        m && !!t.length && /* @__PURE__ */ e(
           O3,
           {
             beats: t,
@@ -22953,8 +22953,8 @@ const si = h.createContext(null), u3 = ({
             ...Y
           }
         ),
-        j && !t.length && y && /* @__PURE__ */ e(ea, { clientColorScheme: i, ...iA }),
-        j && !t.length && !y && /* @__PURE__ */ e(ta, { ...iA })
+        m && !t.length && y && /* @__PURE__ */ e(ea, { clientColorScheme: i, ...iA }),
+        m && !t.length && !y && /* @__PURE__ */ e(ta, { ...iA })
       ] }) })
     ] })
   );
@@ -23087,7 +23087,7 @@ const si = h.createContext(null), u3 = ({
     donutData: I,
     totalAmount: o
   };
-}, pi = ({ amount: A, label: t }) => /* @__PURE__ */ s(b, { direction: "column", children: [
+}, pi = ({ amount: A, label: t }) => /* @__PURE__ */ s(P, { direction: "column", children: [
   /* @__PURE__ */ e(R, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: t }),
   /* @__PURE__ */ e(R, { variant: "XSmall", children: M(A, "0,0") })
 ] }), B3 = ({
@@ -23106,9 +23106,9 @@ const si = h.createContext(null), u3 = ({
   ), l = h.useMemo(() => A.donutData.length > 0 ? A.donutData : [{ id: "0", color: d.palette.border.light, value: 100 }], [A, d]), v = () => {
     n?.(r);
   }, u = f ? 32 : 48;
-  return /* @__PURE__ */ e(yc, { data: l, onClick: i, selectedId: r, size: o, children: /* @__PURE__ */ e(b, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ s(b, { alignItems: "center", justifyContent: "center", minHeight: o, minWidth: o, children: [
+  return /* @__PURE__ */ e(yc, { data: l, onClick: i, selectedId: r, size: o, children: /* @__PURE__ */ e(P, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ s(P, { alignItems: "center", justifyContent: "center", minHeight: o, minWidth: o, children: [
     E && /* @__PURE__ */ s(
-      b,
+      P,
       {
         alignItems: "center",
         gap: a === "mini" ? 0 : 8,
@@ -23143,8 +23143,8 @@ const si = h.createContext(null), u3 = ({
       }
     )
   ] }) }) });
-}, wi = C(B3), Co = ({ data: A, onSelected: t, selectedId: i }) => /* @__PURE__ */ e(b, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: A.categoryData.map((n) => /* @__PURE__ */ s(
-  b,
+}, wi = C(B3), Co = ({ data: A, onSelected: t, selectedId: i }) => /* @__PURE__ */ e(P, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: A.categoryData.map((n) => /* @__PURE__ */ s(
+  P,
   {
     alignItems: "center",
     "aria-label": n.name,
@@ -23185,8 +23185,8 @@ const si = h.createContext(null), u3 = ({
   ), l = h.useMemo(
     () => na(r, o, n),
     [r, o, n]
-  ), v = (H, P) => {
-    f(P), c("");
+  ), v = (H, b) => {
+    f(b), c("");
   }, u = (H) => {
     c(a === H ? "" : H);
   };
@@ -23217,7 +23217,7 @@ const si = h.createContext(null), u3 = ({
         }
       )
     ] }),
-    d === 0 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    d === 0 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(P, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ e(
         wi,
         {
@@ -23236,7 +23236,7 @@ const si = h.createContext(null), u3 = ({
         }
       )
     ] }) }),
-    d === 1 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(b, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
+    d === 1 && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ s(P, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
       /* @__PURE__ */ e(
         wi,
         {
@@ -23270,7 +23270,7 @@ const si = h.createContext(null), u3 = ({
   title: n
 }) => {
   const { spending: r } = X(), o = A.categoryData.find((I) => I.guid === i);
-  return /* @__PURE__ */ s(b, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
+  return /* @__PURE__ */ s(P, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ e(R, { bold: !0, sx: { py: 12 }, children: `${n} ${r.by_category}` }),
     /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
     /* @__PURE__ */ e(rA, { children: A.categoryData.map((I) => /* @__PURE__ */ s(h.Fragment, { children: [
@@ -23300,7 +23300,7 @@ const si = h.createContext(null), u3 = ({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  b,
+                  P,
                   {
                     alignItems: "center",
                     direction: "row",
@@ -23327,7 +23327,7 @@ const si = h.createContext(null), u3 = ({
               pr: 8,
               py: 0
             },
-            children: /* @__PURE__ */ s(b, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+            children: /* @__PURE__ */ s(P, { direction: "row", justifyContent: "space-between", width: "100%", children: [
               /* @__PURE__ */ s(R, { children: [
                 a.name,
                 " "
@@ -23351,7 +23351,7 @@ const si = h.createContext(null), u3 = ({
 }) => {
   const { isDesktop: o, isMobile: I } = zA(), { isLoadingCategoryTotals: a } = qA(), { spending: c } = X();
   return /* @__PURE__ */ s(
-    b,
+    P,
     {
       alignItems: I ? "center" : "flex-start",
       direction: I ? "column" : "row",
@@ -23400,7 +23400,7 @@ const si = h.createContext(null), u3 = ({
   A.palette.chartMono.chartMono1,
   A.palette.chartMono.chartMono6
 ], J3 = () => {
-  const A = nt(), { categories: t, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: n } = qA(), { spending: r } = X(), { displayedDateRange: o, selectedAccounts: I, selectedAccountGuids: a } = pA(), { setFilter: c, sortedTransactions: d } = PA(), [f, E] = h.useState(""), [l, v] = h.useState(0), [u, H] = h.useState(""), [P, p] = h.useState(!1);
+  const A = nt(), { categories: t, dateRangeCategoryTotals: i, loadDateRangeCategoryTotals: n } = qA(), { spending: r } = X(), { displayedDateRange: o, selectedAccounts: I, selectedAccountGuids: a } = pA(), { setFilter: c, sortedTransactions: d } = PA(), [f, E] = h.useState(""), [l, v] = h.useState(0), [u, H] = h.useState(""), [b, p] = h.useState(!1);
   h.useEffect(() => {
     n(
       I,
@@ -23419,9 +23419,9 @@ const si = h.createContext(null), u3 = ({
     [u]
   ), D = (O, T) => {
     v(T), E("");
-  }, m = (O) => {
-    E(f === O || O === "0" ? "" : O);
   }, j = (O) => {
+    E(f === O || O === "0" ? "" : O);
+  }, m = (O) => {
     const T = {
       accounts: a,
       dateRange: o
@@ -23476,8 +23476,8 @@ const si = h.createContext(null), u3 = ({
       go,
       {
         data: y,
-        onSelected: m,
-        onViewTransactions: j,
+        onSelected: j,
+        onViewTransactions: m,
         selectedId: f,
         title: r.spend_tab_title
       }
@@ -23486,8 +23486,8 @@ const si = h.createContext(null), u3 = ({
       go,
       {
         data: x,
-        onSelected: m,
-        onViewTransactions: j,
+        onSelected: j,
+        onViewTransactions: m,
         selectedId: f,
         title: r.income_tab_title
       }
@@ -23496,7 +23496,7 @@ const si = h.createContext(null), u3 = ({
       IA,
       {
         ariaLabelClose: r.close_drawer_aria,
-        isOpen: P,
+        isOpen: b,
         onClose: () => p(!1),
         title: r.transactions_drawer_title,
         children: /* @__PURE__ */ e(Rt, { onClick: H })
@@ -23556,7 +23556,7 @@ const i7 = (A) => A.reduce((i, n) => {
   const n = i7(A), r = t7(t, i);
   return Object.entries(n).map(([I, a]) => {
     const c = a[0].top_level_category_guid, d = r.map((f) => {
-      const E = a.filter((H) => H.year_month === f).reduce((H, P) => H + Math.abs(P.amount), 0), l = Number(String(f).slice(0, 4)), v = Number(String(f).slice(4));
+      const E = a.filter((H) => H.year_month === f).reduce((H, b) => H + Math.abs(b.amount), 0), l = Number(String(f).slice(0, 4)), v = Number(String(f).slice(4));
       return { x: new Date(l, v - 1), y: E };
     }).sort((f, E) => f.x.getTime() - E.x.getTime());
     return {
@@ -23572,10 +23572,10 @@ const i7 = (A) => A.reduce((i, n) => {
   return (i || 0) - (n || 0);
 }, o7 = (A) => {
   const t = A.row[A.field];
-  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: A.tabIndex, children: /* @__PURE__ */ e(OA, { amount: t, variant: "Small" }) });
+  return /* @__PURE__ */ e(P, { alignItems: "flex-end", tabIndex: A.tabIndex, children: /* @__PURE__ */ e(OA, { amount: t, variant: "Small" }) });
 }, I7 = ({ categoryGuid: A, topLevelCategoryGuid: t }) => {
   const { categories: i } = X(), n = qi[A];
-  return /* @__PURE__ */ s(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+  return /* @__PURE__ */ s(P, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -23586,7 +23586,7 @@ const i7 = (A) => A.reduce((i, n) => {
     ),
     /* @__PURE__ */ e(R, { sx: { ml: 12, pb: 6 }, variant: "Small", children: n })
   ] });
-}, a7 = (A) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
+}, a7 = (A) => /* @__PURE__ */ e(P, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
   I7,
   {
     categoryGuid: A.row.category,
@@ -23638,16 +23638,16 @@ const i7 = (A) => A.reduce((i, n) => {
     const u = (i ? A.filter(
       (H) => H.category_guid === i || H.top_level_category_guid === i
     ) : A).reduce(
-      (H, P) => {
-        const { category_guid: p, top_level_category_guid: y, month: x, total: w, year: D } = P, m = i ? p : y;
-        H[m] || (H[m] = {
-          id: m,
-          category: m,
+      (H, b) => {
+        const { category_guid: p, top_level_category_guid: y, month: x, total: w, year: D } = b, j = i ? p : y;
+        H[j] || (H[j] = {
+          id: j,
+          category: j,
           category_guid: p,
           top_level_category_guid: y
         });
-        const j = nA(new Date(D, x - 1), AA.MONTH_SHORT);
-        return H[m][j] || (H[m][j] = 0), H[m][j] = H[m][j] + w, H;
+        const m = nA(new Date(D, x - 1), AA.MONTH_SHORT);
+        return H[j][m] || (H[j][m] = 0), H[j][m] = H[j][m] + w, H;
       },
       {}
     );
@@ -23708,7 +23708,7 @@ const i7 = (A) => A.reduce((i, n) => {
 }, E7 = C(d7), h7 = {
   view_transactions: "View Transactions"
 }, l7 = ({ onBackClick: A, sx: t }) => {
-  const i = oe(), { onEvent: n } = K(), { isDesktop: r, isTablet: o, isMobile: I } = zA(), { accounts: a } = CA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: f } = qA(), { sortedTransactions: E } = PA(), { isInitialized: l, selectedAccounts: v, setSelectedAccounts: u } = pA(), { trends: H } = X(), P = i.palette.mode === "dark", [p, y] = h.useState(!1), [x, w] = h.useState(!1), [D, m] = h.useState("Chart"), [j, O] = h.useState(""), [T, tA] = h.useState({
+  const i = oe(), { onEvent: n } = K(), { isDesktop: r, isTablet: o, isMobile: I } = zA(), { accounts: a } = CA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: d, getCategoryName: f } = qA(), { sortedTransactions: E } = PA(), { isInitialized: l, selectedAccounts: v, setSelectedAccounts: u } = pA(), { trends: H } = X(), b = i.palette.mode === "dark", [p, y] = h.useState(!1), [x, w] = h.useState(!1), [D, j] = h.useState("Chart"), [m, O] = h.useState(""), [T, tA] = h.useState({
     start: Rr(BA(Ne(/* @__PURE__ */ new Date(), 6)), 1),
     end: BA(/* @__PURE__ */ new Date())
   });
@@ -23729,14 +23729,14 @@ const i7 = (A) => A.reduce((i, n) => {
       d,
       T.start,
       T.end
-    ), JA = j.length ? bA.filter(
-      (Ke) => Ke.top_level_category_guid === j || Ke.category_guid === j
+    ), JA = m.length ? bA.filter(
+      (Ke) => Ke.top_level_category_guid === m || Ke.category_guid === m
     ) : Eh(bA);
     return {
       stackedDatasets: JA.filter(fh),
       unstackedDatasets: JA.filter(Fi)
     };
-  }, [d, j, T]), iA = h.useMemo(() => {
+  }, [d, m, T]), iA = h.useMemo(() => {
     const bA = nA(
       T.start,
       I ? AA.MONTH_SHORT_YEAR : AA.MONTH_YEAR
@@ -23746,7 +23746,7 @@ const i7 = (A) => A.reduce((i, n) => {
     );
     return `${bA} - ${JA}`;
   }, [T, I]), oA = (bA, JA) => {
-    m(JA ?? D), n(V.TRENDS_CLICK_TOGGLE);
+    j(JA ?? D), n(V.TRENDS_CLICK_TOGGLE);
   }, sA = (bA) => {
     const JA = Rr(bA?.[0], 1), Ke = bA?.[1], Yt = Ms(Ke, JA);
     tA({ start: JA, end: Ke }), n(V.TRENDS_CLICK_DATE, {
@@ -23778,7 +23778,7 @@ const i7 = (A) => A.reduce((i, n) => {
       title: H.title,
       children: [
         /* @__PURE__ */ s(
-          b,
+          P,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
@@ -23786,7 +23786,7 @@ const i7 = (A) => A.reduce((i, n) => {
             },
             children: [
               /* @__PURE__ */ s(
-                b,
+                P,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
@@ -23804,7 +23804,7 @@ const i7 = (A) => A.reduce((i, n) => {
                             textOverflow: "unset"
                           },
                           variant: r ? "H3" : "Body",
-                          children: f(j) || H.sub_title
+                          children: f(m) || H.sub_title
                         }
                       ),
                       /* @__PURE__ */ e(R, { variant: r ? "Body" : "Small", children: iA })
@@ -23824,20 +23824,20 @@ const i7 = (A) => A.reduce((i, n) => {
                               fontWeight: 600,
                               height: 44,
                               width: 56,
-                              color: P ? i.palette.grey[200] : i.palette.grey[600],
-                              borderColor: P ? i.palette.grey[600] : i.palette.grey[400],
+                              color: b ? i.palette.grey[200] : i.palette.grey[600],
+                              borderColor: b ? i.palette.grey[600] : i.palette.grey[400],
                               "&:hover": {
-                                backgroundColor: P ? `${i.palette.primary.darker}25` : "inherit",
-                                borderColor: P ? i.palette.grey[500] : i.palette.primary.main,
-                                color: P ? i.palette.primary.light : i.palette.primary.dark
+                                backgroundColor: b ? `${i.palette.primary.darker}25` : "inherit",
+                                borderColor: b ? i.palette.grey[500] : i.palette.primary.main,
+                                color: b ? i.palette.primary.light : i.palette.primary.dark
                               },
                               "&.Mui-selected": {
-                                backgroundColor: P ? i.palette.primary.darker : i.palette.primary.lighter,
-                                borderColor: P ? i.palette.primary.light : i.palette.primary.main,
-                                color: P ? i.palette.common.white : i.palette.primary.dark
+                                backgroundColor: b ? i.palette.primary.darker : i.palette.primary.lighter,
+                                borderColor: b ? i.palette.primary.light : i.palette.primary.main,
+                                color: b ? i.palette.common.white : i.palette.primary.dark
                               },
                               "&.Mui-disabled": {
-                                borderColor: P ? i.palette.grey[700] : i.palette.grey[400],
+                                borderColor: b ? i.palette.grey[700] : i.palette.grey[400],
                                 color: i.palette.grey[500]
                               }
                             },
@@ -23851,8 +23851,8 @@ const i7 = (A) => A.reduce((i, n) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ s(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(L, { flexGrow: 1, children: j && /* @__PURE__ */ s($, { onClick: () => O(""), sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ s(P, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ e(L, { flexGrow: 1, children: m && /* @__PURE__ */ s($, { onClick: () => O(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(q, { name: "arrow_back" }),
                   H.all_categories
                 ] }) }),
@@ -23875,7 +23875,7 @@ const i7 = (A) => A.reduce((i, n) => {
                   {
                     monthlyCategoryTotals: d,
                     onClickRow: cA,
-                    selectedCategory: j,
+                    selectedCategory: m,
                     selectedDateRange: T
                   }
                 )
@@ -23886,7 +23886,7 @@ const i7 = (A) => A.reduce((i, n) => {
         /* @__PURE__ */ e(
           E7,
           {
-            categoryGuid: j,
+            categoryGuid: m,
             dateRange: T,
             isOpen: x,
             onClose: () => w(!1)