@mx-cartographer/experiences 7.11.19 → 7.11.20

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.11.20] - 03-12-2026
+
+- **FIXED** - `Finstrong` Chart Date Bug Fixed
+
 ## [7.11.19] - 03-11-2026
 
 - **ADDED** - A11y adjustments to chart markers, legends, tooltips

package/dist/{FinstrongStore-DO0IrhF4.mjs → FinstrongStore-BQxXxxYD.mjs}

@@ -2,15 +2,15 @@ import { makeAutoObservable as E, runInAction as d } from "mobx";
 import { format as R } from "date-fns/format";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import { getUnixTime as T } from "date-fns/getUnixTime";
-import { subMonths as H } from "date-fns/subMonths";
-import { F as x, A as h } from "./Fetch-B6tMJC1r.mjs";
+import { subMonths as v } from "date-fns/subMonths";
+import { F as H, A as h } from "./Fetch-B6tMJC1r.mjs";
 import { jsx as c, jsxs as C } from "react/jsx-runtime";
-import { addDays as v } from "date-fns/addDays";
+import { addDays as x } from "date-fns/addDays";
 import { addMonths as M } from "date-fns/addMonths";
 import { addYears as G } from "date-fns/addYears";
 import { differenceInDays as L } from "date-fns/differenceInDays";
 import { differenceInMonths as w } from "date-fns/differenceInMonths";
-import { differenceInWeeks as A } from "date-fns/differenceInWeeks";
+import { differenceInWeeks as y } from "date-fns/differenceInWeeks";
 import { startOfToday as N } from "date-fns/startOfToday";
 import { ChevronRight as P, Check as k } from "@mxenabled/mx-icons";
 import $ from "react";
@@ -22,8 +22,8 @@ import U from "@mui/material/ListItem";
 import X from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemText";
-import { Text as y } from "@mxenabled/mxui";
-import { f as O, D as _ } from "./DateFormats-BMpMrZpW.mjs";
+import { Text as A } from "@mxenabled/mxui";
+import { f as I, D as O } from "./DateFormats-BMpMrZpW.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";
 import { f as q } from "./NumberFormatting-QCaNwbjv.mjs";
 const m = {
@@ -53,7 +53,7 @@ const m = {
   OFF_TRACK: "OFF TRACK",
   MISSING: "MISSING DATA"
 };
-var I = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(I || {});
+var _ = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(_ || {});
 const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
   Y,
   {
@@ -63,14 +63,14 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
         pr: 24
       }
     },
-    children: e.map((n, r) => /* @__PURE__ */ C($.Fragment, { children: [
-      /* @__PURE__ */ c(U, { secondaryAction: /* @__PURE__ */ c(P, {}), children: /* @__PURE__ */ C(V, { onClick: () => t(n.key), children: [
+    children: e.map((r, n) => /* @__PURE__ */ C($.Fragment, { children: [
+      /* @__PURE__ */ c(U, { secondaryAction: /* @__PURE__ */ c(P, {}), children: /* @__PURE__ */ C(V, { onClick: () => t(r.key), children: [
         /* @__PURE__ */ c(X, { children: /* @__PURE__ */ c(
           z,
           {
             sx: {
               bgcolor: "primary.main",
-              ...!n.isComplete && {
+              ...!r.isComplete && {
                 bgcolor: "transparent",
                 borderColor: "action.active",
                 borderStyle: "solid",
@@ -78,19 +78,19 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
                 color: "action.active"
               }
             },
-            children: n.icon
+            children: r.icon
           }
         ) }),
         /* @__PURE__ */ c(
           W,
           {
-            primary: /* @__PURE__ */ c(y, { sx: { color: "text.secondary" }, variant: "caption", children: n.primaryText }),
-            secondary: /* @__PURE__ */ c(y, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: n.secondaryText })
+            primary: /* @__PURE__ */ c(A, { sx: { color: "text.secondary" }, variant: "caption", children: r.primaryText }),
+            secondary: /* @__PURE__ */ c(A, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: r.secondaryText })
           }
         )
       ] }) }),
-      /* @__PURE__ */ c(B, { sx: { color: "divider", ml: r === e.length - 1 ? 0 : 68 } })
-    ] }, n.key))
+      /* @__PURE__ */ c(B, { sx: { color: "divider", ml: n === e.length - 1 ? 0 : 68 } })
+    ] }, r.key))
   }
 ) }), Gt = J, Lt = (e) => e * (180 / Math.PI), wt = (e, t) => [
   {
@@ -129,86 +129,86 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, Nt = (e, t, n) => e >= 300 && e < 580 ? {
-  status: n.poor,
+}, Nt = (e, t, r) => e >= 300 && e < 580 ? {
+  status: r.poor,
   color: t ? u.POOR : g.POOR
 } : e >= 580 && e < 670 ? {
-  status: n.fair,
+  status: r.fair,
   color: t ? u.FAIR : g.FAIR
 } : e >= 670 && e < 740 ? {
-  status: n.good,
+  status: r.good,
   color: t ? u.GOOD : g.GOOD
 } : e >= 740 && e < 800 ? {
-  status: n.very_good,
+  status: r.very_good,
   color: t ? u.VERY_GOOD : g.VERY_GOOD
 } : e >= 800 && e <= 850 ? {
-  status: n.exceptional,
+  status: r.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: n.missing_data }, Pt = (e, t, n, r) => {
+} : { status: r.missing_data }, Pt = (e, t, r, n) => {
   const o = e.reduce((i, l) => i + l.value, 0);
   let a = 0;
   const s = e.map((i) => {
-    const l = i.value / o * t, p = n + a, f = p + l;
+    const l = i.value / o * t, p = r + a, f = p + l;
     return a += l, {
       ...i,
       startAngle: p,
       endAngle: f
     };
   });
-  return [s[r].startAngle, s[r].endAngle];
-}, kt = (e, t, n, r, o) => {
+  return [s[n].startAngle, s[n].endAngle];
+}, kt = (e, t, r, n, o) => {
   let a = 0, s = 0;
-  const i = Math.floor(r), l = r - i;
-  return i > n ? (a = e, s = t) : i === n && l > 0 && (a = e, s = o), [a, s];
-}, $t = (e, t, n = 0) => {
-  const r = e * Math.sin(t - n), o = -e * Math.cos(t - n);
-  return [r, o];
+  const i = Math.floor(n), l = n - i;
+  return i > r ? (a = e, s = t) : i === r && l > 0 && (a = e, s = o), [a, s];
+}, $t = (e, t, r = 0) => {
+  const n = e * Math.sin(t - r), o = -e * Math.cos(t - r);
+  return [n, o];
 }, zt = ({
   dynamicCopy: e,
   fallbackLabel: t,
-  icon: n,
-  key: r,
+  icon: r,
+  key: n,
   label: o,
   value: a
 }) => {
-  const s = !!a, i = s ? Q(r, a) : e && j(e, t) || t;
+  const s = !!a, i = s ? Q(n, a) : e && j(e, t) || t;
   return {
-    icon: s ? /* @__PURE__ */ c(k, {}) : n,
+    icon: s ? /* @__PURE__ */ c(k, {}) : r,
     isComplete: s,
-    key: r,
+    key: n,
     primaryText: o,
     secondaryText: i
   };
 }, Q = (e, t) => ({
-  [I.DateOfBirth]: (r) => R(new Date(Number(r) * 1e3), "MMM d, yyyy"),
-  [I.MonthlyIncome]: (r) => q(Number(r), "0.00")
+  [_.DateOfBirth]: (n) => R(new Date(Number(n) * 1e3), "MMM d, yyyy"),
+  [_.MonthlyIncome]: (n) => q(Number(n), "0.00")
 })[e]?.(t) ?? String(t), Kt = (e) => e !== null ? Math.round(e * 100) : null, Bt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
-  return O(t, _.MONTH_SHORT);
+  return I(t, O.MONTH_SHORT);
 }, Yt = (e) => {
-  const { good: t, poor: n } = m.daysOfCashOnHand;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.daysOfCashOnHand;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Ut = (e) => {
-  const { good: t, poor: n } = m.emergencySavings;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.emergencySavings;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Xt = (e) => {
-  const { good: t, poor: n } = m.spendToIncomeRatio;
-  return e === null ? "MISSING" : e < t ? "GOOD" : e < n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.spendToIncomeRatio;
+  return e === null ? "MISSING" : e < t ? "GOOD" : e < r ? "FAIR" : "OFF_TRACK";
 }, Vt = (e) => {
-  const { good: t, poor: n } = m.debtToIncomeRatio;
-  return e === null ? "MISSING" : e <= t ? "GOOD" : e <= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.debtToIncomeRatio;
+  return e === null ? "MISSING" : e <= t ? "GOOD" : e <= r ? "FAIR" : "OFF_TRACK";
 }, Wt = (e) => {
-  const { good: t, poor: n } = m.creditScore;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.creditScore;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Z = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", jt = (e, t) => {
-  const n = Z(e), r = {
+  const r = Z(e), n = {
     GOOD: t.count_good_description,
     OFF_TRACK: t.count_off_track_description,
     MISSING: t.count_missing_description
   };
   return {
-    cardState: n,
-    description: r[n],
+    cardState: r,
+    description: n[r],
     title: t.count_card_title
   };
 }, qt = (e) => ({
@@ -216,14 +216,14 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
   [S.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
   [S.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
   [S.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-})[e], tt = 1, et = 1, nt = {
+})[e], tt = 1, et = 1, rt = {
   1: M,
   2: G,
-  3: v
-}, rt = {
+  3: x
+}, nt = {
   1: w,
-  2: (e, t) => A(e, t) / 2,
-  3: A,
+  2: (e, t) => y(e, t) / 2,
+  3: y,
   4: L
 }, D = [
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
@@ -232,44 +232,44 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
 ], Jt = ({
   contribution: e,
   goalAmount: t,
-  goalPeriod: n,
-  targetPeriod: r,
+  goalPeriod: r,
+  targetPeriod: n,
   totalSaved: o
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = nt[r], l = rt[e];
+  const s = N(), i = rt[n], l = nt[e];
   if (!i || !l) return a;
-  const p = i(s, n), f = l(p, s);
+  const p = i(s, r), f = l(p, s);
   return Math.max(a / (f || 1), 1);
-}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => D.find((n) => e < n.upperLimit)?.targetAmount ?? et, te = (e) => D.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
-  x: O(new Date(0, r.month - 1, 1), _.MONTH_SHORT),
-  y: r[t]
-})), ot = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
-  x: O(
+}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => D.find((r) => e < r.upperLimit)?.targetAmount ?? et, te = (e) => D.find((n) => e < n.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((n, o) => n.year === o.year ? n.month - o.month : n.year - o.year).map((n) => ({
+  x: I(new Date(0, n.month - 1, 1), O.MONTH_SHORT),
+  y: n[t]
+})), ot = (e) => e.sort((t, r) => t.monthly_health_score_average.year !== r.monthly_health_score_average.year ? t.monthly_health_score_average.year - r.monthly_health_score_average.year : t.monthly_health_score_average.month - r.monthly_health_score_average.month).map((t) => ({
+  x: I(
     new Date(0, t.monthly_health_score_average.month - 1, 1),
-    _.MONTH_SHORT
+    O.MONTH_SHORT
   ),
   y: Math.round(t.monthly_health_score_average.average_health_score)
-})), at = (e) => e.map(({ transaction: n }) => ({
-  ...n
-})).sort((n, r) => r.date - n.date);
+})), at = (e) => e.map(({ transaction: r }) => ({
+  ...r
+})).sort((r, n) => n.date - r.date);
 class F {
   fetchInstance;
-  constructor(t, n, r) {
-    this.fetchInstance = new x(t, n, void 0, r);
+  constructor(t, r, n) {
+    this.fetchInstance = new H(t, r, void 0, n);
   }
   calculateHealthScore = async () => this.fetchInstance.post(`${h.HEALTH_SCORES}/calculate`).then((t) => t.health_score);
   getAverageHealthScores = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/monthly_averages`).then((t) => t);
   getDebtSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/debt_spend`).then((t) => t);
   getIncome = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/income`).then((t) => t);
   getMonthlySummaries = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/monthly_summaries`).then((t) => t);
-  getHealthScoreChangeReports = async (t, n) => this.fetchInstance.get(`${h.HEALTH_SCORES}/change_report/from/${t}/to/${n}`).then((r) => r);
-  getPeerScore = async (t) => this.fetchInstance.get(`${h.HEALTH_SCORES}/average/${t}`).then((n) => n);
+  getHealthScoreChangeReports = async (t, r) => this.fetchInstance.get(`${h.HEALTH_SCORES}/change_report/from/${t}/to/${r}`).then((n) => n);
+  getPeerScore = async (t) => this.fetchInstance.get(`${h.HEALTH_SCORES}/average/${t}`).then((r) => r);
   getSpendingFeeTransactions = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/spending_fee`).then((t) => t);
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
-class ne {
+class re {
   api = new F("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
@@ -296,15 +296,15 @@ class ne {
   };
   calculateHealthScore = async (t = !0) => {
     try {
-      const n = await this.api.calculateHealthScore();
-      let r = 0;
+      const r = await this.api.calculateHealthScore();
+      let n = 0;
       t && await this.loadHealthScoreChangeReports();
-      const o = n?.health_score || 0, a = this.healthScoreChangeReports.at(-1)?.older_health_score || 0;
-      r = o - a, d(() => {
-        this.healthScore = n, this.healthScoreChange = r;
+      const o = r?.health_score || 0, a = this.healthScoreChangeReports.at(-1)?.older_health_score || 0;
+      n = o - a, d(() => {
+        this.healthScore = r, this.healthScoreChange = n;
       });
-    } catch (n) {
-      console.error("Error calculating health score:", n);
+    } catch (r) {
+      console.error("Error calculating health score:", r);
     }
   };
   loadAverageHealthScores = async () => {
@@ -349,28 +349,28 @@ class ne {
     }
   };
   loadHealthScoreChangeReports = async () => {
-    const t = T(H(/* @__PURE__ */ new Date(), 2)), n = T(/* @__PURE__ */ new Date());
+    const t = T(v(/* @__PURE__ */ new Date(), 2)), r = T(/* @__PURE__ */ new Date());
     try {
-      const r = await this.api.getHealthScoreChangeReports(
+      const n = await this.api.getHealthScoreChangeReports(
         t,
-        n
+        r
       );
       d(() => {
-        this.healthScoreChangeReports = r;
+        this.healthScoreChangeReports = n;
       });
-    } catch (r) {
-      console.error("Error loading health score change reports:", r);
+    } catch (n) {
+      console.error("Error loading health score change reports:", n);
     }
   };
   loadPeerScore = async () => {
     const t = R(b(this.globalStore.appDataStore.user.birthday), "yyyy");
     try {
-      const n = await this.api.getPeerScore(t);
+      const r = await this.api.getPeerScore(t);
       d(() => {
-        this.peerScore = n;
+        this.peerScore = r;
       });
-    } catch (n) {
-      console.error("Error loading peer score:", n);
+    } catch (r) {
+      console.error("Error loading peer score:", r);
     }
   };
   loadAugmentedChartData = async () => {
@@ -385,9 +385,9 @@ class ne {
   };
   getSpendingFeeTransactions = async () => {
     try {
-      const t = await this.api.getSpendingFeeTransactions(), n = at(t);
+      const t = await this.api.getSpendingFeeTransactions(), r = at(t);
       d(() => {
-        this.spendingFeeTransactions = n;
+        this.spendingFeeTransactions = r;
       });
     } catch (t) {
       console.error(`Error occurred while getting spending fee transactions: ${t}`);
@@ -419,9 +419,9 @@ class ne {
   };
 }
 export {
-  I as A,
+  _ as A,
   u as C,
-  ne as F,
+  re as F,
   Gt as P,
   kt as a,
   $t as b,

package/dist/common/index.es.js

@@ -67,7 +67,7 @@ import { startOfToday as D } from "date-fns/startOfToday";
 import { f as rt, a as ot, b as A } from "../BudgetUtil-QbRXtLKn.mjs";
 import { g as _o, e as fo, c as mo, d as yo, i as So } from "../BudgetUtil-QbRXtLKn.mjs";
 import { D as at } from "../DebtsStore-BZqNLaqd.mjs";
-import { F as it } from "../FinstrongStore-DO0IrhF4.mjs";
+import { F as it } from "../FinstrongStore-BQxXxxYD.mjs";
 import { A as nt, m as ct, a as ut, b as dt } from "../InvestmentUtil-BItV7uEs.mjs";
 import { M as lt } from "../MerchantStore-BzGi4JAZ.mjs";
 import { N as ht } from "../NetWorthStore-DP78lgZ0.mjs";

package/dist/finstrong/components/shared/DoubleBarChart.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export interface FinancialData {
+    year: number;
     month: number;
     standard_spend: number;
     income: number;

package/dist/finstrong/index.es.js

@@ -5,8 +5,8 @@ import { useTheme as z, alpha as ce } from "@mui/material/styles";
 import { PieChart as tn } from "@mui/x-charts/PieChart";
 import { P as D, H3 as X, Text as I, InstitutionLogo as pt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
 import { TrendingUp as rn, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as _t, ChevronRight as Z, CheckCircle as cn, Cancel as ln, CreditCard as ut, Savings as dn, ContentCopy as pn, MultilineChart as _n, Add as ht, Cardiology as un, Payments as hn, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { g as yn, a as bn, r as et, b as fn, c as Ne, d as mt, C as ke, e as Me, f as xn, h as Sn, i as Cn, j as gt, k as tt, l as vn, m as nt, n as wn, o as yt, p as kn, q as bt, s as Oe, t as ft, u as Mn, v as xt, w as Dn, A as oe, x as In, P as Tn } from "../FinstrongStore-DO0IrhF4.mjs";
-import { y as Ci, F as vi } from "../FinstrongStore-DO0IrhF4.mjs";
+import { g as yn, a as bn, r as et, b as fn, c as Ne, d as mt, C as ke, e as Me, f as xn, h as Sn, i as Cn, j as gt, k as tt, l as vn, m as nt, n as wn, o as yt, p as kn, q as bt, s as Oe, t as ft, u as Mn, v as xt, w as Dn, A as oe, x as In, P as Tn } from "../FinstrongStore-BQxXxxYD.mjs";
+import { y as Ci, F as vi } from "../FinstrongStore-BQxXxxYD.mjs";
 import * as ot from "d3";
 import { observer as k } from "mobx-react-lite";
 import { u as v, b as J, a as je, o as ee, y as L, p as An, d as Se, m as Ke, f as On, j as Ve, h as Rn, i as Ln } from "../hooks-zu7yblbi.mjs";
@@ -1709,7 +1709,7 @@ const zo = ({ total: t }) => {
   totalMain: d
 }) => {
   const p = z(), u = qn(p.breakpoints.down("xs")), m = h.useMemo(
-    () => o.sort((g, y) => g.month - y.month).map((g) => {
+    () => o.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
       const y = Mn(g.month), A = {
         spending_vs_income: {
           main: g.standard_spend,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.11.19",
+  "version": "7.11.20",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",