@mx-cartographer/experiences 3.14.0-alpha.mm5 → 3.14.0-alpha.mm6

package/dist/index.es.js

@@ -29,7 +29,7 @@ import { addDays as fe } from "date-fns/addDays";
 import { addMonths as $A } from "date-fns/addMonths";
 import { eachDayOfInterval as eo } from "date-fns/eachDayOfInterval";
 import { eachWeekOfInterval as to } from "date-fns/eachWeekOfInterval";
-import { endOfMonth as SA } from "date-fns/endOfMonth";
+import { endOfMonth as IA } from "date-fns/endOfMonth";
 import { format as UA } from "date-fns/format";
 import { isBefore as pA } from "date-fns/isBefore";
 import { isSameMonth as no } from "date-fns/isSameMonth";
@@ -1674,7 +1674,7 @@ const Ys = ({
     h(e), m(n), e && u(e);
   }, [e, n]);
   const f = g.useMemo(() => {
-    const L = to({ start: EA(c), end: SA(c) }), x = [];
+    const L = to({ start: EA(c), end: IA(c) }), x = [];
     for (let P = 0; P < L.length; P++) {
       const O = L[P], _ = eo({ start: O, end: fe(O, 6) }), G = [];
       for (let B = 0; B < _.length; B++)
@@ -2197,7 +2197,7 @@ const Ys = ({
     type: "line",
     highlightScope: { highlight: "item" },
     valueFormatter: (mA) => Q(mA, "0,0")
-  })), TA = i.map((M, eA) => ({
+  })), SA = i.map((M, eA) => ({
     id: `unstacked-${eA}`,
     guid: M.category_guid,
     top_level_guid: M.top_level_category_guid,
@@ -2207,12 +2207,12 @@ const Ys = ({
     label: M.category_name,
     type: "line",
     valueFormatter: (mA) => Q(mA, "0,0")
-  })), cA = [...AA, ...TA], bA = [
+  })), cA = [...AA, ...SA], TA = [
     ...AA.map(({ guid: M, top_level_guid: eA }) => ({
       guid: M,
       top_level_guid: eA
     })),
-    ...TA.map(({ guid: M, top_level_guid: eA }) => ({
+    ...SA.map(({ guid: M, top_level_guid: eA }) => ({
       guid: M,
       top_level_guid: eA
     }))
@@ -2345,7 +2345,7 @@ const Ys = ({
             /* @__PURE__ */ t(
               lc,
               {
-                categoryGuids: bA,
+                categoryGuids: TA,
                 hoveredLegend: h,
                 onClickLegend: Te,
                 onHoverLegend: Se,
@@ -2525,7 +2525,7 @@ const Ys = ({
   calendarActions: A,
   color: e = "primary",
   copy: n,
-  range: r = [EA(Z()), SA(Ne())],
+  range: r = [EA(Z()), IA(Ne())],
   shouldShrinkToIcon: a = !0,
   toolTipContent: i = "",
   variant: o = "outlined"
@@ -2542,17 +2542,17 @@ const Ys = ({
     o === "timeframebuttons" && A.onRangeChanged(G());
   }, [P]);
   const G = () => {
-    const F = SA(Ne());
-    return [SA(ae(F, P)), F];
+    const F = IA(Ne());
+    return [IA(ae(F, P)), F];
   }, B = (F) => {
-    const aA = [...h], AA = h[0], TA = h[1], cA = F === "previous";
+    const aA = [...h], AA = h[0], SA = h[1], cA = F === "previous";
     if (m === n.dateRangePickerCopy.dateRangeThisMonth)
-      aA[0] = cA ? ae(AA, 1) : $A(AA, 1), aA[1] = SA(cA ? ae(TA, 1) : $A(TA, 1));
+      aA[0] = cA ? ae(AA, 1) : $A(AA, 1), aA[1] = IA(cA ? ae(SA, 1) : $A(SA, 1));
     else if (m === n.dateRangePickerCopy.dateRangeYTD || m === n.dateRangePickerCopy.dateRangeLastYear)
       aA[0] = cA ? mr(fr(AA), 1) : Ct(fr(AA), 1), aA[1] = cA ? mr(Cr(AA), 1) : Ct(Cr(AA), 1);
     else {
-      const bA = So(TA, AA);
-      aA[0] = F === "previous" ? ie(AA, bA) : fe(AA, bA), aA[1] = F === "previous" ? ie(TA, bA) : fe(TA, bA);
+      const TA = So(SA, AA);
+      aA[0] = F === "previous" ? ie(AA, TA) : fe(AA, TA), aA[1] = F === "previous" ? ie(SA, TA) : fe(SA, TA);
     }
     C(aA), A.onRangeChanged(aA);
   }, K = () => {
@@ -3560,7 +3560,7 @@ class Tc {
   api = new Rr("/", "");
   categoryApi = new _t("/", "");
   globalStore;
-  dateRange = { start: EA(Z()), end: SA(Z()) };
+  dateRange = { start: EA(Z()), end: IA(Z()) };
   budgets = [];
   categoryTotals = [];
   theme = {};
@@ -4300,7 +4300,7 @@ const Ja = {
 };
 let Gc = class {
   beginDate = EA(/* @__PURE__ */ new Date());
-  endDate = SA(/* @__PURE__ */ new Date());
+  endDate = IA(/* @__PURE__ */ new Date());
   expandedSplits = [];
   isInitialized = !1;
   height = 550;
@@ -5308,7 +5308,7 @@ class xl {
     }
   };
   loadMonthlyCategoryTotals = async (e = this.globalStore.accountStore.accounts, n, r) => {
-    const a = CA(EA(n ?? ae(/* @__PURE__ */ new Date(), 5))), i = CA(SA(r ?? /* @__PURE__ */ new Date()));
+    const a = CA(EA(n ?? ae(/* @__PURE__ */ new Date(), 5))), i = CA(IA(r ?? /* @__PURE__ */ new Date()));
     try {
       const o = await this.api.getMonthlyCategoryTotals(a, i, e);
       J(() => {
@@ -6578,13 +6578,13 @@ const $a = ({ transaction: A }) => {
     selectedAccounts: K,
     setDisplayedDate: X,
     setSelectedAccounts: F
-  } = vA(), [aA, AA] = g.useState(""), [TA, cA] = g.useState(""), [bA, Ae] = g.useState(!1), [Se, Te] = g.useState(!1), [M, eA] = g.useState(!1);
+  } = vA(), [aA, AA] = g.useState(""), [SA, cA] = g.useState(""), [TA, Ae] = g.useState(!1), [Se, Te] = g.useState(!1), [M, eA] = g.useState(!1);
   g.useEffect(() => {
     F(a);
   }, [a]), g.useEffect(() => {
-    const IA = EA(Z()), lr = SA(Z());
-    X(IA, lr), y({
-      dateRange: { start: IA, end: lr },
+    const bA = EA(Z()), lr = IA(Z());
+    X(bA, lr), y({
+      dateRange: { start: bA, end: lr },
       accounts: K.map((Gi) => Gi.guid)
     }), eA(!0), O(j.TRANSACTIONS_VIEW);
   }, []), g.useEffect(() => {
@@ -6597,15 +6597,15 @@ const $a = ({ transaction: A }) => {
     h(n);
   }, [n]);
   const mA = g.useMemo(
-    () => a.filter((IA) => IA.is_manual),
+    () => a.filter((bA) => bA.is_manual),
     [a]
-  ), NA = TA ? S.find((IA) => IA.guid === TA) : void 0, Ue = c && !!s.payee && !!s.account_guid && !!s.category_guid, ln = (IA) => {
-    X(IA[0], IA[1]);
-  }, dn = (IA) => {
-    d(IA), y({
+  ), NA = SA ? S.find((bA) => bA.guid === SA) : void 0, Ue = c && !!s.payee && !!s.account_guid && !!s.category_guid, ln = (bA) => {
+    X(bA[0], bA[1]);
+  }, dn = (bA) => {
+    d(bA), y({
       ...f,
-      searchTerm: IA
-    }), O(j.TRANSACTIONS_CLICK_SEARCH, { search_term: IA });
+      searchTerm: bA
+    }), O(j.TRANSACTIONS_CLICK_SEARCH, { search_term: bA });
   }, _i = () => {
     ad(S, v), O(j.TRANSACTIONS_CLICK_EXPORT);
   }, Bi = () => {
@@ -6667,17 +6667,17 @@ const $a = ({ transaction: A }) => {
               sl,
               {
                 height: `calc(${e} - ${Gr}px)`,
-                onCategoryClick: (IA) => {
-                  cA(IA), AA(
+                onCategoryClick: (bA) => {
+                  cA(bA), AA(
                     "category"
                     /* Category */
                   );
                 },
-                onRowClick: (IA) => {
-                  cA(IA), AA(
+                onRowClick: (bA) => {
+                  cA(bA), AA(
                     "transaction"
                     /* Transaction */
-                  ), O(j.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: IA });
+                  ), O(j.TRANSACTIONS_CLICK_DETAILS, { transaction_guid: bA });
                 }
               }
             )
@@ -6694,8 +6694,8 @@ const $a = ({ transaction: A }) => {
               nt,
               {
                 height: `calc(${e} - ${Gr}px)`,
-                onClick: (IA) => {
-                  cA(IA), AA(
+                onClick: (bA) => {
+                  cA(bA), AA(
                     "transaction"
                     /* Transaction */
                   );
@@ -6742,7 +6742,7 @@ const $a = ({ transaction: A }) => {
           rd,
           {
             copy: { title: x.add_manual_account },
-            isOpen: bA,
+            isOpen: TA,
             onClose: () => {
               Ae(!1);
             },
@@ -6913,7 +6913,7 @@ const $a = ({ transaction: A }) => {
   g.useEffect(() => {
     c({
       accounts: d,
-      dateRange: { start: ie(Z(), 90), end: SA(Z()) }
+      dateRange: { start: ie(Z(), 90), end: IA(Z()) }
     });
   }, []), g.useEffect(() => {
     if (S && A.sequenceGuid) {
@@ -7665,10 +7665,10 @@ const $a = ({ transaction: A }) => {
   ] });
 }, hi = T(zd), it = (A, e) => A + e.amount, gn = (A) => A.activityType === yA.Income && Je(A.expectedDate, {
   start: EA(Z()),
-  end: SA(Z())
+  end: IA(Z())
 }), Dt = (A) => A.activityType === yA.Expense && Je(A.expectedDate, {
   start: EA(Z()),
-  end: SA(Z())
+  end: IA(Z())
 }), Cn = (A) => A.occurredOnDate && Je(A.occurredOnDate, {
   start: EA(/* @__PURE__ */ new Date()),
   end: fe(Z(), 30)
@@ -7758,7 +7758,7 @@ const $a = ({ transaction: A }) => {
   }, o = /* @__PURE__ */ t(
     zn,
     {
-      maxDate: SA($A(/* @__PURE__ */ new Date(), 1)),
+      maxDate: IA($A(/* @__PURE__ */ new Date(), 1)),
       minDate: EA(/* @__PURE__ */ new Date()),
       onMonthChange: i,
       showDaysOutsideCurrentMonth: !0,
@@ -8219,7 +8219,7 @@ class Jd {
     try {
       const e = await this.cashflowApi.getCashflowEventsByDateRange(
         ie(Z(), 90),
-        SA(Z())
+        IA(Z())
       );
       J(() => {
         this.cashflowEvents = e.filter(
@@ -9068,19 +9068,19 @@ const ou = ({ activity: A }) => /* @__PURE__ */ l(iA, { children: [
     if (!(_.length < 1)) {
       b(!0);
       for (let cA = 0; cA < _.length; cA++) {
-        const bA = _[cA], Ae = ii(
-          bA,
-          bA.frequency,
-          bA.nextDate
+        const TA = _[cA], Ae = ii(
+          TA,
+          TA.frequency,
+          TA.nextDate
         ), Se = await e(Ae);
         if (Se) {
-          const Te = oi(Se, bA);
+          const Te = oi(Se, TA);
           await A(Te);
         }
       }
       i();
     }
-  }, TA = !X && m || !X && _.length < 1;
+  }, SA = !X && m || !X && _.length < 1;
   return /* @__PURE__ */ l(
     I,
     {
@@ -9123,12 +9123,12 @@ const ou = ({ activity: A }) => /* @__PURE__ */ l(iA, { children: [
               /* @__PURE__ */ t(ge, { pb: 12, children: r.add_income_title }),
               /* @__PURE__ */ t(fA, { mb: 24, children: r.add_income_description }),
               _.length > 0 && !X && /* @__PURE__ */ l(iA, { children: [
-                /* @__PURE__ */ t(sA, { children: _.map((cA, bA) => /* @__PURE__ */ l(g.Fragment, { children: [
+                /* @__PURE__ */ t(sA, { children: _.map((cA, TA) => /* @__PURE__ */ l(g.Fragment, { children: [
                   /* @__PURE__ */ t(Jn, { bgcolor: "background.paper", children: tn(
                     CA(cA.nextDate || cA.date)
                   ) }),
                   /* @__PURE__ */ t(Vn, { transaction: cA }),
-                  bA !== _.length - 1 && /* @__PURE__ */ t(k, {})
+                  TA !== _.length - 1 && /* @__PURE__ */ t(k, {})
                 ] }, cA.guid)) }),
                 /* @__PURE__ */ l(w, { alignItems: "center", direction: "row", children: [
                   /* @__PURE__ */ t(k, { sx: { flexGrow: 1 } }),
@@ -9142,13 +9142,13 @@ const ou = ({ activity: A }) => /* @__PURE__ */ l(iA, { children: [
                   )
                 ] })
               ] }),
-              TA && /* @__PURE__ */ t(
+              SA && /* @__PURE__ */ t(
                 si,
                 {
                   bgcolor: "background.paper",
                   onSearch: (cA) => d({
                     ...u,
-                    custom: (bA) => cA ? li(bA, cA) : vt(bA)
+                    custom: (TA) => cA ? li(TA, cA) : vt(TA)
                   }),
                   onSelected: (cA) => {
                     K(cA), f(!1);
@@ -9325,7 +9325,7 @@ let Iu = class {
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => pA(e.expectedDate, this.nextIncome?.expectedDate || SA(/* @__PURE__ */ new Date()))
+      (e) => pA(e.expectedDate, this.nextIncome?.expectedDate || IA(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -9371,7 +9371,7 @@ class Ou {
   displayedDate = /* @__PURE__ */ new Date();
   displayedDateRange = {
     start: EA(this.displayedDate),
-    end: SA(this.displayedDate)
+    end: IA(this.displayedDate)
   };
   constructor(e) {
     LA(this), this.globalStore = e;
@@ -14591,22 +14591,22 @@ const St = g.createContext(null), kh = ({
         onTouchStart: K,
         ref: C,
         children: [
-          A.map((AA, TA) => /* @__PURE__ */ t(
+          A.map((AA, SA) => /* @__PURE__ */ t(
             Zh,
             {
               ariaLabel: z(
                 L.card_position_in_carousel_aria,
-                TA + 1,
+                SA + 1,
                 A.length + 1
               ),
               beat: AA,
-              index: TA,
-              isActiveCard: TA === F,
+              index: SA,
+              isActiveCard: SA === F,
               onCardClick: a,
               posthog: i,
               ...X
             },
-            `${AA.guid} ${TA}`
+            `${AA.guid} ${SA}`
           )),
           /* @__PURE__ */ t(
             ug,
@@ -15267,7 +15267,7 @@ const St = g.createContext(null), kh = ({
     o(
       n,
       EA(/* @__PURE__ */ new Date()),
-      SA(/* @__PURE__ */ new Date())
+      IA(/* @__PURE__ */ new Date())
     ).finally();
   }, [n]);
   const [s, c] = g.useState(""), [u, d] = g.useState(0), h = g.useMemo(
@@ -15609,7 +15609,7 @@ const St = g.createContext(null), kh = ({
   g.useEffect(() => {
     o(n);
   }, [n]), g.useEffect(() => {
-    i(EA(Z()), SA(Z())), u(!0), s(j.SPENDING_VIEW);
+    i(EA(Z()), IA(Z())), u(!0), s(j.SPENDING_VIEW);
   }, []);
   const d = (h) => {
     i(h[0], h[1]);
@@ -15627,7 +15627,7 @@ const St = g.createContext(null), kh = ({
     }
   );
 }, u7 = T(bg), Ig = (A) => De[A] ?? De.default, Dg = (A) => Re[A], xg = (A) => A.reduce((e, n) => {
-  const r = SA(new Date(n.year, n.month)), a = {
+  const r = EA(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,
@@ -15644,7 +15644,7 @@ const St = g.createContext(null), kh = ({
       const h = s.filter((m) => m.year_month === d).reduce((m, f) => m + Math.abs(f.amount), 0);
       return { x: new Date(
         Number(String(d).slice(0, 4)),
-        Number(String(d).slice(4))
+        Number(String(d).slice(4)) - 1
       ), y: h };
     }).sort((d, h) => d.x.getTime() - h.x.getTime());
     return {
@@ -15768,7 +15768,7 @@ const St = g.createContext(null), kh = ({
 }, zg = ({ onBackClick: A, sx: e }) => {
   const n = GA(), { onEvent: r } = V(), { isDesktop: a, isTablet: i, isMobile: o } = XA(), { accounts: s } = PA(), { loadMonthlyCategoryTotals: c, monthlyCategoryTotals: u } = MA(), { isInitialized: d, selectedAccounts: h, setSelectedAccounts: C } = vA(), { trends: m } = D(), f = n.palette.mode === "dark", [y, v] = g.useState(!1), [S, b] = g.useState("Chart"), [L, x] = g.useState(""), [P, O] = g.useState({
     start: EA(ae(/* @__PURE__ */ new Date(), 5)),
-    end: SA(/* @__PURE__ */ new Date())
+    end: IA(/* @__PURE__ */ new Date())
   }), [_, G] = g.useState(6);
   g.useEffect(() => {
     C(s);
@@ -15820,11 +15820,11 @@ const St = g.createContext(null), kh = ({
     c(h, eA, mA), O({ start: eA, end: mA }), r(j.TRENDS_CLICK_DATE, {
       time_period: NA + "M"
     }), G(NA);
-  }, TA = () => {
+  }, SA = () => {
     r(j.TRENDS_CLICK_FILTER);
   }, cA = (M) => {
     x(M);
-  }, bA = (M) => {
+  }, TA = (M) => {
     x(M), r(j.TRENDS_CLICK_LEGEND, { category: Re[M] });
   }, Ae = (M) => {
     r(j.TRENDS_HOVER_LEGEND, { category: Re[M] });
@@ -15840,7 +15840,7 @@ const St = g.createContext(null), kh = ({
       calendarActions: { onRangeChanged: AA },
       dateRange: P,
       dateRangeVariant: "timeframebuttons",
-      onAccountsFilterClick: TA,
+      onAccountsFilterClick: SA,
       onBackClick: A,
       sx: e,
       title: m.title,
@@ -15926,7 +15926,7 @@ const St = g.createContext(null), kh = ({
               S === "Chart" && /* @__PURE__ */ t(
                 dc,
                 {
-                  onClickLegend: bA,
+                  onClickLegend: TA,
                   onHoverArea: Se,
                   onHoverLegend: Ae,
                   onHoverPoint: Te,
@@ -15953,7 +15953,7 @@ const St = g.createContext(null), kh = ({
     (i) => i.top_level_category_guid !== p.INCOME && i.top_level_category_guid !== p.TRANSFER && i.total > 0
   );
   let r = EA(ae(/* @__PURE__ */ new Date(), 5));
-  const a = SA(/* @__PURE__ */ new Date());
+  const a = IA(/* @__PURE__ */ new Date());
   for (; pA(r, a); )
     e.push({
       x: $(r, W.MONTH_SHORT),