@mx-cartographer/experiences 6.4.1-alpha.mega1 → 6.4.2-alpha.san1

package/dist/index.es.js

@@ -1784,7 +1784,7 @@ const Iu = (e, n) => {
   selectedIndex: d,
   valueFormatter: _ = (u) => `${u}`
 }) => {
-  const u = Et(), h = ku(u), m = a.reduce(Lu, []), C = e !== void 0 ? e : m.reduce(Ru, 0) / m.length, f = Math.max(...m), y = Math.min(...m), E = m.reduce(Ou, 0), T = f >= 0, x = y < 0, w = Er(T, x, o), v = Er(x, T, o), R = Mu(C, f, y, w || v), D = (O) => d === void 0 || O === d ? i : `${i}80`, B = () => /* @__PURE__ */ t(
+  const u = Et(), h = ku(u), m = a.reduce(Lu, []), C = e !== void 0 ? e : m.reduce(Ru, 0) / m.length, f = Math.max(...m), y = Math.min(...m), E = m.reduce(Ou, 0), T = f >= 0, x = y < 0, w = Er(T, x, o), v = Er(x, T, o), R = Mu(C, f, y, w || v), O = (D) => d === void 0 || D === d ? i : `${i}80`, B = () => /* @__PURE__ */ t(
     br,
     {
       averageLineHeight: R,
@@ -1799,23 +1799,23 @@ const Iu = (e, n) => {
   return /* @__PURE__ */ l("div", { className: `mx-cmn-bar-chart ${h}`, children: [
     /* @__PURE__ */ l("div", { className: "mx-cmn-chart-container", children: [
       /* @__PURE__ */ t(B, {}),
-      a.map((O, M) => /* @__PURE__ */ l(g.Fragment, { children: [
+      a.map((D, M) => /* @__PURE__ */ l(g.Fragment, { children: [
         /* @__PURE__ */ t(
           br,
           {
-            ariaLabel: O.ariaLabel,
+            ariaLabel: D.ariaLabel,
             averageLineHeight: R,
             bottomHeight: v,
-            color: D(M),
+            color: O(M),
             index: M,
             onClick: c,
             range: E,
             selectedIndex: d,
             topHeight: w,
-            value: O.value,
-            valueLabel: _(O.value),
+            value: D.value,
+            valueLabel: _(D.value),
             width: n,
-            xAxisLabel: O.label
+            xAxisLabel: D.label
           }
         ),
         /* @__PURE__ */ t(B, {})
@@ -1953,10 +1953,10 @@ const $u = ({
   const f = g.useMemo(() => {
     const w = Hl({ start: Fe(d), end: Xe(d) }), v = [];
     for (let R = 0; R < w.length; R++) {
-      const D = w[R], B = Pl({ start: D, end: Bt(D, 6) }), O = [];
+      const O = w[R], B = Pl({ start: O, end: Bt(O, 6) }), D = [];
       for (let M = 0; M < B.length; M++)
-        O.push(B[M]);
-      v.push(O);
+        D.push(B[M]);
+      v.push(D);
     }
     return v;
   }, [d]), y = (w) => {
@@ -1986,7 +1986,7 @@ const $u = ({
       }
     ),
     /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-header-row", children: f[0].map((w, v) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ t(p, { bold: !0, variant: "Small", children: Dt(w, "EEEEE") }) }, v)) }),
-    f.map((w, v) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-week", children: w.map((R, D) => /* @__PURE__ */ t(
+    f.map((w, v) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-week", children: w.map((R, O) => /* @__PURE__ */ t(
       Pu,
       {
         beginDate: u,
@@ -1995,7 +1995,7 @@ const $u = ({
         isInMonth: Fl(R, d),
         onClick: y
       },
-      D
+      O
     )) }, `w-${v}`)),
     /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ t(Q, { onClick: E, size: "small", variant: "text", children: e.today }) })
   ] }) });
@@ -2171,9 +2171,9 @@ const $u = ({
       /* @__PURE__ */ t(p, { bold: !0, sx: { marginRight: 8 }, variant: "Small", children: "– –" }),
       /* @__PURE__ */ l(p, { variant: "Small", children: [
         a.average,
-        " ",
-        /* @__PURE__ */ t(p, { bold: !0, variant: "Small", children: P(n, "0,0") })
-      ] })
+        "  "
+      ] }),
+      /* @__PURE__ */ t(p, { bold: !0, variant: "Small", children: P(n, "0,0") })
     ] })
   ] });
 }, Xu = A(ju), Io = ({
@@ -2193,23 +2193,31 @@ const $u = ({
   valueFormatterString: C = "0,0",
   width: f
 }) => {
-  const y = it(), E = i.flat().map((D) => D.x), T = i.flat().map((D) => D.y), x = Math.round(T.reduce((D, B) => B + D, 0) / T.length), w = Math.floor(Math.min(...T) / 100) * 100, v = Math.ceil(Math.max(...T) / 100) * 100, R = i.map((D, B) => ({
+  const y = it(), E = i.flat().map((D) => D.x), T = i.flat().map((D) => D.y), x = Math.round(T.reduce((D, M) => M + D, 0) / T.length), w = Math.floor(Math.min(...T) / 100) * 100, v = Math.ceil(Math.max(...T) / 100) * 100, R = i.map((D, M) => ({
     type: d ? "bar" : "line",
     curve: "linear",
-    color: d ? y.palette.chart?.chart6 : n[B] ?? y.palette.primary.main,
-    data: D.map((O) => O.y),
+    color: d ? y.palette.chart?.chart6 : n[M] ?? y.palette.primary.main,
+    data: D.map((W) => W.y),
     area: _,
     baseline: e,
     showMark: !0,
-    label: o[B],
-    valueFormatter: (O) => P(O || 0, C)
-  }));
+    label: o[M],
+    valueFormatter: (W) => P(W || 0, C)
+  })), B = {
+    ...{
+      top: 60,
+      right: 50,
+      bottom: 50,
+      left: 50
+    },
+    ...r
+  };
   return /* @__PURE__ */ l("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ l(
       jl,
       {
         height: a,
-        margin: r,
+        margin: B,
         series: R,
         sx: {
           p: 4,
@@ -2497,11 +2505,11 @@ const $u = ({
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: y, hoveredAreaData: E, isAreaHovered: T, cursorPos: x } = C, w = T && y && E, v = !w, R = [...o, ...r], D = R[0]?.dataset.length ?? 0, B = R.flatMap((le) => le.dataset.map((Be) => Be.x)), O = R.flatMap((le) => le.dataset.map((Be) => Be.y)), M = o[0]?.dataset?.map(
+  }), { hoveredSeriesId: y, hoveredAreaData: E, isAreaHovered: T, cursorPos: x } = C, w = T && y && E, v = !w, R = [...o, ...r], O = R[0]?.dataset.length ?? 0, B = R.flatMap((le) => le.dataset.map((Be) => Be.x)), D = R.flatMap((le) => le.dataset.map((Be) => Be.y)), M = o[0]?.dataset?.map(
     (le, Be) => o.reduce((de, qe) => de + qe.dataset[Be]?.y || 0, 0)
   ) ?? [0], W = Math.max(...M), U = Math.max(
     ...r.flatMap((le) => le.dataset.map((Be) => Be.y))
-  ), oe = Math.floor(Math.min(...O) / 100) * 100, Oe = Math.ceil(Math.max(W, U) / 100) * 100, ee = o.map((le, Be) => ({
+  ), oe = Math.floor(Math.min(...D) / 100) * 100, Oe = Math.ceil(Math.max(W, U) / 100) * 100, ee = o.map((le, Be) => ({
     id: `stacked-${Be}`,
     guid: le.category_guid,
     top_level_guid: le.top_level_category_guid,
@@ -2645,7 +2653,7 @@ const $u = ({
                 data: B,
                 scaleType: "time",
                 valueFormatter: (le) => ie(le, J.MONTH_SHORT_YEAR),
-                tickNumber: D
+                tickNumber: O
                 // How many ticks to show on the x-axis
               }
             ],
@@ -2893,9 +2901,9 @@ const $u = ({
   g.useEffect(() => {
     f(a);
   }, [a]), g.useEffect(() => {
-    (r === "timeframebuttons" || r === "timeframetabs") && e.onRangeChanged(D());
+    (r === "timeframebuttons" || r === "timeframetabs") && e.onRangeChanged(O());
   }, [w]);
-  const D = () => {
+  const O = () => {
     const W = Xe(hn());
     return [Xe(qt(W, w)), W];
   }, B = (W) => {
@@ -2909,7 +2917,7 @@ const $u = ({
       U[0] = W === "previous" ? _t(oe, Ee) : Bt(oe, Ee), U[1] = W === "previous" ? _t(Oe, Ee) : Bt(Oe, Ee);
     }
     u(U), e.onRangeChanged(U);
-  }, O = () => {
+  }, D = () => {
     u(C), x(
       h === i.dateRangePickerCopy.dateRangeThisMonth || h === i.dateRangePickerCopy.dateRangeLastMonth
     ), e.onRangeChanged(C);
@@ -3060,7 +3068,7 @@ const $u = ({
         isOpen: y,
         onClose: () => E(!1),
         onPrimaryAction: () => {
-          O(), E(!1);
+          D(), E(!1);
         },
         primaryText: i.dateRangeEditApply,
         title: i.dateRangeEditTitle,
@@ -3084,7 +3092,7 @@ const $u = ({
         copy: { title: i.dateRangeEditTitle },
         isOpen: !0,
         onClose: () => E(!1),
-        onPrimaryAction: () => O(),
+        onPrimaryAction: () => D(),
         primaryText: i.dateRangeEditApply,
         sx: {
           "& .MuiDialogContent-root": {
@@ -3307,10 +3315,10 @@ const Dn = ({
   sx: h = {},
   title: m = ""
 }) => {
-  const [C, { height: f, width: y }] = dc(), { onEvent: E } = z(), { isDesktop: T, isLargeDesktop: x, isMobile: w, isTablet: v } = be(), { displayedDateRange: R, isCopyLoaded: D, selectedAccountGuids: B, setSelectedAccountGuids: O } = _e(), { common: M } = I(), W = () => {
+  const [C, { height: f, width: y }] = dc(), { onEvent: E } = z(), { isDesktop: T, isLargeDesktop: x, isMobile: w, isTablet: v } = be(), { displayedDateRange: R, isCopyLoaded: O, selectedAccountGuids: B, setSelectedAccountGuids: D } = _e(), { common: M } = I(), W = () => {
     d && (d(), E(F.WIDGET_BACK_CLICK));
   };
-  if (!D)
+  if (!O)
     return /* @__PURE__ */ t(ge, {});
   const U = {
     accountFilterOptionsCopy: {
@@ -3381,7 +3389,7 @@ const Dn = ({
                   accounts: e,
                   copy: U,
                   onFilterClick: (re) => {
-                    O(re), _?.();
+                    D(re), _?.();
                   },
                   selectedAccountGuids: B,
                   showAccountNumbers: !1,
@@ -3542,7 +3550,7 @@ const Tr = "connect_widget", Ar = "connections_widget", l_ = ({
 }) => {
   const [m, C] = g.useState(""), { common: f } = I(), y = o || f.currency_input, E = Et(), T = d_(E), x = /^[0-9]*$/, w = /^(\d)*(\,)?([0-9]{1,2})?$/, v = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let R;
-  const D = g.useRef(bd());
+  const O = g.useRef(bd());
   if (e)
     switch (bu()) {
       case sa.CAD:
@@ -3557,18 +3565,18 @@ const Tr = "connect_widget", Ar = "connections_widget", l_ = ({
   g.useEffect(() => {
     B(i);
   }, [i]);
-  const B = (O) => {
-    !a && (O === "" || O === "." || O === ",") ? (C(""), u?.(!1)) : Number(O) < d ? (C(
+  const B = (D) => {
+    !a && (D === "" || D === "." || D === ",") ? (C(""), u?.(!1)) : Number(D) < d ? (C(
       S(
         y.error_amount_must_be_equal_to,
         P(d, "0")
       )
-    ), u?.(!1)) : Number(O) > _r ? (C(
+    ), u?.(!1)) : Number(D) > _r ? (C(
       S(
         y.error_amount_must_be_less_than_or_equal_to,
         P(_r, e ? "0,0.00" : "0,0", Math.floor)
       )
-    ), u?.(!1)) : O.toString().match(R) ? r() ? (C(""), u?.(!0)) : (C(s), u?.(!1)) : (C(y.error_amount_is_invalid), u?.(!1)), _(O.toString());
+    ), u?.(!1)) : D.toString().match(R) ? r() ? (C(""), u?.(!0)) : (C(s), u?.(!1)) : (C(y.error_amount_is_invalid), u?.(!1)), _(D.toString());
   };
   return /* @__PURE__ */ t(
     An,
@@ -3587,8 +3595,8 @@ const Tr = "connect_widget", Ar = "connections_widget", l_ = ({
         pattern: "[0-9]*"
       },
       label: c,
-      name: `currency-input-${D.current}`,
-      onChange: (O) => B(O.target.value),
+      name: `currency-input-${O.current}`,
+      onChange: (D) => B(D.target.value),
       value: i,
       ...h
     }
@@ -4416,16 +4424,16 @@ const li = () => {
   } = li(), { isDataLoaded: y, nextIncomeActivity: E, upcomingExpenses: T } = at();
   g.useEffect(() => {
     C(
-      o.filter((D) => s.includes(D.guid))
+      o.filter((O) => s.includes(O.guid))
     );
   }, [o, s]), g.useEffect(() => {
     E && m(E), f(T);
   }, [E, T]);
   const x = g.useMemo(
-    () => o.filter((D) => s.includes(D.guid)).reduce((D, B) => D + (B?.balance || 0), 0),
+    () => o.filter((O) => s.includes(O.guid)).reduce((O, B) => O + (B?.balance || 0), 0),
     [s, T]
   ), w = g.useMemo(
-    () => u.filter((D) => s.includes(D.accountGuid || "")).reduce((D, B) => D + B.amount, 0),
+    () => u.filter((O) => s.includes(O.accountGuid || "")).reduce((O, B) => O + B.amount, 0),
     [s, u]
   ), v = g.useMemo(
     () => x - w,
@@ -5443,12 +5451,12 @@ const Y_ = ({ transaction: e, onClick: n }) => {
         (_ || r) && i,
         !_ && !r && T.getVirtualItems().length === 0 && d,
         !_ && !r && T.getVirtualItems().length > 0 && T.getVirtualItems().map((x) => {
-          const w = h[x.index], v = Dr(x.index, h), R = q_(x.index, h), D = Rr + (v ? Or : 0);
+          const w = h[x.index], v = Dr(x.index, h), R = q_(x.index, h), O = Rr + (v ? Or : 0);
           return /* @__PURE__ */ l(
             L,
             {
               sx: {
-                height: D,
+                height: O,
                 position: "absolute",
                 transform: `translateY(${x.start}px)`,
                 width: "100%"
@@ -6752,7 +6760,7 @@ const Cc = ({ transaction: e }) => {
     }), h(!0);
   }, R = async () => {
     n(j.ON_TRANSACTION_SPLIT_SAVE_CLICK), await i({ ...e, has_been_split: !0 }, f), h(!1);
-  }, D = async () => {
+  }, O = async () => {
     n(j.ON_TRANSACTION_SPLIT_CANCEL_CLICK), y([{ ...d }, { ..._ }]), h(!1);
   }, B = async () => {
     n(F.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
@@ -6760,7 +6768,7 @@ const Cc = ({ transaction: e }) => {
     });
     const M = e.parent_guid ?? e.guid;
     await a(M);
-  }, O = g.useMemo(() => {
+  }, D = g.useMemo(() => {
     const M = f.some((U) => !U.category_guid), W = f.some((U) => U.amount <= 0);
     return M || W;
   }, [f]);
@@ -6781,8 +6789,8 @@ const Cc = ({ transaction: e }) => {
       {
         ariaLabelClose: o.close_aria,
         isOpen: u,
-        isPrimaryDisabled: O,
-        onClose: D,
+        isPrimaryDisabled: D,
+        onClose: O,
         onPrimaryAction: R,
         primaryText: o.save_button,
         secondaryText: o.cancel_button,
@@ -7391,7 +7399,7 @@ const Cc = ({ transaction: e }) => {
     tags: x,
     transactions: w,
     updateTransaction: v
-  } = Ae(), { common: R, transactions: D } = I(), { userProfile: B } = an(), { onEvent: O } = z(), {
+  } = Ae(), { common: R, transactions: O } = I(), { userProfile: B } = an(), { onEvent: D } = z(), {
     displayedDateRange: M,
     isCopyLoaded: W,
     isInitialized: U,
@@ -7408,7 +7416,7 @@ const Cc = ({ transaction: e }) => {
       dateRange: { start: lt, end: Qo },
       accounts: Oe.map(($a) => $a.guid),
       custom: ($a) => !$a.accountIsClosed
-    }), le(!0), O(F.TRANSACTIONS_VIEW);
+    }), le(!0), D(F.TRANSACTIONS_VIEW);
   }, []), g.useEffect(() => {
     Ye && (T({
       ...y,
@@ -7427,9 +7435,9 @@ const Cc = ({ transaction: e }) => {
     h(lt), T({
       ...y,
       searchTerm: lt
-    }), O(F.TRANSACTIONS_CLICK_SEARCH, { search_term: lt });
+    }), D(F.TRANSACTIONS_CLICK_SEARCH, { search_term: lt });
   }, ui = () => {
-    gc(w, x), O(F.TRANSACTIONS_CLICK_EXPORT);
+    gc(w, x), D(F.TRANSACTIONS_CLICK_EXPORT);
   }, Ha = () => {
     Be.length > 0 ? (C({
       ...hc,
@@ -7438,7 +7446,7 @@ const Cc = ({ transaction: e }) => {
     }), q(
       "addTransaction"
       /* AddTransaction */
-    ), O(F.TRANSACTIONS_CLICK_ADD)) : (Ze(!0), O(F.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
+    ), D(F.TRANSACTIONS_CLICK_ADD)) : (Ze(!0), D(F.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Fa = async () => {
     qe && await f(d), q("");
   }, Sl = () => {
@@ -7455,28 +7463,28 @@ const Cc = ({ transaction: e }) => {
       actions: [
         {
           iconName: "open_in_new",
-          label: D.export_csv_btn,
+          label: O.export_csv_btn,
           onClick: ui
         },
         {
           iconName: "add",
-          label: D.add_transaction_btn,
+          label: O.add_transaction_btn,
           onClick: Ha
         }
       ],
       calendarActions: {
         onRangeChanged: sn
       },
-      onAccountsFilterClick: () => O(F.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => D(F.ACCOUNTS_CLICK_FILTER),
       onBackClick: e,
       sx: a,
-      title: D.transactions_title,
+      title: O.transactions_title,
       children: [
         /* @__PURE__ */ t(L, { mt: 16, children: /* @__PURE__ */ t(
           Vi,
           {
             onChange: di,
-            placeholder: D.action_bar_search_placeholder,
+            placeholder: O.action_bar_search_placeholder,
             searchValue: u
           }
         ) }),
@@ -7501,7 +7509,7 @@ const Cc = ({ transaction: e }) => {
                   ke(lt), q(
                     "transaction"
                     /* Transaction */
-                  ), O(F.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: lt });
+                  ), D(F.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: lt });
                 }
               }
             )
@@ -7536,7 +7544,7 @@ const Cc = ({ transaction: e }) => {
             ariaLabelClose: R.close_aria,
             isOpen: re === "transaction",
             onClose: Al,
-            title: D.details_title,
+            title: O.details_title,
             children: de && /* @__PURE__ */ t(Xn, { transaction: de })
           }
         ),
@@ -7557,14 +7565,14 @@ const Cc = ({ transaction: e }) => {
             isPrimaryDisabled: !qe,
             onClose: () => q(""),
             onPrimaryAction: Fa,
-            title: D.add_transaction_title,
+            title: O.add_transaction_title,
             children: /* @__PURE__ */ t(og, {})
           }
         ),
         /* @__PURE__ */ t(
           ig,
           {
-            copy: { title: D.add_manual_account },
+            copy: { title: O.add_manual_account },
             isOpen: We,
             onClose: () => {
               Ze(!1);
@@ -7577,7 +7585,7 @@ const Cc = ({ transaction: e }) => {
           {
             onClose: Tl,
             showConnectWidget: De,
-            title: D.add_manual_account
+            title: O.add_manual_account
           }
         )
       ]
@@ -7751,10 +7759,10 @@ const Cc = ({ transaction: e }) => {
     });
   }, []), g.useEffect(() => {
     if (T && e.sequenceGuid) {
-      const R = s.filter((D) => D.sequenceGuid === e.sequenceGuid).map((D) => D.transactionGuid);
+      const R = s.filter((O) => O.sequenceGuid === e.sequenceGuid).map((O) => O.transactionGuid);
       d({
         ...c,
-        custom: (D) => !!R.find((B) => D.guid === B)
+        custom: (O) => !!R.find((B) => O.guid === B)
       });
     } else !T && e.scheduledPaymentGuid && d({
       ...c,
@@ -8190,7 +8198,7 @@ const Cc = ({ transaction: e }) => {
   onAddActivity: i = () => null
 }) => {
   const { recurring: a } = I(), { addCashflowEvent: o, addCashflowSequence: r, addScheduledPayment: s } = at(), { filter: c, setFilter: d, transactions: _ } = Ae(), [u, h] = g.useState(!1), [m, C] = g.useState(""), [f, y] = g.useState(Z.EveryMonth), [E, T] = g.useState(null), x = g.useMemo(
-    () => _.find((D) => D.guid === m),
+    () => _.find((O) => O.guid === m),
     [m]
   ), w = () => {
     h(!0), d(e ? { ...c, custom: Kn } : { ...c, custom: Di });
@@ -8200,14 +8208,14 @@ const Cc = ({ transaction: e }) => {
       return;
     }
     if (e) {
-      const D = Ac(x, f, E), B = await r(D);
+      const O = Ac(x, f, E), B = await r(O);
       if (B) {
-        const O = Ic(B, x);
-        await o(O);
+        const D = Ic(B, x);
+        await o(D);
       }
     } else {
-      const D = fg(x, f, E);
-      await s(D, x);
+      const O = fg(x, f, E);
+      await s(O, x);
     }
     R();
   }, R = () => {
@@ -8233,13 +8241,13 @@ const Cc = ({ transaction: e }) => {
           xc,
           {
             description: e ? a.add_income_description : a.add_expense_description,
-            onSearch: (D) => {
+            onSearch: (O) => {
               d({
                 ...c,
-                custom: (B) => e ? D ? Go(B, D) : Kn(B) : D ? wc(B, D) : Di(B)
+                custom: (B) => e ? O ? Go(B, O) : Kn(B) : O ? wc(B, O) : Di(B)
               });
             },
-            onSelected: (D) => C(D)
+            onSelected: (O) => C(O)
           }
         )
       }
@@ -8787,9 +8795,9 @@ const Cc = ({ transaction: e }) => {
     selectedDayActivities: c,
     setSelectedDay: d,
     upcomingActivities: _
-  } = at(), [u, h] = g.useState(0), { onEvent: m } = z(), C = a.filter(Ka), f = r.filter(Ka), y = o.filter(Ka), E = C.filter(qi).reduce(hi, 0), T = f.filter(qi).reduce(hi, 0), x = y.filter(qi).reduce(hi, 0), w = C.filter(qi).length, v = C.filter(Va).reduce(hi, 0), R = f.filter(Va).reduce(hi, 0), D = C.filter(Va).length, B = (W, U) => {
+  } = at(), [u, h] = g.useState(0), { onEvent: m } = z(), C = a.filter(Ka), f = r.filter(Ka), y = o.filter(Ka), E = C.filter(qi).reduce(hi, 0), T = f.filter(qi).reduce(hi, 0), x = y.filter(qi).reduce(hi, 0), w = C.filter(qi).length, v = C.filter(Va).reduce(hi, 0), R = f.filter(Va).reduce(hi, 0), O = C.filter(Va).length, B = (W, U) => {
     h(U);
-  }, O = (W) => {
+  }, D = (W) => {
     m(F.RECURRING_ACTIVITY_CLICK_UPCOMING, {
       transaction_guid: W.transactionGuid
     });
@@ -8816,14 +8824,14 @@ const Cc = ({ transaction: e }) => {
           expected: v,
           paid: R,
           title: e.deposits,
-          total: D
+          total: O
         }
       ),
       !i && !n && /* @__PURE__ */ t(
         Ci,
         {
           activities: _,
-          onActivityClick: O,
+          onActivityClick: D,
           title: e.upcoming_activity
         }
       ),
@@ -8846,7 +8854,7 @@ const Cc = ({ transaction: e }) => {
           Ci,
           {
             activities: _,
-            onActivityClick: O
+            onActivityClick: D
           }
         ),
         u === 1 && /* @__PURE__ */ t(Ci, { activities: f, onActivityClick: M })
@@ -9990,7 +9998,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
     transform: rotate(360deg);
   }
 `, mm = () => {
-  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = at(), { cashflow: a, common: o } = I(), { completeOnboarding: r } = vo(), { isDirty: s } = li(), { isMobile: c } = be(), { isCopyLoaded: d, setDisplayedDate: _ } = _e(), { filter: u, setFilter: h, transactions: m } = Ae(), C = me(), [f, y] = Tt(!0), [E, T] = g.useState(Z.EveryMonth), [x, w] = Tt(!1), [v, R] = g.useState(null), [D, B] = Tt(1), [O, M] = Tt([]), [W, U] = Tt(""), oe = g.useMemo(
+  const { addCashflowEvent: e, addCashflowSequence: n, cashflowSequences: i } = at(), { cashflow: a, common: o } = I(), { completeOnboarding: r } = vo(), { isDirty: s } = li(), { isMobile: c } = be(), { isCopyLoaded: d, setDisplayedDate: _ } = _e(), { filter: u, setFilter: h, transactions: m } = Ae(), C = me(), [f, y] = Tt(!0), [E, T] = g.useState(Z.EveryMonth), [x, w] = Tt(!1), [v, R] = g.useState(null), [O, B] = Tt(1), [D, M] = Tt([]), [W, U] = Tt(""), oe = g.useMemo(
     () => m.find((q) => q.guid === W),
     [W]
   ), Oe = !!i.length, ee = async () => {
@@ -10000,10 +10008,10 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
       ne()
     ), h({ ...u, custom: Kn }), B(3);
   }, Ee = async () => {
-    if (!(O.length < 1)) {
+    if (!(D.length < 1)) {
       w(!0);
-      for (let q = 0; q < O.length; q++) {
-        const Le = O[q], ke = Ac(
+      for (let q = 0; q < D.length; q++) {
+        const Le = D[q], ke = Ac(
           Le,
           Le.frequency,
           Le.nextDate
@@ -10015,7 +10023,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
       }
       await r();
     }
-  }, re = !oe && f || !oe && O.length < 1;
+  }, re = !oe && f || !oe && D.length < 1;
   return d ? /* @__PURE__ */ l(
     L,
     {
@@ -10030,7 +10038,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
         py: 24
       },
       children: [
-        D === 1 && /* @__PURE__ */ t(
+        O === 1 && /* @__PURE__ */ t(
           L,
           {
             sx: {
@@ -10039,7 +10047,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
             children: /* @__PURE__ */ t(um, { handleNextStep: ee })
           }
         ),
-        D === 2 && /* @__PURE__ */ t(
+        O === 2 && /* @__PURE__ */ t(
           L,
           {
             sx: {
@@ -10048,7 +10056,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
             children: /* @__PURE__ */ t(hm, {})
           }
         ),
-        D === 3 && /* @__PURE__ */ l(
+        O === 3 && /* @__PURE__ */ l(
           L,
           {
             sx: {
@@ -10057,13 +10065,13 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
             children: [
               /* @__PURE__ */ t(Jt, { pb: 12, children: a.add_income_title }),
               /* @__PURE__ */ t(Re, { mb: 24, children: a.add_income_description }),
-              O.length > 0 && !oe && /* @__PURE__ */ l(X, { children: [
-                /* @__PURE__ */ t(ae, { children: O.map((q, Le) => /* @__PURE__ */ l(g.Fragment, { children: [
+              D.length > 0 && !oe && /* @__PURE__ */ l(X, { children: [
+                /* @__PURE__ */ t(ae, { children: D.map((q, Le) => /* @__PURE__ */ l(g.Fragment, { children: [
                   /* @__PURE__ */ t(wa, { bgcolor: "background.paper", children: $i(
                     Me(q.nextDate || q.date)
                   ) }),
                   /* @__PURE__ */ t(va, { transaction: q }),
-                  Le !== O.length - 1 && /* @__PURE__ */ t(k, {})
+                  Le !== D.length - 1 && /* @__PURE__ */ t(k, {})
                 ] }, q.guid)) }),
                 /* @__PURE__ */ l(b, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ t(k, { sx: { flexGrow: 1 } }),
@@ -10110,7 +10118,7 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                     {
                       "aria-disabled": !oe || !v,
                       onClick: () => {
-                        const q = [...O];
+                        const q = [...D];
                         q.push({ ...oe, nextDate: v, frequency: E }), M(q), U("");
                       },
                       variant: "contained",
@@ -10129,11 +10137,11 @@ const em = ({ activity: e }) => /* @__PURE__ */ l(X, { children: [
                   )
                 ] })
               ] }),
-              O.length > 0 && !oe && /* @__PURE__ */ l(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
+              D.length > 0 && !oe && /* @__PURE__ */ l(b, { direction: "row", gap: 16, ml: 24, mt: 32, children: [
                 /* @__PURE__ */ t(
                   Q,
                   {
-                    "aria-disabled": O.length < 1 || x,
+                    "aria-disabled": D.length < 1 || x,
                     onClick: Ee,
                     startIcon: x ? /* @__PURE__ */ t(
                       H,
@@ -10904,26 +10912,26 @@ const Bc = ({
       _.flatMap((v) => v.dataset.map((R) => new Date(R.x).getTime()))
     )
   ].sort((v, R) => v - R).map((v) => new Date(v)), h = _.map((v) => {
-    const R = new Map(v.dataset.map((O) => [new Date(O.x).getTime(), O.y]));
-    let D = R.get(u[0].getTime()) ?? 0;
-    const B = u.map((O) => {
-      const M = R.get(O.getTime()) ?? D;
-      return D = M, { x: O, y: M };
+    const R = new Map(v.dataset.map((D) => [new Date(D.x).getTime(), D.y]));
+    let O = R.get(u[0].getTime()) ?? 0;
+    const B = u.map((D) => {
+      const M = R.get(D.getTime()) ?? O;
+      return O = M, { x: D, y: M };
     });
     return { ...v, dataset: B };
   }), m = h.reduce(
     (v, R) => v + (R.dataset[0]?.y ?? 0),
     0
   ), C = u.map((v, R) => {
-    const D = R / (u.length - 1), B = m * (1 - D);
+    const O = R / (u.length - 1), B = m * (1 - O);
     return { x: v, y: B };
   }), f = Math.ceil(m / 100) * 100, y = u, E = h.map((v, R) => {
-    const D = 1 - R / h.length * 0.5, B = Fm(Hm, D);
+    const O = 1 - R / h.length * 0.5, B = Fm(Hm, O);
     return {
       id: `debt-${R}`,
       guid: v.guid,
       label: v.name,
-      data: v.dataset.map((O) => O.y),
+      data: v.dataset.map((D) => D.y),
       color: B,
       curve: "linear",
       type: "line",
@@ -10952,11 +10960,11 @@ const Bc = ({
       height: n,
       onAreaClick: (v, R) => {
         r?.();
-        const D = E.find((B) => B.id === R.seriesId);
-        d(F.DEBTS_CLICK_CHART_AREA, { account_guid: D?.guid });
+        const O = E.find((B) => B.id === R.seriesId);
+        d(F.DEBTS_CLICK_CHART_AREA, { account_guid: O?.guid });
       },
       onHighlightChange: (v) => {
-        const R = E.find((D) => D.id === v?.seriesId)?.guid;
+        const R = E.find((O) => O.id === v?.seriesId)?.guid;
         s?.(R ?? "");
       },
       series: E,
@@ -11840,16 +11848,16 @@ const Kt = (e) => /* @__PURE__ */ t(p, { fontWeight: 600, variant: "Small", chil
     }
   );
 }), pp = ({ onBackClick: e, sx: n }) => {
-  const [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState(!1), [d, _] = g.useState(""), { isDesktop: u, isMobile: h } = be(), { debts: m } = I(), { onEvent: C } = z(), { isCopyLoaded: f, isInitialized: y, setSelectedAccounts: E } = _e(), { setSelectedAccount: T } = Wt(), { selectedDebtPriority: x, setSelectedDebtChartData: w } = pn(), { visibleDebtAccounts: v } = we(), { goalsLoaded: R, loadGoals: D, monthlyCashFlowProfile: B } = ct(), { debts: O } = Ia(), M = g.useMemo(() => {
+  const [i, a] = g.useState(!1), [o, r] = g.useState(!1), [s, c] = g.useState(!1), [d, _] = g.useState(""), { isDesktop: u, isMobile: h } = be(), { debts: m } = I(), { onEvent: C } = z(), { isCopyLoaded: f, isInitialized: y, setSelectedAccounts: E } = _e(), { setSelectedAccount: T } = Wt(), { selectedDebtPriority: x, setSelectedDebtChartData: w } = pn(), { visibleDebtAccounts: v } = we(), { goalsLoaded: R, loadGoals: O, monthlyCashFlowProfile: B } = ct(), { debts: D } = Ia(), M = g.useMemo(() => {
     const Ee = B?.extra_payment ?? 0;
-    return gp(O, x, Ee);
-  }, [O, x, B]);
+    return gp(D, x, Ee);
+  }, [D, x, B]);
   g.useEffect(() => {
     E(v), C(F.DEBTS_VIEW);
   }, []), g.useEffect(() => {
     E(v);
   }, [v]), g.useEffect(() => {
-    y && D().finally();
+    y && O().finally();
   }, [y]);
   const W = (Ee) => _(Ee), U = () => {
     const Ee = v.find((q) => q.guid === d), re = M.find((q) => q.guid === d);
@@ -12889,17 +12897,17 @@ const Tp = (e, n) => {
   f ? (x = () => w(), T = i.save_button) : y && (x = () => R(), T = n.mark_as_complete_button);
   const w = async () => {
     if (c) {
-      const D = c.track_type;
-      D !== V.RETIREMENT_TRACK ? await a(c) : D === V.RETIREMENT_TRACK && await o({ ...c, target_amount: c.amount }), d(n.alert_goal_added), _(void 0), D && e?.(D);
+      const O = c.track_type;
+      O !== V.RETIREMENT_TRACK ? await a(c) : O === V.RETIREMENT_TRACK && await o({ ...c, target_amount: c.amount }), d(n.alert_goal_added), _(void 0), O && e?.(O);
     }
   }, v = async () => {
     c && (c.track_type !== V.RETIREMENT_TRACK ? await r(c.guid) : c.track_type === V.RETIREMENT_TRACK && await s(c), d(n.alert_goal_deleted), _(void 0));
   }, R = async () => {
-    const D = {
+    const O = {
       ...c,
       has_been_spent: !0
     };
-    await u(D), d(n.alert_goal_completed), _(void 0);
+    await u(O), d(n.alert_goal_completed), _(void 0);
   };
   return /* @__PURE__ */ l(b, { children: [
     /* @__PURE__ */ t(
@@ -12933,12 +12941,12 @@ const Tp = (e, n) => {
     )
   ] });
 }), E4 = A(({ onBackClick: e, sx: n }) => {
-  const { onEvent: i } = z(), { isMobile: a } = be(), { visibleAccounts: o } = we(), { isCopyLoaded: r, isInitialized: s, setSelectedAccounts: c } = _e(), { goals: d, common: _ } = I(), { alert: u, goals: h, goalsLoaded: m, loadGoals: C, monthlyCashFlowProfile: f, setAlert: y, retirmentGoals: E } = ct(), [T, x] = g.useState(0), [w, v] = g.useState(!1), R = f?.amount_allocated_for_savings_goals || 0, D = f?.amount_allocated_for_debt_goals || 0, B = f?.amount_allocated_for_retirement_goals || 0, O = r ? S(
+  const { onEvent: i } = z(), { isMobile: a } = be(), { visibleAccounts: o } = we(), { isCopyLoaded: r, isInitialized: s, setSelectedAccounts: c } = _e(), { goals: d, common: _ } = I(), { alert: u, goals: h, goalsLoaded: m, loadGoals: C, monthlyCashFlowProfile: f, setAlert: y, retirmentGoals: E } = ct(), [T, x] = g.useState(0), [w, v] = g.useState(!1), R = f?.amount_allocated_for_savings_goals || 0, O = f?.amount_allocated_for_debt_goals || 0, B = f?.amount_allocated_for_retirement_goals || 0, D = r ? S(
     a ? d.tab_subtitle_mobile : d.tab_subtitle,
     P(R, "0,0")
   ) : "", M = r ? S(
     a ? d.tab_subtitle_mobile : d.tab_subtitle,
-    P(D, "0,0")
+    P(O, "0,0")
   ) : "", W = r ? S(
     a ? d.tab_subtitle_mobile : d.tab_subtitle,
     P(B, "0,0")
@@ -12947,7 +12955,7 @@ const Tp = (e, n) => {
     c(o), i(F.GOALS_VIEW);
   }, []), g.useEffect(() => {
     s && C().finally();
-  }, [s, R, D, B]);
+  }, [s, R, O, B]);
   const U = () => {
     i(F.GOALS_CLICK_FILTER);
   }, oe = () => {
@@ -12987,7 +12995,7 @@ const Tp = (e, n) => {
                   Ke,
                   {
                     disabled: ee,
-                    label: /* @__PURE__ */ t(za, { subtitle: O, title: d.tab_saving_title }),
+                    label: /* @__PURE__ */ t(za, { subtitle: D, title: d.tab_saving_title }),
                     sx: { "&.Mui-selected": { color: "primary.light" } }
                   }
                 ),
@@ -14259,7 +14267,7 @@ const g1 = ({
     selectedData: f,
     setHoveredData: y,
     setSelectedData: E
-  } = Zu(), { isMobile: T } = be(), { onEvent: x } = z(), [w, v] = g.useState(!1), [R, D] = g.useState(6), [B, O] = g.useState(!1), [M, W] = g.useState(!1), [U, oe] = g.useState(!1), Oe = async () => {
+  } = Zu(), { isMobile: T } = be(), { onEvent: x } = z(), [w, v] = g.useState(!1), [R, O] = g.useState(6), [B, D] = g.useState(!1), [M, W] = g.useState(!1), [U, oe] = g.useState(!1), Oe = async () => {
     await m(a), await h(R), v(!0);
   };
   g.useEffect(() => {
@@ -14272,7 +14280,7 @@ const g1 = ({
     x(F.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: R + "M" }), h(R).finally();
   }, [R]);
   const ee = (Ze, De) => {
-    E(De), Ze.currentTarget instanceof HTMLDivElement && O(!0);
+    E(De), Ze.currentTarget instanceof HTMLDivElement && D(!0);
   }, Ee = (Ze) => {
     y(Ze);
   }, re = () => {
@@ -14281,7 +14289,7 @@ const g1 = ({
     x(F.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES), W(!0);
   }, Le = async (Ze) => {
     const De = Ze[0], ot = Ze[1];
-    De && ot && D(Nd(ot, De));
+    De && ot && O(Nd(ot, De));
   }, ke = {
     chartData: C,
     hoveredData: u,
@@ -14362,7 +14370,7 @@ const g1 = ({
           {
             ariaLabelClose: "Close",
             isOpen: B,
-            onClose: () => O(!1),
+            onClose: () => D(!1),
             shouldShowHeaderBorders: !1,
             shouldShowHeaderShadow: !0,
             title: s.gains_and_losses,
@@ -17833,37 +17841,37 @@ const V1 = ({
       isOpen: !1,
       topic: "",
       type: void 0
-    }), T = lC.map((O) => ({
-      ...O,
-      title: e.help_by_category_list[O.guid].label,
-      topics: O.topics.map(({ type: M }, W) => ({
+    }), T = lC.map((D) => ({
+      ...D,
+      title: e.help_by_category_list[D.guid].label,
+      topics: D.topics.map(({ type: M }, W) => ({
         type: M,
-        label: e.help_by_category_list[O.guid].topics[W]
+        label: e.help_by_category_list[D.guid].topics[W]
       }))
-    })), x = Object.keys(e.popular_topics_list).map((O, M) => ({
-      name: e.popular_topics_list[O],
+    })), x = Object.keys(e.popular_topics_list).map((D, M) => ({
+      name: e.popular_topics_list[D],
       type: dC[M].type
     })), w = () => {
       u(""), E({ isOpen: !1, topic: "", type: void 0 });
-    }, v = (O) => {
+    }, v = (D) => {
       c.email && o({
         email: c.email,
-        message: _ ? `Institution: ${_}, ${O}` : O,
+        message: _ ? `Institution: ${_}, ${D}` : D,
         title: y.topic || "Contact Support"
       });
-    }, R = (O, M) => {
-      M === "other" ? f(!0) : E({ isOpen: !0, topic: O, type: M });
-    }, D = () => {
+    }, R = (D, M) => {
+      M === "other" ? f(!0) : E({ isOpen: !0, topic: D, type: M });
+    }, O = () => {
       s(""), m(!1), f(!1), w();
-    }, B = (O) => {
+    }, B = (D) => {
       if (!c.email) {
         s(e.request_support_email_not_exists_message, "error");
         return;
       }
       o({
         email: c.email,
-        message: `Institution Website: ${O.institutionWebsite}${O.institutionLoginPage ? ` Institution Login Page: ${O.institutionLoginPage}` : ""} `,
-        title: `Institution Request: ${O.institutionName}`
+        message: `Institution Website: ${D.institutionWebsite}${D.institutionLoginPage ? ` Institution Login Page: ${D.institutionLoginPage}` : ""} `,
+        title: `Institution Request: ${D.institutionName}`
       });
     };
     return /* @__PURE__ */ t(se, { isOpen: n, onClose: i, title: e.request_support, children: !d || r ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ l(g.Fragment, { children: [
@@ -17951,8 +17959,8 @@ const V1 = ({
         {
           copy: e,
           isOpen: y.isOpen,
-          onClick: (O) => {
-            u(O), y.type === "internal" && m(!0);
+          onClick: (D) => {
+            u(D), y.type === "internal" && m(!0);
           },
           onClose: w,
           topic: y.topic
@@ -17967,7 +17975,7 @@ const V1 = ({
           onBack: () => {
             s(""), y.type === "internal" && m(!1);
           },
-          onClose: D
+          onClose: O
         }
       ),
       /* @__PURE__ */ t(
@@ -18156,7 +18164,7 @@ const V1 = ({
     )
   ] });
 }), wC = () => {
-  const e = it(), { common: n, settings: i } = I(), { isDesktop: a, isMobile: o, isSmallMobile: r, isTablet: s } = be(), { config: c } = Ui(), { updateUser: d } = $t(), { user: _ } = an(), [u, h] = g.useState(_.first_name), [m, C] = g.useState(_.last_name), [f, y] = g.useState(_.email), [E, T] = g.useState(_.phone), [x, w] = g.useState(_.postal_code), [v, R] = g.useState(_.credit_score), [D, B] = g.useState(null), O = f && !_.email_is_verified, M = E && !_.phone_is_verified;
+  const e = it(), { common: n, settings: i } = I(), { isDesktop: a, isMobile: o, isSmallMobile: r, isTablet: s } = be(), { config: c } = Ui(), { updateUser: d } = $t(), { user: _ } = an(), [u, h] = g.useState(_.first_name), [m, C] = g.useState(_.last_name), [f, y] = g.useState(_.email), [E, T] = g.useState(_.phone), [x, w] = g.useState(_.postal_code), [v, R] = g.useState(_.credit_score), [O, B] = g.useState(null), D = f && !_.email_is_verified, M = E && !_.phone_is_verified;
   g.useEffect(() => {
     if (_.birthday) {
       const U = new Date(_.birthday * 1e3), oe = U.getUTCFullYear(), Oe = U.getUTCMonth(), ee = U.getUTCDate();
@@ -18170,7 +18178,7 @@ const V1 = ({
       last_name: m,
       email: f,
       phone: E,
-      birthday: D ? Me(D) : null,
+      birthday: O ? Me(O) : null,
       postal_code: x,
       credit_score: v
     };
@@ -18218,7 +18226,7 @@ const V1 = ({
           }
         ),
         /* @__PURE__ */ l(b, { direction: o ? "column" : "row", children: [
-          c.display_email_edit_field_in_settings && /* @__PURE__ */ l(b, { sx: { mb: O ? 20 : 44, mr: o ? 0 : 24 }, children: [
+          c.display_email_edit_field_in_settings && /* @__PURE__ */ l(b, { sx: { mb: D ? 20 : 44, mr: o ? 0 : 24 }, children: [
             /* @__PURE__ */ t(
               rt,
               {
@@ -18227,7 +18235,7 @@ const V1 = ({
                 onChange: (U) => y(U.target.value)
               }
             ),
-            O && /* @__PURE__ */ t(IC, {})
+            D && /* @__PURE__ */ t(IC, {})
           ] }),
           c.display_sms_edit_field_in_settings && /* @__PURE__ */ l(b, { sx: { mb: M ? 20 : 44 }, children: [
             /* @__PURE__ */ t(
@@ -18269,7 +18277,7 @@ const V1 = ({
                   "&:hover": { backgroundColor: Tn(e.palette.primary.light, 0.1) }
                 }
               },
-              value: D
+              value: O
             }
           ) }),
           /* @__PURE__ */ t(
@@ -20617,8 +20625,8 @@ const qa = ({
             ]
           }
         ) }),
-        children: /* @__PURE__ */ t(Se, { children: T.map((v, R, D) => {
-          const B = R === D.length - 1;
+        children: /* @__PURE__ */ t(Se, { children: T.map((v, R, O) => {
+          const B = R === O.length - 1;
           return /* @__PURE__ */ l(g.Fragment, { children: [
             /* @__PURE__ */ t(
               Ri,
@@ -22353,7 +22361,7 @@ const Zf = ({
     r && !s && (x(`${r.amount}`), m(!0), u({
       accounts: e,
       dateRange: a,
-      custom: (D) => D.category_guid === r.category_guid || D.top_level_category_guid === r.category_guid
+      custom: (O) => O.category_guid === r.category_guid || O.top_level_category_guid === r.category_guid
     }));
   }, [r]);
   const w = async () => {
@@ -22464,21 +22472,21 @@ const Zf = ({
   ] });
 }), g0 = A(() => {
   const e = me(), { onEvent: n } = z(), { visibleAccounts: i } = we(), { budgets: a, common: o, recurring: r } = I(), { incomeCategories: s, spendCategories: c } = ze(), { detailedBudgets: d, totalBudgeted: _ } = mt(), { projectedIncome: u } = at(), { setFilter: h } = Ae(), [m, C] = g.useState(!1), [f, y] = g.useMemo(() => {
-    const w = c.reduce((B, O) => B + O.totalAmount, 0);
+    const w = c.reduce((B, D) => B + D.totalAmount, 0);
     let v = w / _;
     v > 1 && (v = 1);
     let R = e.palette.success.main;
     v > 0.8 && v < 1 ? R = e.palette.warning.main : v >= 1 && (R = e.palette.error.main);
-    const D = [
+    const O = [
       {
         color: R,
         percentage: `${v}`
       }
     ];
-    return [w, D];
+    return [w, O];
   }, [d, c]), [E, T] = g.useMemo(() => {
     const w = Math.abs(
-      s.reduce((D, B) => D + B.totalAmount, 0)
+      s.reduce((O, B) => O + B.totalAmount, 0)
     );
     let v = w / u;
     v > 1 && (v = 1);
@@ -22555,7 +22563,7 @@ const Zf = ({
     setAlert: T,
     setTheme: x,
     budgets: w
-  } = mt(), { loadActivity: v } = at(), { isDesktop: R, isTablet: D } = be(), { reloadCategoryTotals: B } = ze(), [O, M] = g.useState(!1);
+  } = mt(), { loadActivity: v } = at(), { isDesktop: R, isTablet: O } = be(), { reloadCategoryTotals: B } = ze(), [D, M] = g.useState(!1);
   g.useEffect(() => {
     x(i), h(o), u(C.start, C.end), a(F.BUDGETS_VIEW);
   }, []), g.useEffect(() => {
@@ -22593,19 +22601,19 @@ const Zf = ({
         d && f && /* @__PURE__ */ l(
           b,
           {
-            direction: R || D ? "row" : "column",
+            direction: R || O ? "row" : "column",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ t(b, { height: R || D ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(b, { height: R || O ? "calc(100dvh - 150px)" : 450, children: /* @__PURE__ */ t(
                 il,
                 {
                   createBudgetOnClick: oe,
-                  height: R || D ? 800 : 450,
+                  height: R || O ? 800 : 450,
                   isDraggable: !0,
                   shouldShowZeroState: w.length === 0,
-                  unavailableWidth: R || D ? hs : 0
+                  unavailableWidth: R || O ? hs : 0
                 }
               ) }),
               w.length !== 0 && /* @__PURE__ */ l(
@@ -22614,7 +22622,7 @@ const Zf = ({
                   gap: 24,
                   height: "100%",
                   sx: { mr: 24, mt: 48 },
-                  width: R || D ? hs : "100%",
+                  width: R || O ? hs : "100%",
                   children: [
                     /* @__PURE__ */ t(g0, {}),
                     /* @__PURE__ */ t(h0, {})
@@ -22629,7 +22637,7 @@ const Zf = ({
           se,
           {
             ariaLabelClose: s.close_aria,
-            isOpen: O,
+            isOpen: D,
             onClose: () => M(!1),
             title: r.add_new_title,
             children: /* @__PURE__ */ t(o0, { onRecalculateBudgets: Oe })
@@ -23340,9 +23348,9 @@ const b0 = ({ widgets: e, isLoading: n }) => {
               }
             ),
             n.map((C, f, y) => /* @__PURE__ */ t(b, { sx: { flexDirection: "row", gap: 4 }, children: C.map((E, T) => {
-              const x = f === 0, w = f === y.length - 1, v = T === 0, R = T === C.length - 1, D = Number(E.replace("%", "")) >= 25;
-              let B = "grey.200", O = "grey.900";
-              return d ? (B = D ? "grey.200" : "grey.700", O = D ? "grey.900" : "common.white") : (B = D ? "grey.700" : "grey.200", O = D ? "common.white" : "grey.900"), /* @__PURE__ */ t(
+              const x = f === 0, w = f === y.length - 1, v = T === 0, R = T === C.length - 1, O = Number(E.replace("%", "")) >= 25;
+              let B = "grey.200", D = "grey.900";
+              return d ? (B = O ? "grey.200" : "grey.700", D = O ? "grey.900" : "common.white") : (B = O ? "grey.700" : "grey.200", D = O ? "common.white" : "grey.900"), /* @__PURE__ */ t(
                 b,
                 {
                   sx: {
@@ -23362,7 +23370,7 @@ const b0 = ({ widgets: e, isLoading: n }) => {
                     p,
                     {
                       sx: {
-                        color: O,
+                        color: D,
                         fontWeight: s ? 600 : 700
                       },
                       variant: s ? "Body" : "H3",
@@ -23810,16 +23818,16 @@ const b0 = ({ widgets: e, isLoading: n }) => {
         slotProps: { baseIconButton: { sx: { display: "none" } } }
       }
     ) });
-  }, D = () => {
+  }, O = () => {
     h(!0), n(F.ACCOUNTS_CLICK_CONNECT);
   }, B = (re) => (q, Le) => {
     a((ke) => ({
       ...ke,
       [re]: Le
     }));
-  }, { visibleHoldings: O } = Ni(), { visibleInvestmentAccounts: M } = we(), W = M.filter(
+  }, { visibleHoldings: D } = Ni(), { visibleInvestmentAccounts: M } = we(), W = M.filter(
     ({ guid: re }) => s.includes(re)
-  ), U = W.reduce((re, q) => re + (q.balance || 0), 0), oe = W.map(({ guid: re }) => re), ee = O.filter(
+  ), U = W.reduce((re, q) => re + (q.balance || 0), 0), oe = W.map(({ guid: re }) => re), ee = D.filter(
     ({ account_guid: re }) => oe.includes(re)
   ).reduce((re, q) => {
     const Le = q.market_value ? q.market_value - (q.cost_basis || 0) : 0;
@@ -23861,7 +23869,7 @@ const b0 = ({ widgets: e, isLoading: n }) => {
       ] })
     ] }),
     W.map((re) => {
-      const q = O.filter((Ye) => Ye.account_guid === re.guid).map((Ye) => ({
+      const q = D.filter((Ye) => Ye.account_guid === re.guid).map((Ye) => ({
         id: Ye.guid,
         qty: Ye.shares || 0,
         holding: Ye.symbol || Ye.description || "Unknown",
@@ -24175,7 +24183,7 @@ const b0 = ({ widgets: e, isLoading: n }) => {
         /* @__PURE__ */ t(p, { sx: { color: "text.primary", fontWeight: 600 }, variant: "Body", children: y.overview.investment_accounts_footer }),
         /* @__PURE__ */ t(p, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "ParagraphSmall", children: y.overview.connect_more_accounts_description })
       ] }),
-      /* @__PURE__ */ t(Q, { onClick: D, sx: { fontWeight: 600 }, variant: "outlined", children: y.overview.connect_accounts })
+      /* @__PURE__ */ t(Q, { onClick: O, sx: { fontWeight: 600 }, variant: "outlined", children: y.overview.connect_accounts })
     ] }),
     /* @__PURE__ */ t(
       k0,
@@ -24507,7 +24515,7 @@ const zi = g.createContext(null), V0 = ({
     g.useEffect(() => {
       y && y <= 325 && x(3);
     }, [y]);
-    const { cardStyle: R, linkTextStyle: D } = h, B = f ? R : { border: "none", boxShadow: "none", ...R }, O = /* @__PURE__ */ t(
+    const { cardStyle: R, linkTextStyle: O } = h, B = f ? R : { border: "none", boxShadow: "none", ...R }, D = /* @__PURE__ */ t(
       Re,
       {
         className: "mx-micro-card-description",
@@ -24585,13 +24593,13 @@ const zi = g.createContext(null), V0 = ({
                         wn,
                         {
                           avatar: u && s,
-                          subheader: d && O,
+                          subheader: d && D,
                           sx: { color: m.headerColor, p: 0 },
                           title: C,
                           titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                         }
                       ),
-                      /* @__PURE__ */ t(Ft, { sx: { p: 0 }, children: !d && O }),
+                      /* @__PURE__ */ t(Ft, { sx: { p: 0 }, children: !d && D }),
                       !!n && /* @__PURE__ */ t(nu, { sx: { padding: 0 }, children: /* @__PURE__ */ t(
                         L,
                         {
@@ -24601,7 +24609,7 @@ const zi = g.createContext(null), V0 = ({
                             fontSize: 14,
                             fontWeight: "bold",
                             px: 28,
-                            ...D
+                            ...O
                           }),
                           children: n
                         }
@@ -25675,7 +25683,7 @@ const zi = g.createContext(null), V0 = ({
       top: 0,
       behavior: "smooth"
     });
-  }, D = () => {
+  }, O = () => {
     v(Yt.ON_CAROUSEL_BACK_CLICK), m.current && m.current.scrollTo({
       left: (m.current.offsetWidth + 8) * (Math.floor(C / (m.current.offsetWidth + 8)) - 1),
       top: 0,
@@ -25683,7 +25691,7 @@ const zi = g.createContext(null), V0 = ({
     });
   }, B = () => {
     m.current && f(m.current.scrollLeft);
-  }, O = () => {
+  }, D = () => {
     if (!T || !y) return;
     T - y > ey ? v(Yt.ON_CAROUSEL_FORWARD_SWIPE) : v(Yt.ON_CAROUSEL_BACK_SWIPE);
   }, M = (ee) => {
@@ -25712,7 +25720,7 @@ const zi = g.createContext(null), V0 = ({
           {
             className: "mx-insights-micro-carousel-container",
             onScroll: B,
-            onTouchEnd: O,
+            onTouchEnd: D,
             onTouchMove: M,
             onTouchStart: W,
             ref: m,
@@ -25754,7 +25762,7 @@ const zi = g.createContext(null), V0 = ({
             currentBeatIndex: oe,
             numBeats: e.length + 1,
             onNextClick: R,
-            onPreviousClick: D,
+            onPreviousClick: O,
             scrollRightBoundary: Oe,
             scrollX: C
           }
@@ -26013,7 +26021,7 @@ const zi = g.createContext(null), V0 = ({
   variant: w,
   widthOverrides: v
 }) => {
-  const R = it(), [D, B] = Tt("STANDARD"), [O, M] = Tt(!1), W = Iu([d], Cn), U = xu([_], Cn);
+  const R = it(), [O, B] = Tt("STANDARD"), [D, M] = Tt(!1), W = Iu([d], Cn), U = xu([_], Cn);
   g.useEffect(() => {
     Cn.isInitialized || Cn.initialize(o, E, s);
   }, [o, E, s, Cn.isInitialized]), g.useEffect(() => {
@@ -26032,7 +26040,7 @@ const zi = g.createContext(null), V0 = ({
     useDarkMode: T,
     widthOverrides: v
   }, Oe = {
-    carouselSize: D,
+    carouselSize: O,
     variant: w,
     ...oe
   };
@@ -26042,7 +26050,7 @@ const zi = g.createContext(null), V0 = ({
       /* @__PURE__ */ t(au, {}),
       /* @__PURE__ */ t(V0, { onEvent: W, onPageview: U, store: Cn, children: /* @__PURE__ */ l(ly, { heightOverrides: r, widthOverrides: v, children: [
         (e || !Cn.isInitialized) && /* @__PURE__ */ t(dy, {}),
-        O && C && /* @__PURE__ */ t(
+        D && C && /* @__PURE__ */ t(
           cy,
           {
             clientColorScheme: i,
@@ -26051,7 +26059,7 @@ const zi = g.createContext(null), V0 = ({
             widthOverrides: v
           }
         ),
-        O && !!n.length && /* @__PURE__ */ t(
+        D && !!n.length && /* @__PURE__ */ t(
           oy,
           {
             beats: n,
@@ -26061,8 +26069,8 @@ const zi = g.createContext(null), V0 = ({
             ...oe
           }
         ),
-        O && !n.length && x && /* @__PURE__ */ t(hl, { clientColorScheme: i, ...Oe }),
-        O && !n.length && !x && /* @__PURE__ */ t(gl, { ...Oe })
+        D && !n.length && x && /* @__PURE__ */ t(hl, { clientColorScheme: i, ...Oe }),
+        D && !n.length && !x && /* @__PURE__ */ t(gl, { ...Oe })
       ] }) })
     ] })
   );
@@ -26490,7 +26498,7 @@ const zi = g.createContext(null), V0 = ({
     onAddRecurringTransaction: i = () => null
   }) => {
     const { recurring: a } = I(), { filter: o, setFilter: r, transactions: s } = Ae(), { addRepeatingTransaction: c } = nn(), [d, _] = g.useState(!1), [u, h] = g.useState(""), [m, C] = g.useState(pe.EveryMonth), [f, y] = g.useState(1), [E, T] = g.useState(15), x = g.useMemo(
-      () => s.find((D) => D.guid === u),
+      () => s.find((O) => O.guid === u),
       [u]
     ), w = () => {
       _(!0), r(e ? { ...o, custom: Kn } : { ...o, custom: Di });
@@ -26500,12 +26508,12 @@ const zi = g.createContext(null), V0 = ({
         return;
       }
       i();
-      const D = nf(m, He(x.date)), B = {
+      const O = nf(m, He(x.date)), B = {
         account_guid: x.account_guid,
         amount: x.amount,
         merchant_guid: x.merchant_guid,
         description: x.feed_description || x.description,
-        predicted_occurs_on: ki(D, { representation: "date" }),
+        predicted_occurs_on: ki(O, { representation: "date" }),
         recurrence_day: f,
         recurrence_type: m,
         repeating_transaction_type: e ? xn.Income : xn.Bill,
@@ -26536,13 +26544,13 @@ const zi = g.createContext(null), V0 = ({
             my,
             {
               description: e ? a.add_income_description : a.add_expense_description,
-              onSearch: (D) => {
+              onSearch: (O) => {
                 r({
                   ...o,
-                  custom: (B) => e ? D ? Go(B, D) : Kn(B) : D ? wc(B, D) : Di(B)
+                  custom: (B) => e ? O ? Go(B, O) : Kn(B) : O ? wc(B, O) : Di(B)
                 });
               },
-              onSelected: (D) => h(D)
+              onSelected: (O) => h(O)
             }
           )
         }
@@ -27586,19 +27594,19 @@ const zi = g.createContext(null), V0 = ({
     () => El(n, i, My(e)),
     [n, i]
   ), v = g.useMemo(
-    () => _.find((O) => O.guid === f),
+    () => _.find((D) => D.guid === f),
     [f]
-  ), R = (O, M) => {
+  ), R = (D, M) => {
     C(M), h("");
-  }, D = (O) => {
-    h(u === O || O === "0" ? "" : O);
-  }, B = (O) => {
+  }, O = (D) => {
+    h(u === D || D === "0" ? "" : D);
+  }, B = (D) => {
     const M = {
       accounts: c,
       dateRange: r
     };
     if (m === 0)
-      if (O === "other") {
+      if (D === "other") {
         const W = x.categoryData.find((U) => U.guid === "other");
         d({
           ...M,
@@ -27607,12 +27615,12 @@ const zi = g.createContext(null), V0 = ({
       } else
         d({
           ...M,
-          custom: (W) => O ? W.top_level_category_guid === O : W.top_level_category_guid !== N.INCOME
+          custom: (W) => D ? W.top_level_category_guid === D : W.top_level_category_guid !== N.INCOME
         });
     else
       d({
         ...M,
-        custom: (W) => O ? W.category_guid === O : W.top_level_category_guid === N.INCOME
+        custom: (W) => D ? W.category_guid === D : W.top_level_category_guid === N.INCOME
       });
     T(!0);
   };
@@ -27649,7 +27657,7 @@ const zi = g.createContext(null), V0 = ({
       As,
       {
         data: x,
-        onSelected: D,
+        onSelected: O,
         onViewTransactions: B,
         selectedId: u,
         title: o.spend_tab_title
@@ -27659,7 +27667,7 @@ const zi = g.createContext(null), V0 = ({
       As,
       {
         data: w,
-        onSelected: D,
+        onSelected: O,
         onViewTransactions: B,
         selectedId: u,
         title: o.income_tab_title
@@ -27812,15 +27820,15 @@ const $y = (e) => e.reduce((i, a) => {
       (y) => y.category_guid === i || y.top_level_category_guid === i
     ) : e).reduce(
       (y, E) => {
-        const { category_guid: T, top_level_category_guid: x, month: w, total: v, year: R } = E, D = i ? T : x;
-        y[D] || (y[D] = {
-          id: D,
-          category: D,
+        const { category_guid: T, top_level_category_guid: x, month: w, total: v, year: R } = E, O = i ? T : x;
+        y[O] || (y[O] = {
+          id: O,
+          category: O,
           category_guid: T,
           top_level_category_guid: x
         });
         const B = ie(new Date(R, w - 1), J.MONTH_SHORT);
-        return y[D][B] || (y[D][B] = 0), y[D][B] = y[D][B] + v, y;
+        return y[O][B] || (y[O][B] = 0), y[O][B] = y[O][B] + v, y;
       },
       {}
     );
@@ -27881,7 +27889,7 @@ const $y = (e) => e.reduce((i, a) => {
 }, Zy = A(qy), Qy = {
   view_transactions: "View Transactions"
 }, Jy = ({ onBackClick: e, sx: n }) => {
-  const i = it(), { onEvent: a } = z(), { isDesktop: o, isTablet: r, isMobile: s } = be(), { visibleAccounts: c } = we(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: _, getCategoryName: u } = ze(), { sortedTransactions: h } = Ae(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: y } = _e(), { trends: E } = I(), T = i.palette.mode === "dark", [x, w] = g.useState(!1), [v, R] = g.useState(!1), [D, B] = g.useState("Chart"), [O, M] = g.useState(""), [W, U] = g.useState({
+  const i = it(), { onEvent: a } = z(), { isDesktop: o, isTablet: r, isMobile: s } = be(), { visibleAccounts: c } = we(), { loadMonthlyCategoryTotals: d, monthlyCategoryTotals: _, getCategoryName: u } = ze(), { sortedTransactions: h } = Ae(), { isCopyLoaded: m, isInitialized: C, selectedAccounts: f, setSelectedAccounts: y } = _e(), { trends: E } = I(), T = i.palette.mode === "dark", [x, w] = g.useState(!1), [v, R] = g.useState(!1), [O, B] = g.useState("Chart"), [D, M] = g.useState(""), [W, U] = g.useState({
     start: dr(Xe(qt(/* @__PURE__ */ new Date(), 6)), 1),
     end: Xe(/* @__PURE__ */ new Date())
   });
@@ -27902,14 +27910,14 @@ const $y = (e) => e.reduce((i, a) => {
       _,
       W.start,
       W.end
-    ), ot = O.length ? De.filter(
-      (Ye) => Ye.top_level_category_guid === O || Ye.category_guid === O
+    ), ot = D.length ? De.filter(
+      (Ye) => Ye.top_level_category_guid === D || Ye.category_guid === D
     ) : vm(De);
     return {
       stackedDatasets: ot.filter(Im),
       unstackedDatasets: ot.filter(La)
     };
-  }, [_, O, W]), Oe = g.useMemo(() => {
+  }, [_, D, W]), Oe = g.useMemo(() => {
     const De = ie(
       W.start,
       s ? J.MONTH_SHORT_YEAR : J.MONTH_YEAR
@@ -27919,7 +27927,7 @@ const $y = (e) => e.reduce((i, a) => {
     );
     return `${De} - ${ot}`;
   }, [W, s]), ee = (De, ot) => {
-    B(ot ?? D), a(F.TRENDS_CLICK_TOGGLE);
+    B(ot ?? O), a(F.TRENDS_CLICK_TOGGLE);
   }, Ee = (De) => {
     const ot = dr(De?.[0], 1), Ye = De?.[1], le = ru(Ye, ot);
     U({ start: ot, end: Ye }), a(F.TRENDS_CLICK_DATE, {
@@ -27977,7 +27985,7 @@ const $y = (e) => e.reduce((i, a) => {
                             textOverflow: "unset"
                           },
                           variant: o ? "H3" : "Body",
-                          children: u(O) || E.sub_title
+                          children: u(D) || E.sub_title
                         }
                       ),
                       /* @__PURE__ */ t(p, { variant: o ? "Body" : "Small", children: Oe })
@@ -27988,7 +27996,7 @@ const $y = (e) => e.reduce((i, a) => {
                         exclusive: !0,
                         onChange: ee,
                         orientation: "horizontal",
-                        value: D,
+                        value: O,
                         children: ["Chart", "Table"].map((De) => /* @__PURE__ */ t(
                           si,
                           {
@@ -28025,14 +28033,14 @@ const $y = (e) => e.reduce((i, a) => {
                 }
               ),
               /* @__PURE__ */ l(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ t(L, { flexGrow: 1, children: O && /* @__PURE__ */ l(Q, { onClick: () => M(""), sx: { p: 0, pr: 5 }, children: [
+                /* @__PURE__ */ t(L, { flexGrow: 1, children: D && /* @__PURE__ */ l(Q, { onClick: () => M(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ t(H, { name: "arrow_back" }),
                   E.all_categories
                 ] }) }),
                 /* @__PURE__ */ t(Q, { onClick: () => R(!0), sx: { px: 5 }, children: `${Qy.view_transactions} (${h.length})` })
               ] }),
               /* @__PURE__ */ l(L, { children: [
-                D === "Chart" && /* @__PURE__ */ t(
+                O === "Chart" && /* @__PURE__ */ t(
                   i_,
                   {
                     onClickLegend: Le,
@@ -28043,12 +28051,12 @@ const $y = (e) => e.reduce((i, a) => {
                     unstackedDatasets: oe.unstackedDatasets
                   }
                 ),
-                D === "Table" && /* @__PURE__ */ t(
+                O === "Table" && /* @__PURE__ */ t(
                   jy,
                   {
                     monthlyCategoryTotals: _,
                     onClickRow: q,
-                    selectedCategory: O,
+                    selectedCategory: D,
                     selectedDateRange: W
                   }
                 )
@@ -28059,7 +28067,7 @@ const $y = (e) => e.reduce((i, a) => {
         /* @__PURE__ */ t(
           Zy,
           {
-            categoryGuid: O,
+            categoryGuid: D,
             dateRange: W,
             isOpen: v,
             onClose: () => R(!1)