@mx-cartographer/experiences 7.6.9 → 7.6.11

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.6.11] - 01-16-2026
+
+- **UPDATED** - Fixes for `Finstrong` onboarding and sticky footer
+
+## [7.6.10] - 01-16-2026
+
+- **UPDATED** - `Finstrong` KeyIndicators Line Graph Style
+
 ## [7.6.9] - 01-14-2026
 
 - **REMOVED** - The ability to open account details from goals due to being inconsistent with other widgets.

package/dist/finstrong/index.es.js

@@ -1,34 +1,34 @@
 import { jsxs as a, Fragment as E, jsx as e } from "react/jsx-runtime";
 import k from "@mui/material/Box";
 import p from "@mui/material/Stack";
-import { useTheme as G, alpha as se } from "@mui/material/styles";
+import { useTheme as G, alpha as ce } from "@mui/material/styles";
 import { PieChart as nn } from "@mui/x-charts/PieChart";
 import { P as M, H3 as K, Text as I, InstitutionLogo as ct, H2 as Le, MerchantLogo as on, Icon as rn } from "@mxenabled/mxui";
 import { TrendingUp as lt, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as dt, ChevronRight as J, MultilineChart as pt, CreditCard as Ge, CheckCircle as cn, Cancel as ln, Savings as dn, ContentCopy as pn, Add as _t, Cardiology as _n, Payments as hn, CalendarMonth as un, ExpandMore as mn } from "@mxenabled/mx-icons";
-import { g as gn, a as yn, r as Je, b as bn, c as He, d as ht, C as we, e as ke, f as fn, h as xn, i as Sn, j as ut, k as et, l as Cn, m as tt, n as vn, o as mt, p as wn, q as gt, s as Oe, t as yt, u as kn, v as bt, w as Mn, A as ne, x as Dn, P as In } from "../FinstrongStore-bEn_im_e.mjs";
+import { g as gn, a as yn, r as Je, b as bn, c as He, d as ht, C as ke, e as Me, f as fn, h as xn, i as Sn, j as ut, k as et, l as Cn, m as tt, n as vn, o as mt, p as wn, q as gt, s as Oe, t as yt, u as kn, v as bt, w as Mn, A as oe, x as Dn, P as In } from "../FinstrongStore-bEn_im_e.mjs";
 import { y as bi, F as fi } from "../FinstrongStore-bEn_im_e.mjs";
 import * as nt from "d3";
 import { observer as w } from "mobx-react-lite";
-import { u as x, b as U, a as Ne, o as ee, z as L, p as An, d as Se, m as je, f as Tn, j as Ke, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
+import { u as x, b as U, a as Ne, o as ee, z as L, p as Tn, d as Ce, m as je, f as An, j as Ke, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import P from "@mui/material/Button";
 import V from "@mui/material/Card";
 import { L as Ve } from "../LineChart-BF4QA-Lx.mjs";
 import { C as ft } from "../ConnectionsDrawer-XlO1q6PK.mjs";
-import { l as re, g as xt, A as ze } from "../ConnectDrawer-CPvaP8lk.mjs";
-import ce from "@mui/material/Tab";
+import { l as ae, g as xt, A as ze } from "../ConnectDrawer-CPvaP8lk.mjs";
+import le from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
 import { u as Ye } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Fn, f as Ln, D as Bn } from "../Dialog-B4PI-_bL.mjs";
 import { u as St } from "../useDimensions-27p2evRx.mjs";
 import Pn from "@mui/material/Chip";
-import { D as oe } from "../Drawer-DV4NTsFg.mjs";
-import de from "@mui/material/Divider";
-import be from "@mui/material/ListItem";
+import { D as re } from "../Drawer-DV4NTsFg.mjs";
+import pe from "@mui/material/Divider";
+import fe from "@mui/material/ListItem";
 import Ct from "@mui/material/ListItemAvatar";
-import fe from "@mui/material/ListItemText";
+import xe from "@mui/material/ListItemText";
 import { g as vt } from "../AccountFields-BQPsS98r.mjs";
 import Ee from "@mui/material/List";
 import Wn from "@mui/material/ListItemButton";
@@ -39,7 +39,7 @@ import { S as ot, F as wt, e as zn, R as kt } from "../RecurringTransactions-Bf4
 import { S as En } from "../StatusBar-BK_uYHAB.mjs";
 import { h as Mt } from "../DateUtil-D7U-nc1Y.mjs";
 import { T as Gn, s as Hn, h as Nn, S as jn, b as Kn } from "../TransactionDetails-BKoBKUNp.mjs";
-import { T as le } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
 import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
 import Vn from "@mui/material/useMediaQuery";
 import { BarPlot as Xn } from "@mui/x-charts/BarChart";
@@ -55,7 +55,7 @@ import { startOfToday as rt } from "date-fns/startOfToday";
 import { subDays as no } from "date-fns/subDays";
 import { c as oo, d as at, S as ro, i as ao } from "../ManageIncome-1FRPmZFq.mjs";
 import { LocalizationProvider as io, DatePicker as so, StaticDatePicker as co } from "@mui/x-date-pickers";
-import { AdapterDateFns as At } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { R as lo } from "../RecurringSettings-z0XUW9qx.mjs";
 import { LocalizationProvider as po } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as _o } from "date-fns/format";
@@ -126,7 +126,7 @@ const Mo = ({
       }
     ) })
   ] });
-}, Tt = ({
+}, At = ({
   arcRadius: t = 100,
   healthScore: o,
   size: n = "L",
@@ -141,23 +141,23 @@ const Mo = ({
   footerRightContent: h,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const S = G(), v = -Math.PI / 1.35, f = Math.PI / 1.35, D = f - v, C = D / (i - s), g = (o - s) * C, b = v + g + 0.02, R = n !== "SM" ? 0.1 : 0.12, B = t, Y = t * (1 - R), T = B * 2, $ = T / 2, z = T / 2, _e = (Y + B) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, X] = bn(_e, b, ve), he = o / 25, H = {
+  const S = G(), v = -Math.PI / 1.35, f = Math.PI / 1.35, D = f - v, C = D / (i - s), g = (o - s) * C, b = v + g + 0.02, R = n !== "SM" ? 0.1 : 0.12, B = t, Y = t * (1 - R), A = B * 2, $ = A / 2, z = A / 2, he = (Y + B) / 2, we = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, X] = bn(he, b, we), ue = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, ue = {
+  }, me = {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
     ...l
-  }, N = _ === 0 ? an : sn, ae = n !== "SM" ? 3 : 1, De = ae * 4, me = H[n].markerSize * 2 + De;
+  }, N = _ === 0 ? an : sn, ie = n !== "SM" ? 3 : 1, ge = ie * 4, ne = H[n].markerSize * 2 + ge;
   return /* @__PURE__ */ a(
     p,
     {
       sx: {
-        width: T,
-        height: n === "SM" ? T - 7 : T,
+        width: A,
+        height: n === "SM" ? A - 7 : A,
         position: "relative",
         alignSelf: "center",
         overflow: "visible"
@@ -166,9 +166,9 @@ const Mo = ({
         /* @__PURE__ */ e(
           nn,
           {
-            height: n === "SM" ? T - 7 : T,
+            height: n === "SM" ? A - 7 : A,
             hideLegend: !0,
-            margin: ue,
+            margin: me,
             series: [
               {
                 data: r,
@@ -197,7 +197,7 @@ const Mo = ({
                   outterArcRadius: B,
                   progressEndAngle: b,
                   totalAngularSpan: D,
-                  unitsPerSegment: he
+                  unitsPerSegment: ue
                 }
               )
             },
@@ -206,21 +206,21 @@ const Mo = ({
                 stroke: "none"
               }
             },
-            width: T
+            width: A
           }
         ),
         o >= s && o <= i && /* @__PURE__ */ e(
           "svg",
           {
-            height: me,
+            height: ne,
             style: {
               position: "absolute",
               left: $ + Q - H[n].markerSize - 5,
               top: z + X - H[n].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${$ + Q - H[n].markerSize - 5} ${z + X - H[n].markerSize - 5} ${me} ${me}`,
-            width: me,
+            viewBox: `${$ + Q - H[n].markerSize - 5} ${z + X - H[n].markerSize - 5} ${ne} ${ne}`,
+            width: ne,
             children: /* @__PURE__ */ e(
               "circle",
               {
@@ -229,7 +229,7 @@ const Mo = ({
                 fill: S.palette.common.white,
                 r: H[n].markerSize,
                 stroke: y ? "url(#arcGradient)" : c,
-                strokeWidth: ae
+                strokeWidth: ie
               }
             )
           }
@@ -349,7 +349,7 @@ const Mo = ({
       { id: 4, label: "Group D", value: 25 }
     ], { finstrong: l } = x(), c = He(n, l);
     return /* @__PURE__ */ e(
-      Tt,
+      At,
       {
         arcRadius: t,
         dialScoreData: i,
@@ -376,31 +376,31 @@ const Mo = ({
         id: 1,
         label: "Poor",
         value: 29,
-        color: c ? we.POOR : ke.POOR
+        color: c ? ke.POOR : Me.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: c ? we.FAIR : ke.FAIR
+        color: c ? ke.FAIR : Me.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: c ? we.GOOD : ke.GOOD
+        color: c ? ke.GOOD : Me.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: c ? we.VERY_GOOD : ke.VERY_GOOD
+        color: c ? ke.VERY_GOOD : Me.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: c ? we.EXCEPTIONAL : ke.EXCEPTIONAL
+        color: c ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
       }
     ], { finstrong: _ } = x(), { isCopyLoaded: u } = U();
     if (!u) return /* @__PURE__ */ e(te, {});
@@ -410,7 +410,7 @@ const Mo = ({
       _.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Tt,
+      At,
       {
         arcRadius: t,
         dialScoreData: d,
@@ -481,7 +481,7 @@ const Mo = ({
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
-          re,
+          ae,
           {
             onClose: () => _(!1),
             showConnectWidget: d,
@@ -500,8 +500,8 @@ const Mo = ({
     }
   ) : null;
 };
-var pe = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(pe || {});
-const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Ao = ({ isOpen: t, onClose: o }) => {
+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 Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", To = ({ isOpen: t, onClose: o }) => {
   const { common: n, finstrong: r } = x(), { isMobile: s } = Ye(), { updateUser: i, user: l } = ee(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), u = () => {
     o(), setTimeout(() => d(l.credit_score || 0), 300);
   }, h = () => {
@@ -547,7 +547,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     }
   );
-}, Rt = w(Ao), To = ({ chartFor: t }) => {
+}, Rt = w(To), Ao = ({ chartFor: t }) => {
   const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [l, { width: c }] = St(), d = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(lt, { size: 48, sx: { marginBottom: 8 } }),
@@ -635,8 +635,8 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: d.title }),
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: d.description })
   ] }) });
-}, qe = w(To), Oo = () => {
-  const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = Ye(r), [i, l] = m.useState(!1), c = t.at(-1);
+}, qe = w(Ao), Oo = () => {
+  const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = Tn(), { isSmallMobile: s } = Ye(r), [i, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
@@ -702,7 +702,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   drawerType: h
 }) => {
   const { finstrong: y } = x(), { isCopyLoaded: S } = U();
-  return S ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: d, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+  return S ? /* @__PURE__ */ e(re, { isOpen: l, onClose: d, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
     (u || s) && /* @__PURE__ */ a(
       p,
       {
@@ -780,7 +780,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
             }), f = /* @__PURE__ */ a(E, { children: [
               /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                fe,
+                xe,
                 {
                   primary: `${v}${h.account_number ? ` *${h.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
@@ -789,11 +789,11 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(S ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(be, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Wn, { onClick: () => l(h), children: f }) : f }),
-              y !== _.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
+              /* @__PURE__ */ e(fe, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Wn, { onClick: () => l(h), children: f }) : f }),
+              y !== _.length - 1 && /* @__PURE__ */ e(pe, { variant: "inset" })
             ] }, h.guid);
           }),
-          /* @__PURE__ */ e(de, {})
+          /* @__PURE__ */ e(pe, {})
         ]
       },
       d
@@ -811,10 +811,10 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   };
   return y.length >= 1 ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((f, D) => /* @__PURE__ */ a(m.Fragment, { children: [
-      /* @__PURE__ */ a(be, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ a(fe, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          fe,
+          xe,
           {
             primary: `${xt(f, {
               allowNickname: r?.show_account_nicknames_in_master
@@ -825,7 +825,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         ),
         /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(v(f), "0,0.00") })
       ] }),
-      D < S.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
+      D < S.length - 1 && /* @__PURE__ */ e(pe, { variant: "inset" })
     ] }, f.guid)) }),
     y.length > 3 && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
@@ -842,7 +842,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(oe, { isOpen: d, onClose: () => _(!1), title: i.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(re, { isOpen: d, onClose: () => _(!1), title: i.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
@@ -856,7 +856,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       }
     ) }),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => h(!1),
         showConnectWidget: u,
@@ -864,7 +864,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       }
     )
   ] });
-}, Bt = w(Wo), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, Bt = w(Wo), ve = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   p,
   {
     sx: {
@@ -882,7 +882,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ]
   }
 );
-var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), Me = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Me || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
+var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
 const $o = ({ total: t }) => {
   const { finstrong: o } = x(), n = [
     { id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
@@ -895,12 +895,12 @@ const $o = ({ total: t }) => {
     [Z.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
     [Z.Daily]: o.maintain_emergency_savings_estimated_period_daily
   }, s = [
-    { id: Me.Months, label: o.maintain_emergency_savings_months },
-    { id: Me.Years, label: o.maintain_emergency_savings_years },
-    { id: Me.Days, label: o.maintain_emergency_savings_days }
+    { id: De.Months, label: o.maintain_emergency_savings_months },
+    { id: De.Years, label: o.maintain_emergency_savings_years },
+    { id: De.Days, label: o.maintain_emergency_savings_days }
   ], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, _] = m.useState(et(t)), [u, h] = m.useState(
     et(t)
-  ), [y, S] = m.useState(i), [v, f] = m.useState(Cn(t)), [D, C] = m.useState(Me.Months);
+  ), [y, S] = m.useState(i), [v, f] = m.useState(Cn(t)), [D, C] = m.useState(De.Months);
   m.useEffect(() => {
     c(
       tt({
@@ -925,7 +925,7 @@ const $o = ({ total: t }) => {
   };
   return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      ve,
       {
         balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
           /* @__PURE__ */ e(I, { variant: "h2", children: W(l, "0,0") }),
@@ -1011,13 +1011,13 @@ const $o = ({ total: t }) => {
     /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
 }, zo = w($o), Eo = () => {
-  const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
+  const { savingsAccounts: t } = Ce(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
     () => t.reduce((i, l) => i + (l.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
+      /* @__PURE__ */ e(ve, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
         Bt,
         {
@@ -1028,7 +1028,7 @@ const $o = ({ total: t }) => {
     ] }) }),
     /* @__PURE__ */ e(zo, { total: s }),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => r(!1),
         showConnectWidget: n,
@@ -1104,7 +1104,7 @@ const $o = ({ total: t }) => {
     {
       bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: No.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
-          de,
+          pe,
           {
             orientation: "vertical",
             sx: {
@@ -1153,7 +1153,7 @@ const $o = ({ total: t }) => {
       }
     ) }),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => y(!1),
         showConnectWidget: h,
@@ -1228,7 +1228,7 @@ const $o = ({ total: t }) => {
         }
       ) }),
       /* @__PURE__ */ e(
-        oe,
+        re,
         {
           isOpen: _,
           onClose: () => u(!1),
@@ -1313,10 +1313,10 @@ const $o = ({ total: t }) => {
     }
   );
 }, qo = w(Yo), Uo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = x();
+  const { savingsAndCheckingAccountsBalance: t } = Ce(), { finstrong: o } = x();
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      ve,
       {
         balance: t,
         title: o.key_indicators_save.drawer_available_balance
@@ -1347,7 +1347,7 @@ const $o = ({ total: t }) => {
   }, [r.spend, r.debtSpend]);
   return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      ve,
       {
         balance: n.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
@@ -1371,7 +1371,7 @@ const $o = ({ total: t }) => {
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              ce,
+              le,
               {
                 "aria-controls": "available-details-tabpanel-0",
                 label: n.key_indicators_save.drawer_available,
@@ -1379,7 +1379,7 @@ const $o = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              ce,
+              le,
               {
                 "aria-controls": "spending-details-tabpanel-1",
                 label: n.key_indicators_save.drawer_spending,
@@ -1389,8 +1389,8 @@ const $o = ({ total: t }) => {
           ]
         }
       ),
-      /* @__PURE__ */ e(le, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Qo, {}) }),
-      /* @__PURE__ */ e(le, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Jo, {}) })
+      /* @__PURE__ */ e(de, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Qo, {}) }),
+      /* @__PURE__ */ e(de, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Jo, {}) })
     ] }),
     /* @__PURE__ */ e(qe, { chartFor: "savingsOverTime" })
   ] });
@@ -1418,7 +1418,7 @@ const $o = ({ total: t }) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  de,
+                  pe,
                   {
                     orientation: "vertical",
                     sx: {
@@ -1480,7 +1480,7 @@ const $o = ({ total: t }) => {
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        de,
+                        pe,
                         {
                           orientation: "vertical",
                           sx: {
@@ -1528,7 +1528,7 @@ const $o = ({ total: t }) => {
   const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      ve,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
@@ -1549,7 +1549,7 @@ const $o = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => i(!1),
         showConnectWidget: s,
@@ -1561,7 +1561,7 @@ const $o = ({ total: t }) => {
   const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      ve,
       {
         balance: o.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
@@ -1588,7 +1588,7 @@ const $o = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => i(!1),
         showConnectWidget: s,
@@ -1641,7 +1641,7 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, Te = (t, o = 1e3) => {
+}, Ae = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
   return W(t, n);
 }, Pt = ({
@@ -1661,14 +1661,14 @@ const $o = ({ total: t }) => {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: Te(g.standard_spend),
-          formattedComparison: Te(g.income)
+          formattedMain: Ae(g.standard_spend),
+          formattedComparison: Ae(g.income)
         },
         debt_payment_vs_income: {
           main: g.income,
           comparison: g.debt_spend,
-          formattedMain: Te(g.income),
-          formattedComparison: Te(g.debt_spend)
+          formattedMain: Ae(g.income),
+          formattedComparison: Ae(g.debt_spend)
         }
       };
       return {
@@ -1872,7 +1872,7 @@ const $o = ({ total: t }) => {
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              ce,
+              le,
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
@@ -1881,7 +1881,7 @@ const $o = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              ce,
+              le,
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
@@ -1893,7 +1893,7 @@ const $o = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        le,
+        de,
         {
           "aria-labelledby": "income-details-tab-0",
           index: 0,
@@ -1903,7 +1903,7 @@ const $o = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        le,
+        de,
         {
           "aria-labelledby": "debt-payment-details-tab-1",
           index: 1,
@@ -2000,7 +2000,7 @@ const $o = ({ total: t }) => {
     }
   );
 }, ur = w(hr), mr = () => {
-  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = je(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: l } = Tn(), { finstrong: c, goals: d, spending: _ } = x(), u = G(), [h, y] = m.useState("");
+  const { accounts: t } = Ce(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = je(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: l } = An(), { finstrong: c, goals: d, spending: _ } = x(), u = G(), [h, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
@@ -2211,7 +2211,7 @@ const $o = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
     }
   );
-}, br = w(yr), xe = ({
+}, br = w(yr), Se = ({
   drawerFor: t,
   title: o,
   description: n,
@@ -2288,20 +2288,20 @@ const $o = ({ total: t }) => {
   ]);
   return /* @__PURE__ */ a(p, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: s.cardState,
         description: s.description,
-        drawerFor: pe.SpendLessThanYouMake,
+        drawerFor: _e.SpendLessThanYouMake,
         title: s.title
       }
     ),
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: i.cardState,
         description: i.description,
-        drawerFor: pe.PayBillsOnTime,
+        drawerFor: _e.PayBillsOnTime,
         title: i.title
       }
     )
@@ -2346,20 +2346,20 @@ const $o = ({ total: t }) => {
   ]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: i.cardState,
         description: i.description,
-        drawerFor: pe.SaveEnoughToLiveOn,
+        drawerFor: _e.SaveEnoughToLiveOn,
         title: i.title
       }
     ),
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: pe.MaintainEmergencySavings,
+        drawerFor: _e.MaintainEmergencySavings,
         title: l.title
       }
     )
@@ -2398,20 +2398,20 @@ const $o = ({ total: t }) => {
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: pe.HaveManageableDebt,
+        drawerFor: _e.HaveManageableDebt,
         title: l.title
       }
     ),
     /* @__PURE__ */ e(
-      xe,
+      Se,
       {
         cardState: c.cardState,
         description: c.description,
-        drawerFor: pe.HaveAGoodCreditScore,
+        drawerFor: _e.HaveAGoodCreditScore,
         title: c.title
       }
     )
@@ -2437,7 +2437,7 @@ const $o = ({ total: t }) => {
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ce,
+            le,
             {
               "aria-controls": "spend-details-tabpanel-0",
               icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
@@ -2448,7 +2448,7 @@ const $o = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            ce,
+            le,
             {
               "aria-controls": "save-details-tabpanel-1",
               icon: /* @__PURE__ */ e(dn, { sx: { mr: 8 } }),
@@ -2459,7 +2459,7 @@ const $o = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            ce,
+            le,
             {
               "aria-controls": "borrow-details-tabpanel-2",
               icon: /* @__PURE__ */ e(pn, { sx: { mr: 8 } }),
@@ -2472,9 +2472,9 @@ const $o = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(le, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(xr, {}) }),
-    /* @__PURE__ */ e(le, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Cr, {}) }),
-    /* @__PURE__ */ e(le, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(wr, {}) })
+    /* @__PURE__ */ e(de, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(xr, {}) }),
+    /* @__PURE__ */ e(de, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Cr, {}) }),
+    /* @__PURE__ */ e(de, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(wr, {}) })
   ] });
 }, Mr = w(kr), Dr = ({ onClick: t }) => {
   const { finstrong: o } = x(), { isCopyLoaded: n } = U();
@@ -2501,7 +2501,7 @@ const $o = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Ir = w(Dr), Ar = ({
+}, Ir = w(Dr), Tr = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
@@ -2522,7 +2522,7 @@ const $o = ({ total: t }) => {
           /* @__PURE__ */ a(m.Fragment, { children: [
             S && /* @__PURE__ */ e(jn, { children: Mt(h.date) }),
             /* @__PURE__ */ e(Kn, { transaction: h }),
-            /* @__PURE__ */ e(de, { sx: { ml: v ? 44 : 0 } })
+            /* @__PURE__ */ e(pe, { sx: { ml: v ? 44 : 0 } })
           ] }, h.guid)
         ), u;
       }, []) }),
@@ -2549,11 +2549,11 @@ const $o = ({ total: t }) => {
       }
     ) })
   ] });
-}, Tr = w(Ar), Or = ({ selectedDate: t, setSelectedDate: o }) => {
+}, Ar = w(Tr), Or = ({ selectedDate: t, setSelectedDate: o }) => {
   const { finstrong: n } = x(), r = G(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(io, { dateAdapter: At, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(io, { dateAdapter: Tt, children: /* @__PURE__ */ e(
     so,
     {
       disableFuture: !0,
@@ -2563,13 +2563,13 @@ const $o = ({ total: t }) => {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2577,7 +2577,7 @@ const $o = ({ total: t }) => {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
@@ -2633,14 +2633,14 @@ const $o = ({ total: t }) => {
   step: O.ConnectAccounts,
   type: "main"
 }, Pr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = U(), { addRepeatingTransaction: l, setDateRange: c } = Ke(), { filter: d, setFilter: _, transactions: u } = On(), { user: h, userProfile: y, updateUser: S, updateUserProfile: v } = ee(), [f, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
+  const { visibleAccounts: n } = Ce(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = U(), { addRepeatingTransaction: l, setDateRange: c } = Ke(), { filter: d, setFilter: _, transactions: u } = On(), { user: h, userProfile: y, updateUser: S, updateUserProfile: v } = ee(), [f, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
     it
-  ), [b, R] = m.useState(1), [B, Y] = m.useState(wt.EveryMonth), [T, $] = m.useState([]), [z, _e] = m.useState(!1), [ve, Q] = m.useState(!1), [X, he] = m.useState(h.birthday), [H, ue] = m.useState(15), [N, ae] = m.useState("");
+  ), [b, R] = m.useState(1), [B, Y] = m.useState(wt.EveryMonth), [A, $] = m.useState([]), [z, he] = m.useState(!1), [we, Q] = m.useState(!1), [X, ue] = m.useState(h.birthday), [H, me] = m.useState(15), [N, ie] = m.useState("");
   m.useEffect(() => {
     c({ start: Dt(rt()), end: It(rt()) });
   }, []), m.useEffect(() => {
     _({
-      accounts: n.map((A) => A.guid),
+      accounts: n.map((T) => T.guid),
       dateRange: {
         start: no(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
@@ -2648,22 +2648,22 @@ const $o = ({ total: t }) => {
       custom: at
     }), i(n);
   }, [n]);
-  const De = m.useMemo(
-    () => u.find((A) => A.guid === N),
+  const ge = m.useMemo(
+    () => u.find((T) => T.guid === N),
     [N, u]
-  ), me = m.useMemo(() => ({
+  ), ne = m.useMemo(() => ({
     [O.ConnectAccounts]: !0,
     [O.MonthlyIncome]: !!N,
     [O.Birthday]: !!h.birthday || !!X,
     [O.CreditScore]: !!h.credit_score || !!f
   })[C.step], [f, C, X, N, h]), q = n.length > 0, $t = m.useMemo(() => {
-    const { step: A } = C;
+    const { step: T } = C;
     let F = 0;
-    return A >= O.MonthlyIncome && q && F++, A >= O.Birthday && T.length && F++, A >= O.CreditScore && (h.birthday || h.credit_score) && F++, F;
-  }, [C.step, q, T.length, h.birthday, h.credit_score]), zt = (A) => {
+    return T >= O.MonthlyIncome && q && F++, T >= O.Birthday && A.length && F++, T >= O.CreditScore && (h.birthday || h.credit_score) && F++, F;
+  }, [C.step, q, A.length, h.birthday, h.credit_score]), zt = (T) => {
     _({
       ...d,
-      custom: (F) => A ? ao(F, A) : at(F)
+      custom: (F) => T ? ao(F, T) : at(F)
     });
   }, Et = {
     [O.ConnectAccounts]: {
@@ -2674,23 +2674,23 @@ const $o = ({ total: t }) => {
     },
     [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Tr,
+        Ar,
         {
           firstDay: b,
           frequency: B,
-          incomeTransactions: T,
+          incomeTransactions: A,
           secondDay: H,
-          setCurrentStep: (A) => {
-            g(A), $((F) => {
-              if (F.some((ie) => ie.guid === N)) return F.filter((ie) => ie.guid !== N);
-              const Ae = u.find((ie) => ie.guid === N);
-              return Ae ? [...F, { ...Ae, firstDay: b, frequency: B, secondDay: H }] : F;
+          setCurrentStep: (T) => {
+            g(T), $((F) => {
+              if (F.some((se) => se.guid === N)) return F.filter((se) => se.guid !== N);
+              const Te = u.find((se) => se.guid === N);
+              return Te ? [...F, { ...Te, firstDay: b, frequency: B, secondDay: H }] : F;
             });
           },
           setFirstDay: R,
           setFrequency: Y,
-          setSecondDay: ue,
-          transaction: De
+          setSecondDay: me,
+          transaction: ge
         }
       ),
       detailActionContent: s.onboarding_confirm_income,
@@ -2698,8 +2698,8 @@ const $o = ({ total: t }) => {
         ro,
         {
           onSearch: zt,
-          onSelected: (A) => {
-            g({ step: O.MonthlyIncome, type: "detail" }), ae(A);
+          onSelected: (T) => {
+            g({ step: O.MonthlyIncome, type: "detail" }), ie(T);
           }
         }
       ),
@@ -2708,7 +2708,7 @@ const $o = ({ total: t }) => {
       secondaryText: s.onboarding_add_income_secondary
     },
     [O.Birthday]: {
-      main: /* @__PURE__ */ e(Rr, { selectedDate: X, setSelectedDate: he }),
+      main: /* @__PURE__ */ e(Rr, { selectedDate: X, setSelectedDate: ue }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_birthday_primary,
       secondaryText: s.onboarding_birthday_secondary
@@ -2720,9 +2720,9 @@ const $o = ({ total: t }) => {
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, Ue = () => {
-    g(it), _e(!1), ae(""), o();
+    g(it), he(!1), ie(""), o();
   }, Qe = async () => {
-    _e(!0), await jt(T), await r(), await v({ ...y, has_completed_finstrong_onboarding: !0 }), Ue();
+    he(!0), await jt(A), await r(), await v({ ...y, has_completed_finstrong_onboarding: !0 }), Ue();
   }, Gt = () => {
     if (C.step === O.CreditScore) {
       Qe();
@@ -2730,8 +2730,8 @@ const $o = ({ total: t }) => {
     }
     g({ step: C.step + 1, type: "main" });
   }, Ht = () => {
-    const { step: A } = C, F = A + 1;
-    switch (A) {
+    const { step: T } = C, F = T + 1;
+    switch (T) {
       case O.Birthday:
         X && X !== h.birthday && S({ ...h, birthday: X });
         break;
@@ -2739,9 +2739,9 @@ const $o = ({ total: t }) => {
         f && f !== h.credit_score && S({ ...h, credit_score: f }), Qe();
         return;
       case O.MonthlyIncome:
-        N && T.findIndex(({ guid: ye }) => ye === N) === -1 && $((ye) => [
-          ...ye,
-          { ...De, firstDay: b, frequency: B, secondDay: H }
+        N && A.findIndex(({ guid: be }) => be === N) === -1 && $((be) => [
+          ...be,
+          { ...ge, firstDay: b, frequency: B, secondDay: H }
         ]);
         break;
       case O.ConnectAccounts:
@@ -2753,22 +2753,22 @@ const $o = ({ total: t }) => {
     }
     F in O && g({ step: F, type: "main" });
   }, Nt = () => {
-    const { step: A, type: F } = C;
+    const { step: T, type: F } = C;
     if (F === "detail") {
-      g({ step: A, type: "main" });
+      g({ step: T, type: "main" });
       return;
     }
-    if (A === O.Birthday && T.length) {
-      g({ step: A - 1, type: "detail" });
+    if (T === O.Birthday && A.length) {
+      g({ step: T - 1, type: "detail" });
       return;
     }
-    A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
-  }, jt = async (A) => {
-    for (const F of A) {
+    T > O.ConnectAccounts && g({ step: T - 1, type: "main" });
+  }, jt = async (T) => {
+    for (const F of T) {
       const {
-        account_guid: ye,
-        amount: Ae,
-        date: ie,
+        account_guid: be,
+        amount: Te,
+        date: se,
         description: Xt,
         feed_description: Yt,
         firstDay: qt,
@@ -2777,9 +2777,9 @@ const $o = ({ total: t }) => {
         merchant_guid: Qt,
         payee: Zt,
         transaction_type: Jt
-      } = F, en = zn(Ze, to(ie)), tn = {
-        account_guid: ye,
-        amount: Ae,
+      } = F, en = zn(Ze, to(se)), tn = {
+        account_guid: be,
+        amount: Te,
         created_by: 0,
         description: Zt || Xt || Yt,
         merchant_guid: Qt,
@@ -2793,22 +2793,22 @@ const $o = ({ total: t }) => {
       };
       await l(tn, F);
     }
-  }, ge = Et[C.step], Ie = C.step === O.ConnectAccounts, Kt = {
+  }, ye = Et[C.step], Ie = C.step === O.ConnectAccounts, Kt = {
     fullWidth: !0,
     ...Ie && !q && { startIcon: /* @__PURE__ */ e(_t, {}) }
   }, Vt = !Ie || Ie && !q;
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        footerStyles: { px: 24, py: 16 },
+        footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
         hasSecondaryAction: !Ie,
         isOpen: t,
-        isPrimaryDisabled: !me,
+        isPrimaryDisabled: !ne,
         onClose: Ue,
         onSecondaryAction: Nt,
         primaryButtonProps: Kt,
-        primaryText: ge?.mainActionContent,
+        primaryText: ye?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
@@ -2819,30 +2819,30 @@ const $o = ({ total: t }) => {
             /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
-          ge && !z && /* @__PURE__ */ a(m.Fragment, { children: [
+          ye && !z && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
               Br,
               {
                 completeCopy: s.complete,
-                primaryText: ge.primaryText,
-                secondaryText: ge.secondaryText,
+                primaryText: ye.primaryText,
+                secondaryText: ye.secondaryText,
                 value: $t
               }
             ),
             C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
-              ge.main,
+              ye.main,
               Vt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: Gt, children: s.onboarding_do_it_later }) })
             ] }),
-            C.type === "detail" && ge.detail
+            C.type === "detail" && ye.detail
           ] })
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      ae,
       {
         onClose: () => Q(!1),
-        showConnectWidget: ve,
+        showConnectWidget: we,
         title: s.connect_more_accounts_button
       }
     )
@@ -2855,7 +2855,9 @@ const $o = ({ total: t }) => {
       {
         sx: {
           alignItems: "center",
+          bgcolor: "background.default",
           gap: 48,
+          height: "calc(100dvh - 116px)",
           pb: 24,
           pt: 72,
           px: 16
@@ -2879,8 +2881,9 @@ const $o = ({ total: t }) => {
     c(Math.floor(new Date(u).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
-    oe,
+    re,
     {
+      footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
       isOpen: t,
       onClose: o,
       onPrimaryAction: () => {
@@ -2888,7 +2891,7 @@ const $o = ({ total: t }) => {
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(po, { dateAdapter: At, children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(po, { dateAdapter: Tt, children: /* @__PURE__ */ e(
         co,
         {
           disableFuture: !0,
@@ -2897,19 +2900,19 @@ const $o = ({ total: t }) => {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
               }
             },
             switchViewButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2921,7 +2924,7 @@ const $o = ({ total: t }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: ce(r.palette.primary.light, 0.1) }
             }
           },
           value: l ? new Date(l * 1e3) : /* @__PURE__ */ new Date()
@@ -2930,7 +2933,7 @@ const $o = ({ total: t }) => {
     }
   );
 }, Er = w(zr), Gr = ({ isOpen: t, onClose: o }) => {
-  const { visibleFinstrongAccounts: n } = Se(), {
+  const { visibleFinstrongAccounts: n } = Ce(), {
     accounts: r,
     common: s,
     finstrong: i,
@@ -2943,7 +2946,7 @@ const $o = ({ total: t }) => {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
       icon: /* @__PURE__ */ e(hn, {}),
-      key: ne.MonthlyIncome,
+      key: oe.MonthlyIncome,
       label: i.monthly_income,
       value: _
     },
@@ -2951,7 +2954,7 @@ const $o = ({ total: t }) => {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.date_of_birth,
       icon: /* @__PURE__ */ e(un, {}),
-      key: ne.DateOfBirth,
+      key: oe.DateOfBirth,
       label: i.date_of_birth,
       value: d.birthday
     },
@@ -2959,14 +2962,14 @@ const $o = ({ total: t }) => {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.credit_score,
       icon: /* @__PURE__ */ e(Ge, {}),
-      key: ne.CreditScore,
+      key: oe.CreditScore,
       label: i.credit_score,
       value: d.credit_score
     },
     {
       fallbackLabel: i.connect_your_accounts,
       icon: /* @__PURE__ */ e(dt, {}),
-      key: ne.Connections,
+      key: oe.Connections,
       label: i.connections,
       value: n.length > 0 ? j(
         i.connected_account,
@@ -2975,7 +2978,7 @@ const $o = ({ total: t }) => {
       ) : void 0
     }
   ].map((v) => Dn(v));
-  return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
+  return /* @__PURE__ */ a(re, { isOpen: t, onClose: o, title: i.financial_profile, children: [
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
         /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
@@ -3003,22 +3006,22 @@ const $o = ({ total: t }) => {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        isOpen: u === ne.MonthlyIncome,
+        isOpen: u === oe.MonthlyIncome,
         onClose: () => h(null),
         shouldShowHeaderBorders: !1,
         title: l.action_title,
         children: /* @__PURE__ */ e(lo, {})
       }
     ),
-    /* @__PURE__ */ e(Er, { isOpen: u === ne.DateOfBirth, onClose: () => h(null) }),
-    /* @__PURE__ */ e(Rt, { isOpen: u === ne.CreditScore, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Er, { isOpen: u === oe.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Rt, { isOpen: u === oe.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
       ft,
       {
         onClose: () => h(null),
-        showConnectionsWidget: u === ne.Connections,
+        showConnectionsWidget: u === oe.Connections,
         title: r.manage_connections
       }
     )
@@ -3260,7 +3263,7 @@ const $o = ({ total: t }) => {
   ] });
 }, Yr = ({ isOpen: t, onClose: o }) => {
   const { finstrong: n } = x(), { isCopyLoaded: r } = U();
-  return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
+  return r ? /* @__PURE__ */ e(re, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
         /* @__PURE__ */ e(K, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
@@ -3290,15 +3293,15 @@ const $o = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              fe,
+            /* @__PURE__ */ e(fe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              xe,
               {
                 primary: n.understand_your_habits,
                 secondary: n.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(be, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              fe,
+            /* @__PURE__ */ e(fe, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              xe,
               {
                 primary: n.see_whats_possible,
                 secondary: n.see_whats_possible_description
@@ -3331,8 +3334,8 @@ const $o = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(fe, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(fe, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(fe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(xe, { secondary: n.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(fe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(xe, { secondary: n.we_ask_questions_description_2 }) })
           ]
         }
       )
@@ -3439,7 +3442,7 @@ const $o = ({ total: t }) => {
     )
   ] });
 }), Qr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Rn(), { reloadCategoryTotals: d } = je(), _ = L(), {
+  const { visibleAccounts: r } = Ce(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Rn(), { reloadCategoryTotals: d } = je(), _ = L(), {
     augmentedChartData: u,
     calculateHealthScore: h,
     healthScore: y,
@@ -3447,22 +3450,22 @@ const $o = ({ total: t }) => {
     loadMonthlySummaries: v,
     loadPeerScore: f,
     peerScore: D
-  } = _, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: R } = U(), { loadRepeatingTransactions: B } = Ke(), { isSmallMobile: Y } = Ye(), T = G(), { userProfile: $ } = ee(), [z, _e] = m.useState(!1), [ve, Q] = m.useState(!1), [X, he] = m.useState(!1), [H, ue] = m.useState(!1);
+  } = _, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: R } = U(), { loadRepeatingTransactions: B } = Ke(), { isSmallMobile: Y } = Ye(), A = G(), { userProfile: $ } = ee(), [z, he] = m.useState(!1), [we, Q] = m.useState(!1), [X, ue] = m.useState(!1), [H, me] = m.useState(!1);
   if (wo({
     widgetName: "FinstrongWidget",
     isLoaded: z
   }), m.useEffect(() => {
-    c(T);
+    c(A);
   }, []), m.useEffect(() => {
     n && (_.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, _]), m.useEffect(() => {
     R && (v().finally(), f().finally(), h().finally(), S().finally());
   }, [R]), m.useEffect(() => {
     R && (d(r, s.start, s.end).finally(() => {
-      _e(!0);
+      he(!0);
     }), i || (l(), B().finally()));
   }, [s, i, R, r]), !b || !R || !z) return /* @__PURE__ */ e(te, {});
-  const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
+  const N = () => Q(!0), ie = Math.round(D?.average_health_score?.average_health_score || 0), ge = u.some((ne) => ne.y !== 0);
   return /* @__PURE__ */ a(
     ko,
     {
@@ -3513,7 +3516,7 @@ const $o = ({ total: t }) => {
                         P,
                         {
                           endIcon: /* @__PURE__ */ e(J, {}),
-                          onClick: () => he(!0),
+                          onClick: () => ue(!0),
                           size: "small",
                           variant: "text",
                           children: /* @__PURE__ */ e(I, { bold: !0, sx: { flexShrink: 0 }, variant: "body2", children: C.whats_changed })
@@ -3522,12 +3525,12 @@ const $o = ({ total: t }) => {
                     ]
                   }
                 ),
-                u.length ? /* @__PURE__ */ e(
+                ge ? /* @__PURE__ */ e(
                   Ve,
                   {
-                    axisColor: T.palette.divider,
+                    axisColor: A.palette.divider,
                     baseline: "min",
-                    colors: [T.palette.primary.main],
+                    colors: [A.palette.primary.main],
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
@@ -3535,32 +3538,31 @@ const $o = ({ total: t }) => {
                     datasets: [u],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: T.palette.border.dark,
-                    labelFontColor: T.palette.common.white,
-                    labelFontSize: typeof T.typography.XSmall?.fontSize == "string" ? parseFloat(T.typography.XSmall.fontSize) : T.typography.XSmall?.fontSize,
+                    labelBackgroundColor: A.palette.border.dark,
+                    labelFontColor: A.palette.common.white,
+                    labelFontSize: typeof A.typography.XSmall?.fontSize == "string" ? parseFloat(A.typography.XSmall.fontSize) : A.typography.XSmall?.fontSize,
                     labels: [C.key_indicators_label],
-                    margin: { right: 0, left: -37 },
-                    peerAverage: ae,
+                    margin: { right: 12, left: -37 },
+                    peerAverage: ie,
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
+                    showTooltip: !0,
                     showXAxis: !0,
-                    title: C.peer_average,
-                    useCustomMark: !0,
-                    xAxisScaleType: "band"
+                    title: C.peer_average
                   }
-                ) : /* @__PURE__ */ e(Ir, { onClick: () => ue(!0) }),
+                ) : /* @__PURE__ */ e(Ir, { onClick: () => me(!0) }),
                 y.health_score !== null && /* @__PURE__ */ e(Mr, {})
               ] }) })
             ]
           }
         ) : /* @__PURE__ */ e($r, {}),
-        /* @__PURE__ */ e(Hr, { isOpen: ve, onClose: () => Q(!1) }),
+        /* @__PURE__ */ e(Hr, { isOpen: we, onClose: () => Q(!1) }),
         /* @__PURE__ */ e(
-          re,
+          ae,
           {
-            onClose: () => ue(!1),
+            onClose: () => me(!1),
             showConnectWidget: H,
             title: g.mini_title
           }
@@ -3569,7 +3571,7 @@ const $o = ({ total: t }) => {
           Vr,
           {
             isOpen: X,
-            onClose: () => he(!1)
+            onClose: () => ue(!1)
           }
         )
       ]
@@ -3578,7 +3580,7 @@ const $o = ({ total: t }) => {
 }, mi = w(Qr);
 export {
   Do as CreditScoreGraph,
-  Tt as DialScoreCard,
+  At as DialScoreCard,
   Ot as FinancialStrengthGraph,
   bi as FinstrongApi,
   fi as FinstrongStore,

package/package.json

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