@mx-cartographer/experiences 7.2.15-alpha-ram15-finstrong-testing → 7.2.15-alpha-ram17-finstrong-testing

package/dist/finstrong/index.es.js

@@ -2,14 +2,14 @@ import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
 import C from "@mui/material/Box";
 import u from "@mui/material/Stack";
 import { useTheme as E, alpha as fe } from "@mui/material/styles";
-import { PieChart as pn, BarPlot as un } from "@mui/x-charts";
-import { TrendingUp as gt, ArrowRightAlt as _n, TrendingDown as hn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as mn, Cancel as gn, Savings as yn, ContentCopy as bn, Add as ft, Cardiology as fn, Payments as xn, CalendarMonth as Sn, ExpandMore as Cn } from "@mxenabled/mx-icons";
-import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as vn, Icon as wn } from "@mxenabled/mxui";
-import { g as kn, a as Mn, r as rt, b as Dn, c as je, d as St, C as ve, e as we, f as In, h as An, i as Tn, j as Ct, k as at, l as On, m as it, n as Rn, o as vt, p as Fn, q as wt, s as Te, t as Pn, u as Bn, v as Ln, w as Wn, A as ee, x as $n, P as zn } from "../FinstrongStore-BbnA6Crl.mjs";
+import { PieChart as _n, BarPlot as hn } from "@mui/x-charts";
+import { TrendingUp as gt, ArrowRightAlt as mn, TrendingDown as gn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as yn, Cancel as bn, Savings as fn, ContentCopy as xn, Add as ft, Cardiology as Sn, Payments as Cn, CalendarMonth as vn, ExpandMore as wn } from "@mxenabled/mx-icons";
+import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as kn, Icon as Mn } from "@mxenabled/mxui";
+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, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as Wn, v as $n, w as zn, A as ee, x as En, P as Gn } from "../FinstrongStore-BbnA6Crl.mjs";
 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 w, b as j, p as J, z as F, q as En, a as kt, d as Me, m as Ye, g as Gn, f as Hn, j as Ve, h as Nn, i as Kn } from "../hooks-C41HAxM5.mjs";
+import { u as w, 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";
@@ -21,9 +21,9 @@ import pe from "@mui/material/Tab";
 import qe from "@mui/material/Tabs";
 import Oe from "@mui/material/TextField";
 import { u as Ue } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as jn, f as Yn, a as Vn } from "../Dialog-BPTr3qHE.mjs";
+import { D as Vn, f as Xn, a as qn } from "../Dialog-BPTr3qHE.mjs";
 import { u as It } from "../useDimensions-27p2evRx.mjs";
-import Xn from "@mui/material/Chip";
+import Un from "@mui/material/Chip";
 import { D as te } from "../Drawer-BEtCk82g.mjs";
 import ne from "@mui/material/Divider";
 import ye from "@mui/material/ListItem";
@@ -31,34 +31,34 @@ import At from "@mui/material/ListItemAvatar";
 import be from "@mui/material/ListItemText";
 import { g as Tt } from "../AccountFields-CPkGZ3SD.mjs";
 import Re from "@mui/material/List";
-import qn from "@mui/material/ListItemButton";
-import Un from "@mui/material/ListSubheader";
+import Zn from "@mui/material/ListItemButton";
+import Jn from "@mui/material/ListSubheader";
 import { f as W } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { S as ct, F as Ot, e as Zn, R as Rt } from "../RecurringTransactions-CngsRZ3K.mjs";
-import { Button as Jn } from "@mui/material";
-import { S as Qn } from "../StatusBar-BK_uYHAB.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";
-import { useVirtualizer as eo } from "@tanstack/react-virtual";
-import { u as to, s as Ne, h as Ft, S as Pt, b as Bt, Z as no } from "../TransactionDetails-CaJruWq3.mjs";
-import { A as oo, W as ro } from "../WidgetContainer-6dsjtOVg.mjs";
+import { useVirtualizer as no } from "@tanstack/react-virtual";
+import { u as oo, s as Ne, h as Ft, S as Pt, b as Bt, Z as ro } from "../TransactionDetails-CaJruWq3.mjs";
+import { A as ao, W as io } from "../WidgetContainer-6dsjtOVg.mjs";
 import { T as ue } from "../TabContentContainer-j01JYR_7.mjs";
 import { b as Y } from "../Localization-2MODESHW.mjs";
 import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
-import ao from "@mui/material/useMediaQuery";
-import { ChartsXAxis as io } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as so } from "@mui/x-charts/ChartsYAxis";
-import { ResponsiveChartContainer as co } from "@mui/x-charts/ResponsiveChartContainer";
-import { useSpring as lo, animated as lt } from "@react-spring/web";
-import { g as po, S as uo, b as _o } from "../SpendingLegend-CNmu1Tdv.mjs";
-import { endOfMonth as ho } from "date-fns/endOfMonth";
-import { formatISO as mo } from "date-fns/formatISO";
-import { fromUnixTime as go } from "date-fns/fromUnixTime";
-import { startOfMonth as yo } from "date-fns/startOfMonth";
+import so from "@mui/material/useMediaQuery";
+import { ChartsXAxis as co } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as lo } from "@mui/x-charts/ChartsYAxis";
+import { ResponsiveChartContainer as po } from "@mui/x-charts/ResponsiveChartContainer";
+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-CNmu1Tdv.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";
 import { subDays as bo } from "date-fns/subDays";
 import { c as fo, d as pt, S as xo, i as So } from "../ManageIncome-n6qSYGHO.mjs";
 import { LocalizationProvider as Co, DatePicker as vo, StaticDatePicker as wo } from "@mui/x-date-pickers";
-import { AdapterDateFns as Lt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { AdapterDateFns as $t } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { R as ko } from "../RecurringSettings-BwnDPthJ.mjs";
 import { LocalizationProvider as Mo } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as Do } from "date-fns/format";
@@ -92,12 +92,12 @@ const zo = ({
     { offset: "36.67%", color: x.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: x.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: x.palette.chartMono.chartMono5 }
-  ], [y, D] = kn(
+  ], [y, D] = Dn(
     t,
     c,
     o,
     r
-  ), [g, f] = Mn(
+  ), [g, f] = In(
     y,
     D,
     r,
@@ -127,7 +127,7 @@ const zo = ({
       }
     ) })
   ] });
-}, Wt = ({
+}, zt = ({
   arcRadius: t = 100,
   healthScore: r,
   size: n = "L",
@@ -141,11 +141,11 @@ const zo = ({
   footerRightContent: h,
   isFinacialStrengthGraph: _ = !1
 }) => {
-  const b = E(), x = -Math.PI / 1.35, v = Math.PI / 1.35, y = v - x, D = y / (a - c), g = (r - c) * D, f = x + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, P = t, G = t * (1 - M), H = P * 2.5, T = H / 2, V = H / 2, re = (G + P) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = Dn(re, f, ae), X = r / 25, se = {
+  const b = E(), x = -Math.PI / 1.35, v = Math.PI / 1.35, y = v - x, D = y / (a - c), g = (r - c) * D, f = x + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, P = t, G = t * (1 - M), H = P * 2.5, T = H / 2, V = H / 2, re = (G + P) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = An(re, f, ae), X = r / 25, se = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, ce = l === 0 ? _n : hn;
+  }, ce = l === 0 ? mn : gn;
   return /* @__PURE__ */ i(
     u,
     {
@@ -157,7 +157,7 @@ const zo = ({
       },
       children: [
         /* @__PURE__ */ e(
-          pn,
+          _n,
           {
             height: H,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
@@ -304,7 +304,7 @@ const zo = ({
       ]
     }
   );
-}, $t = S(
+}, Et = S(
   ({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
     const c = [
       { id: 1, label: "Group A", value: 25 },
@@ -313,7 +313,7 @@ const zo = ({
       { id: 4, label: "Group D", value: 25 }
     ], { finstrong: a } = w(), s = je(n, a);
     return /* @__PURE__ */ e(
-      Wt,
+      zt,
       {
         arcRadius: t,
         dialScoreData: c,
@@ -373,7 +373,7 @@ const zo = ({
       p.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Wt,
+      zt,
       {
         arcRadius: t,
         dialScoreData: l,
@@ -471,7 +471,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     !d || d === s.credit_score || a({ ...s, credit_score: d });
   };
   return /* @__PURE__ */ e(
-    jn,
+    Vn,
     {
       copy: { close_aria: n.close_aria, title: o.edit_credit_score },
       disablePrimaryButton: !d || !p,
@@ -510,7 +510,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       )
     }
   );
-}, zt = S(Go), ze = {
+}, Gt = S(Go), ze = {
   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 }) => {
@@ -543,7 +543,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], _ = In(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), x = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: y } = x(), D = h.title, g = t === "creditOverTime";
+  }[t], _ = Tn(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), x = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: y } = x(), D = h.title, g = t === "creditOverTime";
   let f;
   if (g) {
     const { color: M } = St(
@@ -599,7 +599,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
 }, Je = S(Ho), No = {
   updated_score: "Updated Score"
 }, Ko = () => {
-  const { healthScoreChange: t } = F(), { user: r } = J(), { availableWidth: n } = En(), { 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,
@@ -611,18 +611,18 @@ const Go = ({ isOpen: t, onClose: r }) => {
       }
     ),
     /* @__PURE__ */ e($, { onClick: () => a(!0), variant: "contained", children: No.updated_score }),
-    /* @__PURE__ */ e(zt, { isOpen: c, onClose: () => a(!1) }),
+    /* @__PURE__ */ e(Gt, { isOpen: c, onClose: () => a(!1) }),
     /* @__PURE__ */ e(Je, { chartFor: "creditOverTime" })
   ] });
 }, jo = S(Ko), Le = ({ status: t }) => {
-  const { finstrong: r } = w(), n = An(Tn[t]), o = {
+  const { finstrong: r } = w(), n = On(Rn[t]), o = {
     GOOD: r.key_indicators_good,
     FAIR: r.key_indicators_fair,
     OFF_TRACK: r.key_indicators_off_track,
     MISSING: r.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    Xn,
+    Un,
     {
       label: /* @__PURE__ */ e(
         k,
@@ -706,7 +706,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(Q, {});
-}, Et = S(qo), Uo = ({
+}, Ht = S(qo), Uo = ({
   onClick: t,
   shouldShowBalance: r = !0,
   loadAccounts: n
@@ -730,7 +730,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     return /* @__PURE__ */ i(
       Re,
       {
-        subheader: /* @__PURE__ */ e(Un, { 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: W(h, "0,0.00") })
         ] }) }),
@@ -751,7 +751,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
               r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: W(x ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(m.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(qn, { onClick: () => s(_), children: y }) : y }),
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(_), children: y }) : y }),
               b !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
             ] }, _.guid);
           }),
@@ -761,7 +761,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       l
     );
   }) }) : null;
-}, Gt = S(Uo), Zo = ({ loadAccounts: t, loadMoreLabel: r }) => {
+}, Nt = S(Uo), Zo = ({ loadAccounts: t, loadMoreLabel: r }) => {
   const n = E(), { config: o } = kt(), { connect: c, finstrong: a } = w(), { accounts: s } = w(), { selectedAccounts: d } = j(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = m.useMemo(
     () => d.filter(
       (y) => t ? t.includes(y.account_type) : !0
@@ -804,7 +804,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Gt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Nt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
@@ -826,7 +826,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
       }
     )
   ] });
-}, Ht = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
+}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
   u,
   {
     sx: {
@@ -881,7 +881,7 @@ const L = {
 ], tr = ({ total: t }) => {
   const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [c, a] = m.useState(at(t)), [s, d] = m.useState(
     at(t)
-  ), [l, p] = m.useState(r), [h, _] = m.useState(On(t)), [b, x] = m.useState(ke.Months);
+  ), [l, p] = m.useState(r), [h, _] = m.useState(Fn(t)), [b, x] = m.useState(ke.Months);
   m.useEffect(() => {
     o(
       it({
@@ -998,7 +998,7 @@ const L = {
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Se, { balance: o, title: Ae.your_savings }),
-      t.length ? /* @__PURE__ */ e(Ht, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(Jn, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
+      t.length ? /* @__PURE__ */ e(Kt, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(eo, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
     ] }) }),
     /* @__PURE__ */ e(nr, { total: o }),
     /* @__PURE__ */ e(
@@ -1063,7 +1063,7 @@ const L = {
             )
           ] }),
           /* @__PURE__ */ i(u, { children: [
-            /* @__PURE__ */ e(Qn, { data: s, height: 16 }),
+            /* @__PURE__ */ e(to, { data: s, height: 16 }),
             o
           ] })
         ]
@@ -1073,7 +1073,7 @@ const L = {
 ), ar = {
   sticky_label: "You have saved"
 }, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
-  const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Rn(r), o = vt(r);
+  const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Pn(r), o = vt(r);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1110,19 +1110,19 @@ const L = {
   showInsights: a = !1,
   showLoader: s = !1,
   width: d = "100%",
-  zeroState: l = /* @__PURE__ */ e(no, {})
+  zeroState: l = /* @__PURE__ */ e(ro, {})
 }) => {
-  const { getCategoryName: p } = Ye(), { onEvent: h } = Gn(), { categories: _ } = w(), { clearExpandedSplits: b, setShowInsights: x, toggleSplit: v } = to(), y = (f) => {
+  const { getCategoryName: p } = Ye(), { onEvent: h } = Nn(), { categories: _ } = w(), { clearExpandedSplits: b, setShowInsights: x, toggleSplit: v } = oo(), y = (f) => {
     const M = t.find((P) => P.guid === f);
     if (M?.has_been_split) {
       v(M.guid);
       return;
     }
-    h(oo.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    h(ao.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: M?.account_guid,
       transaction_guid: f
     }), c?.(f);
-  }, D = m.useRef(null), g = eo({
+  }, D = m.useRef(null), g = no({
     count: t.length,
     getScrollElement: () => D.current,
     estimateSize: (f) => ut + (Ne(f, t) ? _t : 0),
@@ -1215,7 +1215,7 @@ const L = {
         },
         children: [
           /* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            vn,
+            kn,
             {
               categoryGuid: y.top_level_category_guid || "",
               merchantGuid: y.merchant_guid || "",
@@ -1300,7 +1300,7 @@ const L = {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ e(mn, { filled: !0, size: 48, sx: { color: "success.main" } }),
+        /* @__PURE__ */ e(yn, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
           /* @__PURE__ */ e(N, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
@@ -1322,8 +1322,8 @@ const L = {
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (o) => Yn(new Date(o * 1e3), Vn.MONTH_DAY),
-            secondaryIcon: /* @__PURE__ */ e(gn, { color: "error", filled: !0, size: 12 }),
+            formatDate: (o) => Xn(new Date(o * 1e3), qn.MONTH_DAY),
+            secondaryIcon: /* @__PURE__ */ e(bn, { color: "error", filled: !0, size: 12 }),
             transactions: n.spendingFee
           }
         )
@@ -1331,7 +1331,7 @@ const L = {
     }
   ) });
 }, ur = S(pr), _r = () => {
-  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Fn(t.spending_fee_transaction_count);
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Bn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     u,
     {
@@ -1365,7 +1365,7 @@ const L = {
       }
     ),
     /* @__PURE__ */ e(
-      Ht,
+      Kt,
       {
         loadAccounts: [He.SAVINGS, He.CHECKING],
         loadMoreLabel: r.more_accounts
@@ -1638,7 +1638,7 @@ const L = {
   style: o,
   ...c
 }) => {
-  const a = E(), s = m.useRef(null), { width: d } = lo({
+  const a = E(), s = m.useRef(null), { width: d } = uo({
     width: o.width
   });
   m.useLayoutEffect(() => {
@@ -1671,7 +1671,7 @@ const L = {
       }
     )
   ] });
-}, Nt = ({
+}, jt = ({
   chartFor: t,
   data: r,
   title: n,
@@ -1682,9 +1682,9 @@ const L = {
   totalComparison: d,
   totalMain: l
 }) => {
-  const p = E(), h = ao(p.breakpoints.down("xs")), _ = m.useMemo(
+  const p = E(), h = so(p.breakpoints.down("xs")), _ = m.useMemo(
     () => r.sort((g, f) => g.month - f.month).map((g) => {
-      const f = Pn(g.month), M = {
+      const f = Ln(g.month), M = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1795,7 +1795,7 @@ const L = {
           ] })
         ] }),
         /* @__PURE__ */ i(
-          co,
+          po,
           {
             colors: [`${p.palette.chartMono.chartMono5}`, `${p.palette.chartMono.chartMono3}`],
             dataset: _,
@@ -1809,7 +1809,7 @@ const L = {
             yAxis: [D],
             children: [
               /* @__PURE__ */ e(
-                un,
+                hn,
                 {
                   slots: {
                     bar: (g) => {
@@ -1832,7 +1832,7 @@ const L = {
                 }
               ),
               /* @__PURE__ */ e(
-                io,
+                co,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
@@ -1852,7 +1852,7 @@ const L = {
                 }
               ),
               /* @__PURE__ */ e(
-                so,
+                lo,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
@@ -1937,7 +1937,7 @@ const L = {
     ] }),
     n.length ? /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(
-        Nt,
+        jt,
         {
           chartFor: "debt_payment_vs_income",
           data: n,
@@ -2022,12 +2022,16 @@ const L = {
     }
   );
 }, Fr = S(Rr), Pr = () => {
-  const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = w(), { selectedAccounts: s, selectedAccountGuids: d } = j(), { categories: l, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: h } = Ye(), { appDataStore: _ } = Hn(), [b, x] = m.useState("");
+  const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = w(), { selectedAccounts: s, selectedAccountGuids: d } = j(), { categories: l, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: h } = Ye(), { appDataStore: _ } = Kn(), [b, x] = m.useState("");
   console.log(d, "selectedAccountGuids"), m.useEffect(() => {
-    h(s).finally();
+    h(
+      s,
+      Lt(/* @__PURE__ */ new Date()),
+      Wt(/* @__PURE__ */ new Date())
+    ).finally();
   }, [s]);
   const v = m.useMemo(
-    () => po(l, c, t, p),
+    () => _o(l, c, t, p),
     [l, p]
   );
   console.log(JSON.parse(JSON.stringify(v)), "spendingData");
@@ -2042,7 +2046,7 @@ const L = {
   ), [r]);
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     r.length ? /* @__PURE__ */ e(
-      Nt,
+      jt,
       {
         ..._.appData.client_profile?.allow_trends_widget && {
           buttonLabel: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
@@ -2116,7 +2120,7 @@ const L = {
           ),
           /* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
             /* @__PURE__ */ e(
-              uo,
+              ho,
               {
                 data: v,
                 onSelected: y,
@@ -2125,7 +2129,7 @@ const L = {
               }
             ),
             /* @__PURE__ */ e(
-              _o,
+              mo,
               {
                 data: v,
                 onSelected: y,
@@ -2220,7 +2224,7 @@ const L = {
     }
   }[t];
   return /* @__PURE__ */ e(
-    Et,
+    Ht,
     {
       connectDescription: a?.connectDescription,
       connectTitle: a?.connectTitle,
@@ -2281,7 +2285,7 @@ const L = {
   ] });
 }, $r = () => {
   const { finstrong: t } = w(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (s) => {
-    const d = Ln(s), l = {
+    const d = $n(s), l = {
       GOOD: r.ratio_good_description,
       FAIR: r.ratio_fair_description,
       OFF_TRACK: r.ratio_off_track_description,
@@ -2293,7 +2297,7 @@ const L = {
       title: r.ratio_card_title
     };
   }, { spendToIncomeRatio: c, spendFeeCount: a } = m.useMemo(() => {
-    const s = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(s), l = Bn(
+    const s = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(s), l = Wn(
       n.spending_fee_transaction_count,
       r
     );
@@ -2384,7 +2388,7 @@ const L = {
   ] });
 }, Gr = S(Er), Hr = () => {
   const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_borrow: n } = r, { user: o } = J(), c = (l) => {
-    const p = Wn(l), h = {
+    const p = zn(l), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
@@ -2468,7 +2472,7 @@ const L = {
             pe,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(yn, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(fn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
               label: n.key_indicators_save.title,
@@ -2479,7 +2483,7 @@ const L = {
             pe,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(bn, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
               label: n.key_indicators_borrow.title,
@@ -2571,7 +2575,7 @@ const L = {
   const n = E(), o = (c) => {
     r(Math.floor(new Date(c).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: Lt, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: $t, children: /* @__PURE__ */ e(
     vo,
     {
       disableFuture: !0,
@@ -2620,7 +2624,7 @@ const L = {
       value: n ? t : ""
     }
   ) });
-}, na = S(ta), Kt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+}, na = S(ta), Yt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
     C,
     {
@@ -2648,7 +2652,7 @@ const L = {
     /* @__PURE__ */ e(N, { children: r }),
     /* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(Kt, { completeCopy: t, value: o })
+  /* @__PURE__ */ e(Yt, { completeCopy: t, value: o })
 ] }), ht = {
   step: O.ConnectAccounts,
   type: "main"
@@ -2671,11 +2675,11 @@ const L = {
   do_it_later: "Do It Later",
   next: "Next"
 }, ra = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = w(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = Nn(), { user: _, userProfile: b, updateUser: x, updateUserProfile: v } = J(), [y, D] = m.useState(_.credit_score || 0), [g, f] = m.useState(
+  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = w(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: x, updateUserProfile: v } = J(), [y, D] = m.useState(_.credit_score || 0), [g, f] = m.useState(
     ht
   ), [M, P] = 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: yo(dt()), end: ho(dt()) });
+    d({ start: Lt(dt()), end: Wt(dt()) });
   }, []), m.useEffect(() => {
     p({
       accounts: n.map((A) => A.guid),
@@ -2689,23 +2693,23 @@ const L = {
   const et = m.useMemo(
     () => h.find((A) => A.guid === q),
     [q, h]
-  ), jt = m.useMemo(() => ({
+  ), Vt = m.useMemo(() => ({
     [O.ConnectAccounts]: !0,
     [O.MonthlyIncome]: !!q,
     [O.Birthday]: !!_.birthday || !!X,
     [O.CreditScore]: !!_.credit_score || !!y
-  })[g.step], [y, g, X, q, _]), le = n.length > 0, Yt = m.useMemo(() => {
+  })[g.step], [y, g, X, q, _]), le = n.length > 0, Xt = m.useMemo(() => {
     const { step: A } = g;
     let R = 0;
     return A >= O.MonthlyIncome && le && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (_.birthday || _.credit_score) && R++, R;
-  }, [g.step, le, T.length, _.birthday, _.credit_score]), Vt = (A) => {
+  }, [g.step, le, T.length, _.birthday, _.credit_score]), qt = (A) => {
     p({
       ...l,
       custom: (R) => A ? So(R, A) : pt(R)
     });
-  }, Xt = {
+  }, Ut = {
     [O.ConnectAccounts]: {
-      main: le ? /* @__PURE__ */ e(Gt, { shouldShowBalance: !1 }) : null,
+      main: le ? /* @__PURE__ */ e(Nt, { shouldShowBalance: !1 }) : null,
       mainActionContent: le ? B.next : B.add_accounts,
       primaryText: B.connect_your_accounts_primary,
       secondaryText: B.connect_your_accounts_secondary
@@ -2735,7 +2739,7 @@ const L = {
       main: /* @__PURE__ */ e(
         xo,
         {
-          onSearch: Vt,
+          onSearch: qt,
           onSelected: (A) => {
             f({ step: O.MonthlyIncome, type: "detail" }), Qe(A);
           }
@@ -2760,14 +2764,14 @@ const L = {
   }, tt = () => {
     f(ht), ae(!1), Qe(""), r();
   }, nt = async () => {
-    ae(!0), await Jt(T), await o(), await v({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
-  }, qt = () => {
+    ae(!0), await en(T), await o(), await v({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
+  }, Zt = () => {
     if (g.step === O.CreditScore) {
       nt();
       return;
     }
     f({ step: g.step + 1, type: "main" });
-  }, Ut = () => {
+  }, Jt = () => {
     const { step: A } = g, R = A + 1;
     switch (A) {
       case O.Birthday:
@@ -2790,7 +2794,7 @@ const L = {
         break;
     }
     R in O && f({ step: R, type: "main" });
-  }, Zt = () => {
+  }, Qt = () => {
     const { step: A, type: R } = g;
     if (R === "detail") {
       f({ step: A, type: "main" });
@@ -2801,40 +2805,40 @@ const L = {
       return;
     }
     A > O.ConnectAccounts && f({ step: A - 1, type: "main" });
-  }, Jt = async (A) => {
+  }, en = async (A) => {
     for (const R of A) {
       const {
         account_guid: ge,
         amount: Ie,
         date: de,
-        description: tn,
-        feed_description: nn,
-        firstDay: on,
+        description: on,
+        feed_description: rn,
+        firstDay: an,
         frequency: ot,
-        secondDay: rn,
-        merchant_guid: an,
-        payee: sn,
-        transaction_type: cn
-      } = R, ln = Zn(ot, go(de)), dn = {
+        secondDay: sn,
+        merchant_guid: cn,
+        payee: ln,
+        transaction_type: dn
+      } = R, pn = Qn(ot, yo(de)), un = {
         account_guid: ge,
         amount: Ie,
         created_by: 0,
-        description: sn || tn || nn,
-        merchant_guid: an,
-        predicted_occurs_on: mo(ln, { representation: "date" }),
-        recurrence_day: on,
+        description: ln || on || rn,
+        merchant_guid: cn,
+        predicted_occurs_on: go(pn, { representation: "date" }),
+        recurrence_day: an,
         recurrence_type: ot,
         repeating_transaction_type: Rt.Income,
-        second_recurrence_day: rn,
-        transaction_type: cn,
+        second_recurrence_day: sn,
+        transaction_type: dn,
         user_guid: _.guid
       };
-      await s(dn, R);
+      await s(un, R);
     }
-  }, me = Xt[g.step], De = g.step === O.ConnectAccounts, Qt = {
+  }, me = Ut[g.step], De = g.step === O.ConnectAccounts, tn = {
     fullWidth: !0,
     ...De && !le && { startIcon: /* @__PURE__ */ e(ft, {}) }
-  }, en = !De || De && !le;
+  }, nn = !De || De && !le;
   return /* @__PURE__ */ i(m.Fragment, { children: [
     /* @__PURE__ */ i(
       te,
@@ -2842,15 +2846,15 @@ const L = {
         footerStyles: { px: 24, py: 16 },
         hasSecondaryAction: !De,
         isOpen: t,
-        isPrimaryDisabled: !jt,
+        isPrimaryDisabled: !Vt,
         onClose: tt,
-        onSecondaryAction: Zt,
-        primaryButtonProps: Qt,
+        onSecondaryAction: Qt,
+        primaryButtonProps: tn,
         primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: B.back,
         title: c.title,
-        ...!re && { onPrimaryAction: Ut },
+        ...!re && { onPrimaryAction: Jt },
         children: [
           re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e(Pe, { children: B.calculate_primary }),
@@ -2863,12 +2867,12 @@ const L = {
                 completeCopy: c.complete,
                 primaryText: me.primaryText,
                 secondaryText: me.secondaryText,
-                value: Yt
+                value: Xt
               }
             ),
             g.type === "main" && /* @__PURE__ */ i(C, { children: [
               me.main,
-              en && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: qt, children: B.do_it_later }) })
+              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Zt, children: B.do_it_later }) })
             ] }),
             g.type === "detail" && me.detail
           ] })
@@ -2903,7 +2907,7 @@ const L = {
         },
         children: [
           /* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(fn, { size: 72 }) }),
+            /* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Sn, { size: 72 }) }),
             /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
               /* @__PURE__ */ e(Pe, { children: Ge.onboarding_title }),
               /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Ge.onboarding_subtitle })
@@ -2929,7 +2933,7 @@ const L = {
       },
       onSecondaryAction: r,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(Mo, { dateAdapter: Lt, children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(Mo, { dateAdapter: $t, children: /* @__PURE__ */ e(
         wo,
         {
           disableFuture: !0,
@@ -2976,7 +2980,7 @@ const L = {
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.monthly_income,
-      icon: /* @__PURE__ */ e(xn, {}),
+      icon: /* @__PURE__ */ e(Cn, {}),
       key: ee.MonthlyIncome,
       label: a.monthly_income,
       value: l
@@ -2984,7 +2988,7 @@ const L = {
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.date_of_birth,
-      icon: /* @__PURE__ */ e(Sn, {}),
+      icon: /* @__PURE__ */ e(vn, {}),
       key: ee.DateOfBirth,
       label: a.date_of_birth,
       value: d.birthday
@@ -3008,7 +3012,7 @@ const L = {
         n.length > 1 ? a.accounts : a.account
       ) : void 0
     }
-  ].map((x) => $n(x));
+  ].map((x) => En(x));
   return /* @__PURE__ */ i(te, { isOpen: t, onClose: r, title: a.financial_profile, children: [
     /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
@@ -3016,14 +3020,14 @@ const L = {
         /* @__PURE__ */ e(k, { children: a.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
-        Kt,
+        Yt,
         {
           completeCopy: a.complete,
           value: b.reduce((x, v) => x + (v.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
-    /* @__PURE__ */ e(zn, { list: b, onClickItem: h }),
+    /* @__PURE__ */ e(Gn, { list: b, onClickItem: h }),
     /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
       Be,
       {
@@ -3044,7 +3048,7 @@ const L = {
       }
     ),
     /* @__PURE__ */ e(ca, { isOpen: p === ee.DateOfBirth, onClose: () => h(null) }),
-    /* @__PURE__ */ e(zt, { isOpen: p === ee.CreditScore, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Gt, { isOpen: p === ee.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
       Mt,
       {
@@ -3078,7 +3082,7 @@ const L = {
     const y = o > 0 ? n.up_from : n.down_from, D = Y(y, l, p);
     return /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(
-        wn,
+        Mn,
         {
           fill: !0,
           name: "circle",
@@ -3162,7 +3166,7 @@ const L = {
   if (!c || !a) return /* @__PURE__ */ e(Q, {});
   const p = je(s.health_score || 0, o), h = d.slice().reverse();
   return /* @__PURE__ */ e(
-    Et,
+    Ht,
     {
       additionalContent: /* @__PURE__ */ e(u, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
         Xe,
@@ -3192,7 +3196,7 @@ const L = {
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
             /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-              $t,
+              Et,
               {
                 arcRadius: 20,
                 healthScore: s?.health_score,
@@ -3380,7 +3384,7 @@ const L = {
       }
     ),
     /* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
-      $t,
+      Et,
       {
         arcRadius: c <= 323 ? 73 : 154,
         footerCenterContent: p,
@@ -3406,7 +3410,7 @@ const L = {
           /* @__PURE__ */ e(
             Wo,
             {
-              expandIcon: /* @__PURE__ */ e(Cn, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(wn, { size: 20 }),
               sx: {
                 height: 52,
                 p: 0,
@@ -3450,7 +3454,7 @@ const L = {
     )
   ] });
 }), fa = ({ onBackClick: t, sx: r, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Kn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
+  const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Yn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
     augmentedChartData: h,
     calculateHealthScore: _,
     healthScore: b,
@@ -3469,7 +3473,7 @@ const L = {
   const ce = () => {
   }, he = () => ae(!0);
   return /* @__PURE__ */ i(
-    ro,
+    io,
     {
       accountOptions: o,
       actions: [
@@ -3575,8 +3579,8 @@ const L = {
 }, $i = S(fa);
 export {
   Eo as CreditScoreGraph,
-  Wt as DialScoreCard,
-  $t as FinancialStrengthGraph,
+  zt as DialScoreCard,
+  Et as FinancialStrengthGraph,
   Gi as FinstrongApi,
   Hi as FinstrongStore,
   $i as FinstrongWidget

package/package.json

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