@mx-cartographer/experiences 7.2.15-alpha-ram2-finstromg-testing → 7.2.15-alpha-ram4-finstrong-testing

package/dist/{CategoryStore-C1IfDPCE.mjs → CategoryStore-2mI6CCiD.mjs}

@@ -5,7 +5,7 @@ import { startOfMonth as h } from "date-fns/startOfMonth";
 import { endOfMonth as d } from "date-fns/endOfMonth";
 import { a as T, g as m } from "./CategoryUtil-DUM8NuGO.mjs";
 import { F as p, A as i } from "./Fetch-87LIQbEA.mjs";
-import { b as f, c as w } from "./Category-CevNQ03n.mjs";
+import { b as f, c as S } from "./Category-CevNQ03n.mjs";
 class y {
   fetchInstance;
   constructor(t, e, o) {
@@ -31,7 +31,7 @@ class y {
   removeCategory = async (t) => this.fetchInstance.delete(`${i.CATEGORIES}/${t}`);
   updateCategory = async (t) => this.fetchInstance.put(`${i.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
 }
-class S {
+class w {
   expandedGuid = null;
   selectedGuid = null;
   searchValue = "";
@@ -54,7 +54,7 @@ class S {
   onSelect = (t) => this.savedOnSelect(t);
   setOnSelect = (t) => this.savedOnSelect = t;
 }
-class G {
+class A {
   globalStore;
   uiStore;
   api = new y("/", "");
@@ -65,7 +65,7 @@ class G {
   isLoadingCategoryTotals = !1;
   monthlyTotalsLoaded = !1;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new S(), this.api = new y(t.endpoint, t.sessionToken, t.onError), u(this);
+    this.globalStore = t, this.uiStore = new w(), this.api = new y(t.endpoint, t.sessionToken, t.onError), u(this);
   }
   get detailedCategories() {
     return T(
@@ -120,7 +120,7 @@ class G {
         r(o),
         t
       );
-      l(() => {
+      console.log(e, o, "start date", "enddate"), console.log(JSON.parse(JSON.stringify(a)), "totals"), l(() => {
         this.dateRangeCategoryTotals = a, this.setIsLoadingCategoryTotals(!1), this.dataRangeTotalsLoaded = !0;
       });
     } catch (a) {
@@ -175,9 +175,9 @@ class G {
     }
   };
   // TODO: Remove this after refactoring Trends components to use detailedCategories
-  getCategoryName = (t) => this.categories.find((o) => o.guid === t)?.name ?? w[t];
+  getCategoryName = (t) => this.categories.find((o) => o.guid === t)?.name ?? S[t];
 }
 export {
-  G as C,
+  A as C,
   y as a
 };

package/dist/{SpendingLegend-CW8mIzqd.mjs → SpendingLegend-CopEyF2t.mjs}

@@ -1,87 +1,88 @@
 import { b as S } from "./CategoryUtil-DUM8NuGO.mjs";
 import { b as p } from "./Category-CevNQ03n.mjs";
-import { jsxs as y, Fragment as v, jsx as m } from "react/jsx-runtime";
+import { jsxs as y, Fragment as O, jsx as d } from "react/jsx-runtime";
 import x from "react";
-import { observer as w } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { CategoryIcon as M, CategoryIconVariants as N, Text as h } from "@mxenabled/mxui";
-import { u as k } from "./useAriaLive-B3_pRUio.mjs";
-import G from "@mui/material/Button";
-import { useTheme as A } from "@mui/material";
-import { D as O } from "./Donut-oaQFlbit.mjs";
+import { observer as I } from "mobx-react-lite";
+import h from "@mui/material/Stack";
+import { CategoryIcon as v, CategoryIconVariants as w, Text as f } from "@mxenabled/mxui";
+import { u as M } from "./useAriaLive-B3_pRUio.mjs";
+import k from "@mui/material/Button";
+import { useTheme as G } from "@mui/material";
+import { D as A } from "./Donut-oaQFlbit.mjs";
 import { u as j } from "./hooks-C41HAxM5.mjs";
 import { u as R } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-Buh7u8Oi.mjs";
 import $ from "@mui/material/Box";
-const T = 5, B = (r, l, u) => u.reduce((g, t) => {
+const T = 5, B = (r, l, g) => g.reduce((s, t) => {
   if (t.total > 0) {
     const n = r.find((e) => e.guid === t.category_guid);
-    if (!n) return g;
-    const s = n.parent_guid ?? n.guid, o = r.find((e) => e.guid === s);
-    if (!o) return g;
+    if (!n) return s;
+    const u = n.parent_guid ?? n.guid, o = r.find((e) => e.guid === u);
+    if (!o) return s;
     const a = {
       guid: n.guid,
-      name: n.guid === s ? `General ${n.name}` : n.name,
+      name: n.guid === u ? `General ${n.name}` : n.name,
       color: S(o.guid, l),
       amount: t.total
-    }, c = g.find((e) => e.guid === s);
-    c ? (c.amount += t.total, c.categoryTotals?.push(a)) : g.push({
-      guid: s,
+    }, c = s.find((e) => e.guid === u);
+    c ? (c.amount += t.total, c.categoryTotals?.push(a)) : s.push({
+      guid: u,
       name: o.name,
       color: S(o.guid, l),
       categoryTotals: [a],
       amount: t.total
     });
   }
-  return g;
-}, []), to = (r, l, u, g) => {
-  const t = B(r, u, g), n = t.filter(
+  return s;
+}, []), to = (r, l, g, s) => {
+  console.log(JSON.parse(JSON.stringify(s)), "daterangecategorytotals"), console.log(JSON.parse(JSON.stringify(r)), "categories");
+  const t = B(r, g, s), n = t.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER
-  ).sort((e, d) => d.amount - e.amount), s = n.reduce(
-    (e, d) => e + d.amount,
+  ).sort((e, m) => m.amount - e.amount), u = n.reduce(
+    (e, m) => e + m.amount,
     0
   ), o = n.length > T ? T : n.length, a = n.slice(0, o), c = a.map((e) => ({
     id: e.guid,
-    color: S(e.guid, u),
+    color: S(e.guid, g),
     label: e.name,
-    value: e.amount / s * 100
+    value: e.amount / u * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(T, t.length), d = e.reduce(
+    const e = n.slice(T, t.length), m = e.reduce(
       (C, i) => C + i.amount,
       0
     );
     a.push({
       guid: "other",
-      color: u.palette.categories.others || "",
+      color: g.palette.categories.others || "",
       name: l.saving_goal_other,
       categoryTotals: e,
-      amount: d
+      amount: m
     }), c.push({
       id: "other",
-      color: u.palette.categories.others || "",
+      color: g.palette.categories.others || "",
       label: l.saving_goal_other,
-      value: d / s * 100
+      value: m / u * 100
     });
   }
   return {
     categoryData: a,
     donutData: c,
-    totalAmount: s
+    totalAmount: u
   };
-}, no = (r, l, u) => {
-  const g = r.filter(
+}, no = (r, l, g) => {
+  const s = r.filter(
     (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
-  ), t = l.filter((o) => g.some((a) => a.guid === o.category_guid)).sort((o, a) => o.total - a.total).map((o, a) => ({
+  ), t = l.filter((o) => s.some((a) => a.guid === o.category_guid)).sort((o, a) => o.total - a.total).map((o, a) => ({
     guid: o.category_guid,
     name: r.find((c) => c.guid === o.category_guid)?.name,
-    color: u[a],
+    color: g[a],
     categoryTotals: [],
     amount: Math.abs(o.total)
   })), n = t.reduce(
     (o, a) => o + a.amount,
     0
-  ), s = t.map((o) => ({
+  ), u = t.map((o) => ({
     id: o.guid,
     color: o.color,
     label: o.name,
@@ -89,37 +90,37 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
   }));
   return {
     categoryData: t,
-    donutData: s,
+    donutData: u,
     totalAmount: n
   };
 }, H = ({
   data: r,
   isIncome: l = !1,
-  onSelected: u,
-  onViewTransactions: g,
+  onSelected: g,
+  onViewTransactions: s,
   selectedId: t,
   size: n = 150,
-  totalLabel: s,
+  totalLabel: u,
   variant: o = "mini"
 }) => {
-  const { spending: a } = j(), c = A(), { isTablet: e } = R(), { announce: d, ariaLive: C } = k(), i = x.useMemo(
+  const { spending: a } = j(), c = G(), { isTablet: e } = R(), { announce: m, ariaLive: C } = M(), i = x.useMemo(
     () => t ? r.categoryData.find((b) => b.guid === t) : void 0,
     [t]
   );
   x.useEffect(() => {
     if (i) {
       const b = D(i.amount, "0,0");
-      d(`${i.name}: ${b}`);
+      m(`${i.name}: ${b}`);
     }
-  }, [i, d]);
-  const _ = x.useMemo(() => r.donutData.length > 0 ? r.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [r, c]), E = () => {
-    g?.(t);
-  }, I = e ? 32 : 48;
-  return /* @__PURE__ */ y(v, { children: [
+  }, [i, m]);
+  const _ = x.useMemo(() => r.donutData.length > 0 ? r.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [r, c]), N = () => {
+    s?.(t);
+  }, E = e ? 32 : 48;
+  return /* @__PURE__ */ y(O, { children: [
     C,
-    /* @__PURE__ */ m(O, { data: _, onClick: u, selectedId: t, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ d(A, { data: _, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       i && /* @__PURE__ */ y(
-        f,
+        h,
         {
           alignItems: "center",
           gap: o === "mini" ? 0 : 8,
@@ -127,35 +128,35 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
           mt: o === "mini" ? 0 : -16,
           sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
-            /* @__PURE__ */ m(
-              M,
+            /* @__PURE__ */ d(
+              v,
               {
                 categoryGuid: l ? p.INCOME : i.guid,
-                size: o === "mini" ? 24 : I,
-                variant: N.Transparent
+                size: o === "mini" ? 24 : E,
+                variant: w.Transparent
               }
             ),
-            /* @__PURE__ */ m(
-              h,
+            /* @__PURE__ */ d(
+              f,
               {
                 color: "secondary",
                 noWrap: !0,
                 variant: o === "mini" ? "Tiny" : "Body",
-                children: i ? i.name : s
+                children: i ? i.name : u
               }
             )
           ]
         }
       ),
-      !i && o === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: s }),
-      /* @__PURE__ */ m(h, { variant: o === "mini" ? "H2" : "H1", children: i ? D(i.amount, "0,0") : D(r.totalAmount, "0,0") }),
-      !i && o === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: s }),
-      o === "full" && /* @__PURE__ */ m(
-        G,
+      !i && o === "full" && /* @__PURE__ */ d(f, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: u }),
+      /* @__PURE__ */ d(f, { variant: o === "mini" ? "H2" : "H1", children: i ? D(i.amount, "0,0") : D(r.totalAmount, "0,0") }),
+      !i && o === "mini" && /* @__PURE__ */ d(f, { color: "secondary", noWrap: !0, variant: "Tiny", children: u }),
+      o === "full" && /* @__PURE__ */ d(
+        k,
         {
           "aria-label": `View ${i?.name || ""} Transactions`,
           disabled: r.categoryData.length === 0,
-          onClick: E,
+          onClick: N,
           sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
           variant: "text",
           children: a.view_transactions
@@ -163,26 +164,26 @@ const T = 5, B = (r, l, u) => u.reduce((g, t) => {
       )
     ] }) }) })
   ] });
-}, eo = w(H), ro = ({ data: r, onSelected: l, selectedId: u }) => {
-  const g = (t, n) => {
+}, eo = I(H), ro = ({ data: r, onSelected: l, selectedId: g }) => {
+  const s = (t, n) => {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
   };
-  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: r.categoryData.map((t) => /* @__PURE__ */ y(
-    f,
+  return /* @__PURE__ */ d(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: r.categoryData.map((t) => /* @__PURE__ */ y(
+    h,
     {
       alignItems: "center",
       "aria-label": t.name,
-      "aria-pressed": t.guid === u,
+      "aria-pressed": t.guid === g,
       direction: "row",
       gap: 8,
       onClick: () => l(t.guid),
-      onKeyDown: (n) => g(n, t.guid),
+      onKeyDown: (n) => s(n, t.guid),
       role: "button",
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ m($, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
-        /* @__PURE__ */ m(h, { bold: t.guid === u, variant: "XSmall", children: t.name })
+        /* @__PURE__ */ d($, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
+        /* @__PURE__ */ d(f, { bold: t.guid === g, variant: "XSmall", children: t.name })
       ]
     },
     t.guid

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
 import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-ZO9N26Kx.mjs";
-import { C as g } from "../CategoryStore-C1IfDPCE.mjs";
+import { C as g } from "../CategoryStore-2mI6CCiD.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/common/index.es.js

@@ -2,8 +2,8 @@ import { G as k } from "../useCombineEvents-BUDIR1ba.mjs";
 import { A as ss, a as rs, u as os, b as as } from "../useCombineEvents-BUDIR1ba.mjs";
 import { F as S, A as h } from "../Fetch-87LIQbEA.mjs";
 import { B as is } from "../BeatApi-DhJpgCLz.mjs";
-import { C as et } from "../CategoryStore-C1IfDPCE.mjs";
-import { a as ds } from "../CategoryStore-C1IfDPCE.mjs";
+import { C as et } from "../CategoryStore-2mI6CCiD.mjs";
+import { a as ds } from "../CategoryStore-2mI6CCiD.mjs";
 import { N as st } from "../NotificationStore-C6PH6MKm.mjs";
 import { a as us } from "../NotificationStore-C6PH6MKm.mjs";
 import { T as rt } from "../User-wXzDI4M8.mjs";

package/dist/finstrong/index.es.js

@@ -9,8 +9,8 @@ import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as ve, e as we,
 import { y as Gi, F as Hi } from "../FinstrongStore-BbnA6Crl.mjs";
 import * as st from "d3";
 import { observer as S } from "mobx-react-lite";
-import { u as v, b as j, p as Q, z as F, q as Hn, a as kt, d as Me, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
-import { L as J } from "../Loader-DUaFpDGv.mjs";
+import { u as v, b as j, p as J, z as F, q as Hn, a as kt, d as Me, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
+import { L as Q } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import $ from "@mui/material/Button";
 import K from "@mui/material/Card";
@@ -32,9 +32,9 @@ import be from "@mui/material/ListItemText";
 import { g as Tt } from "../AccountFields-CPkGZ3SD.mjs";
 import Re from "@mui/material/List";
 import Zn from "@mui/material/ListItemButton";
-import Qn from "@mui/material/ListSubheader";
+import Jn from "@mui/material/ListSubheader";
 import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { S as ct, F as Ot, e as Jn, R as Rt } from "../RecurringTransactions-CngsRZ3K.mjs";
+import { S as ct, F as Ot, e as Qn, R as Rt } from "../RecurringTransactions-CngsRZ3K.mjs";
 import { Button as eo } from "@mui/material";
 import { S as to } from "../StatusBar-BK_uYHAB.mjs";
 import { h as Ze } from "../DateUtil-CBdcsyuk.mjs";
@@ -51,7 +51,7 @@ import { ResponsiveChartContainer as po } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as uo, animated as lt } from "@react-spring/web";
 import { startOfMonth as Lt } from "date-fns/startOfMonth";
 import { endOfMonth as Wt } from "date-fns/endOfMonth";
-import { g as _o, S as ho, b as mo } from "../SpendingLegend-CW8mIzqd.mjs";
+import { g as _o, S as ho, b as mo } from "../SpendingLegend-CopEyF2t.mjs";
 import { formatISO as go } from "date-fns/formatISO";
 import { fromUnixTime as yo } from "date-fns/fromUnixTime";
 import { startOfToday as dt } from "date-fns/startOfToday";
@@ -366,7 +366,7 @@ const zo = ({
         color: d ? ve.EXCEPTIONAL : we.EXCEPTIONAL
       }
     ], { finstrong: p } = v(), { isCopyLoaded: h } = j();
-    if (!h) return /* @__PURE__ */ e(J, {});
+    if (!h) return /* @__PURE__ */ e(Q, {});
     const { status: _, color: b = "none" } = St(
       n,
       d,
@@ -465,7 +465,7 @@ const zo = ({
 };
 var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
 const Go = ({ isOpen: t, onClose: r }) => {
-  const { common: n, finstrong: o } = v(), { isMobile: c } = Ue(), { updateUser: a, user: s } = Q(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
+  const { common: n, finstrong: o } = v(), { isMobile: c } = Ue(), { updateUser: a, user: s } = J(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
     r(), setTimeout(() => l(s.credit_score || 0), 300);
   }, _ = () => {
     !d || d === s.credit_score || a({ ...s, credit_score: d });
@@ -514,7 +514,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
 }, Ho = ({ chartFor: t }) => {
-  const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = Q(), { finstrong: a } = v(), [s, { width: d }] = It(), l = {
+  const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = J(), { finstrong: a } = v(), [s, { width: d }] = It(), l = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(gt, { size: 48, sx: { marginBottom: 8 } }),
       title: a.key_indicators_save.zero_state_title,
@@ -596,10 +596,10 @@ const Go = ({ isOpen: t, onClose: r }) => {
     /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: l.title }),
     /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: l.description })
   ] }) });
-}, Qe = S(Ho), No = {
+}, Je = S(Ho), No = {
   updated_score: "Updated Score"
 }, Ko = () => {
-  const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [c, a] = m.useState(!1);
+  const { healthScoreChange: t } = F(), { user: r } = J(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [c, a] = m.useState(!1);
   return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
     /* @__PURE__ */ e(
       Eo,
@@ -612,7 +612,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     ),
     /* @__PURE__ */ e($, { onClick: () => a(!0), variant: "contained", children: No.updated_score }),
     /* @__PURE__ */ e(Gt, { isOpen: c, onClose: () => a(!1) }),
-    /* @__PURE__ */ e(Qe, { chartFor: "creditOverTime" })
+    /* @__PURE__ */ e(Je, { chartFor: "creditOverTime" })
   ] });
 }, jo = S(Ko), Le = ({ status: t }) => {
   const { finstrong: r } = v(), n = On(Rn[t]), o = {
@@ -645,7 +645,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
 }, Yo = {
   keep_strong_credit_score: "Keep a Strong Credit Score"
 }, Vo = () => {
-  const { user: t } = Q(), r = Ct(t.credit_score ?? null);
+  const { user: t } = J(), r = Ct(t.credit_score ?? null);
   return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(N, { children: Yo.keep_strong_credit_score }),
     /* @__PURE__ */ e(Le, { status: r })
@@ -705,7 +705,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ e(J, {});
+  ] }) : /* @__PURE__ */ e(Q, {});
 }, Ht = S(qo), Uo = ({
   onClick: t,
   shouldShowBalance: r = !0,
@@ -730,7 +730,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     return /* @__PURE__ */ i(
       Re,
       {
-        subheader: /* @__PURE__ */ e(Qn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+        subheader: /* @__PURE__ */ e(Jn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: c.account_types[l] }),
           r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: L(h, "0,0.00") })
         ] }) }),
@@ -864,12 +864,12 @@ const B = {
   suggested_goal: "Suggested Goal: $25,000",
   weekly: "Weekly",
   years: "Years"
-}, Qo = [
+}, Jo = [
   { id: U.Monthly, label: B.monthly },
   { id: U.BiWeekly, label: B.bi_weekly },
   { id: U.Weekly, label: B.weekly },
   { id: U.Daily, label: B.daily }
-], Jo = {
+], Qo = {
   [U.Monthly]: B.estimated_period_monthly,
   [U.BiWeekly]: B.estimated_period_bi_weekly,
   [U.Weekly]: B.estimated_period_weekly,
@@ -912,7 +912,7 @@ const B = {
           /* @__PURE__ */ e(I, { variant: "h2", children: L(n, "0,0") }),
           /* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
-            Jo[c]
+            Qo[c]
           ] })
         ] }),
         title: B.estimated_contribution
@@ -939,7 +939,7 @@ const B = {
       {
         label: B.how_often_contribute,
         onChange: d,
-        options: Qo,
+        options: Jo,
         required: !0,
         value: s
       }
@@ -1105,7 +1105,7 @@ const B = {
   transactions: t,
   bgcolor: r,
   height: n = "calc(100dvh - 36px)",
-  loader: o = /* @__PURE__ */ e(J, { label: "Loading", size: 40 }),
+  loader: o = /* @__PURE__ */ e(Q, { label: "Loading", size: 40 }),
   onClick: c,
   showInsights: a = !1,
   showLoader: s = !1,
@@ -1390,7 +1390,7 @@ const B = {
       }
     ),
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: s })
-  ] }) : /* @__PURE__ */ e(J, {});
+  ] }) : /* @__PURE__ */ e(Q, {});
 }, br = S(yr), fr = () => {
   const [t, r] = m.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ i(z, { children: [
@@ -1427,7 +1427,7 @@ const B = {
       /* @__PURE__ */ e(ue, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
       /* @__PURE__ */ e(ue, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(br, {}) })
     ] }),
-    /* @__PURE__ */ e(Qe, { chartFor: "savingsOverTime" })
+    /* @__PURE__ */ e(Je, { chartFor: "savingsOverTime" })
   ] });
 }, xr = S(fr), Sr = () => {
   const { finstrong: t } = v(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), c = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * c), d = n / 6 * 100;
@@ -1688,8 +1688,8 @@ const B = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: L(g.standard_spend, "0.0a"),
-          formattedComparison: L(g.income, "0.0a")
+          formattedMain: L(Math.round(g.standard_spend / 100) * 100, "0.0a"),
+          formattedComparison: L(Math.round(g.income / 100) * 100, "0.0a")
         },
         debt_payment_vs_income: {
           main: g.income,
@@ -1760,17 +1760,17 @@ const B = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chartMono.chartMono3",
+                  backgroundColor: "chartMono.chartMono5",
                   borderRadius: "2px"
                 }
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                a,
+                s,
                 " "
               ] }),
-              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !h && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
             ] })
           ] }),
           /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1780,30 +1780,30 @@ const B = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chartMono.chartMono5",
+                  backgroundColor: "chartMono.chartMono3",
                   borderRadius: "2px"
                 }
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                s,
+                a,
                 " "
               ] }),
-              !h && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
+              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ i(
           po,
           {
-            colors: [`${p.palette.chartMono.chartMono3}`, `${p.palette.chartMono.chartMono5}`],
+            colors: [`${p.palette.chartMono.chartMono5}`, `${p.palette.chartMono.chartMono3}`],
             dataset: _,
             height: 240,
             margin: { top: 20, bottom: 30, right: 10, left: 42 },
             series: [
-              { dataKey: "main", type: "bar" },
-              { dataKey: "comparison", type: "bar" }
+              { dataKey: "comparison", type: "bar" },
+              { dataKey: "main", type: "bar" }
             ],
             xAxis: [b],
             yAxis: [D],
@@ -1946,7 +1946,7 @@ const B = {
           title: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
-      /* @__PURE__ */ e(Qe, { chartFor: "debtOverTime" })
+      /* @__PURE__ */ e(Je, { chartFor: "debtOverTime" })
     ] }) : /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(
         Fe,
@@ -2033,7 +2033,9 @@ const B = {
   const f = m.useMemo(
     () => _o(d, c, t, l),
     [d, l]
-  ), w = (g) => {
+  );
+  console.log(JSON.parse(JSON.stringify(f)), "spendingData");
+  const w = (g) => {
     b(_ === g ? "" : g);
   }, { totalSpending: y, totalIncome: D } = m.useMemo(() => r?.reduce(
     (g, { standard_spend: x = 0, income: M = 0 }) => ({
@@ -2385,7 +2387,7 @@ const B = {
     )
   ] });
 }, Gr = S(Er), Hr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = Q(), c = (l) => {
+  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = J(), c = (l) => {
     const p = zn(l), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
@@ -2519,7 +2521,7 @@ const B = {
         children: r.connect_more_accounts_button
       }
     ) })
-  ] }) : /* @__PURE__ */ e(J, {});
+  ] }) : /* @__PURE__ */ e(Q, {});
 }, Vr = S(Yr), Xr = {
   add_more_income: "Add More Income"
 }, qr = ({
@@ -2569,7 +2571,7 @@ const B = {
   ) })
 ] }), Ur = S(qr), Zr = {
   select_date: "Select Date"
-}, Qr = ({ selectedDate: t, setSelectedDate: r }) => {
+}, Jr = ({ selectedDate: t, setSelectedDate: r }) => {
   const n = E(), o = (c) => {
     r(Math.floor(new Date(c).getTime() / 1e3));
   };
@@ -2603,7 +2605,7 @@ const B = {
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Jr = S(Qr), ea = {
+}, Qr = S(Jr), ea = {
   credit_score: "Credit Score"
 }, ta = ({ creditScore: t, setCreditScore: r }) => {
   const n = !isNaN(t);
@@ -2673,9 +2675,9 @@ const B = {
   do_it_later: "Do It Later",
   next: "Next"
 }, ra = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: f, updateUserProfile: w } = Q(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
+  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: f, updateUserProfile: w } = J(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
     ht
-  ), [M, W] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, he] = m.useState(15), [q, Je] = m.useState("");
+  ), [M, W] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, he] = m.useState(15), [q, Qe] = m.useState("");
   m.useEffect(() => {
     d({ start: Lt(dt()), end: Wt(dt()) });
   }, []), m.useEffect(() => {
@@ -2739,7 +2741,7 @@ const B = {
         {
           onSearch: qt,
           onSelected: (A) => {
-            x({ step: O.MonthlyIncome, type: "detail" }), Je(A);
+            x({ step: O.MonthlyIncome, type: "detail" }), Qe(A);
           }
         }
       ),
@@ -2748,7 +2750,7 @@ const B = {
       secondaryText: P.add_income_secondary
     },
     [O.Birthday]: {
-      main: /* @__PURE__ */ e(Jr, { selectedDate: X, setSelectedDate: se }),
+      main: /* @__PURE__ */ e(Qr, { selectedDate: X, setSelectedDate: se }),
       mainActionContent: P.next,
       primaryText: P.birthday_primary,
       secondaryText: P.birthday_secondary
@@ -2760,7 +2762,7 @@ const B = {
       secondaryText: P.credit_score_secondary
     }
   }, tt = () => {
-    x(ht), ae(!1), Je(""), r();
+    x(ht), ae(!1), Qe(""), r();
   }, nt = async () => {
     ae(!0), await en(T), await o(), await w({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
   }, Zt = () => {
@@ -2769,7 +2771,7 @@ const B = {
       return;
     }
     x({ step: g.step + 1, type: "main" });
-  }, Qt = () => {
+  }, Jt = () => {
     const { step: A } = g, R = A + 1;
     switch (A) {
       case O.Birthday:
@@ -2792,7 +2794,7 @@ const B = {
         break;
     }
     R in O && x({ step: R, type: "main" });
-  }, Jt = () => {
+  }, Qt = () => {
     const { step: A, type: R } = g;
     if (R === "detail") {
       x({ step: A, type: "main" });
@@ -2817,7 +2819,7 @@ const B = {
         merchant_guid: cn,
         payee: ln,
         transaction_type: dn
-      } = R, pn = Jn(ot, yo(de)), un = {
+      } = R, pn = Qn(ot, yo(de)), un = {
         account_guid: ge,
         amount: Ie,
         created_by: 0,
@@ -2846,13 +2848,13 @@ const B = {
         isOpen: t,
         isPrimaryDisabled: !Vt,
         onClose: tt,
-        onSecondaryAction: Jt,
+        onSecondaryAction: Qt,
         primaryButtonProps: tn,
         primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: P.back,
         title: c.title,
-        ...!re && { onPrimaryAction: Qt },
+        ...!re && { onPrimaryAction: Jt },
         children: [
           re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e(Pe, { children: P.calculate_primary }),
@@ -2918,7 +2920,7 @@ const B = {
     /* @__PURE__ */ e(aa, { isOpen: t, onClose: () => r(!1) })
   ] });
 }, sa = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = v(), o = E(), { updateUser: c, user: a } = Q(), [s, d] = m.useState(a.birthday), l = (h) => {
+  const { finstrong: n } = v(), o = E(), { updateUser: c, user: a } = J(), [s, d] = m.useState(a.birthday), l = (h) => {
     d(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2971,7 +2973,7 @@ const B = {
     accounts: o,
     common: c,
     finstrong: a
-  } = v(), { repeatingTransactions: s } = Ve(), { user: d } = Q(), l = s.reduce((f, w) => {
+  } = v(), { repeatingTransactions: s } = Ve(), { user: d } = J(), l = s.reduce((f, w) => {
     const { repeating_transaction_type: y, transactions: D, recurrence_type: g, amount: x } = w;
     return y === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? f + x : f;
   }, 0), [p, h] = m.useState(null), b = [
@@ -3161,7 +3163,7 @@ const B = {
   ] }) });
 }, ua = S(pa), _a = ({ isOpen: t, onClose: r }) => {
   const n = E(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: d, augmentedChartData: l } = F();
-  if (!c || !a) return /* @__PURE__ */ e(J, {});
+  if (!c || !a) return /* @__PURE__ */ e(Q, {});
   const p = je(s.health_score || 0, o), h = d.slice().reverse();
   return /* @__PURE__ */ e(
     Ht,
@@ -3350,10 +3352,10 @@ const B = {
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(J, {});
+  ] }) }) : /* @__PURE__ */ e(Q, {});
 }, ya = S(ga), ba = S(() => {
   const [t, r] = m.useState(!1), n = E(), [o, { width: c }] = It(), { finstrong: a } = v(), { isCopyLoaded: s, isInitialized: d } = j(), { healthScore: l, healthScoreChange: p } = F(), h = n.palette.mode === "dark", _ = je(l?.health_score, a);
-  return !s || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
+  return !s || !d ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       $o,
       {
@@ -3458,7 +3460,7 @@ const B = {
     healthScore: b,
     loadAugmentedChartData: f,
     loadMonthlySummaries: w
-  } = p, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: W } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = Q(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
+  } = p, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: W } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = J(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
   if (m.useEffect(() => {
     d(T);
   }, []), m.useEffect(() => {
@@ -3467,7 +3469,7 @@ const B = {
     x && (_().finally(), f().finally(), w().finally());
   }, [x]), m.useEffect(() => {
     x && (l(M, c.start, c.end), a || (s(), G().finally()));
-  }, [c, a, x, M]), !g || !x) return /* @__PURE__ */ e(J, {});
+  }, [c, a, x, M]), !g || !x) return /* @__PURE__ */ e(Q, {});
   const ce = () => {
   }, he = () => ae(!0);
   return /* @__PURE__ */ i(

package/dist/spending/index.es.js

@@ -8,7 +8,7 @@ import S from "@mui/material/Stack";
 import W from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import dt from "@mui/material/styles/useTheme";
-import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-CW8mIzqd.mjs";
+import { g as ot, a as at, S as N, b as U } from "../SpendingLegend-CopEyF2t.mjs";
 import { Text as y } from "@mxenabled/mxui";
 import { f as E } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { u as w, b as O, m as j, d as it, a as rt, h as gt, g as pt } from "../hooks-C41HAxM5.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.15-alpha-ram2-finstromg-testing",
+  "version": "7.2.15-alpha-ram4-finstrong-testing",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",