@mx-cartographer/experiences 3.13.4-alpha.mm2 → 3.13.4

package/dist/index.es.js

@@ -31,9 +31,9 @@ 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 { format as kA } from "date-fns/format";
-import { isBefore as mA } from "date-fns/isBefore";
+import { isBefore as pA } from "date-fns/isBefore";
 import { isSameMonth as so } from "date-fns/isSameMonth";
-import { startOfMonth as pA } from "date-fns/startOfMonth";
+import { startOfMonth as vA } from "date-fns/startOfMonth";
 import { startOfToday as J } from "date-fns/startOfToday";
 import { subMonths as ie } from "date-fns/subMonths";
 import he from "@mui/material/Paper";
@@ -1681,7 +1681,7 @@ const ec = ({
     h(e), m(n), e && u(e);
   }, [e, n]);
   const f = C.useMemo(() => {
-    const L = oo({ start: pA(c), end: DA(c) }), P = [];
+    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 = [];
       for (let B = 0; B < N.length; B++)
@@ -1695,7 +1695,7 @@ const ec = ({
         h(L), r?.(L);
         return;
       }
-      !l || g ? (h(L), m(void 0)) : mA(L, l) ? (m(l), h(L), a?.(L, l)) : (m(L), a?.(l, L));
+      !l || g ? (h(L), m(void 0)) : pA(L, l) ? (m(l), h(L), a?.(L, l)) : (m(L), a?.(l, L));
     }
   }, p = () => {
     const L = J();
@@ -1939,9 +1939,6 @@ const ec = ({
           "& .MuiBarLabel-root": {
             fontSize: 10,
             fontWeight: 600
-          },
-          "& .MuiMarkElement-root": {
-            stroke: e ?? f.palette.primary.main
           }
         },
         width: m,
@@ -1977,10 +1974,10 @@ const ec = ({
                   oc,
                   {
                     handlers: i,
-                    style: o?.(N.dataIndex) ?? {},
-                    ...N,
                     showLabel: l,
-                    yData: p
+                    style: o?.(N.dataIndex) ?? {},
+                    yData: p,
+                    ...N
                   }
                 )
               } : void 0
@@ -2213,16 +2210,14 @@ const ec = ({
   height: o,
   width: s
 }) => {
-  const c = qA(), { isMobile: u } = KA(), l = C.useRef(null);
-  console.log("stackedDatasets", a), console.log("unstackedDatasets", i);
-  const [h, g] = C.useState(null), [m, f] = C.useState({
+  const c = qA(), { isMobile: u } = KA(), l = C.useRef(null), [h, g] = C.useState(null), [m, f] = C.useState({
     hoveredSeriesId: null,
     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((EA, ZA) => EA + (ZA.dataset[AA]?.y ?? 0), 0)
-  ) ?? [0], k = Math.max(...B), X = Math.max(
+  }), { 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(
     ...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}`,
@@ -2230,36 +2225,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((EA) => EA.y),
+    data: R.dataset.map((mA) => mA.y),
     label: a[AA].category_name,
     stack: "total",
     type: "line",
     highlightScope: { highlight: "item" },
-    valueFormatter: (EA) => Q(EA, "0,0")
-  })), vA = i.map((R, AA) => ({
+    valueFormatter: (mA) => Q(mA, "0,0")
+  })), EA = 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((EA) => EA.y),
+    data: R.dataset.map((mA) => mA.y),
     label: R.category_name,
     type: "line",
-    valueFormatter: (EA) => Q(EA, "0,0")
-  })), uA = [...iA, ...vA], wA = [
+    valueFormatter: (mA) => Q(mA, "0,0")
+  })), uA = [...iA, ...EA], wA = [
     ...iA.map(({ guid: R, top_level_guid: AA }) => ({
       guid: R,
       top_level_guid: AA
     })),
-    ...vA.map(({ guid: R, top_level_guid: AA }) => ({
+    ...EA.map(({ guid: R, top_level_guid: AA }) => ({
       guid: R,
       top_level_guid: AA
     }))
   ], le = (R) => {
-    const EA = R.startsWith("stacked-") ? a[parseInt(R.split("-")[1])] : i[parseInt(R.split("-")[1])];
+    const mA = R.startsWith("stacked-") ? a[parseInt(R.split("-")[1])] : i[parseInt(R.split("-")[1])];
     return {
-      guid: EA.category_guid,
-      topLevelGuid: EA.top_level_category_guid
+      guid: mA.category_guid,
+      topLevelGuid: mA.top_level_category_guid
     };
   }, de = (R) => {
     g(R), n?.(R ?? "");
@@ -2271,8 +2266,8 @@ const ec = ({
     {
       onMouseMove: (R) => {
         const AA = R.currentTarget.getBoundingClientRect();
-        f((EA) => ({
-          ...EA,
+        f((mA) => ({
+          ...mA,
           cursorPos: {
             x: R.clientX - AA.left,
             y: R.clientY - AA.top
@@ -2294,8 +2289,8 @@ const ec = ({
                 height: o || 400,
                 margin: { bottom: 50 },
                 onHighlightChange: (R) => {
-                  const AA = R?.seriesId && uA.find((ae) => ae.id === R.seriesId), EA = AA && R?.dataIndex !== void 0, ZA = AA && R?.dataIndex === void 0;
-                  if (EA)
+                  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)
                     f({
                       hoveredSeriesId: String(R.seriesId),
                       hoveredAreaData: null,
@@ -2353,10 +2348,10 @@ const ec = ({
                   '& [class*="MuiLineElement-series-unstacked-"]': {
                     strokeWidth: 3
                   },
-                  ...h && iA.reduce((R, AA, EA) => {
-                    const ZA = `.MuiAreaElement-series-stacked-${EA}`;
+                  ...h && iA.reduce((R, AA, mA) => {
+                    const ZA = `.MuiAreaElement-series-stacked-${mA}`;
                     return R[ZA] = {
-                      opacity: iA[EA].guid === h ? 0.9 : 0.2
+                      opacity: iA[mA].guid === h ? 0.9 : 0.2
                     }, R;
                   }, {})
                 },
@@ -2564,7 +2559,7 @@ const ec = ({
   calendarActions: A,
   color: e = "primary",
   copy: n,
-  range: r = [pA(J()), DA(Me())],
+  range: r = [vA(J()), DA(Me())],
   shouldShrinkToIcon: a = !0,
   toolTipContent: i = "",
   variant: o = "outlined"
@@ -2584,14 +2579,14 @@ const ec = ({
     const F = DA(Me());
     return [DA(ie(F, x)), F];
   }, B = (F) => {
-    const aA = [...h], iA = h[0], vA = h[1], uA = F === "previous";
+    const aA = [...h], iA = h[0], EA = h[1], uA = F === "previous";
     if (m === n.dateRangePickerCopy.dateRangeThisMonth)
-      aA[0] = uA ? ie(iA, 1) : $A(iA, 1), aA[1] = DA(uA ? ie(vA, 1) : $A(vA, 1));
+      aA[0] = uA ? ie(iA, 1) : $A(iA, 1), aA[1] = DA(uA ? ie(EA, 1) : $A(EA, 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(vA, iA);
-      aA[0] = F === "previous" ? pe(iA, wA) : me(iA, wA), aA[1] = F === "previous" ? pe(vA, wA) : me(vA, wA);
+      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);
     }
     g(aA), A.onRangeChanged(aA);
   }, k = () => {
@@ -3599,7 +3594,7 @@ class Nc {
   api = new zr("/", "");
   categoryApi = new Bt("/", "");
   globalStore;
-  dateRange = { start: pA(J()), end: DA(J()) };
+  dateRange = { start: vA(J()), end: DA(J()) };
   budgets = [];
   categoryTotals = [];
   theme = {};
@@ -4285,7 +4280,7 @@ const _c = [
 }, Xc = (A, e, n) => {
   const {
     accounts: r = [],
-    dateRange: a = { start: pA(J()), end: Me() },
+    dateRange: a = { start: vA(J()), end: Me() },
     custom: i = () => !0,
     searchTerm: o = ""
   } = A;
@@ -4338,7 +4333,7 @@ const ei = {
   tags: []
 };
 let Yc = class {
-  beginDate = pA(/* @__PURE__ */ new Date());
+  beginDate = vA(/* @__PURE__ */ new Date());
   endDate = DA(/* @__PURE__ */ new Date());
   expandedSplits = [];
   isInitialized = !1;
@@ -4396,7 +4391,7 @@ class Vc {
   }
   initialize = async (e, n) => {
     this.api = new Br(e, n), this.beatApi = new Ze(e, n), Promise.all([
-      this.loadAssociatedBeats(pA(/* @__PURE__ */ new Date())),
+      this.loadAssociatedBeats(vA(/* @__PURE__ */ new Date())),
       this.loadTags(),
       this.loadTaggings(),
       this.loadTransactionRules(),
@@ -4502,7 +4497,7 @@ class Vc {
     }
   };
   setFilter = (e) => {
-    this.filter = e, e.dateRange && mA(e.dateRange.start, this.cachedStartDate) && this.loadTransactions(e.dateRange.start, Me()).then(() => {
+    this.filter = e, e.dateRange && pA(e.dateRange.start, this.cachedStartDate) && this.loadTransactions(e.dateRange.start, Me()).then(() => {
       e.dateRange && (this.cachedStartDate = e.dateRange.start);
     });
   };
@@ -4634,7 +4629,7 @@ const JA = () => {
 }, Ar = (A) => {
   const e = mt(A);
   let n = wn(A, e);
-  for (; mA(n, J()); )
+  for (; pA(n, J()); )
     n = Ve(n, 1);
   return n;
 }, el = (A) => {
@@ -4642,7 +4637,7 @@ const JA = () => {
   return Ve(e, 1);
 }, kr = (A) => {
   let e = Ln(J(), A.getDate());
-  for (; mA(e, J()); )
+  for (; pA(e, J()); )
     e = $A(e, 1);
   return e;
 }, tl = (A) => {
@@ -4650,7 +4645,7 @@ const JA = () => {
   return $A(e, 1);
 }, ti = (A) => {
   let e = _e(A, 1);
-  for (; mA(e, J()); )
+  for (; pA(e, J()); )
     e = _e(e, 1);
   return e;
 }, nl = (A) => {
@@ -5275,7 +5270,7 @@ const fl = ({
 }, jr = (A) => {
   const e = [], n = J();
   for (let r = 0; r < Qr; r++) {
-    const a = pA(ie(n, Qr - r)), o = A.filter(
+    const a = vA(ie(n, Qr - r)), o = A.filter(
       (s) => s.year_month === Number(kA(a, "yyyyMM"))
     ).reduce((s, c) => s + c.total, 0);
     e.push({
@@ -5376,7 +5371,7 @@ class Bl {
     }
   };
   loadMonthlyCategoryTotals = async (e = this.globalStore.accountStore.accounts, n, r) => {
-    const a = fA(pA(n ?? ie(/* @__PURE__ */ new Date(), 11))), i = fA(DA(r ?? /* @__PURE__ */ new Date()));
+    const a = fA(vA(n ?? ie(/* @__PURE__ */ new Date(), 11))), i = fA(DA(r ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(a, i, e);
       U(() => {
@@ -6654,15 +6649,15 @@ const ri = ({ transaction: A }) => {
     selectedAccounts: X,
     setDisplayedDate: F,
     setSelectedAccounts: aA
-  } = yA(), [iA, vA] = C.useState(""), [uA, wA] = C.useState(""), [le, de] = C.useState(!1), [ze, R] = C.useState(!1), [AA, EA] = C.useState(!1);
+  } = yA(), [iA, EA] = C.useState(""), [uA, wA] = C.useState(""), [le, de] = C.useState(!1), [ze, R] = C.useState(!1), [AA, mA] = C.useState(!1);
   C.useEffect(() => {
     aA(a);
   }, [a]), C.useEffect(() => {
-    const IA = pA(J()), hr = DA(J());
+    const IA = vA(J()), hr = DA(J());
     F(IA, hr), p({
       dateRange: { start: IA, end: hr },
       accounts: X.map((Ui) => Ui.guid)
-    }), EA(!0), N(j.TRANSACTIONS_VIEW);
+    }), mA(!0), N(j.TRANSACTIONS_VIEW);
   }, []), C.useEffect(() => {
     AA && (p({
       ...f,
@@ -6689,12 +6684,12 @@ const ri = ({ transaction: A }) => {
       ...ei,
       date: fA(J()),
       user_guid: O?.user_guid || ""
-    }), vA(
+    }), EA(
       "addTransaction"
       /* AddTransaction */
     ), N(j.TRANSACTIONS_CLICK_ADD)) : (de(!0), N(j.TRANSACTIONS_ADD_MANUAL_ACCOUNT_MODAL));
   }, Qi = async () => {
-    Tt && await m(s), vA("");
+    Tt && await m(s), EA("");
   }, Fi = () => {
     de(!1), R(!0);
   }, ji = () => {
@@ -6744,13 +6739,13 @@ const ri = ({ transaction: A }) => {
               {
                 height: `calc(${e} - ${Ur}px)`,
                 onCategoryClick: (IA) => {
-                  wA(IA), vA(
+                  wA(IA), EA(
                     "category"
                     /* Category */
                   );
                 },
                 onRowClick: (IA) => {
-                  wA(IA), vA(
+                  wA(IA), EA(
                     "transaction"
                     /* Transaction */
                   ), N(j.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: IA });
@@ -6771,7 +6766,7 @@ const ri = ({ transaction: A }) => {
               {
                 height: `calc(${e} - ${Ur}px)`,
                 onClick: (IA) => {
-                  wA(IA), vA(
+                  wA(IA), EA(
                     "transaction"
                     /* Transaction */
                   );
@@ -6787,7 +6782,7 @@ const ri = ({ transaction: A }) => {
             ariaLabelClose: P.close_aria,
             isOpen: iA === "transaction",
             onClose: () => {
-              ae && !ae.has_been_viewed && L({ ...ae, has_been_viewed: !0 }), vA("");
+              ae && !ae.has_been_viewed && L({ ...ae, has_been_viewed: !0 }), EA("");
             },
             title: x.details_title,
             children: ae && /* @__PURE__ */ t(Lt, { transaction: ae })
@@ -6797,7 +6792,7 @@ const ri = ({ transaction: A }) => {
           wd,
           {
             onClose: () => {
-              vA(""), wA("");
+              EA(""), wA("");
             },
             transaction: ae
           }
@@ -6808,7 +6803,7 @@ const ri = ({ transaction: A }) => {
             ariaLabelClose: P.close_aria,
             isOpen: iA === "addTransaction",
             isPrimaryDisabled: !Tt,
-            onClose: () => vA(""),
+            onClose: () => EA(""),
             onPrimaryAction: Qi,
             title: x.add_transaction_title,
             children: /* @__PURE__ */ t(Ed, {})
@@ -7543,7 +7538,7 @@ const ri = ({ transaction: A }) => {
     };
   }), s = r.filter(
     (l) => Je(TA(l.expected_date), {
-      start: pA(J()),
+      start: vA(J()),
       end: me(J(), 30)
     })
   ).filter((l) => {
@@ -7593,19 +7588,19 @@ const ri = ({ transaction: A }) => {
     recurrenceDay: e.recurrence_day,
     scheduledPaymentGuid: e.guid,
     transactionGuid: ""
-  }, c = e.recurrence_day, u = J(), l = pA(J()), h = me(J(), 30);
+  }, c = e.recurrence_day, u = J(), l = vA(J()), h = me(J(), 30);
   let g = l;
   switch (e.recurrence_type) {
     case K.EveryWeek:
-      for (g = wn(g, c); mA(g, h); )
+      for (g = wn(g, c); pA(g, h); )
         r.push({
           ...s,
           expectedDate: g
         }), g = wn(g, c);
       break;
     case K.EveryOtherWeek:
-      if (mA(o, l))
-        for (g = Ve(o, 2); mA(g, h); )
+      if (pA(o, l))
+        for (g = Ve(o, 2); pA(g, h); )
           ft(g, l) && r.push({
             ...s,
             expectedDate: g
@@ -7619,7 +7614,7 @@ const ri = ({ transaction: A }) => {
             ...s,
             expectedDate: g
           }), g = yr(g, 2);
-        for (g = Ve(o, 2); mA(g, h); )
+        for (g = Ve(o, 2); pA(g, h); )
           r.push({
             ...s,
             expectedDate: g
@@ -7636,37 +7631,37 @@ const ri = ({ transaction: A }) => {
       });
       break;
     case K.EveryOtherMonth:
-      mA(o, l) ? mA($A(o, 2), h) && r.push({
+      pA(o, l) ? pA($A(o, 2), h) && r.push({
         ...s,
         expectedDate: $A(o, 2)
-      }) : mA(o, h) && r.push({
+      }) : pA(o, h) && r.push({
         ...s,
         expectedDate: o
       });
       break;
     case K.EveryQuarter:
-      mA(o, l) ? mA(_e(o, 1), h) && r.push({
+      pA(o, l) ? pA(_e(o, 1), h) && r.push({
         ...s,
         expectedDate: _e(o, 1)
-      }) : mA(o, h) && r.push({
+      }) : pA(o, h) && r.push({
         ...s,
         expectedDate: o
       });
       break;
     case K.EveryOtherQuarter:
-      mA(o, l) ? mA(_e(o, 2), h) && r.push({
+      pA(o, l) ? pA(_e(o, 2), h) && r.push({
         ...s,
         expectedDate: _e(o, 2)
-      }) : mA(o, h) && r.push({
+      }) : pA(o, h) && r.push({
         ...s,
         expectedDate: o
       });
       break;
     case K.EveryYear:
-      mA(o, l) ? mA(Ct(o, 1), h) && r.push({
+      pA(o, l) ? pA(Ct(o, 1), h) && r.push({
         ...s,
         expectedDate: Ct(o, 1)
-      }) : mA(o, h) && r.push({
+      }) : pA(o, h) && r.push({
         ...s,
         expectedDate: o
       });
@@ -7676,7 +7671,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) : mA(m.expectedDate, pe(u, 3)) && (m.activityStatus = SA.Missed);
+    f ? (m.transactionGuid = f.guid, m.occurredOnDate = TA(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);
@@ -7740,16 +7735,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: pA(J()),
+  start: vA(J()),
   end: DA(J())
 }), xt = (A) => A.activityType === LA.Expense && Je(A.expectedDate, {
-  start: pA(J()),
+  start: vA(J()),
   end: DA(J())
 }), fn = (A) => A.occurredOnDate && Je(A.occurredOnDate, {
-  start: pA(/* @__PURE__ */ new Date()),
+  start: vA(/* @__PURE__ */ new Date()),
   end: me(J(), 30)
 }) || Je(A.expectedDate, {
-  start: pA(/* @__PURE__ */ new Date()),
+  start: vA(/* @__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(
@@ -7835,7 +7830,7 @@ const ri = ({ transaction: A }) => {
     Bn,
     {
       maxDate: DA($A(/* @__PURE__ */ new Date(), 1)),
-      minDate: pA(/* @__PURE__ */ new Date()),
+      minDate: vA(/* @__PURE__ */ new Date()),
       onMonthChange: i,
       showDaysOutsideCurrentMonth: !0,
       slots: {
@@ -8279,7 +8274,7 @@ class iu {
   loadExpectedEvents = async () => {
     try {
       const e = await this.cashflowApi.getProjectedCashflowEvents(
-        pA(J()),
+        vA(J()),
         me(J(), 30)
       );
       U(() => {
@@ -8591,7 +8586,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
     ),
     /* @__PURE__ */ t(G, {})
   ] });
-}, Zr = b(mu), $r = (A, e) => (n) => n.accountGuid === A.guid && (kn(n.expectedDate) || ft(n.expectedDate, e.start)) && mA(n.expectedDate, e.end), pu = () => {
+}, Zr = b(mu), $r = (A, e) => (n) => n.accountGuid === A.guid && (kn(n.expectedDate) || ft(n.expectedDate, e.start)) && pA(n.expectedDate, e.end), pu = () => {
   const { cashflow: A } = D(), { upcomingExpenses: e, upcomingIncome: n } = HA(), { dateRange: r, selectedCashAccounts: a } = tt();
   return /* @__PURE__ */ d(w, { children: [
     /* @__PURE__ */ d(w, { flexDirection: "row", justifyContent: "space-between", children: [
@@ -8930,7 +8925,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
       e && /* @__PURE__ */ t(NA, { amount: A, component: "h2", symbol: a, variant: "Small" })
     ]
   }
-), Aa = (A, e) => (n) => n.accountGuid && A.includes(n.accountGuid) && (kn(n.expectedDate) || ft(n.expectedDate, e.start)) && mA(n.expectedDate, e.end), Su = () => {
+), Aa = (A, e) => (n) => n.accountGuid && A.includes(n.accountGuid) && (kn(n.expectedDate) || ft(n.expectedDate, e.start)) && pA(n.expectedDate, e.end), Su = () => {
   const [A, e] = C.useState(!1), { availableWidth: n } = wt(), { cashflow: r } = D(), { upcomingExpenses: a, upcomingIncome: i } = HA(), { selectedAccountGuids: o } = yA(), { dateRange: s, selectedCashAccounts: c } = tt(), { userProfile: u } = en(), l = C.useMemo(
     () => a.filter(Aa(o, s)),
     [s, o, a]
@@ -9137,7 +9132,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
   ), F = !!n.length, aA = async () => {
     O(2), c(
       //  Beginning of the month, 90 days before today
-      pA(pe(J(), 90)),
+      vA(pe(J(), 90)),
       J()
     ), l({ ...u, custom: vt }), O(3);
   }, iA = async () => {
@@ -9156,7 +9151,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
       }
       i();
     }
-  }, vA = !X && m || !X && N.length < 1;
+  }, EA = !X && m || !X && N.length < 1;
   return /* @__PURE__ */ d(
     T,
     {
@@ -9218,7 +9213,7 @@ const fu = ({ activity: A }) => /* @__PURE__ */ d(rA, { children: [
                   )
                 ] })
               ] }),
-              vA && /* @__PURE__ */ t(
+              EA && /* @__PURE__ */ t(
                 hi,
                 {
                   bgcolor: "background.paper",
@@ -9401,7 +9396,7 @@ let zu = class {
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => mA(e.expectedDate, this.nextIncome?.expectedDate || DA(/* @__PURE__ */ new Date()))
+      (e) => pA(e.expectedDate, this.nextIncome?.expectedDate || DA(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -9446,7 +9441,7 @@ class qu {
   selectedAccountGuids = this.selectedAccounts.map((e) => e.guid);
   displayedDate = /* @__PURE__ */ new Date();
   displayedDateRange = {
-    start: pA(this.displayedDate),
+    start: vA(this.displayedDate),
     end: DA(this.displayedDate)
   };
   constructor(e) {
@@ -9576,7 +9571,7 @@ 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(pA(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(vA(ie(/* @__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"))
   ), s = A.map((l) => {
@@ -10687,9 +10682,9 @@ 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 = pA(ie(/* @__PURE__ */ new Date(), 5));
+  let r = vA(ie(/* @__PURE__ */ new Date(), 5));
   const a = /* @__PURE__ */ new Date();
-  for (; mA(r, a); )
+  for (; pA(r, a); )
     n.push({
       x: $(r, Y.MONTH_SHORT),
       y: A.filter((i) => i.year === r.getFullYear() && i.month === r.getMonth() + 1).reduce((i, o) => i + o.total, 0)
@@ -12044,7 +12039,7 @@ const aa = 5, ih = 100, ia = 25, oh = (A) => {
     O(B), I({
       accounts: s,
       dateRange: {
-        start: pA(/* @__PURE__ */ new Date()),
+        start: vA(/* @__PURE__ */ new Date()),
         end: Me()
       },
       custom: (k) => k.category_guid === B.category_guid || k.top_level_category_guid === B.category_guid
@@ -14849,22 +14844,22 @@ const St = C.createContext(null), ag = ({
         onTouchStart: k,
         ref: g,
         children: [
-          A.map((iA, vA) => /* @__PURE__ */ t(
+          A.map((iA, EA) => /* @__PURE__ */ t(
             fg,
             {
               ariaLabel: _(
                 L.card_position_in_carousel_aria,
-                vA + 1,
+                EA + 1,
                 A.length + 1
               ),
               beat: iA,
-              index: vA,
-              isActiveCard: vA === F,
+              index: EA,
+              isActiveCard: EA === F,
               onCardClick: a,
               posthog: i,
               ...X
             },
-            `${iA.guid} ${vA}`
+            `${iA.guid} ${EA}`
           )),
           /* @__PURE__ */ t(
             Og,
@@ -15524,7 +15519,7 @@ const St = C.createContext(null), ag = ({
   C.useEffect(() => {
     o(
       n,
-      pA(/* @__PURE__ */ new Date()),
+      vA(/* @__PURE__ */ new Date()),
       DA(/* @__PURE__ */ new Date())
     ).finally();
   }, [n]);
@@ -15867,7 +15862,7 @@ const St = C.createContext(null), ag = ({
   C.useEffect(() => {
     o(n);
   }, [n]), C.useEffect(() => {
-    i(pA(J()), DA(J())), u(!0), s(j.SPENDING_VIEW);
+    i(vA(J()), DA(J())), u(!0), s(j.SPENDING_VIEW);
   }, []);
   const l = (h) => {
     i(h[0], h[1]);
@@ -15885,7 +15880,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 = pA(new Date(n.year, n.month - 1)), a = {
+  const r = vA(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,
@@ -16025,7 +16020,7 @@ 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: pA(ie(/* @__PURE__ */ new Date(), 5)),
+    start: vA(ie(/* @__PURE__ */ new Date(), 5)),
     end: DA(/* @__PURE__ */ new Date())
   }), [N, q] = C.useState(6);
   C.useEffect(() => {
@@ -16045,10 +16040,10 @@ const St = C.createContext(null), ag = ({
   ), 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), EA = R.filter(ln);
+    ) : H1(B), AA = R.filter(M1), mA = R.filter(ln);
     return {
       stackedDatasets: AA,
-      unstackedDatasets: EA
+      unstackedDatasets: mA
     };
   }, [B, L]), X = C.useMemo(() => {
     const R = Ea(
@@ -16074,11 +16069,11 @@ const St = C.createContext(null), ag = ({
   }, [x, o]), aA = (R, AA) => {
     I(AA ?? S), r(j.TRENDS_CLICK_TOGGLE);
   }, iA = (R) => {
-    const AA = R?.[0], EA = R?.[1], ZA = vs(EA, AA);
-    O({ start: AA, end: EA }), r(j.TRENDS_CLICK_DATE, {
+    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, {
       time_period: ZA + "M"
     }), q(ZA);
-  }, vA = () => {
+  }, EA = () => {
     r(j.TRENDS_CLICK_FILTER);
   }, uA = (R) => {
     P(R);
@@ -16098,7 +16093,7 @@ const St = C.createContext(null), ag = ({
       calendarActions: { onRangeChanged: iA },
       dateRange: x,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: vA,
+      onAccountsFilterClick: EA,
       onBackClick: A,
       sx: e,
       title: m.title,
@@ -16210,9 +16205,9 @@ 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 = pA(ie(/* @__PURE__ */ new Date(), 5));
+  let r = vA(ie(/* @__PURE__ */ new Date(), 5));
   const a = DA(/* @__PURE__ */ new Date());
-  for (; mA(r, a); )
+  for (; pA(r, a); )
     e.push({
       x: $(r, Y.MONTH_SHORT),
       y: n.filter((i) => i.year === r.getFullYear() && i.month === r.getMonth() + 1).reduce((i, o) => i + o.total, 0)
@@ -16223,6 +16218,7 @@ const St = C.createContext(null), ag = ({
   return /* @__PURE__ */ t(
     Un,
     {
+      baseline: "min",
       colors: [A.palette.primary.main],
       datasets: [r],
       height: 300,