@mx-cartographer/experiences 3.13.4 → 3.13.5-alpha.mm.0

package/dist/index.es.js

@@ -29,13 +29,13 @@ import { addDays as me } from "date-fns/addDays";
 import { addMonths as $A } from "date-fns/addMonths";
 import { eachDayOfInterval as io } from "date-fns/eachDayOfInterval";
 import { eachWeekOfInterval as oo } from "date-fns/eachWeekOfInterval";
-import { endOfMonth as DA } from "date-fns/endOfMonth";
+import { endOfMonth as TA } from "date-fns/endOfMonth";
 import { format as kA } from "date-fns/format";
 import { isBefore as pA } from "date-fns/isBefore";
 import { isSameMonth as so } from "date-fns/isSameMonth";
-import { startOfMonth as vA } from "date-fns/startOfMonth";
+import { startOfMonth as mA } from "date-fns/startOfMonth";
 import { startOfToday as J } from "date-fns/startOfToday";
-import { subMonths as ie } from "date-fns/subMonths";
+import { subMonths as ne } from "date-fns/subMonths";
 import he from "@mui/material/Paper";
 import co from "@mui/icons-material/KeyboardArrowLeftRounded";
 import lo from "@mui/icons-material/KeyboardArrowRightRounded";
@@ -74,7 +74,7 @@ import { makeAutoObservable as bA, runInAction as U, observable as zo } from "mo
 import { differenceInDays as _o } from "date-fns/differenceInDays";
 import { getMonth as Ye } from "date-fns/getMonth";
 import { useVirtualizer as Ia } from "@tanstack/react-virtual";
-import { fromUnixTime as TA } from "date-fns/fromUnixTime";
+import { fromUnixTime as IA } from "date-fns/fromUnixTime";
 import { format as Bo, fromUnixTime as yn, isSameDay as qo, subDays as Ko, startOfToday as ko, endOfToday as Go } from "date-fns";
 import WA from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
@@ -1149,7 +1149,7 @@ const gn = (A, e) => A.reduce((n, r) => (n[r.guid] = e?.includes(r.guid), n), {}
                     ) }),
                     sx: { overflow: "auto", width: "100%" },
                     children: S.map((L) => {
-                      const P = c[L.guid], x = `${L.name}${h && L.accountNumber ? ` *${L.accountNumber.slice(-4)}` : ""}`;
+                      const P = c[L.guid], O = `${L.name}${h && L.accountNumber ? ` *${L.accountNumber.slice(-4)}` : ""}`;
                       return /* @__PURE__ */ t(
                         V,
                         {
@@ -1178,7 +1178,7 @@ const gn = (A, e) => A.reduce((n, r) => (n[r.guid] = e?.includes(r.guid), n), {}
                                   }
                                 }
                               ),
-                              label: x
+                              label: O
                             }
                           )
                         },
@@ -1514,10 +1514,10 @@ const qs = (A, e) => {
   selectedIndex: c,
   valueFormatter: u = (l) => `${l}`
 }) => {
-  const l = OA(), h = Ys(l), g = r.reduce(Us, []), m = A !== void 0 ? A : g.reduce(Fs, 0) / g.length, f = Math.max(...g), y = Math.min(...g), p = g.reduce(js, 0), S = f >= 0, I = y < 0, L = Pr(S, I, a), P = Pr(I, S, a), x = Ws(m, f, y, L || P), O = (q) => c === void 0 || q === c ? n : `${n}80`, N = () => /* @__PURE__ */ t(
+  const l = OA(), h = Ys(l), g = r.reduce(Us, []), m = A !== void 0 ? A : g.reduce(Fs, 0) / g.length, f = Math.max(...g), y = Math.min(...g), p = g.reduce(js, 0), S = f >= 0, I = y < 0, L = Pr(S, I, a), P = Pr(I, S, a), O = Ws(m, f, y, L || P), x = (q) => c === void 0 || q === c ? n : `${n}80`, N = () => /* @__PURE__ */ t(
     Or,
     {
-      averageLineHeight: x,
+      averageLineHeight: O,
       bottomHeight: P,
       color: "",
       range: p,
@@ -1534,9 +1534,9 @@ const qs = (A, e) => {
           Or,
           {
             ariaLabel: q.ariaLabel,
-            averageLineHeight: x,
+            averageLineHeight: O,
             bottomHeight: P,
-            color: O(B),
+            color: x(B),
             index: B,
             onClick: s,
             range: p,
@@ -1681,9 +1681,9 @@ const ec = ({
     h(e), m(n), e && u(e);
   }, [e, n]);
   const f = C.useMemo(() => {
-    const L = oo({ start: vA(c), end: DA(c) }), P = [];
-    for (let x = 0; x < L.length; x++) {
-      const O = L[x], N = io({ start: O, end: me(O, 6) }), q = [];
+    const L = oo({ start: mA(c), end: TA(c) }), P = [];
+    for (let O = 0; O < L.length; O++) {
+      const x = L[O], N = io({ start: x, end: me(x, 6) }), q = [];
       for (let B = 0; B < N.length; B++)
         q.push(N[B]);
       P.push(q);
@@ -1703,7 +1703,7 @@ const ec = ({
   }, S = () => {
     u($A(c, 1));
   }, I = () => {
-    u(ie(c, 1));
+    u(ne(c, 1));
   };
   return /* @__PURE__ */ t("div", { className: `mx-cmn-calendar ${s}`, children: /* @__PURE__ */ d(he, { sx: { boxShadow: "none" }, children: [
     /* @__PURE__ */ t(
@@ -1716,16 +1716,16 @@ const ec = ({
       }
     ),
     /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-header-row", children: f[0].map((L, P) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ t(E, { bold: !0, variant: "Small", children: kA(L, "EEEEE") }) }, P)) }),
-    f.map((L, P) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-week", children: L.map((x, O) => /* @__PURE__ */ t(
+    f.map((L, P) => /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-week", children: L.map((O, x) => /* @__PURE__ */ t(
       Zs,
       {
         beginDate: l,
-        date: x,
+        date: O,
         endDate: g,
-        isInMonth: so(x, c),
+        isInMonth: so(O, c),
         onClick: y
       },
-      O
+      x
     )) }, `w-${P}`)),
     /* @__PURE__ */ t("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ t(oA, { onClick: p, size: "small", variant: "text", children: A.today }) })
   ] }) });
@@ -1917,7 +1917,7 @@ const ec = ({
   valueFormatterString: g = "0,0",
   width: m
 }) => {
-  const f = qA(), y = n.flat().map((N) => N.x), p = n.flat().map((N) => N.y), S = Math.round(p.reduce((N, q) => q + N, 0) / p.length), I = Math.floor(Math.min(...p) / 100) * 100, L = Math.ceil(Math.max(...p) / 100) * 100, P = I * 0.95, x = L * 2, O = n.map((N, q) => ({
+  const f = qA(), y = n.flat().map((N) => N.x), p = n.flat().map((N) => N.y), S = Math.round(p.reduce((N, q) => q + N, 0) / p.length), I = Math.floor(Math.min(...p) / 100) * 100, L = Math.ceil(Math.max(...p) / 100) * 100, P = I * 0.95, O = L * 2, x = n.map((N, q) => ({
     type: s ? "bar" : "line",
     curve: "linear",
     color: s ? f.palette.chart?.chart6 : e[q] ?? f.palette.primary.main,
@@ -1933,12 +1933,15 @@ const ec = ({
       fo,
       {
         height: r,
-        series: O,
+        series: x,
         sx: {
           p: 4,
           "& .MuiBarLabel-root": {
             fontSize: 10,
             fontWeight: 600
+          },
+          "& .MuiMarkElement-root": {
+            stroke: e ?? f.palette.primary.main
           }
         },
         width: m,
@@ -1950,7 +1953,7 @@ const ec = ({
             colorMap: c ? {
               type: "continuous",
               min: P,
-              max: x,
+              max: O,
               color: [f.palette.background.paper, e[0] ?? f.palette.primary.main]
             } : void 0,
             valueFormatter: (N) => Q(N, g)
@@ -1961,7 +1964,7 @@ const ec = ({
           /* @__PURE__ */ t(
             po,
             {
-              slots: c && O.length < 2 ? {
+              slots: c && x.length < 2 ? {
                 line: (N) => /* @__PURE__ */ t(sc, { ...N, lineColor: e[0] ?? f.palette.primary.main })
               } : void 0
             }
@@ -1974,10 +1977,10 @@ const ec = ({
                   oc,
                   {
                     handlers: i,
-                    showLabel: l,
                     style: o?.(N.dataIndex) ?? {},
-                    yData: p,
-                    ...N
+                    ...N,
+                    showLabel: l,
+                    yData: p
                   }
                 )
               } : void 0
@@ -2023,7 +2026,7 @@ const ec = ({
       lc,
       {
         average: S,
-        series: O,
+        series: x,
         style: { position: "absolute", top: 16, left: 16 }
       }
     )
@@ -2215,9 +2218,9 @@ const ec = ({
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: y, hoveredAreaData: p, isAreaHovered: S, cursorPos: I } = m, L = S && y && p, P = !L, x = [...a, ...i], O = x[0].dataset.length, N = x.flatMap((R) => R.dataset.map((AA) => AA.x)), q = x.flatMap((R) => R.dataset.map((AA) => AA.y)), B = a[0].dataset.map(
-    (R, AA) => a.reduce((mA, ZA) => mA + ZA.dataset[AA]?.y || 0, 0)
-  ), k = Math.max(...B), X = Math.max(
+  }), { hoveredSeriesId: y, hoveredAreaData: p, isAreaHovered: S, cursorPos: I } = m, L = S && y && p, P = !L, O = [...a, ...i], x = O[0].dataset.length, N = O.flatMap((R) => R.dataset.map((AA) => AA.x)), q = O.flatMap((R) => R.dataset.map((AA) => AA.y)), B = a[0]?.dataset.map(
+    (R, AA) => a.reduce((EA, ZA) => EA + (ZA.dataset[AA]?.y ?? 0), 0)
+  ) ?? [0], k = Math.max(...B), X = Math.max(
     ...i.flatMap((R) => R.dataset.map((AA) => AA.y))
   ), F = Math.floor(Math.min(...q) / 100) * 100, aA = Math.ceil(Math.max(k, X) / 100) * 100, iA = a.map((R, AA) => ({
     id: `stacked-${AA}`,
@@ -2225,36 +2228,36 @@ const ec = ({
     top_level_guid: R.top_level_category_guid,
     area: !0,
     color: a[AA].category_color ?? c.palette.primary.main,
-    data: R.dataset.map((mA) => mA.y),
+    data: R.dataset.map((EA) => EA.y),
     label: a[AA].category_name,
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
-    valueFormatter: (mA) => Q(mA, "0,0")
-  })), EA = i.map((R, AA) => ({
+    valueFormatter: (EA) => Q(EA, "0,0")
+  })), vA = i.map((R, AA) => ({
     id: `unstacked-${AA}`,
     guid: R.category_guid,
     top_level_guid: R.top_level_category_guid,
     area: !1,
     color: R.category_color,
-    data: R.dataset.map((mA) => mA.y),
+    data: R.dataset.map((EA) => EA.y),
     label: R.category_name,
     type: "line",
-    valueFormatter: (mA) => Q(mA, "0,0")
-  })), uA = [...iA, ...EA], wA = [
+    valueFormatter: (EA) => Q(EA, "0,0")
+  })), uA = [...iA, ...vA], wA = [
     ...iA.map(({ guid: R, top_level_guid: AA }) => ({
       guid: R,
       top_level_guid: AA
     })),
-    ...EA.map(({ guid: R, top_level_guid: AA }) => ({
+    ...vA.map(({ guid: R, top_level_guid: AA }) => ({
       guid: R,
       top_level_guid: AA
     }))
   ], le = (R) => {
-    const mA = R.startsWith("stacked-") ? a[parseInt(R.split("-")[1])] : i[parseInt(R.split("-")[1])];
+    const EA = R.startsWith("stacked-") ? a[parseInt(R.split("-")[1])] : i[parseInt(R.split("-")[1])];
     return {
-      guid: mA.category_guid,
-      topLevelGuid: mA.top_level_category_guid
+      guid: EA.category_guid,
+      topLevelGuid: EA.top_level_category_guid
     };
   }, de = (R) => {
     g(R), n?.(R ?? "");
@@ -2266,8 +2269,8 @@ const ec = ({
     {
       onMouseMove: (R) => {
         const AA = R.currentTarget.getBoundingClientRect();
-        f((mA) => ({
-          ...mA,
+        f((EA) => ({
+          ...EA,
           cursorPos: {
             x: R.clientX - AA.left,
             y: R.clientY - AA.top
@@ -2289,8 +2292,8 @@ const ec = ({
                 height: o || 400,
                 margin: { bottom: 50 },
                 onHighlightChange: (R) => {
-                  const AA = R?.seriesId && uA.find((ae) => ae.id === R.seriesId), mA = AA && R?.dataIndex !== void 0, ZA = AA && R?.dataIndex === void 0;
-                  if (mA)
+                  const AA = R?.seriesId && uA.find((ie) => ie.id === R.seriesId), EA = AA && R?.dataIndex !== void 0, ZA = AA && R?.dataIndex === void 0;
+                  if (EA)
                     f({
                       hoveredSeriesId: String(R.seriesId),
                       hoveredAreaData: null,
@@ -2298,13 +2301,13 @@ const ec = ({
                       cursorPos: I
                     }), e?.(le(String(R.seriesId)).guid);
                   else if (ZA) {
-                    const ae = AA?.data.map((Tt, un) => ({
+                    const ie = AA?.data.map((Tt, un) => ({
                       x: N[un],
                       y: Tt
                     })) ?? [];
                     f({
                       hoveredSeriesId: String(R.seriesId),
-                      hoveredAreaData: ae,
+                      hoveredAreaData: ie,
                       isAreaHovered: !0,
                       cursorPos: I
                     }), A?.(le(String(R.seriesId)).guid);
@@ -2348,10 +2351,10 @@ const ec = ({
                   '& [class*="MuiLineElement-series-unstacked-"]': {
                     strokeWidth: 3
                   },
-                  ...h && iA.reduce((R, AA, mA) => {
-                    const ZA = `.MuiAreaElement-series-stacked-${mA}`;
+                  ...h && iA.reduce((R, AA, EA) => {
+                    const ZA = `.MuiAreaElement-series-stacked-${EA}`;
                     return R[ZA] = {
-                      opacity: iA[mA].guid === h ? 0.9 : 0.2
+                      opacity: iA[EA].guid === h ? 0.9 : 0.2
                     }, R;
                   }, {})
                 },
@@ -2364,7 +2367,7 @@ const ec = ({
                     data: N,
                     scaleType: "time",
                     valueFormatter: (R) => $(R, Y.MONTH_SHORT_YEAR),
-                    tickNumber: O
+                    tickNumber: x
                     // How many ticks to show on the x-axis
                   }
                 ],
@@ -2559,12 +2562,12 @@ const ec = ({
   calendarActions: A,
   color: e = "primary",
   copy: n,
-  range: r = [vA(J()), DA(Me())],
+  range: r = [mA(J()), TA(Me())],
   shouldShrinkToIcon: a = !0,
   toolTipContent: i = "",
   variant: o = "outlined"
 }) => {
-  const s = hA(), c = s.palette.mode === "dark", { isDesktop: u, isMobile: l } = KA(), [h, g] = C.useState(r), [m, f] = C.useState(n.dateRangePickerCopy.dateRangeThisMonth), [y, p] = C.useState(h), [S, I] = C.useState(!1), [L, P] = C.useState(!0), [x, O] = C.useState(6), N = [
+  const s = hA(), c = s.palette.mode === "dark", { isDesktop: u, isMobile: l } = KA(), [h, g] = C.useState(r), [m, f] = C.useState(n.dateRangePickerCopy.dateRangeThisMonth), [y, p] = C.useState(h), [S, I] = C.useState(!1), [L, P] = C.useState(!0), [O, x] = C.useState(6), N = [
     { label: "3M", value: 3 },
     { label: "6M", value: 6 },
     { label: "9M", value: 9 },
@@ -2574,19 +2577,19 @@ const ec = ({
     p(r);
   }, [r]), C.useEffect(() => {
     o === "timeframebuttons" && A.onRangeChanged(q());
-  }, [x]);
+  }, [O]);
   const q = () => {
-    const F = DA(Me());
-    return [DA(ie(F, x)), F];
+    const F = TA(Me());
+    return [TA(ne(F, O)), F];
   }, B = (F) => {
-    const aA = [...h], iA = h[0], EA = h[1], uA = F === "previous";
+    const aA = [...h], iA = h[0], vA = h[1], uA = F === "previous";
     if (m === n.dateRangePickerCopy.dateRangeThisMonth)
-      aA[0] = uA ? ie(iA, 1) : $A(iA, 1), aA[1] = DA(uA ? ie(EA, 1) : $A(EA, 1));
+      aA[0] = uA ? ne(iA, 1) : $A(iA, 1), aA[1] = TA(uA ? ne(vA, 1) : $A(vA, 1));
     else if (m === n.dateRangePickerCopy.dateRangeYTD || m === n.dateRangePickerCopy.dateRangeLastYear)
       aA[0] = uA ? Er(vr(iA), 1) : Ct(vr(iA), 1), aA[1] = uA ? Er(pr(iA), 1) : Ct(pr(iA), 1);
     else {
-      const wA = xo(EA, iA);
-      aA[0] = F === "previous" ? pe(iA, wA) : me(iA, wA), aA[1] = F === "previous" ? pe(EA, wA) : me(EA, wA);
+      const wA = xo(vA, iA);
+      aA[0] = F === "previous" ? pe(iA, wA) : me(iA, wA), aA[1] = F === "previous" ? pe(vA, wA) : me(vA, wA);
     }
     g(aA), A.onRangeChanged(aA);
   }, k = () => {
@@ -2594,7 +2597,7 @@ const ec = ({
       m === n.dateRangePickerCopy.dateRangeThisMonth || m === n.dateRangePickerCopy.dateRangeLastMonth
     ), A.onRangeChanged(y);
   }, X = (F) => {
-    O(F);
+    x(F);
   };
   return /* @__PURE__ */ d(T, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ t(
@@ -2692,7 +2695,7 @@ const ec = ({
               color: e,
               exclusive: !0,
               orientation: "horizontal",
-              value: x,
+              value: O,
               children: N?.map((F) => /* @__PURE__ */ t(
                 Nn,
                 {
@@ -2975,40 +2978,40 @@ const Fe = ({
   sx: l = {},
   title: h = ""
 }) => {
-  const [g, { height: m, width: f }] = $a(), { onEvent: y } = Z(), { isDesktop: p, isMobile: S, isTablet: I } = KA(), { displayedDateRange: L, selectedAccountGuids: P, setSelectedAccountGuids: x } = yA(), { common: O } = D(), N = () => {
+  const [g, { height: m, width: f }] = $a(), { onEvent: y } = Z(), { isDesktop: p, isMobile: S, isTablet: I } = KA(), { displayedDateRange: L, selectedAccountGuids: P, setSelectedAccountGuids: O } = yA(), { common: x } = D(), N = () => {
     c && (c(), y(j.WIDGET_BACK_CLICK));
   }, q = {
     accountFilterOptionsCopy: {
-      accountTypeAccounts: O.account_filter.account_type_accounts,
-      cancelButton: O.cancel_button,
-      filterButton: O.filter_button,
-      filterButtonAria: O.account_filter.filter_button_generic_aria,
-      selectAllAccounts: O.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: O.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: O.account_filter.unselect_all_accounts,
-      zeroStateButton: O.account_filter.zero_state_button,
-      zeroStateDescription: O.account_filter.zero_state_description,
-      zeroStateTitle: O.account_filter.zero_state_title
+      accountTypeAccounts: x.account_filter.account_type_accounts,
+      cancelButton: x.cancel_button,
+      filterButton: x.filter_button,
+      filterButtonAria: x.account_filter.filter_button_generic_aria,
+      selectAllAccounts: x.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: x.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: x.account_filter.unselect_all_accounts,
+      zeroStateButton: x.account_filter.zero_state_button,
+      zeroStateDescription: x.account_filter.zero_state_description,
+      zeroStateTitle: x.account_filter.zero_state_title
     },
-    title: O.account_filter.title
+    title: x.account_filter.title
   }, B = {
     dateRangePickerCopy: {
-      dateRangeFrom: O.date_range_picker.from,
-      dateRangeTo: O.date_range_picker.to,
-      dateRangeCustom: O.date_range_picker.custom,
-      dateRangeSelectARange: O.date_range_picker.select_range,
-      dateRangeThisMonth: O.date_range_picker.this_month,
-      dateRangeLastMonth: O.date_range_picker.last_month,
-      dateRangeLast30Days: O.date_range_picker.last_30_days,
-      dateRangeLast90Days: O.date_range_picker.last_90_days,
-      dateRangeYTD: O.date_range_picker.ytd,
-      dateRangeLastYear: O.date_range_picker.last_year,
-      dateRangeSelect: O.date_range_picker.select
+      dateRangeFrom: x.date_range_picker.from,
+      dateRangeTo: x.date_range_picker.to,
+      dateRangeCustom: x.date_range_picker.custom,
+      dateRangeSelectARange: x.date_range_picker.select_range,
+      dateRangeThisMonth: x.date_range_picker.this_month,
+      dateRangeLastMonth: x.date_range_picker.last_month,
+      dateRangeLast30Days: x.date_range_picker.last_30_days,
+      dateRangeLast90Days: x.date_range_picker.last_90_days,
+      dateRangeYTD: x.date_range_picker.ytd,
+      dateRangeLastYear: x.date_range_picker.last_year,
+      dateRangeSelect: x.date_range_picker.select
     },
-    dateRangeEditApply: O.date_range_picker.edit_apply,
-    dateRangeEditTitle: O.date_range_picker.edit_title,
-    dateRangeNextAria: O.date_range_picker.next_aria,
-    dateRangePreviousAria: O.date_range_picker.previous_aria
+    dateRangeEditApply: x.date_range_picker.edit_apply,
+    dateRangeEditTitle: x.date_range_picker.edit_title,
+    dateRangeNextAria: x.date_range_picker.next_aria,
+    dateRangePreviousAria: x.date_range_picker.previous_aria
   }, k = a ? a.start : L.start, X = a ? a.end : L.end;
   return /* @__PURE__ */ d(
     RA,
@@ -3048,7 +3051,7 @@ const Fe = ({
                   copy: q,
                   onFilterClick: (F) => {
                     const aA = A.filter((iA) => F.includes(iA.guid)).map((iA) => iA.guid);
-                    x(aA), u?.();
+                    O(aA), u?.();
                   },
                   selectedAccountGuids: P,
                   showAccountNumbers: !1,
@@ -3091,7 +3094,7 @@ const Fe = ({
               S && c && /* @__PURE__ */ t(
                 _A,
                 {
-                  "aria-label": O.back_to_dashboard,
+                  "aria-label": x.back_to_dashboard,
                   onClick: N,
                   sx: { ml: -16, mr: 16 },
                   children: /* @__PURE__ */ t(M, { name: "arrow_back" })
@@ -3205,19 +3208,19 @@ const Mr = "connect_widget", Rr = "connections_widget", Sc = ({
   ...h
 }) => {
   const [g, m] = C.useState(""), { common: f } = D(), y = a || f.currency_input, p = OA(), S = bc(p), I = /^[0-9]*$/, L = /^(\d)*(\,)?([0-9]{1,2})?$/, P = /^(\d)*(\.)?([0-9]{1,2})?$/;
-  let x;
-  const O = C.useRef(Ro());
+  let O;
+  const x = C.useRef(Ro());
   if (A)
     switch (Ns()) {
       case zt.CAD:
-        x = L;
+        O = L;
         break;
       default:
-        x = P;
+        O = P;
         break;
     }
   else
-    x = I;
+    O = I;
   C.useEffect(() => {
     N(n);
   }, [n]);
@@ -3232,7 +3235,7 @@ const Mr = "connect_widget", Rr = "connections_widget", Sc = ({
         y.error_amount_must_be_less_than_or_equal_to,
         Q(Sr, A ? "0,0.00" : "0,0", Math.floor)
       )
-    ), l?.(!1)) : q.toString().match(x) ? i() ? (m(""), l?.(!0)) : (m(o), l?.(!1)) : (m(y.error_amount_is_invalid), l?.(!1)), u(q.toString());
+    ), l?.(!1)) : q.toString().match(O) ? i() ? (m(""), l?.(!0)) : (m(o), l?.(!1)) : (m(y.error_amount_is_invalid), l?.(!1)), u(q.toString());
   };
   return /* @__PURE__ */ t(
     Ne,
@@ -3251,7 +3254,7 @@ const Mr = "connect_widget", Rr = "connections_widget", Sc = ({
         pattern: "[0-9]*"
       },
       label: s,
-      name: `currency-input-${O.current}`,
+      name: `currency-input-${x.current}`,
       onChange: (q) => N(q.target.value),
       value: n,
       ...h
@@ -3261,7 +3264,7 @@ const Mr = "connect_widget", Rr = "connections_widget", Sc = ({
   "& .MuiInputBase-adornedStart > .p": {
     marginRight: A.Spacing.Tiny
   }
-}), re = ({ label: A = "", size: e = 32 }) => {
+}), ae = ({ label: A = "", size: e = 32 }) => {
   const n = OA();
   return /* @__PURE__ */ d(w, { alignItems: "center", gap: n.Spacing.XLarge, height: 450, justifyContent: "center", children: [
     /* @__PURE__ */ t(Mn, { size: e }),
@@ -3594,7 +3597,7 @@ class Nc {
   api = new zr("/", "");
   categoryApi = new Bt("/", "");
   globalStore;
-  dateRange = { start: vA(J()), end: DA(J()) };
+  dateRange = { start: mA(J()), end: TA(J()) };
   budgets = [];
   categoryTotals = [];
   theme = {};
@@ -3712,10 +3715,10 @@ const tt = () => {
     f && h(f), m(y);
   }, [f, y]);
   const p = C.useMemo(
-    () => r.filter((P) => i.includes(P.guid)).reduce((P, x) => P + (x?.balance || 0), 0),
+    () => r.filter((P) => i.includes(P.guid)).reduce((P, O) => P + (O?.balance || 0), 0),
     [i, y]
   ), S = C.useMemo(
-    () => u.filter((P) => i.includes(P.accountGuid || "")).reduce((P, x) => P + x.amount, 0),
+    () => u.filter((P) => i.includes(P.accountGuid || "")).reduce((P, O) => P + O.amount, 0),
     [i, u]
   ), I = C.useMemo(
     () => p - S,
@@ -4280,7 +4283,7 @@ const _c = [
 }, Xc = (A, e, n) => {
   const {
     accounts: r = [],
-    dateRange: a = { start: vA(J()), end: Me() },
+    dateRange: a = { start: mA(J()), end: Me() },
     custom: i = () => !0,
     searchTerm: o = ""
   } = A;
@@ -4291,7 +4294,7 @@ const _c = [
       return !0;
     const u = s.tags.some(
       (h) => Ae(o, e.find((g) => g.guid === h)?.name)
-    ), l = TA(s.date);
+    ), l = IA(s.date);
     return Ae(o, s.payee) || Ae(o, s.feed_description) || Ae(o, s.category) || Ae(o, $(l, Y.MONTH)) || Ae(o, $(l, Y.DAY)) || Ae(o, $(l, Y.FULL_MONTH_DAY)) || Ae(o, $(l, Y.MONTH_DAY_YEAR)) || Ae(o, kA(l, ys)) || Ae(o, s.account) || Ae(o, `${s.amount}`) || Ae(o, s.memo) || u;
   });
 }, Qc = (A, e, n) => [...A].sort((r, a) => {
@@ -4333,8 +4336,8 @@ const ei = {
   tags: []
 };
 let Yc = class {
-  beginDate = vA(/* @__PURE__ */ new Date());
-  endDate = DA(/* @__PURE__ */ new Date());
+  beginDate = mA(/* @__PURE__ */ new Date());
+  endDate = TA(/* @__PURE__ */ new Date());
   expandedSplits = [];
   isInitialized = !1;
   height = 550;
@@ -4391,7 +4394,7 @@ class Vc {
   }
   initialize = async (e, n) => {
     this.api = new Br(e, n), this.beatApi = new Ze(e, n), Promise.all([
-      this.loadAssociatedBeats(vA(/* @__PURE__ */ new Date())),
+      this.loadAssociatedBeats(mA(/* @__PURE__ */ new Date())),
       this.loadTags(),
       this.loadTaggings(),
       this.loadTransactionRules(),
@@ -4479,7 +4482,7 @@ class Vc {
   loadTransactionsByDateRange = async (e, n) => {
     console.warn("DEPRECATED: loadTransactionsByDateRange will be removed"), this.setFilter({
       ...this.filter,
-      dateRange: { start: TA(n), end: TA(e) }
+      dateRange: { start: IA(n), end: IA(e) }
     });
   };
   removeTag = async (e) => {
@@ -4621,10 +4624,10 @@ const JA = () => {
     e && /* @__PURE__ */ t(E, { color: "secondary", variant: "XSmall", children: r.zero_state_there_are_no_transactions })
   ] });
 }, $c = b(Zc), Kr = (A, e) => {
-  const n = TA(e[A].date), r = TA(e[A - 1]?.date);
+  const n = IA(e[A].date), r = IA(e[A - 1]?.date);
   return !jA(n, r);
 }, Al = (A, e) => {
-  const n = TA(e[A].date), r = TA(e[A + 1]?.date);
+  const n = IA(e[A].date), r = IA(e[A + 1]?.date);
   return jA(n, r);
 }, Ar = (A) => {
   const e = mt(A);
@@ -4652,12 +4655,12 @@ const JA = () => {
   const e = ti(A);
   return _e(e, 1);
 }, rl = (A) => Ct(A, 1), gt = (A) => {
-  const e = TA(A);
+  const e = IA(A);
   return new Date(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate());
-}, rn = (A) => $(TA(A), Y.DAY_OF_WEEK_MONTH_DAY), Gr = 65, Xr = 34, al = ({
+}, rn = (A) => $(IA(A), Y.DAY_OF_WEEK_MONTH_DAY), Gr = 65, Xr = 34, al = ({
   bgcolor: A,
   height: e = "calc(100dvh - 36px)",
-  loader: n = /* @__PURE__ */ t(re, { label: "Loading", size: 40 }),
+  loader: n = /* @__PURE__ */ t(ae, { label: "Loading", size: 40 }),
   onClick: r,
   showInsights: a = !1,
   showLoader: i = !1,
@@ -4746,7 +4749,7 @@ const JA = () => {
       ]
     }
   );
-}, cl = b(sl), ll = (A) => /* @__PURE__ */ t(E, { tabIndex: A.tabIndex, variant: "Small", children: $(TA(A.row.date), Y.MONTH_DAY) }), dl = (A) => {
+}, cl = b(sl), ll = (A) => /* @__PURE__ */ t(E, { tabIndex: A.tabIndex, variant: "Small", children: $(IA(A.row.date), Y.MONTH_DAY) }), dl = (A) => {
   const e = qA(), { transactions: n } = D(), { is_flagged: r, is_hidden: a, has_been_viewed: i, parent_guid: o } = A.row, c = !i && !!!o;
   return /* @__PURE__ */ d(
     T,
@@ -4869,7 +4872,7 @@ const JA = () => {
   if (!C.useContext(et))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return MA().uiStore;
-}, ne = {
+}, re = {
   ON_CATEGORY_EXPANDED: "onCategoryExpanded",
   ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
   ON_CATEGORY_SELECTED: "onCategorySelected",
@@ -4936,11 +4939,11 @@ const fl = ({
   );
 }, er = b(fl), ml = ({ parentCategory: A }) => {
   const [e, n] = C.useState(!1), { addCategory: r } = MA(), { categories: a } = D(), { onEvent: i } = Z(), { setShouldDisableDrawerScroll: o } = je(), s = async (l) => {
-    await r(l.trim(), A.guid), i(ne.ON_SUBCATEGORY_ADDED), n(!1);
+    await r(l.trim(), A.guid), i(re.ON_SUBCATEGORY_ADDED), n(!1);
   }, c = async () => {
-    i(ne.ON_SUBCATEGORY_ADD_CLICK), o(!0), n(!0);
+    i(re.ON_SUBCATEGORY_ADD_CLICK), o(!0), n(!0);
   }, u = () => {
-    n(!1), i(ne.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
+    n(!1), i(re.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
   };
   return /* @__PURE__ */ d(V, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ t(lA, { onClick: c, sx: { ml: 60 }, children: /* @__PURE__ */ t(
@@ -4966,9 +4969,9 @@ const fl = ({
   showRename: n
 }) => {
   const { updateCategory: r } = MA(), { onEvent: a } = Z(), i = async (s) => {
-    await r({ ...e, name: s }), a(ne.ON_SUBCATEGORY_SAVED), A(!1);
+    await r({ ...e, name: s }), a(re.ON_SUBCATEGORY_SAVED), A(!1);
   }, o = () => {
-    A(!1), a(ne.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
+    A(!1), a(re.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
   };
   return /* @__PURE__ */ t(
     er,
@@ -4987,9 +4990,9 @@ const fl = ({
   subCategory: r
 }) => {
   const { onEvent: a } = Z(), { removeCategory: i } = MA(), o = () => {
-    n(!1), a(ne.ON_SUBCATEGORY_DELETE_CLICK);
+    n(!1), a(re.ON_SUBCATEGORY_DELETE_CLICK);
   }, s = async () => {
-    a(ne.ON_SUBCATEGORY_DELETED), await i(r.guid), n(!1);
+    a(re.ON_SUBCATEGORY_DELETED), await i(r.guid), n(!1);
   };
   return /* @__PURE__ */ t(
     er,
@@ -5025,7 +5028,7 @@ const fl = ({
             "aria-pressed": p,
             color: "secondary",
             onClick: () => {
-              S && (a(e.guid), n(e.guid), l(ne.ON_CATEGORY_SELECTED));
+              S && (a(e.guid), n(e.guid), l(re.ON_CATEGORY_SELECTED));
             },
             sx: { height: 44 },
             children: [
@@ -5047,7 +5050,7 @@ const fl = ({
             {
               "aria-label": _(u.edit_subcategory_aria, e.name),
               onClick: () => {
-                g(!0), i(!0), l(ne.ON_SUBCATEGORY_EDIT_CLICK);
+                g(!0), i(!0), l(re.ON_SUBCATEGORY_EDIT_CLICK);
               },
               children: /* @__PURE__ */ t(ts, { color: "secondary" })
             }
@@ -5058,7 +5061,7 @@ const fl = ({
               "aria-label": _(u.delete_subcategory_aria, e.name),
               edge: "end",
               onClick: () => {
-                f(!0), i(!0), l(ne.ON_SUBCATEGORY_DELETE_CLICK);
+                f(!0), i(!0), l(re.ON_SUBCATEGORY_DELETE_CLICK);
               },
               children: /* @__PURE__ */ t(pt, { color: "secondary" })
             }
@@ -5113,7 +5116,7 @@ const fl = ({
 }, Tl = b(bl), Il = ({ category: A, subCategories: e }) => {
   const { expandedGuid: n, searchValue: r, setExpandedGuid: a } = je(), { onEvent: i } = Z(), o = A.guid === n, s = () => {
     const c = A.guid !== n ? A.guid : null;
-    a(c), i(c ? ne.ON_CATEGORY_EXPANDED : ne.ON_CATEGORY_COLLAPSED);
+    a(c), i(c ? re.ON_CATEGORY_EXPANDED : re.ON_CATEGORY_COLLAPSED);
   };
   return /* @__PURE__ */ d(C.Fragment, { children: [
     /* @__PURE__ */ t(V, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ d(
@@ -5270,7 +5273,7 @@ const fl = ({
 }, jr = (A) => {
   const e = [], n = J();
   for (let r = 0; r < Qr; r++) {
-    const a = vA(ie(n, Qr - r)), o = A.filter(
+    const a = mA(ne(n, Qr - r)), o = A.filter(
       (s) => s.year_month === Number(kA(a, "yyyyMM"))
     ).reduce((s, c) => s + c.total, 0);
     e.push({
@@ -5371,7 +5374,7 @@ class Bl {
     }
   };
   loadMonthlyCategoryTotals = async (e = this.globalStore.accountStore.accounts, n, r) => {
-    const a = fA(vA(n ?? ie(/* @__PURE__ */ new Date(), 11))), i = fA(DA(r ?? /* @__PURE__ */ new Date()));
+    const a = fA(mA(n ?? ne(/* @__PURE__ */ new Date(), 11))), i = fA(TA(r ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(a, i, e);
       U(() => {
@@ -5508,7 +5511,7 @@ const ri = ({ transaction: A }) => {
             {
               primary: o.date_title,
               primaryTypographyProps: { variant: "XSmall" },
-              secondary: /* @__PURE__ */ t(E, { bold: !0, variant: "Body", children: $(TA(A.date), Y.YEAR_MONTH_DAY) })
+              secondary: /* @__PURE__ */ t(E, { bold: !0, variant: "Body", children: $(IA(A.date), Y.YEAR_MONTH_DAY) })
             }
           ),
           /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(M, { name: "chevron_right", weight: GA.Dark }) })
@@ -5528,7 +5531,7 @@ const ri = ({ transaction: A }) => {
         children: /* @__PURE__ */ t(w, { alignItems: "center", mt: e.Spacing.XXLarge, children: /* @__PURE__ */ t(
           ec,
           {
-            beginDate: TA(u),
+            beginDate: IA(u),
             copy: {
               nextAria: o.date_next_aria,
               prevAria: o.date_prev_aria,
@@ -5970,9 +5973,9 @@ const ri = ({ transaction: A }) => {
     y([{ ...c }, { ...u }]), e(j.TRANSACTION_DETAILS_CLICK_SPLIT, {
       transaction_guid: A.guid
     }), h(!0);
-  }, x = async () => {
-    e(z.ON_TRANSACTION_SPLIT_SAVE_CLICK), await n({ ...A, has_been_split: !0 }, f), h(!1);
   }, O = async () => {
+    e(z.ON_TRANSACTION_SPLIT_SAVE_CLICK), await n({ ...A, has_been_split: !0 }, f), h(!1);
+  }, x = async () => {
     e(z.ON_TRANSACTION_SPLIT_CANCEL_CLICK), y([{ ...c }, { ...u }]), h(!1);
   }, N = async () => {
     e(j.TRANSACTION_DETAILS_CLICK_UNSPLIT, {
@@ -6002,8 +6005,8 @@ const ri = ({ transaction: A }) => {
         ariaLabelClose: a.close_aria,
         isOpen: l,
         isPrimaryDisabled: q,
-        onClose: O,
-        onPrimaryAction: x,
+        onClose: x,
+        onPrimaryAction: O,
         primaryText: a.save_button,
         secondaryText: a.cancel_button,
         title: i.split_transaction_title,
@@ -6465,7 +6468,7 @@ const ri = ({ transaction: A }) => {
   a.href = `data:attachment/csv;charset=utf-8,${r}`, a.download = "transactions.csv", document.body.appendChild(a), a.click(), document.body.removeChild(a);
 }, Cd = (A, e) => A.map((n) => ({
   // TODO: Data format should be localized
-  Date: kA(TA(n.date), "MM/dd/yy"),
+  Date: kA(IA(n.date), "MM/dd/yy"),
   Description: md(n),
   "Original Description": n.feed_description,
   Amount: `${n.amount}`,
@@ -6642,22 +6645,22 @@ const ri = ({ transaction: A }) => {
     tags: S,
     transactions: I,
     updateTransaction: L
-  } = dA(), { common: P, transactions: x } = D(), { userProfile: O } = en(), { onEvent: N } = Z(), {
+  } = dA(), { common: P, transactions: O } = D(), { userProfile: x } = en(), { onEvent: N } = Z(), {
     displayedDateRange: q,
     isInitialized: B,
     selectedAccountGuids: k,
     selectedAccounts: X,
     setDisplayedDate: F,
     setSelectedAccounts: aA
-  } = yA(), [iA, EA] = C.useState(""), [uA, wA] = C.useState(""), [le, de] = C.useState(!1), [ze, R] = C.useState(!1), [AA, mA] = C.useState(!1);
+  } = yA(), [iA, vA] = C.useState(""), [uA, wA] = C.useState(""), [le, de] = C.useState(!1), [ze, R] = C.useState(!1), [AA, EA] = C.useState(!1);
   C.useEffect(() => {
     aA(a);
   }, [a]), C.useEffect(() => {
-    const IA = vA(J()), hr = DA(J());
-    F(IA, hr), p({
-      dateRange: { start: IA, end: hr },
+    const DA = mA(J()), hr = TA(J());
+    F(DA, hr), p({
+      dateRange: { start: DA, end: hr },
       accounts: X.map((Ui) => Ui.guid)
-    }), mA(!0), N(j.TRANSACTIONS_VIEW);
+    }), EA(!0), N(j.TRANSACTIONS_VIEW);
   }, []), C.useEffect(() => {
     AA && (p({
       ...f,
@@ -6668,46 +6671,46 @@ const ri = ({ transaction: A }) => {
     h(n);
   }, [n]);
   const ZA = C.useMemo(
-    () => a.filter((IA) => IA.is_manual),
+    () => a.filter((DA) => DA.is_manual),
     [a]
-  ), ae = uA ? I.find((IA) => IA.guid === uA) : void 0, Tt = c && !!s.payee && !!s.account_guid && !!s.category_guid, un = (IA) => {
-    F(IA[0], IA[1]);
-  }, ki = (IA) => {
-    l(IA), p({
+  ), ie = uA ? I.find((DA) => DA.guid === uA) : void 0, Tt = c && !!s.payee && !!s.account_guid && !!s.category_guid, un = (DA) => {
+    F(DA[0], DA[1]);
+  }, ki = (DA) => {
+    l(DA), p({
       ...f,
-      searchTerm: IA
-    }), N(j.TRANSACTIONS_CLICK_SEARCH, { search_term: IA });
+      searchTerm: DA
+    }), N(j.TRANSACTIONS_CLICK_SEARCH, { search_term: DA });
   }, Gi = () => {
     gd(I, S), N(j.TRANSACTIONS_CLICK_EXPORT);
   }, Xi = () => {
     ZA.length > 0 ? (g({
       ...ei,
       date: fA(J()),
-      user_guid: O?.user_guid || ""
-    }), EA(
+      user_guid: x?.user_guid || ""
+    }), vA(
       "addTransaction"
       /* AddTransaction */
     ), N(j.TRANSACTIONS_CLICK_ADD)) : (de(!0), N(j.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Qi = async () => {
-    Tt && await m(s), EA("");
+    Tt && await m(s), vA("");
   }, Fi = () => {
     de(!1), R(!0);
   }, ji = () => {
     R(!1), i();
   };
-  return !B || !AA ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ d(
+  return !B || !AA ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ d(
     Se,
     {
       accountOptions: a,
       actions: [
         {
           iconName: "open_in_new",
-          label: x.export_csv_btn,
+          label: O.export_csv_btn,
           onClick: Gi
         },
         {
           iconName: "add",
-          label: x.add_transaction_btn,
+          label: O.add_transaction_btn,
           onClick: Xi
         }
       ],
@@ -6717,13 +6720,13 @@ const ri = ({ transaction: A }) => {
       onAccountsFilterClick: () => N(j.ACCOUNTS_CLICK_FILTER),
       onBackClick: A,
       sx: r,
-      title: x.transactions_title,
+      title: O.transactions_title,
       children: [
         /* @__PURE__ */ t(T, { mt: 16, children: /* @__PURE__ */ t(
           nn,
           {
             onChange: ki,
-            placeholder: x.action_bar_search_placeholder,
+            placeholder: O.action_bar_search_placeholder,
             searchValue: u
           }
         ) }),
@@ -6738,17 +6741,17 @@ const ri = ({ transaction: A }) => {
               Cl,
               {
                 height: `calc(${e} - ${Ur}px)`,
-                onCategoryClick: (IA) => {
-                  wA(IA), EA(
+                onCategoryClick: (DA) => {
+                  wA(DA), vA(
                     "category"
                     /* Category */
                   );
                 },
-                onRowClick: (IA) => {
-                  wA(IA), EA(
+                onRowClick: (DA) => {
+                  wA(DA), vA(
                     "transaction"
                     /* Transaction */
-                  ), N(j.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: IA });
+                  ), N(j.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: DA });
                 }
               }
             )
@@ -6765,8 +6768,8 @@ const ri = ({ transaction: A }) => {
               nt,
               {
                 height: `calc(${e} - ${Ur}px)`,
-                onClick: (IA) => {
-                  wA(IA), EA(
+                onClick: (DA) => {
+                  wA(DA), vA(
                     "transaction"
                     /* Transaction */
                   );
@@ -6782,19 +6785,19 @@ const ri = ({ transaction: A }) => {
             ariaLabelClose: P.close_aria,
             isOpen: iA === "transaction",
             onClose: () => {
-              ae && !ae.has_been_viewed && L({ ...ae, has_been_viewed: !0 }), EA("");
+              ie && !ie.has_been_viewed && L({ ...ie, has_been_viewed: !0 }), vA("");
             },
-            title: x.details_title,
-            children: ae && /* @__PURE__ */ t(Lt, { transaction: ae })
+            title: O.details_title,
+            children: ie && /* @__PURE__ */ t(Lt, { transaction: ie })
           }
         ),
-        ae && iA === "category" && /* @__PURE__ */ t(
+        ie && iA === "category" && /* @__PURE__ */ t(
           wd,
           {
             onClose: () => {
-              EA(""), wA("");
+              vA(""), wA("");
             },
-            transaction: ae
+            transaction: ie
           }
         ),
         /* @__PURE__ */ t(
@@ -6803,16 +6806,16 @@ const ri = ({ transaction: A }) => {
             ariaLabelClose: P.close_aria,
             isOpen: iA === "addTransaction",
             isPrimaryDisabled: !Tt,
-            onClose: () => EA(""),
+            onClose: () => vA(""),
             onPrimaryAction: Qi,
-            title: x.add_transaction_title,
+            title: O.add_transaction_title,
             children: /* @__PURE__ */ t(Ed, {})
           }
         ),
         /* @__PURE__ */ t(
           hd,
           {
-            copy: { title: x.add_manual_account },
+            copy: { title: O.add_manual_account },
             isOpen: le,
             onClose: () => {
               de(!1);
@@ -6825,7 +6828,7 @@ const ri = ({ transaction: A }) => {
           {
             onClose: ji,
             showConnectWidget: ze,
-            title: x.add_manual_account
+            title: O.add_manual_account
           }
         )
       ]
@@ -6977,25 +6980,25 @@ const ri = ({ transaction: A }) => {
     )
   ] });
 }, Id = b(Td), Dd = ({ activity: A, onDeleted: e }) => {
-  const { recurring: n } = D(), { categories: r } = MA(), { deleteCashflowSequence: a, deleteScheduledPayment: i, paidActivities: o } = HA(), { filter: s, setFilter: c, transactions: u } = dA(), { selectedAccountGuids: l } = yA(), { onEvent: h } = Z(), [g, m] = C.useState(!1), [f, y] = C.useState(""), p = r.find((x) => x.guid === A.categoryGuid), S = A.activityType === LA.Income, I = C.useMemo(
-    () => u.find((x) => x.guid === f),
+  const { recurring: n } = D(), { categories: r } = MA(), { deleteCashflowSequence: a, deleteScheduledPayment: i, paidActivities: o } = HA(), { filter: s, setFilter: c, transactions: u } = dA(), { selectedAccountGuids: l } = yA(), { onEvent: h } = Z(), [g, m] = C.useState(!1), [f, y] = C.useState(""), p = r.find((O) => O.guid === A.categoryGuid), S = A.activityType === LA.Income, I = C.useMemo(
+    () => u.find((O) => O.guid === f),
     [f]
   );
   C.useEffect(() => {
     c({
       accounts: l,
-      dateRange: { start: pe(J(), 90), end: DA(J()) }
+      dateRange: { start: pe(J(), 90), end: TA(J()) }
     });
   }, []), C.useEffect(() => {
     if (S && A.sequenceGuid) {
-      const x = o.filter((O) => O.sequenceGuid === A.sequenceGuid).map((O) => O.transactionGuid);
+      const O = o.filter((x) => x.sequenceGuid === A.sequenceGuid).map((x) => x.transactionGuid);
       c({
         ...s,
-        custom: (O) => !!x.find((N) => O.guid === N)
+        custom: (x) => !!O.find((N) => x.guid === N)
       });
     } else !S && A.scheduledPaymentGuid && c({
       ...s,
-      custom: (x) => x.scheduled_payment_guid === A.scheduledPaymentGuid
+      custom: (O) => O.scheduled_payment_guid === A.scheduledPaymentGuid
     });
   }, [A]);
   const L = async () => {
@@ -7333,11 +7336,11 @@ const ri = ({ transaction: A }) => {
     { id: K.EveryYear, label: s.frequency_every_year }
   ];
   C.useEffect(() => {
-    const l = TA(o.date);
+    const l = IA(o.date);
     i(kr(l)), a(K.EveryMonth);
   }, [o]);
   const u = (l) => {
-    const h = TA(o.date);
+    const h = IA(o.date);
     switch (Number(l.target.value)) {
       case K.EveryWeek:
         i(Ar(h));
@@ -7403,27 +7406,27 @@ const ri = ({ transaction: A }) => {
   onAddActivity: n = () => null
 }) => {
   const { recurring: r } = D(), { addCashflowEvent: a, addCashflowSequence: i, addScheduledPayment: o } = HA(), { filter: s, setFilter: c, transactions: u } = dA(), [l, h] = C.useState(!1), [g, m] = C.useState(""), [f, y] = C.useState(K.EveryMonth), [p, S] = C.useState(null), I = C.useMemo(
-    () => u.find((O) => O.guid === g),
+    () => u.find((x) => x.guid === g),
     [g]
   ), L = () => {
     h(!0), c(A ? { ...s, custom: vt } : { ...s, custom: Dn });
   }, P = async () => {
     if (n(), !I || !p) {
-      x();
+      O();
       return;
     }
     if (A) {
-      const O = di(I, f, p), N = await i(O);
+      const x = di(I, f, p), N = await i(x);
       if (N) {
         const q = ui(N, I);
         await a(q);
       }
     } else {
-      const O = Md(I, f, p);
-      await o(O, I);
+      const x = Md(I, f, p);
+      await o(x, I);
     }
-    x();
-  }, x = () => {
+    O();
+  }, O = () => {
     m(""), h(!1);
   };
   return /* @__PURE__ */ d(T, { children: [
@@ -7446,13 +7449,13 @@ const ri = ({ transaction: A }) => {
           hi,
           {
             description: A ? r.add_income_description : r.add_expense_description,
-            onSearch: (O) => {
+            onSearch: (x) => {
               c({
                 ...s,
-                custom: (N) => A ? O ? Ci(N, O) : vt(N) : O ? zd(N, O) : Dn(N)
+                custom: (N) => A ? x ? Ci(N, x) : vt(N) : x ? zd(N, x) : Dn(N)
               });
             },
-            onSelected: (O) => m(O)
+            onSelected: (x) => m(x)
           }
         )
       }
@@ -7537,8 +7540,8 @@ const ri = ({ transaction: A }) => {
       transactionGuid: l.transaction_guid
     };
   }), s = r.filter(
-    (l) => Je(TA(l.expected_date), {
-      start: vA(J()),
+    (l) => Je(IA(l.expected_date), {
+      start: mA(J()),
       end: me(J(), 30)
     })
   ).filter((l) => {
@@ -7588,7 +7591,7 @@ const ri = ({ transaction: A }) => {
     recurrenceDay: e.recurrence_day,
     scheduledPaymentGuid: e.guid,
     transactionGuid: ""
-  }, c = e.recurrence_day, u = J(), l = vA(J()), h = me(J(), 30);
+  }, c = e.recurrence_day, u = J(), l = mA(J()), h = me(J(), 30);
   let g = l;
   switch (e.recurrence_type) {
     case K.EveryWeek:
@@ -7671,7 +7674,7 @@ const ri = ({ transaction: A }) => {
     const f = n.find(
       (y) => y.scheduled_payment_guid === m.scheduledPaymentGuid && y.date > fA(pe(m.expectedDate, 3)) && y.date < fA(me(m.expectedDate, 3))
     );
-    f ? (m.transactionGuid = f.guid, m.occurredOnDate = TA(f.date), m.activityStatus = SA.Paid) : pA(m.expectedDate, pe(u, 3)) && (m.activityStatus = SA.Missed);
+    f ? (m.transactionGuid = f.guid, m.occurredOnDate = IA(f.date), m.activityStatus = SA.Paid) : pA(m.expectedDate, pe(u, 3)) && (m.activityStatus = SA.Missed);
   }), r;
 }, Xd = (A, e, n, r, a) => r.map((i) => {
   const o = e.find((h) => h.cashflow_sequence_guid === i.guid), s = n.find((h) => h.cashflow_sequence_guid === i.guid), c = a.find((h) => h.guid === o?.transaction_guid), u = A.find((h) => h.guid === c?.account_guid);
@@ -7735,16 +7738,16 @@ const ri = ({ transaction: A }) => {
     A === 1 && /* @__PURE__ */ t(mi, {})
   ] });
 }, pi = b(Fd), it = (A, e) => A + e.amount, Cn = (A) => A.activityType === LA.Income && Je(A.expectedDate, {
-  start: vA(J()),
-  end: DA(J())
+  start: mA(J()),
+  end: TA(J())
 }), xt = (A) => A.activityType === LA.Expense && Je(A.expectedDate, {
-  start: vA(J()),
-  end: DA(J())
+  start: mA(J()),
+  end: TA(J())
 }), fn = (A) => A.occurredOnDate && Je(A.occurredOnDate, {
-  start: vA(/* @__PURE__ */ new Date()),
+  start: mA(/* @__PURE__ */ new Date()),
   end: me(J(), 30)
 }) || Je(A.expectedDate, {
-  start: vA(/* @__PURE__ */ new Date()),
+  start: mA(/* @__PURE__ */ new Date()),
   end: me(J(), 30)
 }), jd = ({ day: A, outsideCurrentMonth: e, ...n }) => {
   const { recurring: r } = D(), { selectedAccountGuids: a } = yA(), { activities: i, setSelectedDay: o } = HA(), c = C.useMemo(
@@ -7829,8 +7832,8 @@ const ri = ({ transaction: A }) => {
   }, o = /* @__PURE__ */ t(
     Bn,
     {
-      maxDate: DA($A(/* @__PURE__ */ new Date(), 1)),
-      minDate: vA(/* @__PURE__ */ new Date()),
+      maxDate: TA($A(/* @__PURE__ */ new Date(), 1)),
+      minDate: mA(/* @__PURE__ */ new Date()),
       onMonthChange: i,
       showDaysOutsideCurrentMonth: !0,
       slots: {
@@ -7979,7 +7982,7 @@ const ri = ({ transaction: A }) => {
     selectedDayActivities: o,
     setSelectedDay: s,
     upcomingActivities: c
-  } = HA(), [u, l] = C.useState(0), { onEvent: h } = Z(), g = n.filter(fn), m = a.filter(fn), f = r.filter(fn), y = g.filter(xt).reduce(it, 0), p = m.filter(xt).reduce(it, 0), S = f.filter(xt).reduce(it, 0), I = g.filter(xt).length, L = g.filter(Cn).reduce(it, 0), P = m.filter(Cn).reduce(it, 0), x = g.filter(Cn).length, O = (B, k) => {
+  } = HA(), [u, l] = C.useState(0), { onEvent: h } = Z(), g = n.filter(fn), m = a.filter(fn), f = r.filter(fn), y = g.filter(xt).reduce(it, 0), p = m.filter(xt).reduce(it, 0), S = f.filter(xt).reduce(it, 0), I = g.filter(xt).length, L = g.filter(Cn).reduce(it, 0), P = m.filter(Cn).reduce(it, 0), O = g.filter(Cn).length, x = (B, k) => {
     l(k);
   }, N = (B) => {
     h(j.RECURRING_ACTIVITY_CLICK_UPCOMING, {
@@ -8008,7 +8011,7 @@ const ri = ({ transaction: A }) => {
           expected: L,
           paid: P,
           title: A.deposits,
-          total: x
+          total: O
         }
       ),
       !e && /* @__PURE__ */ t(
@@ -8020,7 +8023,7 @@ const ri = ({ transaction: A }) => {
         }
       ),
       e && /* @__PURE__ */ d(T, { children: [
-        /* @__PURE__ */ d(Xe, { onChange: O, value: u, variant: "fullWidth", children: [
+        /* @__PURE__ */ d(Xe, { onChange: x, value: u, variant: "fullWidth", children: [
           /* @__PURE__ */ t(
             WA,
             {
@@ -8274,7 +8277,7 @@ class iu {
   loadExpectedEvents = async () => {
     try {
       const e = await this.cashflowApi.getProjectedCashflowEvents(
-        vA(J()),
+        mA(J()),
         me(J(), 30)
       );
       U(() => {
@@ -8290,7 +8293,7 @@ class iu {
     try {
       const e = await this.cashflowApi.getCashflowEventsByDateRange(
         pe(J(), 90),
-        DA(J())
+        TA(J())
       );
       U(() => {
         this.cashflowEvents = e.filter(
@@ -9126,15 +9129,15 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
     transform: rotate(360deg);
   }
 `, Mu = () => {
-  const { addCashflowEvent: A, addCashflowSequence: e, cashflowSequences: n } = HA(), { cashflow: r, common: a } = D(), { completeOnboarding: i } = Wn(), { isDirty: o } = tt(), { isMobile: s } = KA(), { setDisplayedDate: c } = yA(), { filter: u, setFilter: l, transactions: h } = dA(), g = hA(), [m, f] = ue(!0), [y, p] = C.useState(K.EveryMonth), [S, I] = ue(!1), [L, P] = C.useState(null), [x, O] = ue(1), [N, q] = ue([]), [B, k] = ue(""), X = C.useMemo(
+  const { addCashflowEvent: A, addCashflowSequence: e, cashflowSequences: n } = HA(), { cashflow: r, common: a } = D(), { completeOnboarding: i } = Wn(), { isDirty: o } = tt(), { isMobile: s } = KA(), { setDisplayedDate: c } = yA(), { filter: u, setFilter: l, transactions: h } = dA(), g = hA(), [m, f] = ue(!0), [y, p] = C.useState(K.EveryMonth), [S, I] = ue(!1), [L, P] = C.useState(null), [O, x] = ue(1), [N, q] = ue([]), [B, k] = ue(""), X = C.useMemo(
     () => h.find((uA) => uA.guid === B),
     [B]
   ), F = !!n.length, aA = async () => {
-    O(2), c(
+    x(2), c(
       //  Beginning of the month, 90 days before today
-      vA(pe(J(), 90)),
+      mA(pe(J(), 90)),
       J()
-    ), l({ ...u, custom: vt }), O(3);
+    ), l({ ...u, custom: vt }), x(3);
   }, iA = async () => {
     if (!(N.length < 1)) {
       I(!0);
@@ -9151,7 +9154,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
       }
       i();
     }
-  }, EA = !X && m || !X && N.length < 1;
+  }, vA = !X && m || !X && N.length < 1;
   return /* @__PURE__ */ d(
     T,
     {
@@ -9166,7 +9169,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
         py: 24
       },
       children: [
-        x === 1 && /* @__PURE__ */ t(
+        O === 1 && /* @__PURE__ */ t(
           T,
           {
             sx: {
@@ -9175,7 +9178,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
             children: /* @__PURE__ */ t(Iu, { handleNextStep: aA })
           }
         ),
-        x === 2 && /* @__PURE__ */ t(
+        O === 2 && /* @__PURE__ */ t(
           T,
           {
             sx: {
@@ -9184,7 +9187,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
             children: /* @__PURE__ */ t(Ou, {})
           }
         ),
-        x === 3 && /* @__PURE__ */ d(
+        O === 3 && /* @__PURE__ */ d(
           T,
           {
             sx: {
@@ -9213,7 +9216,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
                   )
                 ] })
               ] }),
-              EA && /* @__PURE__ */ t(
+              vA && /* @__PURE__ */ t(
                 hi,
                 {
                   bgcolor: "background.paper",
@@ -9396,7 +9399,7 @@ let zu = class {
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => pA(e.expectedDate, this.nextIncome?.expectedDate || DA(/* @__PURE__ */ new Date()))
+      (e) => pA(e.expectedDate, this.nextIncome?.expectedDate || TA(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -9441,8 +9444,8 @@ class qu {
   selectedAccountGuids = this.selectedAccounts.map((e) => e.guid);
   displayedDate = /* @__PURE__ */ new Date();
   displayedDateRange = {
-    start: vA(this.displayedDate),
-    end: DA(this.displayedDate)
+    start: mA(this.displayedDate),
+    end: TA(this.displayedDate)
   };
   constructor(e) {
     bA(this), this.globalStore = e;
@@ -9505,7 +9508,7 @@ const Ku = /^[ a-zA-ZÀ-ÿ0-9]+$/, ku = 50, ta = 65, Gu = ({
     ),
     /* @__PURE__ */ t(he, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(sA, { children: /* @__PURE__ */ d(T, { height: A, overflow: "auto", ref: l, children: [
       /* @__PURE__ */ d(T, { height: h.getTotalSize(), position: "relative", children: [
-        n && /* @__PURE__ */ t(re, { label: "Loading...", size: 32 }),
+        n && /* @__PURE__ */ t(ae, { label: "Loading...", size: 32 }),
         !n && h.getVirtualItems().length > 0 && h.getVirtualItems().map((g) => {
           const m = r[g.index];
           return /* @__PURE__ */ d(
@@ -9571,9 +9574,9 @@ const yi = 13, Qu = (A, e) => A.filter((n) => {
 }), Fu = (A, e) => [...A, ...e], ju = (A) => {
   if (A && A.length > 0)
     return A[A.length - 1];
-}, Uu = (A, e) => A.year_month - e.year_month, Wu = () => Array.from({ length: yi }, (A, e) => Math.floor(vA(ie(/* @__PURE__ */ new Date(), e)).getTime() / 1e3)).sort(), Yu = (A, e, n) => !A.length || !e.length ? [] : Wu().reduceRight((a, i) => {
+}, Uu = (A, e) => A.year_month - e.year_month, Wu = () => Array.from({ length: yi }, (A, e) => Math.floor(mA(ne(/* @__PURE__ */ new Date(), e)).getTime() / 1e3)).sort(), Yu = (A, e, n) => !A.length || !e.length ? [] : Wu().reduceRight((a, i) => {
   const o = e.filter(
-    ({ year_month: l }) => l === parseInt(kA(TA(i), "yyyyMM"))
+    ({ year_month: l }) => l === parseInt(kA(IA(i), "yyyyMM"))
   ), s = A.map((l) => {
     const h = o.find((m) => m.account_guid === l.guid), g = {
       change: 0,
@@ -9712,7 +9715,7 @@ const $u = ({
   selectedData: i
 }) => {
   const { isMobile: o } = KA(), s = qA(), c = A.map((g) => ({
-    x: kA(TA(g.x), "MMM"),
+    x: kA(IA(g.x), "MMM"),
     y: g.y
   })), u = i ? { index: A.findIndex((g) => g.x === i.x) } : void 0, l = e ? { index: A.findIndex((g) => g.x === e.x) } : void 0, h = (g) => ({
     fill: g === u?.index ? s.palette.success.main : "",
@@ -9767,7 +9770,7 @@ const $u = ({
               cA,
               {
                 primary: /* @__PURE__ */ d(w, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-                  /* @__PURE__ */ t(E, { variant: "Body", children: kA(TA(A.x), "MMMM yyyy") }),
+                  /* @__PURE__ */ t(E, { variant: "Body", children: kA(IA(A.x), "MMMM yyyy") }),
                   /* @__PURE__ */ t(NA, { amount: A.y, sx: { color: "inherit" }, variant: "Body" })
                 ] })
               }
@@ -9868,7 +9871,7 @@ const $u = ({
       /* @__PURE__ */ t(A1, { ...p }),
       /* @__PURE__ */ t(r1, { ...p })
     ] })
-  ] }) }) : /* @__PURE__ */ t(re, {});
+  ] }) }) : /* @__PURE__ */ t(ae, {});
 }), h7 = (A) => {
   switch (A) {
     case 1:
@@ -9989,7 +9992,7 @@ const c1 = (A, e) => {
   return ge(() => () => {
     r().finally();
   }, []), /* @__PURE__ */ d(Io, { sx: { p: 16 }, children: [
-    e && /* @__PURE__ */ t(re, { label: a?.loading, size: 40 }),
+    e && /* @__PURE__ */ t(ae, { label: a?.loading, size: 40 }),
     !e && n.length === 0 && /* @__PURE__ */ t(lt, { sx: { p: 16 }, children: /* @__PURE__ */ t(E, { fontStyle: "italic", sx: { textAlign: "center" }, children: a.no_notifications }) }),
     !e && n.slice().sort((o, s) => s.delivered_at - o.delivered_at).map((o, s) => {
       const c = c1(s, n);
@@ -10341,7 +10344,7 @@ const mn = ({
       };
     default: {
       const r = () => {
-        const a = A.successfully_aggregated_at ? TA(A.successfully_aggregated_at) : void 0, i = a && $(a, Y.TIME_STAMP_HOUR_MINUTE);
+        const a = A.successfully_aggregated_at ? IA(A.successfully_aggregated_at) : void 0, i = a && $(a, Y.TIME_STAMP_HOUR_MINUTE);
         if (i)
           return kn(a) ? _(e.last_updated_at, e.today, i) : as(a) ? _(e.last_updated_at, e.yesterday, i) : _(
             e.last_updated_at,
@@ -10682,7 +10685,7 @@ const mn = ({
   ] });
 }, N1 = b(P1), ln = (A) => A.top_level_category_guid === v.INCOME || A.category_guid === v.INCOME, M1 = (A) => !ln(A) && !Si(A), Li = (A) => Lr.includes(A.top_level_category_guid) || Lr.includes(A.category_guid), Si = (A) => A.top_level_category_guid === v.TRANSFER || A.category_guid === v.TRANSFER, R1 = (A) => !ln(A) && !Li(A) && !Si(A), H1 = (A) => A.filter((e) => e.category_guid === e.top_level_category_guid), sr = (A, e) => {
   const n = [];
-  let r = vA(ie(/* @__PURE__ */ new Date(), 5));
+  let r = mA(ne(/* @__PURE__ */ new Date(), 5));
   const a = /* @__PURE__ */ new Date();
   for (; pA(r, a); )
     n.push({
@@ -10735,7 +10738,7 @@ const mn = ({
     n && e([r]).finally(() => {
       i(!0);
     });
-  }, [n, r]), !n || !a ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ d(
+  }, [n, r]), !n || !a ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ d(
     RA,
     {
       sx: {
@@ -10937,7 +10940,7 @@ const mn = ({
       onBackClick: A,
       sx: e,
       title: c.title,
-      children: a ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ d(rA, { children: [
+      children: a ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ d(rA, { children: [
         /* @__PURE__ */ d(T, { sx: { px: h ? 24 : 12 }, children: [
           l.length < 1 && /* @__PURE__ */ t(E, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
           /* @__PURE__ */ t(W1, {})
@@ -12029,17 +12032,17 @@ const aa = 5, ih = 100, ia = 25, oh = (A) => {
     selectedAccountGuids: s,
     setDisplayedDate: c,
     setSelectedAccounts: u
-  } = yA(), { dateRange: l, loadBudgets: h, loadCategoryTotals: g, setDateRange: m, setTheme: f } = Qe(), { loadCashflowSequences: y } = HA(), { isDesktop: p, isTablet: S } = KA(), { setFilter: I } = dA(), [L, P] = C.useState(!1), [x, O] = C.useState(void 0);
+  } = yA(), { dateRange: l, loadBudgets: h, loadCategoryTotals: g, setDateRange: m, setTheme: f } = Qe(), { loadCashflowSequences: y } = HA(), { isDesktop: p, isTablet: S } = KA(), { setFilter: I } = dA(), [L, P] = C.useState(!1), [O, x] = C.useState(void 0);
   C.useEffect(() => {
     f(n), u(r), c(l.start, l.end);
   }, []), C.useEffect(() => {
     i && (g(o, l).finally(), y().finally(), L || h().finally(() => P(!0)));
   }, [i, o, l]);
   const N = (B) => {
-    O(B), I({
+    x(B), I({
       accounts: s,
       dateRange: {
-        start: vA(/* @__PURE__ */ new Date()),
+        start: mA(/* @__PURE__ */ new Date()),
         end: Me()
       },
       custom: (k) => k.category_guid === B.category_guid || k.top_level_category_guid === B.category_guid
@@ -12057,7 +12060,7 @@ const aa = 5, ih = 100, ia = 25, oh = (A) => {
       sx: e,
       title: a.budgets_title,
       children: [
-        (!i || !L) && /* @__PURE__ */ t(re, {}),
+        (!i || !L) && /* @__PURE__ */ t(ae, {}),
         i && L && /* @__PURE__ */ d(
           w,
           {
@@ -12095,16 +12098,16 @@ const aa = 5, ih = 100, ia = 25, oh = (A) => {
           gA,
           {
             ariaLabelClose: "Close",
-            isOpen: !!x,
-            onClose: () => O(void 0),
+            isOpen: !!O,
+            onClose: () => x(void 0),
             shouldShowHeaderBorders: !1,
             title: "Budget Details",
-            children: x && /* @__PURE__ */ t(Eh, { budget: x })
+            children: O && /* @__PURE__ */ t(Eh, { budget: O })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ t(re, {});
+  ) : /* @__PURE__ */ t(ae, {});
 });
 var Pn = /* @__PURE__ */ ((A) => (A[A.Main = 0] = "Main", A[A.RightSide = 1] = "RightSide", A))(Pn || {});
 const Th = () => {
@@ -13161,18 +13164,18 @@ const Oi = ({
     m && !a && l(c);
   }, [m, a, c, l]);
   const f = (L) => {
-    const { name: P, checked: x } = L.target;
-    l((O) => ({
-      ...O,
-      [P]: x
+    const { name: P, checked: O } = L.target;
+    l((x) => ({
+      ...x,
+      [P]: O
     }));
   }, y = Object.values(u).filter(Boolean).length, p = () => {
     l(c), i();
   }, S = () => {
     const L = e.reduce(
-      (P, x) => ({
+      (P, O) => ({
         ...P,
-        [x.name]: y !== e.length
+        [O.name]: y !== e.length
       }),
       {}
     );
@@ -13252,9 +13255,9 @@ const Oi = ({
               /* @__PURE__ */ t(V, { disablePadding: !0, children: /* @__PURE__ */ d(
                 lA,
                 {
-                  onClick: () => l((x) => ({
-                    ...x,
-                    [L.name]: !x[L.name]
+                  onClick: () => l((O) => ({
+                    ...O,
+                    [L.name]: !O[L.name]
                   })),
                   children: [
                     /* @__PURE__ */ t(
@@ -13402,11 +13405,11 @@ const Oi = ({
     update: r,
     isUpdateError: a,
     isUpdateLoading: i
-  } = e, [o, s, c] = Vh(n), { toastState: u, showToast: l, hideToast: h, setMessage: g } = xi(), [m, f] = C.useState(!1), [y, p] = C.useState(!1), [S, I] = C.useState(""), [L, P] = C.useState(""), x = Qa(i);
+  } = e, [o, s, c] = Vh(n), { toastState: u, showToast: l, hideToast: h, setMessage: g } = xi(), [m, f] = C.useState(!1), [y, p] = C.useState(!1), [S, I] = C.useState(""), [L, P] = C.useState(""), O = Qa(i);
   ge(() => {
-    x && !i && (a ? l(A.something_went_wrong, "error") : l(void 0, "success"));
-  }, [x, a]);
-  const O = () => {
+    O && !i && (a ? l(A.something_went_wrong, "error") : l(void 0, "success"));
+  }, [O, a]);
+  const x = () => {
     g(
       n.length > 1 ? A.insights_unhidden : A.insight_unhidden
     ), r(n.map((k) => k.name));
@@ -13486,7 +13489,7 @@ const Oi = ({
                 color: "primary",
                 fullWidth: !0,
                 loading: i,
-                onClick: O,
+                onClick: x,
                 variant: "contained",
                 children: A.show_all_hidden_insights
               }
@@ -14801,7 +14804,7 @@ const St = C.createContext(null), ag = ({
   variant: u,
   widthOverrides: l
 }) => {
-  const h = yg(r, c, l), g = C.useRef(null), [m, f] = C.useState(0), [y, p] = C.useState(null), [S, I] = C.useState(null), { carouselCopy: L } = Ue(), { onEvent: P } = bt(), x = () => {
+  const h = yg(r, c, l), g = C.useRef(null), [m, f] = C.useState(0), [y, p] = C.useState(null), [S, I] = C.useState(null), { carouselCopy: L } = Ue(), { onEvent: P } = bt(), O = () => {
     P(te.ON_CAROUSEL_FORWARD_CLICK), g.current && g.current.scrollTo({
       left: (
         // Adds the flex gap to the carousel ulRef's width
@@ -14810,7 +14813,7 @@ const St = C.createContext(null), ag = ({
       top: 0,
       behavior: "smooth"
     });
-  }, O = () => {
+  }, x = () => {
     P(te.ON_CAROUSEL_BACK_CLICK), g.current && g.current.scrollTo({
       left: (g.current.offsetWidth + 8) * (Math.floor(m / (g.current.offsetWidth + 8)) - 1),
       top: 0,
@@ -14844,22 +14847,22 @@ const St = C.createContext(null), ag = ({
         onTouchStart: k,
         ref: g,
         children: [
-          A.map((iA, EA) => /* @__PURE__ */ t(
+          A.map((iA, vA) => /* @__PURE__ */ t(
             fg,
             {
               ariaLabel: _(
                 L.card_position_in_carousel_aria,
-                EA + 1,
+                vA + 1,
                 A.length + 1
               ),
               beat: iA,
-              index: EA,
-              isActiveCard: EA === F,
+              index: vA,
+              isActiveCard: vA === F,
               onCardClick: a,
               posthog: i,
               ...X
             },
-            `${iA.guid} ${EA}`
+            `${iA.guid} ${vA}`
           )),
           /* @__PURE__ */ t(
             Og,
@@ -14878,8 +14881,8 @@ const St = C.createContext(null), ag = ({
         clientColorScheme: e,
         currentBeatIndex: F,
         numBeats: A.length + 1,
-        onNextClick: x,
-        onPreviousClick: O,
+        onNextClick: O,
+        onPreviousClick: x,
         scrollRightBoundary: aA,
         scrollX: m
       }
@@ -14933,8 +14936,8 @@ const St = C.createContext(null), ag = ({
     C.useEffect(() => {
       y && y <= 325 && I(3), y && y > 325 && I(2);
     }, [y]);
-    const { cardStyle: L, linkTextStyle: P } = h, x = f ? L : { border: "none", boxShadow: "none", ...L }, O = wg(
-      x,
+    const { cardStyle: L, linkTextStyle: P } = h, O = f ? L : { border: "none", boxShadow: "none", ...L }, x = wg(
+      O,
       a,
       g,
       S,
@@ -14945,7 +14948,7 @@ const St = C.createContext(null), ag = ({
       "li",
       {
         "aria-hidden": !c,
-        className: O,
+        className: x,
         onClick: () => u(),
         ref: p,
         role: "button",
@@ -15143,12 +15146,12 @@ const St = C.createContext(null), ag = ({
   variant: L,
   widthOverrides: P
 }) => {
-  const [x, O] = ue("STANDARD"), [N, q] = ue(!1), B = qs([c], ve), k = Ks([u], ve);
+  const [O, x] = ue("STANDARD"), [N, q] = ue(!1), B = qs([c], ve), k = Ks([u], ve);
   C.useEffect(() => {
     ve.isInitialized || ve.initialize(a, p, o);
   }, [a, p, o, ve.isInitialized]), C.useEffect(() => {
     const aA = window.innerHeight;
-    aA < 180 ? O("STANDARD") : aA >= 180 && aA < 200 ? O("LARGE") : aA >= 200 && aA < 248 ? O("XLARGE") : aA >= 248 && O("XXLARGE");
+    aA < 180 ? x("STANDARD") : aA >= 180 && aA < 200 ? x("LARGE") : aA >= 200 && aA < 248 ? x("XLARGE") : aA >= 248 && x("XXLARGE");
   }, [window.innerHeight]), C.useEffect(() => {
     q(!A && ve.isInitialized);
   }, [A, ve.isInitialized]);
@@ -15161,7 +15164,7 @@ const St = C.createContext(null), ag = ({
     useDarkMode: S,
     widthOverrides: P
   }, F = {
-    carouselSize: x,
+    carouselSize: O,
     posthog: l,
     variant: L,
     ...X
@@ -15519,8 +15522,8 @@ const St = C.createContext(null), ag = ({
   C.useEffect(() => {
     o(
       n,
-      vA(/* @__PURE__ */ new Date()),
-      DA(/* @__PURE__ */ new Date())
+      mA(/* @__PURE__ */ new Date()),
+      TA(/* @__PURE__ */ new Date())
     ).finally();
   }, [n]);
   const [s, c] = C.useState(""), [u, l] = C.useState(0), h = C.useMemo(
@@ -15761,9 +15764,9 @@ const St = C.createContext(null), ag = ({
   ), P = C.useMemo(
     () => u.find((q) => q.guid === f),
     [f]
-  ), x = (q, B) => {
+  ), O = (q, B) => {
     m(B), h("");
-  }, O = (q) => {
+  }, x = (q) => {
     h(l === q || q === "0" ? "" : q);
   }, N = (q) => {
     const B = {
@@ -15790,7 +15793,7 @@ const St = C.createContext(null), ag = ({
     S(!0);
   };
   return /* @__PURE__ */ d(T, { children: [
-    /* @__PURE__ */ d(Xe, { onChange: x, value: g, variant: "fullWidth", children: [
+    /* @__PURE__ */ d(Xe, { onChange: O, value: g, variant: "fullWidth", children: [
       /* @__PURE__ */ t(
         WA,
         {
@@ -15820,7 +15823,7 @@ const St = C.createContext(null), ag = ({
       va,
       {
         data: I,
-        onSelected: O,
+        onSelected: x,
         onViewTransactions: N,
         selectedId: l,
         title: a.spend_tab_title
@@ -15830,7 +15833,7 @@ const St = C.createContext(null), ag = ({
       va,
       {
         data: L,
-        onSelected: O,
+        onSelected: x,
         onViewTransactions: N,
         selectedId: l,
         title: a.income_tab_title
@@ -15862,12 +15865,12 @@ const St = C.createContext(null), ag = ({
   C.useEffect(() => {
     o(n);
   }, [n]), C.useEffect(() => {
-    i(vA(J()), DA(J())), u(!0), s(j.SPENDING_VIEW);
+    i(mA(J()), TA(J())), u(!0), s(j.SPENDING_VIEW);
   }, []);
   const l = (h) => {
     i(h[0], h[1]);
   };
-  return !a || !c ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ t(
+  return !a || !c ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ t(
     Se,
     {
       accountOptions: n,
@@ -15880,7 +15883,7 @@ const St = C.createContext(null), ag = ({
     }
   );
 }, M7 = b(Qg), Fg = (A) => xe[A] ?? xe.default, jg = (A) => Ke[A], Ug = (A) => A.reduce((e, n) => {
-  const r = vA(new Date(n.year, n.month - 1)), a = {
+  const r = mA(new Date(n.year, n.month - 1)), a = {
     top_level_category_guid: n.top_level_category_guid,
     category_guid: n.category_guid,
     amount: n.total,
@@ -15984,15 +15987,15 @@ const St = C.createContext(null), ag = ({
       (f) => f.category_guid === e || f.top_level_category_guid === e
     ) : A).reduce(
       (f, y) => {
-        const { category_guid: p, top_level_category_guid: S, month: I, total: L, year: P } = y, x = e ? p : S;
-        f[x] || (f[x] = {
-          id: x,
-          category: x,
+        const { category_guid: p, top_level_category_guid: S, month: I, total: L, year: P } = y, O = e ? p : S;
+        f[O] || (f[O] = {
+          id: O,
+          category: O,
           category_guid: p,
           top_level_category_guid: S
         });
-        const O = $(new Date(P, I, 1), Y.MONTH_SHORT);
-        return f[x][O] = L, f;
+        const x = $(new Date(P, I, 1), Y.MONTH_SHORT);
+        return f[O][x] = L, f;
       },
       {}
     );
@@ -16019,31 +16022,28 @@ const St = C.createContext(null), ag = ({
     }
   ) });
 }, A3 = ({ onBackClick: A, sx: e }) => {
-  const n = qA(), { onEvent: r } = Z(), { isDesktop: a, isTablet: i, isMobile: o } = KA(), { accounts: s } = PA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: u } = MA(), { isInitialized: l, selectedAccounts: h, setSelectedAccounts: g } = yA(), { trends: m } = D(), f = n.palette.mode === "dark", [y, p] = C.useState(!1), [S, I] = C.useState("Chart"), [L, P] = C.useState(""), [x, O] = C.useState({
-    start: vA(ie(/* @__PURE__ */ new Date(), 5)),
-    end: DA(/* @__PURE__ */ new Date())
+  const n = qA(), { onEvent: r } = Z(), { isDesktop: a, isTablet: i, isMobile: o } = KA(), { accounts: s } = PA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: u } = MA(), { isInitialized: l, selectedAccounts: h, setSelectedAccounts: g } = yA(), { trends: m } = D(), f = n.palette.mode === "dark", [y, p] = C.useState(!1), [S, I] = C.useState("Chart"), [L, P] = C.useState(""), [O, x] = C.useState({
+    start: mA(ne(/* @__PURE__ */ new Date(), 6)),
+    end: TA(/* @__PURE__ */ new Date())
   }), [N, q] = C.useState(6);
   C.useEffect(() => {
     g(s);
   }, [s]), C.useEffect(() => {
     l && c(
       h,
-      x.start,
-      x.end
+      mA(ne(/* @__PURE__ */ new Date(), 12)),
+      TA(/* @__PURE__ */ new Date())
     ).finally(() => {
-      p(!0);
+      h.length && p(!0);
     });
-  }, [l, h, x]);
-  const B = C.useMemo(
-    () => Wg(u),
-    [u]
-  ), k = C.useMemo(() => {
+  }, [l, h]);
+  const B = C.useMemo(() => u.length ? [] : Wg(u), [u]), k = C.useMemo(() => {
     const R = L.length ? B.filter(
       (ZA) => ZA.top_level_category_guid === L || ZA.category_guid === L
-    ) : H1(B), AA = R.filter(M1), mA = R.filter(ln);
+    ) : H1(B), AA = R.filter(M1), EA = R.filter(ln);
     return {
       stackedDatasets: AA,
-      unstackedDatasets: mA
+      unstackedDatasets: EA
     };
   }, [B, L]), X = C.useMemo(() => {
     const R = Ea(
@@ -16059,21 +16059,21 @@ const St = C.createContext(null), ag = ({
     };
   }, [k, N]), F = C.useMemo(() => {
     const R = $(
-      x.start,
+      O.start,
       o ? Y.MONTH_SHORT_YEAR : Y.MONTH_YEAR
     ), AA = $(
-      ie(x.end, 1),
+      ne(O.end, 1),
       o ? Y.MONTH_SHORT_YEAR : Y.MONTH_YEAR
     );
     return `${R} - ${AA}`;
-  }, [x, o]), aA = (R, AA) => {
+  }, [O, o]), aA = (R, AA) => {
     I(AA ?? S), r(j.TRENDS_CLICK_TOGGLE);
   }, iA = (R) => {
-    const AA = R?.[0], mA = R?.[1], ZA = vs(mA, AA);
-    c(h, AA, mA), O({ start: AA, end: mA }), r(j.TRENDS_CLICK_DATE, {
+    const AA = R?.[0], EA = R?.[1], ZA = vs(EA, AA);
+    x({ start: AA, end: EA }), q(ZA), r(j.TRENDS_CLICK_DATE, {
       time_period: ZA + "M"
-    }), q(ZA);
-  }, EA = () => {
+    });
+  }, vA = () => {
     r(j.TRENDS_CLICK_FILTER);
   }, uA = (R) => {
     P(R);
@@ -16086,14 +16086,14 @@ const St = C.createContext(null), ag = ({
   }, ze = (R) => {
     r(j.TRENDS_HOVER_POINT, { category: R });
   };
-  return !l || !y ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ t(
+  return !l || !y ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ t(
     Se,
     {
       accountOptions: s,
       calendarActions: { onRangeChanged: iA },
-      dateRange: x,
+      dateRange: O,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: EA,
+      onAccountsFilterClick: vA,
       onBackClick: A,
       sx: e,
       title: m.title,
@@ -16205,8 +16205,8 @@ const St = C.createContext(null), ag = ({
   const e = [], n = A.filter(
     (i) => i.top_level_category_guid !== v.INCOME && i.top_level_category_guid !== v.TRANSFER && i.total > 0
   );
-  let r = vA(ie(/* @__PURE__ */ new Date(), 5));
-  const a = DA(/* @__PURE__ */ new Date());
+  let r = mA(ne(/* @__PURE__ */ new Date(), 5));
+  const a = TA(/* @__PURE__ */ new Date());
   for (; pA(r, a); )
     e.push({
       x: $(r, Y.MONTH_SHORT),
@@ -16218,7 +16218,6 @@ const St = C.createContext(null), ag = ({
   return /* @__PURE__ */ t(
     Un,
     {
-      baseline: "min",
       colors: [A.palette.primary.main],
       datasets: [r],
       height: 300,
@@ -16234,7 +16233,7 @@ const St = C.createContext(null), ag = ({
     r && n(i).finally(() => {
       s(!0);
     });
-  }, [r, i]), !r || !o ? /* @__PURE__ */ t(re, {}) : /* @__PURE__ */ t(
+  }, [r, i]), !r || !o ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ t(
     Fe,
     {
       onPrimaryCtaClick: A,
@@ -16323,7 +16322,7 @@ export {
   j8 as LOADING_STATUS,
   Un as LineChart,
   Ic as ListItemWrapper,
-  re as Loader,
+  ae as Loader,
   J8 as LocalizedCopyApi,
   D7 as ManageAccountsDrawer,
   mi as ManageIncome,