@mx-cartographer/experiences 5.3.1-alpha.mega17 → 5.3.1-alpha.mega18

package/dist/index.es.js

@@ -1624,7 +1624,7 @@ const ac = (A, t) => {
   selectedIndex: c,
   valueFormatter: d = (f) => `${f}`
 }) => {
-  const f = KA(), E = uc(f), l = n.reduce(vc, []), v = A !== void 0 ? A : l.reduce(hc, 0) / l.length, u = Math.max(...l), H = Math.min(...l), b = l.reduce(lc, 0), p = u >= 0, y = H < 0, x = xr(p, y, r), w = xr(y, p, r), D = Rc(v, u, H, x || w), m = (O) => c === void 0 || O === c ? i : `${i}80`, j = () => /* @__PURE__ */ e(
+  const f = KA(), E = uc(f), l = n.reduce(vc, []), v = A !== void 0 ? A : l.reduce(hc, 0) / l.length, u = Math.max(...l), H = Math.min(...l), b = l.reduce(lc, 0), p = u >= 0, y = H < 0, x = xr(p, y, r), w = xr(y, p, r), D = Rc(v, u, H, x || w), j = (O) => c === void 0 || O === c ? i : `${i}80`, m = () => /* @__PURE__ */ e(
     yr,
     {
       averageLineHeight: D,
@@ -1638,7 +1638,7 @@ const ac = (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,7 +1646,7 @@ const ac = (A, t) => {
             ariaLabel: O.ariaLabel,
             averageLineHeight: D,
             bottomHeight: w,
-            color: m(T),
+            color: j(T),
             index: T,
             onClick: a,
             range: b,
@@ -1658,7 +1658,7 @@ const ac = (A, t) => {
             xAxisLabel: O.label
           }
         ),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(m, {})
       ] }, `column-${T}`))
     ] }),
     /* @__PURE__ */ e(cc, { color: i, labelAverage: o, labelMain: I })
@@ -1793,9 +1793,9 @@ const gc = ({
   const u = h.useMemo(() => {
     const x = Pa({ start: QA(c), end: BA(c) }), w = [];
     for (let D = 0; D < x.length; D++) {
-      const m = x[D], j = ua({ start: m, end: We(m, 6) }), O = [];
-      for (let T = 0; T < j.length; T++)
-        O.push(j[T]);
+      const j = x[D], m = ua({ start: j, end: We(j, 6) }), O = [];
+      for (let T = 0; T < m.length; T++)
+        O.push(m[T]);
       w.push(O);
     }
     return w;
@@ -1826,7 +1826,7 @@ const gc = ({
       }
     ),
     /* @__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(
       Hc,
       {
         beginDate: f,
@@ -1835,7 +1835,7 @@ const gc = ({
         isInMonth: ba(D, c),
         onClick: H
       },
-      m
+      j
     )) }, `w-${w}`)),
     /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ e($, { onClick: b, size: "small", variant: "text", children: A.today }) })
   ] }) });
@@ -2028,15 +2028,15 @@ const gc = ({
   valueFormatterString: v = "0,0",
   width: u
 }) => {
-  const H = oe(), b = 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: [
@@ -2068,7 +2068,7 @@ const gc = ({
               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 gc = ({
             Da,
             {
               slots: d && D.length < 2 ? {
-                line: (m) => /* @__PURE__ */ e(jc, { ...m, lineColor: t[0] ?? H.palette.primary.main })
+                line: (j) => /* @__PURE__ */ e(jc, { ...j, lineColor: t[0] ?? H.palette.primary.main })
               } : void 0
             }
           ),
@@ -2085,14 +2085,14 @@ const gc = ({
             ja,
             {
               slots: l ? {
-                mark: (m) => /* @__PURE__ */ e(
+                mark: (j) => /* @__PURE__ */ e(
                   Dc,
                   {
                     handlers: I,
                     showLabel: E,
-                    style: a?.(m.dataIndex) ?? {},
+                    style: a?.(j.dataIndex) ?? {},
                     yData: p,
-                    ...m
+                    ...j
                   }
                 )
               } : void 0
@@ -2101,7 +2101,7 @@ const gc = ({
           /* @__PURE__ */ e(
             ma,
             {
-              barLabel: (m) => Number(m.value) > 0 ? `$${m.value}` : null,
+              barLabel: (j) => Number(j.value) > 0 ? `$${j.value}` : null,
               borderRadius: 10
             }
           ),
@@ -2332,7 +2332,7 @@ const gc = ({
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: H, hoveredAreaData: b, isAreaHovered: p, cursorPos: y } = v, x = p && H && b, 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 gc = ({
       }), t?.(VA);
     else if (Zi) {
       const Vt = Ze?.data.map((Ji, _i) => ({
-        x: j[_i],
+        x: m[_i],
         y: Ji
       })) ?? [];
       u({
@@ -2465,7 +2465,7 @@ const gc = ({
                 Nc,
                 {
                   categoryGuids: WA(H),
-                  xData: j,
+                  xData: m,
                   ...J
                 }
               ) : null
@@ -2477,10 +2477,10 @@ const gc = ({
             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
               }
             ],
@@ -2712,7 +2712,7 @@ const gc = ({
   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), [b, 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 gc = ({
   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) => {
@@ -2851,7 +2851,7 @@ const gc = ({
               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 gc = ({
               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 }),
@@ -3153,7 +3153,7 @@ const pt = ({
   sx: E = {},
   title: l = ""
 }) => {
-  const [v, { height: u, width: H }] = II(), { onEvent: b } = K(), { isDesktop: p, isLargeDesktop: y, isMobile: x, isTablet: w } = zA(), { displayedDateRange: D, selectedAccountGuids: m, setSelectedAccountGuids: j } = pA(), { common: O } = X(), T = () => {
+  const [v, { height: u, width: H }] = II(), { 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: {
@@ -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"
                 }
@@ -3385,7 +3385,7 @@ const jr = "connect_widget", mr = "connections_widget", Wc = ({
 }) => {
   const [l, v] = h.useState(""), { common: u } = X(), H = r || u.currency_input, b = KA(), p = kc(b), y = /^[0-9]*$/, x = /^(\d)*(\,)?([0-9]{1,2})?$/, w = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let D;
-  const m = h.useRef(Wa());
+  const j = h.useRef(Wa());
   if (A)
     switch ($s()) {
       case ui.CAD:
@@ -3398,9 +3398,9 @@ const jr = "connect_widget", mr = "connections_widget", Wc = ({
   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", Wc = ({
         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
     }
@@ -5181,51 +5181,55 @@ const Pe = () => {
   width: a = "100%",
   zeroState: c = /* @__PURE__ */ e(Df, {})
 }) => {
-  const { isLoading: d, sortedTransactions: f, sortedAllTxns: E } = PA(), l = h.useMemo(() => r ? E : f, [f, E]);
-  console.log(r, JSON.parse(JSON.stringify(l)));
-  const { setShowInsights: v, toggleSplit: u } = Pe(), { onEvent: H } = K(), b = (x) => {
-    const w = l.find((D) => D.guid === x);
-    if (w?.has_been_split) {
-      u(w.guid);
+  const { isLoading: d, sortedTransactions: f } = PA(), E = h.useMemo(
+    () => r ? f : f.filter((y) => !y.accountIsClosed),
+    [f, f]
+  ), { 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;
     }
-    H(V.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: w?.account_guid,
-      transaction_guid: x
-    }), n?.(x);
-  }, p = h.useRef(null), y = Oo({
-    count: l.length,
-    getScrollElement: () => p.current,
-    estimateSize: (x) => Yr + (Tr(x, l) ? Vr : 0),
+    u(V.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: x?.account_guid,
+      transaction_guid: y
+    }), n?.(y);
+  }, b = h.useRef(null), p = Oo({
+    count: E.length,
+    getScrollElement: () => b.current,
+    estimateSize: (y) => Yr + (Tr(y, E) ? Vr : 0),
     overscan: 5
   });
-  return h.useEffect(() => y.measure, [l, r]), h.useEffect(() => v(o), [o]), /* @__PURE__ */ e(rA, { children: /* @__PURE__ */ e(L, { height: t, overflow: "auto", ref: p, width: a, 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: y.getVirtualItems().length === 0 ? "auto" : y.getTotalSize(),
+      height: (
+        // set the height to auto when there are no transactions so the zero state isn't set to 0
+        p.getVirtualItems().length === 0 ? "auto" : p.getTotalSize()
+      ),
       position: "relative",
       width: "100%",
       children: [
         (d || I) && i,
-        !d && !I && y.getVirtualItems().length === 0 && c,
-        !d && !I && y.getVirtualItems().length > 0 && y.getVirtualItems().map((x) => {
-          const w = l[x.index], D = Tr(x.index, l), m = jf(x.index, l), j = Yr + (D ? Vr : 0);
+        !d && !I && p.getVirtualItems().length === 0 && c,
+        !d && !I && p.getVirtualItems().length > 0 && p.getVirtualItems().map((y) => {
+          const x = E[y.index], w = Tr(y.index, E), D = jf(y.index, E), j = Yr + (w ? Vr : 0);
           return /* @__PURE__ */ s(
             L,
             {
               sx: {
                 height: j,
                 position: "absolute",
-                transform: `translateY(${x.start}px)`,
+                transform: `translateY(${y.start}px)`,
                 width: "100%"
               },
               children: [
-                D && /* @__PURE__ */ e(Sn, { bgcolor: A, children: Mi(w.date) }),
-                /* @__PURE__ */ e(Bn, { onClick: b, transaction: w }),
-                /* @__PURE__ */ e(G, { sx: { ml: m ? 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 } })
               ]
             },
-            w.guid
+            x.guid
           );
         })
       ]
@@ -6520,9 +6524,9 @@ const hI = ({ 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
     });
@@ -6550,7 +6554,7 @@ const hI = ({ transaction: A }) => {
         ariaLabelClose: r.close_aria,
         isOpen: f,
         isPrimaryDisabled: O,
-        onClose: m,
+        onClose: j,
         onPrimaryAction: D,
         primaryText: r.save_button,
         secondaryText: r.cancel_button,
@@ -6579,7 +6583,7 @@ const hI = ({ transaction: A }) => {
         onClose: () => {
           I(!1), v(!1);
         },
-        onPrimaryAction: j,
+        onPrimaryAction: m,
         onSecondaryAction: () => {
           t(S.ON_TRANSACTION_UNSPLIT_CANCEL);
         },
@@ -7168,7 +7172,7 @@ const hI = ({ transaction: A }) => {
     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,
@@ -7183,7 +7187,7 @@ const hI = ({ transaction: A }) => {
     iA(kA, nr), b({
       dateRange: { start: kA, end: nr },
       accounts: Y.map((oa) => oa.guid)
-    }), Ke(!0), j(V.TRANSACTIONS_VIEW);
+    }), Ke(!0), m(V.TRANSACTIONS_VIEW);
   }, []), h.useEffect(() => {
     JA && (b({
       ...u,
@@ -7202,18 +7206,18 @@ const hI = ({ transaction: A }) => {
     f(kA), b({
       ...u,
       searchTerm: kA
-    }), j(V.TRANSACTIONS_CLICK_SEARCH, { search_term: kA });
+    }), m(V.TRANSACTIONS_CLICK_SEARCH, { search_term: kA });
   }, Ki = () => {
-    fI(y, p), j(V.TRANSACTIONS_CLICK_EXPORT);
+    fI(y, p), m(V.TRANSACTIONS_CLICK_EXPORT);
   }, Zi = () => {
     Yt.length > 0 ? (l({
       ...cI,
       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 = () => {
@@ -7240,7 +7244,7 @@ const hI = ({ 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,
@@ -7274,7 +7278,7 @@ const hI = ({ transaction: A }) => {
                   jA(kA), uA(
                     "transaction"
                     /* Transaction */
-                  ), j(V.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: kA });
+                  ), m(V.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: kA });
                 }
               }
             )
@@ -7514,10 +7518,10 @@ const hI = ({ 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,
@@ -7953,7 +7957,7 @@ const hI = ({ transaction: A }) => {
   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), [b, p] = h.useState(null), y = h.useMemo(
-    () => d.find((m) => m.guid === l),
+    () => d.find((j) => j.guid === l),
     [l]
   ), x = () => {
     E(!0), c(A ? { ...a, custom: ii } : { ...a, custom: Pn });
@@ -7963,14 +7967,14 @@ const hI = ({ transaction: A }) => {
       return;
     }
     if (A) {
-      const m = HI(y, u, b), j = await o(m);
-      if (j) {
-        const O = zI(j, y);
+      const j = HI(y, u, b), m = await o(j);
+      if (m) {
+        const O = zI(m, y);
         await r(O);
       }
     } else {
-      const m = AE(y, u, b);
-      await I(m, y);
+      const j = AE(y, u, b);
+      await I(j, y);
     }
     D();
   }, D = () => {
@@ -7996,13 +8000,13 @@ const hI = ({ transaction: A }) => {
           CI,
           {
             description: A ? n.add_income_description : n.add_expense_description,
-            onSearch: (m) => {
+            onSearch: (j) => {
               c({
                 ...a,
-                custom: (j) => A ? m ? XI(j, m) : ii(j) : m ? iE(j, m) : Pn(j)
+                custom: (m) => A ? j ? XI(m, j) : ii(m) : j ? iE(m, j) : Pn(m)
               });
             },
-            onSelected: (m) => v(m)
+            onSelected: (j) => v(j)
           }
         )
       }
@@ -8529,7 +8533,7 @@ const hI = ({ 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), 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), 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, {
@@ -8558,7 +8562,7 @@ const hI = ({ transaction: A }) => {
           expected: w,
           paid: D,
           title: A.deposits,
-          total: m
+          total: j
         }
       ),
       !i && !t && /* @__PURE__ */ e(
@@ -8570,7 +8574,7 @@ const hI = ({ 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,
             {
@@ -9697,20 +9701,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, b] = 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 = HI(
+      for (let cA = 0; cA < m.length; cA++) {
+        const jA = m[cA], WA = HI(
           jA,
           jA.frequency,
           jA.nextDate
@@ -9722,7 +9726,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,
     {
@@ -9764,13 +9768,13 @@ 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(P, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ e(G, { sx: { flexGrow: 1 } }),
@@ -9817,7 +9821,7 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                     {
                       "aria-disabled": !Y || !x,
                       onClick: () => {
-                        const cA = [...j];
+                        const cA = [...m];
                         cA.push({ ...Y, nextDate: x, frequency: H }), O(cA), tA("");
                       },
                       variant: "contained",
@@ -9836,11 +9840,11 @@ const GE = ({ activity: A }) => /* @__PURE__ */ s(Z, { children: [
                   )
                 ] })
               ] }),
-              j.length > 0 && !Y && /* @__PURE__ */ s(P, { 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,
@@ -10621,26 +10625,26 @@ const OI = ({
     )
   ].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 };
+    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 m = 1 - D / E.length * 0.5, j = ph(Xh, m);
+    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,
@@ -10668,11 +10672,11 @@ const OI = ({
       height: t,
       onAreaClick: (w, D) => {
         o?.();
-        const m = b.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 = b.find((m) => m.id === w?.seriesId)?.guid;
+        const D = b.find((j) => j.id === w?.seriesId)?.guid;
         I?.(D ?? "");
       },
       series: b,
@@ -11555,10 +11559,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: b } = 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(() => {
@@ -11567,7 +11571,7 @@ 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);
+    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);
@@ -11600,7 +11604,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
                 /* @__PURE__ */ e(
                   OI,
                   {
-                    debts: j,
+                    debts: m,
                     height: E ? 250 : void 0,
                     hoveredDebtGuid: c,
                     onClickArea: T,
@@ -11611,7 +11615,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" }
                   }
@@ -11622,7 +11626,7 @@ const we = (A) => /* @__PURE__ */ e(R, { fontWeight: 600, variant: "Small", chil
           /* @__PURE__ */ e(P, { sx: { mx: E ? "-24px" : 0 }, children: /* @__PURE__ */ e(
             Zh,
             {
-              debts: j,
+              debts: m,
               hoveredDebtGuid: c,
               onClickRow: T,
               onHoverRow: O
@@ -12621,17 +12625,17 @@ const cl = (A, t) => {
   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(P, { children: [
     /* @__PURE__ */ e(
@@ -12693,10 +12697,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, 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, 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(
@@ -12748,14 +12752,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(
@@ -13837,7 +13841,7 @@ const Sl = ({
     selectedData: v,
     setHoveredData: u,
     setSelectedData: H
-  } = Qc(), { isMobile: b } = 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 () => {
+  } = Qc(), { 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(() => {
@@ -13850,7 +13854,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 = () => {
@@ -13921,8 +13925,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,
@@ -17330,37 +17334,37 @@ const u9 = ({
       isOpen: !1,
       topic: "",
       type: void 0
-    }), b = 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: [
@@ -17440,7 +17444,7 @@ const u9 = ({
           copy: A,
           isOpen: l,
           onClose: () => v(!1),
-          onSave: m
+          onSave: j
         }
       ),
       /* @__PURE__ */ e(
@@ -17448,8 +17452,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
@@ -17657,7 +17661,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), [b, 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,
@@ -17712,7 +17716,7 @@ const u9 = ({
           }
         ),
         /* @__PURE__ */ s(P, { direction: n ? "column" : "row", children: [
-          /* @__PURE__ */ s(P, { sx: { mb: m ? 20 : 44, mr: n ? 0 : 24 }, children: [
+          /* @__PURE__ */ s(P, { sx: { mb: j ? 20 : 44, mr: n ? 0 : 24 }, children: [
             /* @__PURE__ */ e(
               $A,
               {
@@ -17721,9 +17725,9 @@ const u9 = ({
                 onChange: (T) => v(T.target.value)
               }
             ),
-            m && /* @__PURE__ */ e(Mv, {})
+            j && /* @__PURE__ */ e(Mv, {})
           ] }),
-          /* @__PURE__ */ s(P, { sx: { mb: j ? 20 : 44 }, children: [
+          /* @__PURE__ */ s(P, { sx: { mb: m ? 20 : 44 }, children: [
             /* @__PURE__ */ e(
               $A,
               {
@@ -17733,7 +17737,7 @@ const u9 = ({
                 type: "tel"
               }
             ),
-            j && /* @__PURE__ */ e(Tv, {})
+            m && /* @__PURE__ */ e(Tv, {})
           ] })
         ] }),
         /* @__PURE__ */ s(P, { direction: n ? "column" : "row", spacing: n ? 44 : 24, sx: { mb: 44 }, children: [
@@ -20484,21 +20488,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];
+    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);
@@ -20938,7 +20942,7 @@ const SR = ({
     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 () => {
@@ -21005,13 +21009,13 @@ const SR = ({
       )
     ] });
 }), Ro = 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: b } = 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(() => {
     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() });
@@ -21069,7 +21073,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 })
@@ -21444,7 +21448,7 @@ const si = h.createContext(null), u3 = ({
     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",
@@ -21509,18 +21513,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",
@@ -22580,13 +22584,13 @@ 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;
@@ -22616,7 +22620,7 @@ const si = h.createContext(null), u3 = ({
           "div",
           {
             className: "mx-insights-micro-carousel-container",
-            onScroll: j,
+            onScroll: m,
             onTouchEnd: O,
             onTouchMove: T,
             onTouchStart: tA,
@@ -22659,7 +22663,7 @@ const si = h.createContext(null), u3 = ({
             currentBeatIndex: iA,
             numBeats: A.length + 1,
             onNextClick: D,
-            onPreviousClick: m,
+            onPreviousClick: j,
             scrollRightBoundary: oA,
             scrollX: v
           }
@@ -22918,12 +22922,12 @@ const si = h.createContext(null), u3 = ({
   variant: x,
   widthOverrides: w
 }) => {
-  const [D, m] = Fe("STANDARD"), [j, O] = Fe(!1), T = ac([c], Je), tA = sc([d], Je);
+  const [D, j] = Fe("STANDARD"), [m, O] = Fe(!1), T = ac([c], Je), tA = sc([d], Je);
   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]);
@@ -22947,7 +22951,7 @@ const si = h.createContext(null), u3 = ({
       /* @__PURE__ */ e(Ms, {}),
       /* @__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,
@@ -22956,7 +22960,7 @@ const si = h.createContext(null), u3 = ({
             widthOverrides: w
           }
         ),
-        j && !!t.length && /* @__PURE__ */ e(
+        m && !!t.length && /* @__PURE__ */ e(
           O3,
           {
             beats: t,
@@ -22966,8 +22970,8 @@ const si = h.createContext(null), u3 = ({
             ...Y
           }
         ),
-        j && !t.length && y && /* @__PURE__ */ e(ta, { clientColorScheme: i, ...iA }),
-        j && !t.length && !y && /* @__PURE__ */ e(ia, { ...iA })
+        m && !t.length && y && /* @__PURE__ */ e(ta, { clientColorScheme: i, ...iA }),
+        m && !t.length && !y && /* @__PURE__ */ e(ia, { ...iA })
       ] }) })
     ] })
   );
@@ -23432,9 +23436,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
@@ -23489,8 +23493,8 @@ const si = h.createContext(null), u3 = ({
       Xo,
       {
         data: y,
-        onSelected: m,
-        onViewTransactions: j,
+        onSelected: j,
+        onViewTransactions: m,
         selectedId: f,
         title: r.spend_tab_title
       }
@@ -23499,8 +23503,8 @@ const si = h.createContext(null), u3 = ({
       Xo,
       {
         data: x,
-        onSelected: m,
-        onViewTransactions: j,
+        onSelected: j,
+        onViewTransactions: m,
         selectedId: f,
         title: r.income_tab_title
       }
@@ -23652,15 +23656,15 @@ const i7 = (A) => A.reduce((i, n) => {
       (H) => H.category_guid === i || H.top_level_category_guid === i
     ) : A).reduce(
       (H, b) => {
-        const { category_guid: p, top_level_category_guid: y, month: x, total: w, year: D } = b, m = i ? p : y;
-        H[m] || (H[m] = {
-          id: m,
-          category: m,
+        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;
       },
       {}
     );
@@ -23721,7 +23725,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(), b = 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())
   });
@@ -23742,14 +23746,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
@@ -23759,7 +23763,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 = Ns(Ke, JA);
     tA({ start: JA, end: Ke }), n(V.TRENDS_CLICK_DATE, {
@@ -23817,7 +23821,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 })
@@ -23865,7 +23869,7 @@ const i7 = (A) => A.reduce((i, n) => {
                 }
               ),
               /* @__PURE__ */ s(P, { 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__ */ 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
                 ] }) }),
@@ -23888,7 +23892,7 @@ const i7 = (A) => A.reduce((i, n) => {
                   {
                     monthlyCategoryTotals: d,
                     onClickRow: cA,
-                    selectedCategory: j,
+                    selectedCategory: m,
                     selectedDateRange: T
                   }
                 )
@@ -23899,7 +23903,7 @@ const i7 = (A) => A.reduce((i, n) => {
         /* @__PURE__ */ e(
           E7,
           {
-            categoryGuid: j,
+            categoryGuid: m,
             dateRange: T,
             isOpen: x,
             onClose: () => w(!1)