@mx-cartographer/experiences 7.2.13-alpha-ram1-finstrongtesting-wec-947 → 7.2.13-alpha-ram2-finstrongtesting-wec-965

package/dist/finstrong/index.es.js

@@ -43,7 +43,7 @@ import { u as $n, s as ze, h as Mt, S as Dt, b as At, Z as Wn } from "../Transac
 import { A as zn, W as En } from "../WidgetContainer-GoNq8wwm.mjs";
 import { T as ie } from "../TabContentContainer-j01JYR_7.mjs";
 import { b as X } from "../Localization-2MODESHW.mjs";
-import { E as Ae } from "../EmptyState-DA_lfRBv.mjs";
+import { E as Ae } from "../EmptyState-DoxNUae-.mjs";
 import Gn from "@mui/material/useMediaQuery";
 import { ChartsXAxis as Hn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Nn } from "@mui/x-charts/ChartsYAxis";
@@ -75,11 +75,11 @@ const yo = ({
   dataIndex: o,
   arcColor: n,
   arcStartAngle: r,
-  totalAngularSpan: l,
+  totalAngularSpan: c,
   centerX: s,
   centerY: i,
   arcRadius: d,
-  innerArcRadius: c,
+  innerArcRadius: l,
   outterArcRadius: p,
   progressEndAngle: _,
   unitsPerSegment: m,
@@ -92,7 +92,7 @@ const yo = ({
     { offset: "83.46%", color: b.palette.chartMono.chartMono5 }
   ], [f, x] = sn(
     t,
-    l,
+    c,
     r,
     o
   ), [y, k] = cn(
@@ -101,7 +101,7 @@ const yo = ({
     o,
     m,
     _
-  ), D = tt.arc().innerRadius(c).outerRadius(p).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), I = tt.arc().innerRadius(c).outerRadius(p).startAngle(y).endAngle(k).padAngle(0.02).cornerRadius(8);
+  ), D = tt.arc().innerRadius(l).outerRadius(p).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), I = tt.arc().innerRadius(l).outerRadius(p).startAngle(y).endAngle(k).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ e(
       "path",
@@ -130,20 +130,20 @@ const yo = ({
   healthScore: o,
   size: n = "L",
   dialScoreData: r,
-  minValue: l = 0,
+  minValue: c = 0,
   maxValue: s = 100,
   markerColor: i,
   healthScoreStatus: d,
-  footerCenterContent: c,
+  footerCenterContent: l,
   footerLeftContent: p,
   footerRightContent: _,
   isFinacialStrengthGraph: m = !1
 }) => {
-  const g = E(), b = -Math.PI / 1.35, w = Math.PI / 1.35, f = w - b, x = f / (s - l), y = (o - l) * x, k = b + y + 0.02, D = n !== "SM" ? 0.1 : 0.12, I = t, N = t * (1 - D), G = I * 2.5, H = G / 2, W = G / 2, ce = (N + I) / 2, Y = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [re, le] = ln(ce, k, Y), ge = o / 25, U = {
+  const g = E(), b = -Math.PI / 1.35, w = Math.PI / 1.35, f = w - b, x = f / (s - c), y = (o - c) * x, k = b + y + 0.02, D = n !== "SM" ? 0.1 : 0.12, I = t, N = t * (1 - D), G = I * 2.5, H = G / 2, W = G / 2, ce = (N + I) / 2, Y = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [re, le] = ln(ce, k, Y), ge = o / 25, U = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Pe = c === 0 ? Xt : Ut;
+  }, Pe = l === 0 ? Xt : Ut;
   return /* @__PURE__ */ a(
     u,
     {
@@ -200,7 +200,7 @@ const yo = ({
               }
             },
             width: G,
-            children: o >= l && o <= s && /* @__PURE__ */ e(
+            children: o >= c && o <= s && /* @__PURE__ */ e(
               "circle",
               {
                 cx: H + re,
@@ -246,7 +246,7 @@ const yo = ({
             )
           }
         ),
-        c !== void 0 && /* @__PURE__ */ e(
+        l !== void 0 && /* @__PURE__ */ e(
           C,
           {
             sx: {
@@ -256,20 +256,20 @@ const yo = ({
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof c == "number" ? /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              c > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Pe, { size: 16, sx: { color: "text.secondary" } }),
+            children: typeof l == "number" ? /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+              l > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Pe, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 M,
                 {
                   sx: {
                     fontWeight: 600,
-                    color: c > 0 ? "success.main" : "text.secondary"
+                    color: l > 0 ? "success.main" : "text.secondary"
                   },
                   variant: "body1",
-                  children: c
+                  children: l
                 }
               )
-            ] }) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: c })
+            ] }) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: l })
           }
         ),
         p !== void 0 && /* @__PURE__ */ e(
@@ -304,7 +304,7 @@ const yo = ({
   );
 }, Ft = S(
   ({ arcRadius: t, size: o = "L", healthScore: n, footerCenterContent: r }) => {
-    const l = [
+    const c = [
       { id: 1, label: "Group A", value: 25 },
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
@@ -314,7 +314,7 @@ const yo = ({
       Rt,
       {
         arcRadius: t,
-        dialScoreData: l,
+        dialScoreData: c,
         footerCenterContent: o === "L" ? s.footer_center_content_updated_just_now : r,
         healthScore: n,
         healthScoreStatus: i.status,
@@ -329,10 +329,10 @@ const yo = ({
     size: o = "L",
     healthScore: n,
     maxValue: r = 850,
-    minValue: l = 300,
+    minValue: c = 300,
     footerCenterContent: s
   }) => {
-    const d = E().palette.mode === "dark", c = [
+    const d = E().palette.mode === "dark", l = [
       {
         id: 1,
         label: "Poor",
@@ -374,15 +374,15 @@ const yo = ({
       Rt,
       {
         arcRadius: t,
-        dialScoreData: c,
+        dialScoreData: l,
         footerCenterContent: s,
-        footerLeftContent: l,
+        footerLeftContent: c,
         footerRightContent: r,
         healthScore: n,
         healthScoreStatus: m,
         markerColor: g,
         maxValue: r,
-        minValue: l,
+        minValue: c,
         size: o
       }
     );
@@ -392,12 +392,12 @@ const yo = ({
   isDashboard: o = !1,
   hasIcon: n = !0,
   buttonText: r,
-  title: l,
+  title: c,
   titleDrawer: s,
   description: i,
   sx: d
 }) => {
-  const [c, p] = h.useState(!1), { connect: _, finstrong: m } = v();
+  const [l, p] = h.useState(!1), { connect: _, finstrong: m } = v();
   return t ? /* @__PURE__ */ a(
     j,
     {
@@ -418,7 +418,7 @@ const yo = ({
             },
             children: [
               n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
+              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: c || m.connect_more_accounts_title })
             ]
           }
         ),
@@ -445,7 +445,7 @@ const yo = ({
           oe,
           {
             onClose: () => p(!1),
-            showConnectWidget: c,
+            showConnectWidget: l,
             title: s || _.mini_title
           }
         ),
@@ -453,7 +453,7 @@ const yo = ({
           St,
           {
             onClose: () => p(!1),
-            showConnectionsWidget: c,
+            showConnectionsWidget: l,
             title: s || _.mini_title
           }
         )
@@ -463,8 +463,8 @@ const yo = ({
 };
 var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
 const fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = v(), { isMobile: l } = je(), { updateUser: s, user: i } = Q(), [d, c] = h.useState(i.credit_score || 0), p = !isNaN(d), _ = () => {
-    o(), setTimeout(() => c(i.credit_score || 0), 300);
+  const { common: n, finstrong: r } = v(), { isMobile: c } = je(), { updateUser: s, user: i } = Q(), [d, l] = h.useState(i.credit_score || 0), p = !isNaN(d), _ = () => {
+    o(), setTimeout(() => l(i.credit_score || 0), 300);
   }, m = () => {
     !d || d === i.credit_score || s({ ...i, credit_score: d });
   };
@@ -481,7 +481,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       primaryText: n.save_button,
       sx: {
         "& .MuiDialog-paper": {
-          minWidth: l ? "100%" : 400
+          minWidth: c ? "100%" : 400
         }
       },
       children: /* @__PURE__ */ e(
@@ -500,7 +500,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
                 noValidate: !0,
                 pattern: "[0-9]*"
               },
-              onChange: (g) => c(Number(g.target.value)),
+              onChange: (g) => l(Number(g.target.value)),
               value: p ? d : ""
             }
           )
@@ -512,7 +512,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
   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."
 }, xo = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: l } = Q(), { finstrong: s } = v(), [i, { width: d }] = vt(), c = {
+  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: c } = Q(), { finstrong: s } = v(), [i, { width: d }] = vt(), l = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
       title: s.key_indicators_save.zero_state_title,
@@ -545,7 +545,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
   let k;
   if (y) {
     const { color: D } = mt(
-      l?.credit_score ?? 0,
+      c?.credit_score ?? 0,
       n,
       s.credit_score_status
     );
@@ -590,14 +590,14 @@ const fo = ({ isOpen: t, onClose: o }) => {
       }
     )
   ] }) : /* @__PURE__ */ a(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
-    c.icon,
-    /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: c.title }),
-    /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: c.description })
+    l.icon,
+    /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: l.title }),
+    /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: l.description })
   ] }) });
 }, Ye = S(xo), So = {
   updated_score: "Updated Score"
 }, Co = () => {
-  const { healthScoreChange: t } = R(), { user: o } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: r } = je(n), [l, s] = h.useState(!1);
+  const { healthScoreChange: t } = R(), { user: o } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: r } = je(n), [c, s] = h.useState(!1);
   return /* @__PURE__ */ a(u, { sx: { gap: 28 }, children: [
     /* @__PURE__ */ e(
       bo,
@@ -609,7 +609,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       }
     ),
     /* @__PURE__ */ e($, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
-    /* @__PURE__ */ e(Pt, { isOpen: l, onClose: () => s(!1) }),
+    /* @__PURE__ */ e(Pt, { isOpen: c, onClose: () => s(!1) }),
     /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
   ] });
 }, vo = S(Co), Oe = ({ status: t }) => {
@@ -653,18 +653,18 @@ const fo = ({ isOpen: t, onClose: o }) => {
   connectTitle: o,
   connectDescription: n,
   children: r,
-  description: l,
+  description: c,
   drawerTitle: s,
   isOpen: i,
   loadConnectAccountsCard: d = !0,
-  onClose: c,
+  onClose: l,
   stickyComponent: p,
   title: _,
   drawerType: m
 }) => {
   const { finstrong: g } = v(), { isCopyLoaded: b } = V();
-  return b ? /* @__PURE__ */ a(te, { isOpen: i, onClose: c, title: s || g.key_indicators, children: [
-    (_ || l) && /* @__PURE__ */ a(
+  return b ? /* @__PURE__ */ a(te, { isOpen: i, onClose: l, title: s || g.key_indicators, children: [
+    (_ || c) && /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -674,7 +674,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
         },
         children: [
           _ && typeof _ == "string" ? /* @__PURE__ */ e(K, { children: _ }) : _,
-          l && /* @__PURE__ */ e(M, { children: l })
+          c && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: c })
         ]
       }
     ),
@@ -709,33 +709,33 @@ const fo = ({ isOpen: t, onClose: o }) => {
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = ft(), { accounts: l } = v(), { selectedAccounts: s } = V(), i = h.useCallback(
-    (c) => {
-      t?.(c);
+  const { config: r } = ft(), { accounts: c } = v(), { selectedAccounts: s } = V(), i = h.useCallback(
+    (l) => {
+      t?.(l);
     },
     [t]
   ), d = h.useMemo(
-    () => Array.from(new Set(s.map((c) => c.account_type))).filter(
-      (c) => n ? n.includes(c) : !0
+    () => Array.from(new Set(s.map((l) => l.account_type))).filter(
+      (l) => n ? n.includes(l) : !0
     ),
     [s, n]
   );
-  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((c) => {
+  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((l) => {
     const { accountsForType: p, totalBalanceForType: _ } = s.reduce(
-      (m, g) => (g.account_type === c && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
+      (m, g) => (g.account_type === l && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ a(
       De,
       {
         subheader: /* @__PURE__ */ e(Rn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: l.account_types[c] }),
+          /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: c.account_types[l] }),
           o && /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: B(_, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
           p.map((m, g) => {
-            const { firstValue: b } = kt(m, l), w = Ct(m, {
+            const { firstValue: b } = kt(m, c), w = Ct(m, {
               allowNickname: r?.show_account_nicknames_in_master
             }), f = /* @__PURE__ */ a(z, { children: [
               /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
@@ -756,11 +756,11 @@ const fo = ({ isOpen: t, onClose: o }) => {
           /* @__PURE__ */ e(ne, {})
         ]
       },
-      c
+      l
     );
   }) }) : null;
 }, Lt = S(Ao), Io = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = E(), { config: r } = ft(), { connect: l, finstrong: s } = v(), { accounts: i } = v(), { selectedAccounts: d } = V(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
+  const n = E(), { config: r } = ft(), { connect: c, finstrong: s } = v(), { accounts: i } = v(), { selectedAccounts: d } = V(), [l, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
     () => d.filter(
       (f) => t ? t.includes(f.account_type) : !0
     ),
@@ -802,7 +802,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(te, { isOpen: c, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
@@ -820,7 +820,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       {
         onClose: () => m(!1),
         showConnectWidget: _,
-        title: l.mini_title
+        title: c.mini_title
       }
     )
   ] });
@@ -877,14 +877,14 @@ const P = {
   { id: xe.Years, label: P.years },
   { id: xe.Days, label: P.days }
 ], Fo = ({ total: t }) => {
-  const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = h.useState(0), [l, s] = h.useState(Je(t)), [i, d] = h.useState(
+  const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = h.useState(0), [c, s] = h.useState(Je(t)), [i, d] = h.useState(
     Je(t)
-  ), [c, p] = h.useState(o), [_, m] = h.useState(_n(t)), [g, b] = h.useState(xe.Months);
+  ), [l, p] = h.useState(o), [_, m] = h.useState(_n(t)), [g, b] = h.useState(xe.Months);
   h.useEffect(() => {
     r(
       et({
         contribution: i,
-        goalAmount: c,
+        goalAmount: l,
         goalPeriod: _,
         targetPeriod: g,
         totalSaved: t
@@ -895,7 +895,7 @@ const P = {
     f.preventDefault(), r(
       et({
         contribution: i,
-        goalAmount: c,
+        goalAmount: l,
         goalPeriod: _,
         targetPeriod: g,
         totalSaved: t
@@ -910,7 +910,7 @@ const P = {
           /* @__PURE__ */ e(A, { variant: "h2", children: B(n, "0,0") }),
           /* @__PURE__ */ a(A, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
-            Oo[l]
+            Oo[c]
           ] })
         ] }),
         title: P.estimated_contribution
@@ -929,7 +929,7 @@ const P = {
         onChange: (f) => {
           f.target.value && p(Number(f.target.value.replace(/[^0-9]/g, "")));
         },
-        value: c ? B(c, "0,0") : ""
+        value: l ? B(l, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
@@ -990,7 +990,7 @@ const P = {
   your_savings: "Your Savings"
 }, Bo = () => {
   const { savingsAccounts: t } = Se(), [o, n] = h.useState(!1), r = h.useMemo(
-    () => t.reduce((l, s) => l + (s.balance ?? 0), 0),
+    () => t.reduce((c, s) => c + (s.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
@@ -1009,38 +1009,26 @@ const P = {
     )
   ] });
 }, Lo = S(Bo), Re = S(
-  ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: l = [] }) => {
-    const { finstrong: s } = v(), i = {
+  ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: c = [] }) => {
+    const s = {
       GOOD: {
-        backgroundColor: "success.lighter",
-        color: "success.main",
-        progressBarColor: "primary.main",
-        label: s?.key_indicators_good
+        progressBarColor: "primary.main"
       },
       FAIR: {
-        backgroundColor: "warning.lighter",
-        color: "warning.main",
-        progressBarColor: "warning.main",
-        label: s?.key_indicators_fair
+        progressBarColor: "warning.main"
       },
       OFF_TRACK: {
-        backgroundColor: "error.lighter",
-        color: "error.main",
-        progressBarColor: "error.main",
-        label: s?.key_indicators_off_track
+        progressBarColor: "error.main"
       },
       MISSING: {
-        backgroundColor: "divider",
-        color: "text.secondary",
-        progressBarColor: "text.secondary",
-        label: s?.key_indicators_missing
+        progressBarColor: "text.secondary"
       }
-    }[n], d = l.map((c, p) => l.length === 2 ? {
-      color: p === 0 ? "primary.main" : c.color || i?.progressBarColor,
-      percentage: c.percentage
+    }[n], i = c.map((d, l) => c.length === 2 ? {
+      color: l === 0 ? "primary.main" : d.color || s?.progressBarColor,
+      percentage: d.percentage
     } : {
-      color: c.color || i?.progressBarColor,
-      percentage: c.percentage
+      color: d.color || s?.progressBarColor,
+      percentage: d.percentage
     });
     return /* @__PURE__ */ a(
       u,
@@ -1073,7 +1061,7 @@ const P = {
             )
           ] }),
           /* @__PURE__ */ a(u, { children: [
-            /* @__PURE__ */ e(Bn, { data: d, height: 16 }),
+            /* @__PURE__ */ e(Bn, { data: i, height: 16 }),
             r
           ] })
         ]
@@ -1087,7 +1075,7 @@ const P = {
   return /* @__PURE__ */ e(
     Re,
     {
-      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Wo.map((l) => /* @__PURE__ */ a(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Wo.map((c) => /* @__PURE__ */ a(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
           ne,
           {
@@ -1099,8 +1087,8 @@ const P = {
             }
           }
         ),
-        /* @__PURE__ */ e(A, { variant: "caption", children: l })
-      ] }, l)) }),
+        /* @__PURE__ */ e(A, { variant: "caption", children: c })
+      ] }, c)) }),
       label: $o.sticky_label,
       status: r,
       statusBarData: [
@@ -1116,11 +1104,11 @@ const P = {
   bgcolor: o,
   height: n = "calc(100dvh - 36px)",
   loader: r = /* @__PURE__ */ e(J, { label: "Loading", size: 40 }),
-  onClick: l,
+  onClick: c,
   showInsights: s = !1,
   showLoader: i = !1,
   width: d = "100%",
-  zeroState: c = /* @__PURE__ */ e(Wn, {})
+  zeroState: l = /* @__PURE__ */ e(Wn, {})
 }) => {
   const { getCategoryName: p } = He(), { onEvent: _ } = vn(), { categories: m } = v(), { clearExpandedSplits: g, setShowInsights: b, toggleSplit: w } = $n(), f = (k) => {
     const D = t.find((I) => I.guid === k);
@@ -1131,7 +1119,7 @@ const P = {
     _(zn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: D?.account_guid,
       transaction_guid: k
-    }), l?.(k);
+    }), c?.(k);
   }, x = h.useRef(null), y = Ln({
     count: t.length,
     getScrollElement: () => x.current,
@@ -1149,7 +1137,7 @@ const P = {
       width: "100%",
       children: [
         i && r,
-        !i && y.getVirtualItems().length === 0 && c,
+        !i && y.getVirtualItems().length === 0 && l,
         !i && y.getVirtualItems().length > 0 && y.getVirtualItems().map((k) => {
           const D = t[k.index], I = ze(k.index, t), N = Mt(k.index, t), G = it + (I ? st : 0);
           return /* @__PURE__ */ a(
@@ -1166,7 +1154,7 @@ const P = {
                 /* @__PURE__ */ e(
                   At,
                   {
-                    ...l && { onClick: f },
+                    ...c && { onClick: f },
                     transaction: {
                       ...D,
                       category: m.default_categories[D.top_level_category_guid]?.replace(
@@ -1190,9 +1178,9 @@ const P = {
   amountColor: o = "success.main",
   amountPosition: n = "center",
   formatDate: r = Ve,
-  secondaryIcon: l
+  secondaryIcon: c
 }) => {
-  const s = E(), { connect: i, finstrong: d } = v(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, b = t.length > g, w = t.length - g;
+  const s = E(), { connect: i, finstrong: d } = v(), [l, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, b = t.length > g, w = t.length - g;
   return !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
       $,
@@ -1251,7 +1239,7 @@ const P = {
                 /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
                   /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: f.description }),
                   /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-                    !!l && l,
+                    !!c && c,
                     /* @__PURE__ */ e(A, { variant: "caption", children: r(f.date) })
                   ] })
                 ] }),
@@ -1282,7 +1270,7 @@ const P = {
       /* @__PURE__ */ e(
         te,
         {
-          isOpen: c,
+          isOpen: l,
           onClose: () => p(!1),
           title: d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(Ho, { transactions: t })
@@ -1341,7 +1329,7 @@ const P = {
     }
   ) });
 }, Ko = S(No), jo = () => {
-  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = mn(t.spending_fee_transaction_count);
+  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, c = mn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     u,
     {
@@ -1359,7 +1347,7 @@ const P = {
             " ",
             r.pay_bills_on_time_sticky_fee_count
           ] }),
-          /* @__PURE__ */ e(Oe, { status: l })
+          /* @__PURE__ */ e(Oe, { status: c })
         ] })
       ]
     }
@@ -1383,13 +1371,13 @@ const P = {
     )
   ] });
 }, Xo = S(Yo), Uo = () => {
-  const { finstrong: t } = v(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: l } = R(), { isInitialized: s } = V();
+  const { finstrong: t } = v(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: c } = R(), { isInitialized: s } = V();
   h.useEffect(() => {
-    s && (r().finally(), l().finally());
+    s && (r().finally(), c().finally());
   }, [s]);
   const i = h.useMemo(() => {
-    const d = n.spend.map((p) => p.transaction), c = n.debtSpend.map((p) => p.transaction);
-    return [...d, ...c];
+    const d = n.spend.map((p) => p.transaction), l = n.debtSpend.map((p) => p.transaction);
+    return [...d, ...l];
   }, [n.spend, n.debtSpend]);
   return s ? /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1410,7 +1398,7 @@ const P = {
         {
           "aria-label": n.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (r, l) => o(l),
+          onChange: (r, c) => o(c),
           sx: { mb: 0 },
           value: t,
           variant: "fullWidth",
@@ -1440,7 +1428,7 @@ const P = {
     /* @__PURE__ */ e(Ye, { chartFor: "savingsOverTime" })
   ] });
 }, Qo = S(Zo), Jo = () => {
-  const { finstrong: t } = v(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), i = Math.round((n - s) * l), d = n / 6 * 100;
+  const { finstrong: t } = v(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), c = 183 / 6, s = Math.floor(n), i = Math.round((n - s) * c), d = n / 6 * 100;
   return /* @__PURE__ */ e(
     Re,
     {
@@ -1570,7 +1558,7 @@ const P = {
     }
   );
 }, nr = S(tr), or = () => {
-  const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = v(), [l, s] = h.useState(!1);
+  const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = v(), [c, s] = h.useState(!1);
   return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       me,
@@ -1597,13 +1585,13 @@ const P = {
       oe,
       {
         onClose: () => s(!1),
-        showConnectWidget: l,
+        showConnectWidget: c,
         title: n.mini_title
       }
     )
   ] });
 }, rr = S(or), ar = () => {
-  const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = v(), [l, s] = h.useState(!1);
+  const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = v(), [c, s] = h.useState(!1);
   return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       me,
@@ -1636,7 +1624,7 @@ const P = {
       oe,
       {
         onClose: () => s(!1),
-        showConnectWidget: l,
+        showConnectWidget: c,
         title: n.mini_title
       }
     )
@@ -1646,7 +1634,7 @@ const P = {
   data: o,
   series: n,
   style: r,
-  ...l
+  ...c
 }) => {
   const s = E(), i = h.useRef(null), { width: d } = jn({
     width: r.width
@@ -1664,9 +1652,9 @@ const P = {
       i.current && m.unobserve(i.current);
     };
   }, []);
-  const { formattedComparison: c, formattedMain: p } = o[n.index], _ = n.type === 0 ? p : c;
+  const { formattedComparison: l, formattedMain: p } = o[n.index], _ = n.type === 0 ? p : l;
   return /* @__PURE__ */ a("g", { children: [
-    /* @__PURE__ */ e(ot.rect, { ...l, fill: t, ref: i, rx: 2, style: r }),
+    /* @__PURE__ */ e(ot.rect, { ...c, fill: t, ref: i, rx: 2, style: r }),
     /* @__PURE__ */ e(
       ot.text,
       {
@@ -1686,11 +1674,11 @@ const P = {
   data: o,
   title: n,
   buttonLabel: r,
-  onClick: l,
+  onClick: c,
   legendLabelMain: s,
   legendLabelComparison: i,
   totalComparison: d,
-  totalMain: c
+  totalMain: l
 }) => {
   const p = E(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
     () => o.sort((y, k) => y.month - k.month).map((y) => {
@@ -1749,7 +1737,7 @@ const P = {
                 $,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
-                  onClick: l,
+                  onClick: c,
                   size: "small",
                   sx: {
                     pl: 8,
@@ -1770,7 +1758,7 @@ const P = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chart.chart3",
+                  backgroundColor: "chartMono.chartMono3",
                   borderRadius: "2px"
                 }
               }
@@ -1780,7 +1768,7 @@ const P = {
                 s,
                 " "
               ] }),
-              !_ && c && /* @__PURE__ */ e(A, { bold: !0, variant: "subtitle2", children: c })
+              !_ && l && /* @__PURE__ */ e(A, { bold: !0, sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
             ] })
           ] }),
           /* @__PURE__ */ a(u, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1790,7 +1778,7 @@ const P = {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: "chart.chart5",
+                  backgroundColor: "chartMono.chartMono5",
                   borderRadius: "2px"
                 }
               }
@@ -1800,17 +1788,17 @@ const P = {
                 i,
                 " "
               ] }),
-              !_ && d && /* @__PURE__ */ e(A, { bold: !0, variant: "subtitle2", children: d })
+              !_ && d && /* @__PURE__ */ e(A, { bold: !0, sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ a(
           Kn,
           {
-            colors: [`${p.palette.chart.chart3}`, `${p.palette.chart.chart5}`],
+            colors: [`${p.palette.chartMono.chartMono3}`, `${p.palette.chartMono.chartMono5}`],
             dataset: m,
             height: 240,
-            margin: { top: 20, bottom: 30, right: 10 },
+            margin: { top: 20, bottom: 30, right: 10, left: 42 },
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
@@ -1888,7 +1876,7 @@ const P = {
     }
   );
 }, cr = () => {
-  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = V(), [l, s] = h.useState(0), { finstrong: i } = v();
+  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = V(), [c, s] = h.useState(0), { finstrong: i } = v();
   return h.useEffect(() => {
     r && (t().finally(), o().finally());
   }, [r]), /* @__PURE__ */ a(z, { children: [
@@ -1898,9 +1886,9 @@ const P = {
         {
           "aria-label": i.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (d, c) => s(c),
+          onChange: (d, l) => s(l),
           sx: { mb: 0 },
-          value: l,
+          value: c,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
@@ -1930,7 +1918,7 @@ const P = {
           "aria-labelledby": "income-details-tab-0",
           index: 0,
           name: "income-details",
-          value: l,
+          value: c,
           children: /* @__PURE__ */ e(rr, {})
         }
       ),
@@ -1940,7 +1928,7 @@ const P = {
           "aria-labelledby": "debt-payment-details-tab-1",
           index: 1,
           name: "debt-payment-details",
-          value: l,
+          value: c,
           children: /* @__PURE__ */ e(ir, {})
         }
       )
@@ -2019,6 +2007,7 @@ const P = {
             ] }),
             /* @__PURE__ */ a(A, { variant: "body2", children: [
               r ? "-%" : `${n}%`,
+              " ",
               o?.key_indicators_spend.spend_less_than_you_make_drawer.spent
             ] })
           ]
@@ -2031,9 +2020,9 @@ const P = {
     }
   );
 }, pr = S(dr), ur = () => {
-  const t = E(), { monthlySummaries: o } = R(), { finstrong: n, goals: r, spending: l } = v(), { selectedAccounts: s } = V(), { categories: i, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = He(), { appDataStore: p } = wn(), [_, m] = h.useState("");
+  const t = E(), { monthlySummaries: o } = R(), { finstrong: n, goals: r, spending: c } = v(), { selectedAccounts: s } = V(), { categories: i, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: l } = He(), { appDataStore: p } = wn(), [_, m] = h.useState("");
   h.useEffect(() => {
-    c(
+    l(
       s,
       It(/* @__PURE__ */ new Date()),
       Tt(/* @__PURE__ */ new Date())
@@ -2077,7 +2066,12 @@ const P = {
           borderRadius: "8px",
           boxShadow: 1,
           p: 24,
-          pb: 48
+          pb: 48,
+          ".empty-state-subtext": {
+            fontSize: 15,
+            lineHeight: "24px",
+            mt: 8
+          }
         },
         variant: "no-buttons"
       }
@@ -2125,7 +2119,7 @@ const P = {
                 data: g,
                 onSelected: b,
                 selectedId: _,
-                totalLabel: l.total_spending
+                totalLabel: c.total_spending
               }
             ),
             /* @__PURE__ */ e(
@@ -2150,7 +2144,12 @@ const P = {
           borderRadius: "8px",
           boxShadow: 1,
           p: 24,
-          pb: 48
+          pb: 48,
+          ".empty-state-subtext": {
+            fontSize: 15,
+            lineHeight: "24px",
+            mt: 8
+          }
         },
         variant: "no-buttons"
       }
@@ -2240,7 +2239,7 @@ const P = {
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const [l, s] = h.useState(!1);
+  const [c, s] = h.useState(!1);
   return /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ a(
       u,
@@ -2273,30 +2272,30 @@ const P = {
       mr,
       {
         drawerFor: t,
-        isOpen: l,
+        isOpen: c,
         onClose: () => s(!1)
       }
     )
   ] });
 }, gr = () => {
   const { finstrong: t } = v(), { key_indicators_spend: o } = t, { healthScore: n } = R(), r = (i) => {
-    const d = bn(i), c = {
+    const d = bn(i), l = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
       MISSING: o.ratio_missing_description
-    }, p = d === "MISSING" ? c[d] : X(c[d], i);
+    }, p = d === "MISSING" ? l[d] : X(l[d], i);
     return {
       cardState: d,
       description: p,
       title: o.ratio_card_title
     };
-  }, { spendToIncomeRatio: l, spendFeeCount: s } = h.useMemo(() => {
-    const i = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = r(i), c = yn(
+  }, { spendToIncomeRatio: c, spendFeeCount: s } = h.useMemo(() => {
+    const i = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = r(i), l = yn(
       n.spending_fee_transaction_count,
       o
     );
-    return { spendToIncomeRatio: d, spendFeeCount: c };
+    return { spendToIncomeRatio: d, spendFeeCount: l };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
@@ -2307,10 +2306,10 @@ const P = {
     /* @__PURE__ */ e(
       he,
       {
-        cardState: l.cardState,
-        description: l.description,
+        cardState: c.cardState,
+        description: c.description,
         drawerFor: se.SpendLessThanYouMake,
-        title: l.title
+        title: c.title
       }
     ),
     /* @__PURE__ */ e(
@@ -2325,36 +2324,36 @@ const P = {
   ] });
 }, yr = S(gr), br = () => {
   const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_save: n } = o, r = (d) => {
-    const c = bt(d), p = {
+    const l = bt(d), p = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, _ = c === "MISSING" ? p[c] : X(p[c], d);
+    }, _ = l === "MISSING" ? p[l] : X(p[l], d);
     return {
-      cardState: c,
+      cardState: l,
       description: _,
       title: n.days_of_cash_title
     };
-  }, l = (d) => {
-    const c = yt(d), p = {
+  }, c = (d) => {
+    const l = yt(d), p = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
       MISSING: n.emergency_savings_missing_description
     };
     let _;
-    return c === "FAIR" && d !== null ? _ = X(
-      p[c],
+    return l === "FAIR" && d !== null ? _ = X(
+      p[l],
       B(d, "0,0.00")
-    ) : _ = p[c], {
-      cardState: c,
+    ) : _ = p[l], {
+      cardState: l,
       description: _,
       title: n.emergency_savings_title
     };
   }, { daysOfCashOnHand: s, emergencySavings: i } = h.useMemo(() => {
-    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = r(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(p);
-    return { daysOfCashOnHand: c, emergencySavings: _ };
+    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, l = r(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = c(p);
+    return { daysOfCashOnHand: l, emergencySavings: _ };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
@@ -2382,32 +2381,32 @@ const P = {
     )
   ] });
 }, fr = S(br), xr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_borrow: n } = o, { user: r } = Q(), l = (c) => {
-    const p = fn(c), _ = {
+  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_borrow: n } = o, { user: r } = Q(), c = (l) => {
+    const p = fn(l), _ = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
       MISSING: n.manage_debit_missing_description
-    }, m = p === "FAIR" || p === "OFF_TRACK" ? X(_[p], c) : _[p];
+    }, m = p === "FAIR" || p === "OFF_TRACK" ? X(_[p], l) : _[p];
     return {
       cardState: p,
       description: m,
       title: n.manage_debit_title
     };
-  }, s = (c) => {
-    const p = gt(c), _ = {
+  }, s = (l) => {
+    const p = gt(l), _ = {
       GOOD: n.credit_score_good_description,
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
       MISSING: n.credit_score_missing_description
-    }, m = p === "MISSING" ? _[p] : X(_[p], c);
+    }, m = p === "MISSING" ? _[p] : X(_[p], l);
     return {
       cardState: p,
       description: m,
       title: n.credit_score_title
     };
   }, { manageDebtStatus: i, creditScoreStatus: d } = h.useMemo(() => {
-    const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), _ = s(r.credit_score || null);
+    const l = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = c(l), _ = s(r.credit_score || null);
     return {
       manageDebtStatus: p,
       creditScoreStatus: _
@@ -2441,7 +2440,7 @@ const P = {
       {
         "aria-label": "Key Indicators",
         centered: !0,
-        onChange: (r, l) => o(l),
+        onChange: (r, c) => o(c),
         sx: {
           mb: 0,
           "& .MuiTab-root": {
@@ -2525,15 +2524,15 @@ const P = {
   transaction: n
 }) => /* @__PURE__ */ a(h.Fragment, { children: [
   /* @__PURE__ */ a(u, { children: [
-    !!t.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: t.reduce((r, l, s) => {
-      if (l.guid === n.guid) return r;
+    !!t.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: t.reduce((r, c, s) => {
+      if (c.guid === n.guid) return r;
       const i = ze(s, t), d = Mt(s, t);
       return r.push(
         /* @__PURE__ */ a(h.Fragment, { children: [
-          i && /* @__PURE__ */ e(Dt, { children: Ve(l.date) }),
-          /* @__PURE__ */ e(At, { transaction: l }),
+          i && /* @__PURE__ */ e(Dt, { children: Ve(c.date) }),
+          /* @__PURE__ */ e(At, { transaction: c }),
           /* @__PURE__ */ e(ne, { sx: { ml: d ? 44 : 0 } })
-        ] }, l.guid)
+        ] }, c.guid)
       ), r;
     }, []) }),
     /* @__PURE__ */ e(
@@ -2564,8 +2563,8 @@ const P = {
 ] }), Ar = S(Dr), Ir = {
   select_date: "Select Date"
 }, Tr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const n = E(), r = (l) => {
-    o(Math.floor(new Date(l).getTime() / 1e3));
+  const n = E(), r = (c) => {
+    o(Math.floor(new Date(c).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
     eo,
@@ -2667,13 +2666,13 @@ const P = {
   do_it_later: "Do It Later",
   next: "Next"
 }, Lr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = R(), { finstrong: l } = v(), { setSelectedAccounts: s } = V(), { setDateRange: i } = kn(), { filter: d, setFilter: c, transactions: p } = Mn(), { user: _, userProfile: m, updateUser: g, updateUserProfile: b } = Q(), [w, f] = h.useState(_.credit_score || 0), [x, y] = h.useState(
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = R(), { finstrong: c } = v(), { setSelectedAccounts: s } = V(), { setDateRange: i } = kn(), { filter: d, setFilter: l, transactions: p } = Mn(), { user: _, userProfile: m, updateUser: g, updateUserProfile: b } = Q(), [w, f] = h.useState(_.credit_score || 0), [x, y] = h.useState(
     ct
   ), [k, D] = h.useState([]), [I, N] = h.useState(!1), [G, H] = h.useState(!1), [W, ce] = h.useState(_.birthday), [Y, re] = h.useState("");
   h.useEffect(() => {
     i({ start: It(rt()), end: Tt(rt()) });
   }, []), h.useEffect(() => {
-    c({
+    l({
       accounts: n.map((T) => T.guid),
       dateRange: {
         start: Un(/* @__PURE__ */ new Date(), 90),
@@ -2695,7 +2694,7 @@ const P = {
     let L = 0;
     return T >= O.MonthlyIncome && U && L++, T >= O.Birthday && k.length && L++, T >= O.CreditScore && (_.birthday || _.credit_score) && L++, L;
   }, [x.step, U, k.length, _.birthday, _.credit_score]), Ce = (T) => {
-    c({
+    l({
       ...d,
       custom: (L) => T ? Qn(L, T) : at(L)
     });
@@ -2806,7 +2805,7 @@ const P = {
         primaryText: de?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: F.back,
-        title: l.title,
+        title: c.title,
         ...!I && { onPrimaryAction: Ht },
         children: [
           I && /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
@@ -2817,7 +2816,7 @@ const P = {
             /* @__PURE__ */ e(
               Br,
               {
-                completeCopy: l.complete,
+                completeCopy: c.complete,
                 primaryText: de.primaryText,
                 secondaryText: de.secondaryText,
                 value: Pe
@@ -2873,7 +2872,7 @@ const P = {
     /* @__PURE__ */ e($r, { isOpen: t, onClose: () => o(!1) })
   ] });
 }, zr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = v(), r = E(), { updateUser: l, user: s } = Q(), [i, d] = h.useState(s.birthday), c = (_) => {
+  const { finstrong: n } = v(), r = E(), { updateUser: c, user: s } = Q(), [i, d] = h.useState(s.birthday), l = (_) => {
     d(Math.floor(new Date(_).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2882,7 +2881,7 @@ const P = {
       isOpen: t,
       onClose: o,
       onPrimaryAction: () => {
-        !i || i === s.birthday || (l({ ...s, birthday: i }), o());
+        !i || i === s.birthday || (c({ ...s, birthday: i }), o());
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
@@ -2890,7 +2889,7 @@ const P = {
         to,
         {
           disableFuture: !0,
-          onChange: c,
+          onChange: l,
           slotProps: {
             nextIconButton: {
               sx: {
@@ -2923,10 +2922,10 @@ const P = {
   );
 }, Er = S(zr), Gr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = Se(), { incomeBudget: r } = xt(), {
-    accounts: l,
+    accounts: c,
     common: s,
     finstrong: i
-  } = v(), { user: d } = Q(), [c, p] = h.useState(null), m = [
+  } = v(), { user: d } = Q(), [l, p] = h.useState(null), m = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2991,20 +2990,20 @@ const P = {
     /* @__PURE__ */ e(
       te,
       {
-        isOpen: c === ee.MonthlyIncome,
+        isOpen: l === ee.MonthlyIncome,
         onClose: () => p(null),
         title: s.settings,
         children: /* @__PURE__ */ e(no, {})
       }
     ),
-    /* @__PURE__ */ e(Er, { isOpen: c === ee.DateOfBirth, onClose: () => p(null) }),
-    /* @__PURE__ */ e(Pt, { isOpen: c === ee.CreditScore, onClose: () => p(null) }),
+    /* @__PURE__ */ e(Er, { isOpen: l === ee.DateOfBirth, onClose: () => p(null) }),
+    /* @__PURE__ */ e(Pt, { isOpen: l === ee.CreditScore, onClose: () => p(null) }),
     /* @__PURE__ */ e(
       St,
       {
         onClose: () => p(null),
-        showConnectionsWidget: c === ee.Connections,
-        title: l.manage_connections
+        showConnectionsWidget: l === ee.Connections,
+        title: c.manage_connections
       }
     )
   ] });
@@ -3020,16 +3019,16 @@ const P = {
 ] }), Nr = ({ report: t }) => {
   const { finstrong: o } = v(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
-    newer_credit_score: l,
+    newer_credit_score: c,
     older_credit_score: s,
     older_spend_to_income_ratio: i,
     newer_spend_to_income_ratio: d,
-    older_health_score: c,
+    older_health_score: l,
     newer_health_score: p,
     newer_score_calculated_at: _
-  } = t, m = ro(new Date(_), "MMM d"), g = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", b = () => r === 0 ? X(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, w = () => {
+  } = t, m = ro(new Date(_), "MMM d"), g = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", b = () => r === 0 ? X(n.stayed_at, l) : r > 0 ? n.less_spending : n.more_spending, w = () => {
     if (r === 0) return null;
-    const f = r > 0 ? n.up_from : n.down_from, x = X(f, c, p);
+    const f = r > 0 ? n.up_from : n.down_from, x = X(f, l, p);
     return /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ e(
         an,
@@ -3102,7 +3101,7 @@ const P = {
               content: X(
                 n.credit_score_description,
                 s,
-                l
+                c
               ),
               islast: !0
             }
@@ -3112,8 +3111,8 @@ const P = {
     ) })
   ] }) });
 }, Kr = S(Nr), jr = ({ isOpen: t, onClose: o }) => {
-  const n = E(), { finstrong: r } = v(), { isCopyLoaded: l, isInitialized: s } = V(), { healthScore: i, healthScoreChangeReports: d, augmentedChartData: c } = R();
-  if (!l || !s) return /* @__PURE__ */ e(J, {});
+  const n = E(), { finstrong: r } = v(), { isCopyLoaded: c, isInitialized: s } = V(), { healthScore: i, healthScoreChangeReports: d, augmentedChartData: l } = R();
+  if (!c || !s) return /* @__PURE__ */ e(J, {});
   const p = Ge(i.health_score || 0, r), _ = d.slice().reverse();
   return /* @__PURE__ */ e(
     Bt,
@@ -3125,7 +3124,7 @@ const P = {
           baseline: "min",
           colors: [n.palette.primary.main],
           curveType: "natural",
-          datasets: [c],
+          datasets: [l],
           height: 160,
           labels: [r.key_indicators_label],
           margin: { top: 12, left: 24 },
@@ -3176,9 +3175,9 @@ const P = {
       { color: "chartMono.chartMono3", text: t.building, value: "26-50" },
       { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
       { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
-    ].map(({ color: r, text: l, value: s }) => /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
+    ].map(({ color: r, text: c, value: s }) => /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
       /* @__PURE__ */ a(C, { children: [
-        /* @__PURE__ */ e(M, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: l }),
+        /* @__PURE__ */ e(M, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: c }),
         /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "caption", children: [
           "(",
           s,
@@ -3186,7 +3185,7 @@ const P = {
         ] })
       ] }),
       /* @__PURE__ */ e(C, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
-    ] }, l)) }),
+    ] }, c)) }),
     /* @__PURE__ */ a(C, { children: [
       /* @__PURE__ */ e(
         C,
@@ -3304,7 +3303,7 @@ const P = {
     ] })
   ] }) }) : /* @__PURE__ */ e(J, {});
 }, Ur = S(Xr), qr = S(() => {
-  const [t, o] = h.useState(!1), n = E(), [r, { width: l }] = vt(), { finstrong: s } = v(), { isCopyLoaded: i, isInitialized: d } = V(), { healthScore: c, healthScoreChange: p } = R(), _ = n.palette.mode === "dark", m = Ge(c?.health_score, s);
+  const [t, o] = h.useState(!1), n = E(), [r, { width: c }] = vt(), { finstrong: s } = v(), { isCopyLoaded: i, isInitialized: d } = V(), { healthScore: l, healthScoreChange: p } = R(), _ = n.palette.mode === "dark", m = Ge(l?.health_score, s);
   return !i || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ a(j, { ref: r, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       go,
@@ -3336,13 +3335,13 @@ const P = {
     /* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
       Ft,
       {
-        arcRadius: l <= 323 ? 73 : 154,
+        arcRadius: c <= 323 ? 73 : 154,
         footerCenterContent: p,
-        healthScore: c?.health_score || 0,
-        size: l <= 323 ? "M" : "L"
+        healthScore: l?.health_score || 0,
+        size: c <= 323 ? "M" : "L"
       }
     ) }),
-    c?.health_score ? /* @__PURE__ */ a(
+    l?.health_score ? /* @__PURE__ */ a(
       _o,
       {
         sx: {
@@ -3404,8 +3403,8 @@ const P = {
     )
   ] });
 }), Zr = ({ onBackClick: t, sx: o }) => {
-  const { visibleAccounts: n } = Se(), { dateRange: r, isDataLoaded: l, loadBudgetData: s, setTheme: i } = xt(), { reloadCategoryTotals: d } = He(), {
-    augmentedChartData: c,
+  const { visibleAccounts: n } = Se(), { dateRange: r, isDataLoaded: c, loadBudgetData: s, setTheme: i } = xt(), { reloadCategoryTotals: d } = He(), {
+    augmentedChartData: l,
     calculateHealthScore: p,
     healthScore: _,
     loadAugmentedChartData: m,
@@ -3416,8 +3415,8 @@ const P = {
   }, []), h.useEffect(() => k(n), [n]), h.useEffect(() => {
     x && (p().finally(), m().finally(), g().finally());
   }, [x]), h.useEffect(() => {
-    x && (d(y, r.start, r.end), l || s());
-  }, [r, l, x, y]), !f || !x) return /* @__PURE__ */ e(J, {});
+    x && (d(y, r.start, r.end), c || s());
+  }, [r, c, x, y]), !f || !x) return /* @__PURE__ */ e(J, {});
   const le = () => {
   }, ge = () => H(!0);
   return /* @__PURE__ */ a(
@@ -3475,7 +3474,7 @@ const P = {
                     }
                   )
                 ] }),
-                c.length ? /* @__PURE__ */ e(
+                l.length ? /* @__PURE__ */ e(
                   Ne,
                   {
                     axisColor: I.palette.divider,
@@ -3483,7 +3482,7 @@ const P = {
                     colors: [I.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
-                    datasets: [c],
+                    datasets: [l],
                     height: 300,
                     isGraphClippingXAxis: !0,
                     labelBackgroundColor: I.palette.border.dark,