@mx-cartographer/experiences 7.4.15 → 7.4.17-alpha.mega1

package/dist/finstrong/index.es.js

@@ -1,77 +1,77 @@
-import { jsxs as a, Fragment as G, jsx as e } from "react/jsx-runtime";
+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 E, alpha as fe } from "@mui/material/styles";
-import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
+import { useTheme as G, alpha as fe } from "@mui/material/styles";
+import { PieChart as on } from "@mui/x-charts/PieChart";
+import { P as M, H3 as K, Text as I, InstitutionLogo as lt, H2 as Le, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
 import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as J, MultilineChart as _t, CreditCard as He, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { P as M, H3 as K, Text as I, InstitutionLogo as ut, H2 as Le, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
-import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as we, e as ke, f as Cn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BIrX0Xg2.mjs";
-import { y as Si, F as Ci } from "../FinstrongStore-BIrX0Xg2.mjs";
+import { g as yn, a as bn, r as et, b as fn, c as Ne, d as ut, C as we, e as ke, f as xn, h as Sn, i as Cn, j as mt, k as tt, l as vn, m as nt, n as wn, o as gt, p as kn, q as yt, s as Oe, t as bt, u as Mn, v as ft, w as Dn, A as ne, x as In, P as An } from "../FinstrongStore-BIrX0Xg2.mjs";
+import { y as fi, F as xi } from "../FinstrongStore-BIrX0Xg2.mjs";
 import * as ot from "d3";
 import { observer as v } from "mobx-react-lite";
-import { u as x, b as q, a as je, o as ee, z as L, p as Fn, d as Se, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn } from "../hooks-ZMp65DFz.mjs";
+import { u as S, b as q, a as je, o as ee, z as F, p as Tn, d as Se, m as Ke, f as On, j as Ve, h as Rn, i as Fn } from "../hooks-ZMp65DFz.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import B from "@mui/material/Button";
+import P from "@mui/material/Button";
 import V from "@mui/material/Card";
-import { L as Ye } from "../LineChart-BQRxZF3p.mjs";
-import { C as St } from "../ConnectionsDrawer-VmuVFHbL.mjs";
-import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-BkvlItWx.mjs";
+import { L as Ye } from "../LineChart-Ck3RRxi_.mjs";
+import { C as xt } from "../ConnectionsDrawer-VmuVFHbL.mjs";
+import { l as re, g as St, A as Ee } from "../ConnectDrawer-BkvlItWx.mjs";
 import se from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
-import Fe from "@mui/material/TextField";
+import Re from "@mui/material/TextField";
 import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as Bn, f as Wn, a as $n } from "../Dialog-BPTr3qHE.mjs";
-import { u as vt } from "../useDimensions-27p2evRx.mjs";
-import zn from "@mui/material/Chip";
+import { D as Ln, f as Bn, a as Pn } from "../Dialog-BPTr3qHE.mjs";
+import { u as Ct } from "../useDimensions-27p2evRx.mjs";
+import Wn from "@mui/material/Chip";
 import { D as oe } from "../Drawer-By9V-B5L.mjs";
 import le from "@mui/material/Divider";
 import ye from "@mui/material/ListItem";
-import wt from "@mui/material/ListItemAvatar";
+import vt from "@mui/material/ListItemAvatar";
 import be from "@mui/material/ListItemText";
-import { g as kt } from "../AccountFields-zCMqet85.mjs";
-import Ee from "@mui/material/List";
-import Gn from "@mui/material/ListItemButton";
-import En from "@mui/material/ListSubheader";
+import { g as wt } from "../AccountFields-zCMqet85.mjs";
+import Ge from "@mui/material/List";
+import $n from "@mui/material/ListItemButton";
+import zn from "@mui/material/ListSubheader";
 import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
 import { b as j } from "../Localization-2MODESHW.mjs";
-import { S as rt, F as Mt, e as Hn, R as Dt } from "../RecurringTransactions-BqijW_8S.mjs";
-import { S as Nn } from "../StatusBar-BK_uYHAB.mjs";
-import { h as It } from "../DateUtil-CBdcsyuk.mjs";
-import { T as jn, s as Kn, h as Vn, S as Yn, c as Xn } from "../TransactionDetails-m5PddMQn.mjs";
+import { S as rt, F as kt, e as En, R as Mt } from "../RecurringTransactions-BqijW_8S.mjs";
+import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as Dt } from "../DateUtil-CBdcsyuk.mjs";
+import { T as Hn, s as Nn, h as jn, S as Kn, c as Vn } from "../TransactionDetails-m5PddMQn.mjs";
 import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
-import { E as Re } from "../EmptyState-DoxNUae-.mjs";
-import qn from "@mui/material/useMediaQuery";
+import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
+import Yn from "@mui/material/useMediaQuery";
+import { BarPlot as Xn } from "@mui/x-charts/BarChart";
+import { ChartContainer as qn } from "@mui/x-charts/ChartContainer";
 import { ChartsXAxis as Un } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Qn } from "@mui/x-charts/ChartsYAxis";
-import { ResponsiveChartContainer as Zn } from "@mui/x-charts/ResponsiveChartContainer";
-import { useSpring as Jn, animated as at } from "@react-spring/web";
-import { startOfMonth as At } from "date-fns/startOfMonth";
-import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-CDO060GT.mjs";
-import { formatISO as oo } from "date-fns/formatISO";
-import { fromUnixTime as ro } from "date-fns/fromUnixTime";
-import { startOfToday as it } from "date-fns/startOfToday";
-import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as st, S as so, i as co } from "../ManageIncome-CaoQl609.mjs";
-import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
-import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as ho } from "../RecurringSettings-B4ybrS0B.mjs";
-import { LocalizationProvider as uo } from "@mui/x-date-pickers/LocalizationProvider";
-import { format as mo } from "date-fns/format";
-import go from "@mui/lab/Timeline";
-import yo, { timelineItemClasses as bo } from "@mui/lab/TimelineItem";
-import fo from "@mui/lab/TimelineConnector";
-import xo from "@mui/lab/TimelineContent";
-import So from "@mui/lab/TimelineDot";
-import Co from "@mui/lab/TimelineSeparator";
-import vo from "@mui/material/Accordion";
-import wo from "@mui/material/AccordionDetails";
-import ko from "@mui/material/AccordionSummary";
-import Mo from "@mui/material/CardHeader";
-import { u as Do } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { W as Io } from "../WidgetContainer-CoFDmQRE.mjs";
-const Ao = ({
+import { startOfMonth as It } from "date-fns/startOfMonth";
+import { endOfMonth as At } from "date-fns/endOfMonth";
+import { g as Zn, S as Jn, b as eo } from "../SpendingLegend-CDO060GT.mjs";
+import { formatISO as to } from "date-fns/formatISO";
+import { fromUnixTime as no } from "date-fns/fromUnixTime";
+import { startOfToday as at } from "date-fns/startOfToday";
+import { subDays as oo } from "date-fns/subDays";
+import { c as ro, d as it, S as ao, i as io } from "../ManageIncome-CaoQl609.mjs";
+import { LocalizationProvider as so, DatePicker as co, StaticDatePicker as lo } from "@mui/x-date-pickers";
+import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as po } from "../RecurringSettings-B4ybrS0B.mjs";
+import { LocalizationProvider as _o } from "@mui/x-date-pickers/LocalizationProvider";
+import { format as ho } from "date-fns/format";
+import uo from "@mui/lab/Timeline";
+import mo, { timelineItemClasses as go } from "@mui/lab/TimelineItem";
+import yo from "@mui/lab/TimelineConnector";
+import bo from "@mui/lab/TimelineContent";
+import fo from "@mui/lab/TimelineDot";
+import xo from "@mui/lab/TimelineSeparator";
+import So from "@mui/material/Accordion";
+import Co from "@mui/material/AccordionDetails";
+import vo from "@mui/material/AccordionSummary";
+import wo from "@mui/material/CardHeader";
+import { u as ko } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { W as Mo } from "../WidgetContainer-CoFDmQRE.mjs";
+const Do = ({
   dialScoreData: t,
   dataIndex: o,
   arcColor: n,
@@ -82,28 +82,28 @@ const Ao = ({
   arcRadius: l,
   innerArcRadius: _,
   outterArcRadius: d,
-  progressEndAngle: u,
-  unitsPerSegment: h,
+  progressEndAngle: h,
+  unitsPerSegment: u,
   isFinacialStrengthGraph: y
 }) => {
-  const f = E(), w = [
+  const f = G(), w = [
     { offset: "13.62%", color: f.palette.chartMono.chartMono2 },
     { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
-  ], [S, D] = fn(
+  ], [x, D] = yn(
     t,
     s,
     r,
     o
-  ), [C, g] = xn(
-    S,
+  ), [C, g] = bn(
+    x,
     D,
     o,
-    h,
-    u
-  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ a(G, { children: [
+    u,
+    h
+  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(x).endAngle(D).padAngle(0.02).cornerRadius(8), L = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "path",
       {
@@ -111,7 +111,7 @@ const Ao = ({
         fill: y ? f.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: P({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: L({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -122,11 +122,11 @@ const Ao = ({
         x2: i - l * 0.8 * Math.cos(Math.PI / 1.35),
         y1: c + l * 0.8 * Math.sin(Math.PI / 1.35),
         y2: c - l * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((F, U) => /* @__PURE__ */ e("stop", { offset: F.offset, stopColor: F.color }, U))
+        children: w.map((B, U) => /* @__PURE__ */ e("stop", { offset: B.offset, stopColor: B.color }, U))
       }
     ) })
   ] });
-}, Ft = ({
+}, Ot = ({
   arcRadius: t = 100,
   healthScore: o,
   size: n = "L",
@@ -137,11 +137,11 @@ const Ao = ({
   markerColor: l,
   healthScoreStatus: _,
   footerCenterContent: d,
-  footerLeftContent: u,
-  footerRightContent: h,
+  footerLeftContent: h,
+  footerRightContent: u,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = E(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), T = F * 2, $ = T / 2, z = T / 2, pe = (U + F) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, Y] = Sn(pe, b, ve), _e = o / 25, H = {
+  const f = G(), w = -Math.PI / 1.35, x = Math.PI / 1.35, D = x - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, L = n !== "SM" ? 0.1 : 0.12, B = t, U = t * (1 - L), T = B * 2, $ = T / 2, z = T / 2, pe = (U + B) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, Y] = fn(pe, b, ve), _e = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -164,28 +164,26 @@ const Ao = ({
       },
       children: [
         /* @__PURE__ */ e(
-          rn,
+          on,
           {
             height: n === "SM" ? T - 7 : T,
+            hideLegend: !0,
             margin: he,
             series: [
               {
                 data: r,
                 innerRadius: U,
-                outerRadius: F,
+                outerRadius: B,
                 startAngle: Math.round(et(w)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(et(S))
+                endAngle: Math.round(et(x))
                 // Use Math.degrees to convert
               }
             ],
             skipAnimation: !0,
-            slotProps: {
-              legend: { hidden: !0 }
-            },
             slots: {
               pieArc: (X) => /* @__PURE__ */ e(
-                Ao,
+                Do,
                 {
                   arcColor: X.color,
                   arcRadius: t,
@@ -196,7 +194,7 @@ const Ao = ({
                   dialScoreData: r,
                   innerArcRadius: U,
                   isFinacialStrengthGraph: y,
-                  outterArcRadius: F,
+                  outterArcRadius: B,
                   progressEndAngle: b,
                   totalAngularSpan: D,
                   unitsPerSegment: _e
@@ -306,7 +304,7 @@ const Ao = ({
             ) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: d })
           }
         ),
-        u !== void 0 && /* @__PURE__ */ e(
+        h !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -317,10 +315,10 @@ const Ao = ({
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
           }
         ),
-        h !== void 0 && /* @__PURE__ */ e(
+        u !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -330,7 +328,7 @@ const Ao = ({
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
           }
         )
       ]
@@ -349,9 +347,9 @@ const Ao = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: c } = x(), l = Ne(n, c);
+    ], { finstrong: c } = S(), l = Ne(n, c);
     return /* @__PURE__ */ e(
-      Ft,
+      Ot,
       {
         arcRadius: t,
         dialScoreData: i,
@@ -364,7 +362,7 @@ const Ao = ({
       }
     );
   }
-), To = v(
+), Io = v(
   ({
     arcRadius: t,
     size: o = "L",
@@ -373,7 +371,7 @@ const Ao = ({
     minValue: s = 300,
     footerCenterContent: i
   }) => {
-    const l = E().palette.mode === "dark", _ = [
+    const l = G().palette.mode === "dark", _ = [
       {
         id: 1,
         label: "Poor",
@@ -404,15 +402,15 @@ const Ao = ({
         value: 12,
         color: l ? we.EXCEPTIONAL : ke.EXCEPTIONAL
       }
-    ], { finstrong: d } = x(), { isCopyLoaded: u } = q();
-    if (!u) return /* @__PURE__ */ e(te, {});
-    const { status: h, color: y = "none" } = mt(
+    ], { finstrong: d } = S(), { isCopyLoaded: h } = q();
+    if (!h) return /* @__PURE__ */ e(te, {});
+    const { status: u, color: y = "none" } = ut(
       n,
       l,
       d.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Ft,
+      Ot,
       {
         arcRadius: t,
         dialScoreData: _,
@@ -420,7 +418,7 @@ const Ao = ({
         footerLeftContent: s,
         footerRightContent: r,
         healthScore: n,
-        healthScoreStatus: h,
+        healthScoreStatus: u,
         markerColor: y,
         maxValue: r,
         minValue: s,
@@ -428,7 +426,7 @@ const Ao = ({
       }
     );
   }
-), Pe = ({
+), Be = ({
   drawerType: t,
   isDashboard: o = !1,
   hasIcon: n = !0,
@@ -438,7 +436,7 @@ const Ao = ({
   description: c,
   sx: l
 }) => {
-  const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = je();
+  const [_, d] = m.useState(!1), { connect: h, finstrong: u } = S(), { config: y } = je();
   return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
     V,
     {
@@ -459,7 +457,7 @@ const Ao = ({
             },
             children: [
               n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
+              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || u.connect_more_accounts_title })
             ]
           }
         ),
@@ -469,17 +467,17 @@ const Ao = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: c || h.connect_more_accounts_description
+            children: c || u.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          P,
           {
             endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => d(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || u.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
@@ -487,15 +485,15 @@ const Ao = ({
           {
             onClose: () => d(!1),
             showConnectWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          St,
+          xt,
           {
             onClose: () => d(!1),
             showConnectionsWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         )
       ]
@@ -503,21 +501,21 @@ const Ao = ({
   ) : null;
 };
 var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
-const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } = ee(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
+const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", To = ({ isOpen: t, onClose: o }) => {
+  const { common: n, finstrong: r } = S(), { isMobile: s } = qe(), { updateUser: i, user: c } = ee(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), h = () => {
     o(), setTimeout(() => _(c.credit_score || 0), 300);
-  }, h = () => {
+  }, u = () => {
     !l || l === c.credit_score || i({ ...c, credit_score: l });
   };
   return /* @__PURE__ */ e(
-    Bn,
+    Ln,
     {
       copy: { close_aria: n.close_aria, title: r.edit_credit_score },
       disablePrimaryButton: !l || !d,
       isOpen: t,
       maxWidth: "xs",
-      onClose: u,
-      onPrimaryAction: h,
+      onClose: h,
+      onPrimaryAction: u,
       primaryColor: "primary",
       primaryText: n.save_button,
       sx: {
@@ -529,10 +527,10 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         "form",
         {
           onSubmit: (y) => {
-            y.preventDefault(), h(), u();
+            y.preventDefault(), u(), h();
           },
           children: /* @__PURE__ */ e(
-            Fe,
+            Re,
             {
               error: !d,
               fullWidth: !0,
@@ -549,11 +547,11 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     }
   );
-}, Lt = v(Fo), ze = {
+}, Ft = v(To), ze = {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
-}, Ro = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
+}, Oo = ({ chartFor: t }) => {
+  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = ee(), { finstrong: i } = S(), [c, { width: l }] = Ct(), _ = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
       title: i.key_indicators_save.zero_state_title,
@@ -569,7 +567,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       description: ze.credit_over_time_zero_state_desc
     }
-  }[t], u = {
+  }[t], h = {
     savingsOverTime: {
       title: i.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
@@ -582,41 +580,41 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], h = Cn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), S = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: C } = S(), g = u.title, b = t === "creditOverTime";
-  let P;
+  }[t], u = xn(r, h.valueKey), y = r.map((B) => B[h.valueKey]), f = Math.max(...y), w = Math.min(...y), x = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: -5 } : f >= 1e3 ? { formatter: "0a", leftMargin: -25 } : { formatter: "0a", leftMargin: -30 }, { formatter: D, leftMargin: C } = x(), g = h.title, b = t === "creditOverTime";
+  let L;
   if (b) {
-    const { color: F } = mt(
+    const { color: B } = ut(
       s?.credit_score ?? 0,
       n,
       i.credit_score_status
     );
-    P = F;
+    L = B;
   }
-  return /* @__PURE__ */ e(V, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(V, { ref: c, sx: { backgroundColor: "background.paper" }, children: u.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
       Ye,
       {
-        areaColor: P,
+        areaColor: L,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
         curveType: b ? "linear" : "natural",
-        datasets: h ? [h] : [],
+        datasets: u ? [u] : [],
         height: 244,
         labelFontColor: b ? "text.primary" : "",
         labelFontSize: b ? 13 : void 0,
         labels: [i.key_indicators_label],
         margin: { left: C, top: b ? 25 : 15, right: 20 },
-        markStyles: (F) => b ? {
+        markStyles: (B) => b ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: F === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: B === u.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
             fill: o.palette.text.primary
           },
-          stroke: P
+          stroke: L
         } : {},
         maxRange: b ? 850 : void 0,
         minRange: (() => {
@@ -640,12 +638,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
   ] }) });
-}, Ue = v(Ro), Lo = () => {
-  const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = Fn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
+}, Ue = v(Oo), Ro = () => {
+  const { healthScoreChange: t } = F(), { finstrong: o } = S(), { user: n } = ee(), { availableWidth: r } = Tn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
-        To,
+        Io,
         {
           arcRadius: s ? 124 : 154,
           footerCenterContent: t,
@@ -653,20 +651,20 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(P, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ue, { chartFor: "creditOverTime" })
     ] }),
-    /* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => c(!1) })
+    /* @__PURE__ */ e(Ft, { isOpen: i, onClose: () => c(!1) })
   ] });
-}, Po = v(Lo), Be = ({ status: t }) => {
-  const { finstrong: o } = x(), n = vn(wn[t]), r = {
+}, Fo = v(Ro), Pe = ({ status: t }) => {
+  const { finstrong: o } = S(), n = Sn(Cn[t]), r = {
     GOOD: o.key_indicators_good,
     FAIR: o.key_indicators_fair,
     OFF_TRACK: o.key_indicators_off_track,
     MISSING: o.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    zn,
+    Wn,
     {
       label: /* @__PURE__ */ e(
         M,
@@ -686,13 +684,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       variant: "filled"
     }
   );
-}, Bo = () => {
-  const { finstrong: t } = x(), { user: o } = ee(), n = gt(o.credit_score ?? null);
+}, Lo = () => {
+  const { finstrong: t } = S(), { user: o } = ee(), n = mt(o.credit_score ?? null);
   return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(K, { children: t.credit_score_keep_strong_credit_score }),
-    /* @__PURE__ */ e(Be, { status: n })
+    /* @__PURE__ */ e(Pe, { status: n })
   ] });
-}, Wo = v(Bo), $o = ({
+}, Bo = v(Lo), Po = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
@@ -703,12 +701,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   loadConnectAccountsCard: l = !0,
   onClose: _,
   stickyComponent: d,
-  title: u,
-  drawerType: h
+  title: h,
+  drawerType: u
 }) => {
-  const { finstrong: y } = x(), { isCopyLoaded: f } = q();
+  const { finstrong: y } = S(), { isCopyLoaded: f } = q();
   return f ? /* @__PURE__ */ e(oe, { isOpen: c, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    (u || s) && /* @__PURE__ */ a(
+    (h || s) && /* @__PURE__ */ a(
       p,
       {
         sx: {
@@ -717,7 +715,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           p: 24
         },
         children: [
-          u && typeof u == "string" ? /* @__PURE__ */ e(K, { children: u }) : u,
+          h && typeof h == "string" ? /* @__PURE__ */ e(K, { children: h }) : h,
           s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
         ]
       }
@@ -737,10 +735,10 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
       r,
       l && /* @__PURE__ */ e(
-        Pe,
+        Be,
         {
           description: n,
-          drawerType: h,
+          drawerType: u,
           isDashboard: !0,
           sx: { backgroundColor: "background.paper" },
           title: o
@@ -748,12 +746,12 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(te, {});
-}, Pt = v($o), zo = ({
+}, Lt = v(Po), Wo = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), c = m.useCallback(
+  const { config: r } = je(), { accounts: s } = S(), { selectedAccounts: i } = q(), c = m.useCallback(
     (_) => {
       t?.(_);
     },
@@ -765,37 +763,37 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     [i, n]
   );
   return i.length ? /* @__PURE__ */ e(m.Fragment, { children: l.map((_) => {
-    const { accountsForType: d, totalBalanceForType: u } = i.reduce(
-      (h, y) => (y.account_type === _ && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
+    const { accountsForType: d, totalBalanceForType: h } = i.reduce(
+      (u, y) => (y.account_type === _ && (u.accountsForType.push(y), u.totalBalanceForType += y.balance || 0), u),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ a(
-      Ee,
+      Ge,
       {
-        subheader: /* @__PURE__ */ e(En, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+        subheader: /* @__PURE__ */ e(zn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
-          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(u, "0,0.00") })
+          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          d.map((h, y) => {
-            const { firstValue: f } = kt(h, s), w = Ct(h, {
+          d.map((u, y) => {
+            const { firstValue: f } = wt(u, s), w = St(u, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), S = /* @__PURE__ */ a(G, { children: [
-              /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
+            }), x = /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 be,
                 {
-                  primary: `${w}${h.account_number ? ` *${h.account_number}` : ""}`,
+                  primary: `${w}${u.account_number ? ` *${u.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
               o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Gn, { onClick: () => c(h), children: S }) : S }),
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e($n, { onClick: () => c(u), children: x }) : x }),
               y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-            ] }, h.guid);
+            ] }, u.guid);
           }),
           /* @__PURE__ */ e(le, {})
         ]
@@ -803,37 +801,37 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       _
     );
   }) }) : null;
-}, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = E(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
+}, Bt = v(Wo), $o = ({ loadAccounts: t, loadMoreLabel: o }) => {
+  const n = G(), { config: r } = je(), { connect: s, finstrong: i } = S(), { accounts: c } = S(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [h, u] = m.useState(!1), y = m.useMemo(
     () => l.filter(
-      (S) => t ? t.includes(S.account_type) : !0
+      (x) => t ? t.includes(x.account_type) : !0
     ),
     [l, t]
-  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
-    const { firstValue: D } = kt(S, c);
+  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (x) => {
+    const { firstValue: D } = wt(x, c);
     return D;
   };
-  return y.length >= 1 ? /* @__PURE__ */ a(G, { children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
+  return y.length >= 1 ? /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((x, D) => /* @__PURE__ */ a(m.Fragment, { children: [
       /* @__PURE__ */ a(ye, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
+        /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: x.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
           be,
           {
-            primary: `${Ct(S, {
+            primary: `${St(x, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
-              ${S.account_number ? ` *${S.account_number}` : ""}`,
+              ${x.account_number ? ` *${x.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(w(S), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(w(x), "0,0.00") })
       ] }),
       D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-    ] }, S.guid)) }),
-    y.length > 3 && /* @__PURE__ */ a(G, { children: [
+    ] }, x.guid)) }),
+    y.length > 3 && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => d(!0),
@@ -848,11 +846,11 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ) }),
       /* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
     ] })
-  ] }) : /* @__PURE__ */ a(G, { children: [
+  ] }) : /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
-        onClick: () => h(!0),
+        onClick: () => u(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
@@ -862,13 +860,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(
       re,
       {
-        onClose: () => h(!1),
-        showConnectWidget: u,
+        onClose: () => u(!1),
+        showConnectWidget: h,
         title: s.mini_title
       }
     )
   ] });
-}, Wt = v(Go), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, Pt = v($o), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   p,
   {
     sx: {
@@ -887,8 +885,8 @@ const Oo = "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 || {});
-const Eo = ({ total: t }) => {
-  const { finstrong: o } = x(), n = [
+const zo = ({ total: t }) => {
+  const { finstrong: o } = S(), n = [
     { id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
     { id: Z.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
     { id: Z.Weekly, label: o.maintain_emergency_savings_weekly },
@@ -902,30 +900,30 @@ const Eo = ({ total: t }) => {
     { 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 }
-  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
+  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [h, u] = m.useState(
     tt(t)
-  ), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(Me.Months);
+  ), [y, f] = m.useState(i), [w, x] = m.useState(vn(t)), [D, C] = m.useState(Me.Months);
   m.useEffect(() => {
     l(
       nt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
         goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   }, []);
   const g = (b) => {
     b.preventDefault(), l(
       nt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
         goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   };
   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(
@@ -942,7 +940,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Fe,
+      Re,
       {
         "aria-label": o.maintain_emergency_savings_savings_goal,
         helperText: j(
@@ -964,15 +962,15 @@ const Eo = ({ total: t }) => {
       rt,
       {
         label: o.maintain_emergency_savings_how_often_contribute,
-        onChange: h,
+        onChange: u,
         options: n,
         required: !0,
-        value: u
+        value: h
       }
     ),
     /* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
-        Fe,
+        Re,
         {
           "aria-label": o.maintain_emergency_savings_meet_your_goal_within,
           fullWidth: !0,
@@ -982,7 +980,7 @@ const Eo = ({ total: t }) => {
           },
           label: o.maintain_emergency_savings_meet_your_goal_within,
           onChange: (b) => {
-            isNaN(Number(b.target.value)) || S(Number(b.target.value));
+            isNaN(Number(b.target.value)) || x(Number(b.target.value));
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -1012,10 +1010,10 @@ const Eo = ({ total: t }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
-}, Ho = v(Eo), No = () => {
-  const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
+}, Eo = v(zo), Go = () => {
+  const { savingsAccounts: t } = Se(), { finstrong: o } = S(), [n, r] = m.useState(!1), s = m.useMemo(
     () => t.reduce((i, c) => i + (c.balance ?? 0), 0),
     [t]
   );
@@ -1023,14 +1021,14 @@ const Eo = ({ total: t }) => {
     /* @__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 }),
       t.length ? /* @__PURE__ */ e(
-        Wt,
+        Pt,
         {
-          loadAccounts: [Ge.SAVINGS],
+          loadAccounts: [Ee.SAVINGS],
           loadMoreLabel: o.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(P, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
     ] }) }),
-    /* @__PURE__ */ e(Ho, { total: s }),
+    /* @__PURE__ */ e(Eo, { total: s }),
     /* @__PURE__ */ e(
       re,
       {
@@ -1040,7 +1038,7 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, jo = v(No), We = v(
+}, Ho = v(Go), We = v(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
     const i = {
       GOOD: {
@@ -1087,27 +1085,27 @@ const Eo = ({ total: t }) => {
                 },
                 children: [
                   /* @__PURE__ */ e(Le, { children: o }),
-                  /* @__PURE__ */ e(Be, { status: n })
+                  /* @__PURE__ */ e(Pe, { status: n })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ a(p, { children: [
-            /* @__PURE__ */ e(Nn, { data: c, height: 16 }),
+            /* @__PURE__ */ e(Gn, { data: c, height: 16 }),
             r
           ] })
         ]
       }
     );
   }
-), Ko = {
+), No = {
   sticky_label: "You have saved"
-}, Vo = ["$0", "$250", "$500", "$750", "$1k"], Yo = () => {
-  const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Mn(o), r = yt(o);
+}, jo = ["$0", "$250", "$500", "$750", "$1k"], Ko = () => {
+  const { healthScore: t } = F(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = wn(o), r = gt(o);
   return /* @__PURE__ */ e(
     We,
     {
-      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Vo.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: jo.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
           le,
           {
@@ -1121,7 +1119,7 @@ const Eo = ({ total: t }) => {
         ),
         /* @__PURE__ */ e(I, { variant: "caption", children: s })
       ] }, s)) }),
-      label: Ko.sticky_label,
+      label: No.sticky_label,
       status: r,
       statusBarData: [
         {
@@ -1131,24 +1129,24 @@ const Eo = ({ total: t }) => {
       value: W(o ?? 0, "0,0.00")
     }
   );
-}, Xo = v(Yo), $e = ({
+}, Vo = v(Ko), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
-  formatDate: r = It,
+  formatDate: r = Dt,
   secondaryIcon: s
 }) => {
-  const i = E(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
+  const i = G(), { connect: c, finstrong: l, categories: _ } = S(), [d, h] = m.useState(!1), [u, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, x = t.length > w, D = t.length - w;
   let C = t;
-  return S && (C = t.map((g) => ({
+  return x && (C = t.map((g) => ({
     ...g,
     category: _.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
     ) ?? f(g.top_level_category_guid)
-  })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(G, { children: [
+  })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => y(!0),
         size: "small",
@@ -1161,7 +1159,7 @@ const Eo = ({ total: t }) => {
       re,
       {
         onClose: () => y(!1),
-        showConnectWidget: h,
+        showConnectWidget: u,
         title: c.mini_title
       }
     )
@@ -1178,7 +1176,7 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            yn,
+            rn,
             {
               categoryGuid: g.top_level_category_guid || "",
               merchantGuid: g.merchant_guid || "",
@@ -1217,12 +1215,12 @@ const Eo = ({ total: t }) => {
       },
       b
     )) }),
-    S && /* @__PURE__ */ a(G, { children: [
+    x && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => u(!0),
+          onClick: () => h(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
@@ -1236,22 +1234,22 @@ const Eo = ({ total: t }) => {
         oe,
         {
           isOpen: d,
-          onClose: () => u(!1),
+          onClose: () => h(!1),
           title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(jn, { transaction: C })
+          children: /* @__PURE__ */ e(Hn, { transaction: C })
         }
       )
     ] })
   ] });
-}, qo = () => {
+}, Yo = () => {
   const {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
+  } = S(), { getSpendingFeeTransactions: o, allTransactions: n } = F();
   return m.useEffect(() => {
     o().finally();
-  }, []), /* @__PURE__ */ e(G, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
+  }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
     V,
     {
       sx: {
@@ -1285,7 +1283,7 @@ const Eo = ({ total: t }) => {
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (r) => Wn(new Date(r * 1e3), $n.MONTH_DAY),
+            formatDate: (r) => Bn(new Date(r * 1e3), Pn.MONTH_DAY),
             secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
             transactions: n.spendingFee
           }
@@ -1293,8 +1291,8 @@ const Eo = ({ total: t }) => {
       ]
     }
   ) });
-}, Uo = v(qo), Qo = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Dn(t.spending_fee_transaction_count);
+}, Xo = v(Yo), qo = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = kn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     p,
     {
@@ -1313,13 +1311,13 @@ const Eo = ({ total: t }) => {
             " ",
             r.pay_bills_on_time_sticky_fee_count
           ] }),
-          /* @__PURE__ */ e(Be, { status: s })
+          /* @__PURE__ */ e(Pe, { status: s })
         ] })
       ]
     }
   );
-}, Zo = v(Qo), Jo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = x();
+}, Uo = v(qo), Qo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = S();
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1329,21 +1327,21 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Wt,
+      Pt,
       {
-        loadAccounts: [Ge.SAVINGS, Ge.CHECKING],
+        loadAccounts: [Ee.SAVINGS, Ee.CHECKING],
         loadMoreLabel: o.more_accounts
       }
     )
   ] });
-}, er = v(Jo), tr = () => {
-  const { finstrong: t } = x(), {
+}, Zo = v(Qo), Jo = () => {
+  const { finstrong: t } = S(), {
     isSpendingInitialized: o,
     healthScore: n,
     allTransactions: r,
     loadSpendTransactions: s,
     loadDebtSpend: i
-  } = L();
+  } = F();
   m.useEffect(() => {
     o || (s().finally(), i().finally());
   }, [o]);
@@ -1361,9 +1359,9 @@ const Eo = ({ total: t }) => {
     ),
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
   ] }) : /* @__PURE__ */ e(te, {});
-}, nr = v(tr), or = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(G, { children: [
+}, er = v(Jo), tr = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(V, { children: [
       /* @__PURE__ */ a(
         Xe,
@@ -1395,13 +1393,13 @@ const Eo = ({ total: t }) => {
           ]
         }
       ),
-      /* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(er, {}) }),
-      /* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(nr, {}) })
+      /* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Zo, {}) }),
+      /* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(er, {}) })
     ] }),
     /* @__PURE__ */ e(Ue, { chartFor: "savingsOverTime" })
   ] });
-}, rr = v(or), ar = () => {
-  const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
+}, nr = v(tr), or = () => {
+  const { finstrong: t } = S(), { healthScore: o } = F(), n = o.months_of_cash_on_hand, r = yt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1450,8 +1448,8 @@ const Eo = ({ total: t }) => {
       value: j(t.key_indicators_save.drawer_progress_bar_value, i, c)
     }
   );
-}, ir = v(ar), sr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = ft(n);
+}, rr = v(or), ar = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.debt_to_income_ratio), r = bt(n);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1530,8 +1528,8 @@ const Eo = ({ total: t }) => {
       value: W(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, cr = v(sr), lr = () => {
-  const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+}, ir = v(ar), sr = () => {
+  const { healthScore: t, allTransactions: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1545,7 +1543,7 @@ const Eo = ({ total: t }) => {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e($e, { transactions: o.income.map((c) => c.transaction) })
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           i(!0);
@@ -1563,8 +1561,8 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, dr = v(lr), pr = () => {
-  const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+}, cr = v(sr), lr = () => {
+  const { allTransactions: t, healthScore: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1584,7 +1582,7 @@ const Eo = ({ total: t }) => {
         }
       )
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           i(!0);
@@ -1602,50 +1600,55 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, _r = v(pr), hr = ({
+}, dr = v(lr), pr = ({
   color: t,
   data: o,
   series: n,
   style: r,
   ...s
 }) => {
-  const i = E(), c = m.useRef(null), { width: l } = Jn({
-    width: r.width
-  });
+  const i = G(), c = m.useRef(null), l = m.useRef(null), [_, d] = m.useState(r.width || 0);
   m.useLayoutEffect(() => {
-    const h = new ResizeObserver(() => {
+    d(r.width || 0);
+  }, [r.width]), m.useLayoutEffect(() => {
+    const x = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (c.current) {
-          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
-          w && w.setAttribute("transform", `translate(${f}, -8)`);
+          const { width: D } = c.current.getBoundingClientRect(), C = D / 2, g = c.current.querySelector("text");
+          g && g.setAttribute("transform", `translate(${C}, -8)`);
         }
       });
     });
-    return c.current && h.observe(c.current), () => {
-      c.current && h.unobserve(c.current);
+    return c.current && x.observe(c.current), () => {
+      c.current && x.unobserve(c.current);
     };
   }, []);
-  const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
+  const { formattedComparison: h, formattedMain: u } = o[n.index], y = n.type === 0 ? u : h, f = {
+    ...r,
+    transition: "all 0.3s ease-in-out"
+  }, w = `translate(${_ / 2}, -5)`;
   return /* @__PURE__ */ a("g", { children: [
-    /* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
+    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: c, rx: 2, style: f }),
     /* @__PURE__ */ e(
-      at.text,
+      "text",
       {
         fill: i.palette.text.secondary,
         fontSize: 9,
         fontWeight: 400,
+        ref: l,
+        style: { transition: "transform 0.3s ease-in-out" },
         textAnchor: "middle",
-        transform: l.to((h) => `translate(${h / 2}, -5)`),
+        transform: w,
         x: r.x,
         y: r.y,
-        children: u
+        children: y
       }
     )
   ] });
 }, Te = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
   return W(t, n);
-}, $t = ({
+}, Wt = ({
   chartFor: t,
   data: o,
   title: n,
@@ -1656,9 +1659,9 @@ const Eo = ({ total: t }) => {
   totalComparison: l,
   totalMain: _
 }) => {
-  const d = E(), u = qn(d.breakpoints.down("xs")), h = m.useMemo(
+  const d = G(), h = Yn(d.breakpoints.down("xs")), u = m.useMemo(
     () => o.sort((g, b) => g.month - b.month).map((g) => {
-      const b = In(g.month), P = {
+      const b = Mn(g.month), L = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1674,17 +1677,17 @@ const Eo = ({ total: t }) => {
       };
       return {
         label: b,
-        ...P[t]
+        ...L[t]
       };
     }),
     [o, t]
   ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), S = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = S / 3, C = {
+  }, f = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), x = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = x / 3, C = {
     scaleType: "linear",
     min: 0,
-    max: S,
+    max: x,
     tickNumber: 4,
     tickMinStep: D,
     valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
@@ -1710,7 +1713,7 @@ const Eo = ({ total: t }) => {
             children: [
               /* @__PURE__ */ e(K, { children: n }),
               r && /* @__PURE__ */ e(
-                B,
+                P,
                 {
                   endIcon: /* @__PURE__ */ e(J, {}),
                   onClick: s,
@@ -1744,7 +1747,7 @@ const Eo = ({ total: t }) => {
                 i,
                 " "
               ] }),
-              !u && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
+              !h && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
             ] })
           ] }),
           /* @__PURE__ */ a(p, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1764,17 +1767,17 @@ const Eo = ({ total: t }) => {
                 c,
                 " "
               ] }),
-              !u && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ a(
-          Zn,
+          qn,
           {
             colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
-            dataset: h,
+            dataset: u,
             height: 240,
-            margin: { top: 16, bottom: 34, right: 0, left: 50 },
+            margin: { top: 14, bottom: 10, right: 2, left: -2 },
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
@@ -1783,22 +1786,26 @@ const Eo = ({ total: t }) => {
             yAxis: [C],
             children: [
               /* @__PURE__ */ e(
-                an,
+                Xn,
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: b, style: P, ...F } = g;
+                      const { ownerState: b, ...L } = g;
                       return /* @__PURE__ */ e(
-                        hr,
+                        pr,
                         {
-                          ...F,
+                          ...L,
                           color: b.color,
-                          data: h,
+                          data: u,
                           series: {
                             index: b.dataIndex,
                             type: Number(b.id.toString().split("-").pop())
                           },
-                          style: P
+                          style: {
+                            x: g.x,
+                            y: g.y,
+                            width: g.width
+                          }
                         }
                       );
                     }
@@ -1851,11 +1858,11 @@ const Eo = ({ total: t }) => {
       ]
     }
   );
-}, ur = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
+}, _r = () => {
+  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = F(), [s, i] = m.useState(0), { finstrong: c } = S();
   return m.useEffect(() => {
     t || (o().finally(), n().finally());
-  }, [t]), t ? /* @__PURE__ */ a(G, { children: [
+  }, [t]), t ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(V, { children: [
       /* @__PURE__ */ a(
         Xe,
@@ -1896,7 +1903,7 @@ const Eo = ({ total: t }) => {
           index: 0,
           name: "income-details",
           value: s,
-          children: /* @__PURE__ */ e(dr, {})
+          children: /* @__PURE__ */ e(cr, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -1906,13 +1913,13 @@ const Eo = ({ total: t }) => {
           index: 1,
           name: "debt-payment-details",
           value: s,
-          children: /* @__PURE__ */ e(_r, {})
+          children: /* @__PURE__ */ e(dr, {})
         }
       )
     ] }),
-    r.length ? /* @__PURE__ */ a(G, { children: [
+    r.length ? /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        $t,
+        Wt,
         {
           chartFor: "debt_payment_vs_income",
           data: r,
@@ -1922,9 +1929,9 @@ const Eo = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
-    ] }) : /* @__PURE__ */ a(G, { children: [
+    ] }) : /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
           header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
           icon: "multiline_chart",
@@ -1940,7 +1947,7 @@ const Eo = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
           header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
           icon: "multiline_chart",
@@ -1957,8 +1964,8 @@ const Eo = ({ total: t }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(te, {});
-}, mr = v(ur), gr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), c = {
+}, hr = v(_r), ur = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = ft(n), c = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
@@ -1996,21 +2003,21 @@ const Eo = ({ total: t }) => {
       value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
     }
   );
-}, yr = v(gr), br = () => {
-  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: c } = Rn(), { finstrong: l, goals: _, spending: d } = x(), u = E(), [h, y] = m.useState("");
+}, mr = v(ur), gr = () => {
+  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = F(), { appDataStore: c } = On(), { finstrong: l, goals: _, spending: d } = S(), h = G(), [u, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
-      At(/* @__PURE__ */ new Date()),
-      Tt(/* @__PURE__ */ new Date())
+      It(/* @__PURE__ */ new Date()),
+      At(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
   const f = m.useMemo(
-    () => eo(o, _, u, n),
+    () => Zn(o, _, h, n),
     [o, n]
   ), w = (C) => {
-    y(h === C ? "" : C);
-  }, { totalSpending: S, totalIncome: D } = m.useMemo(() => s?.reduce(
+    y(u === C ? "" : C);
+  }, { totalSpending: x, totalIncome: D } = m.useMemo(() => s?.reduce(
     (C, { standard_spend: g = 0, income: b = 0 }) => ({
       totalSpending: C.totalSpending + g,
       totalIncome: C.totalIncome + b
@@ -2019,7 +2026,7 @@ const Eo = ({ total: t }) => {
   ), [s]);
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
     s.length ? /* @__PURE__ */ e(
-      $t,
+      Wt,
       {
         ...c.appData.client_profile?.allow_trends_widget && {
           buttonLabel: l.key_indicators_spend.spend_less_than_you_make_drawer.view_more
@@ -2031,10 +2038,10 @@ const Eo = ({ total: t }) => {
         onClick: () => i("trends")(),
         title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: W(D, "0,0.00"),
-        totalMain: W(S, "0,0.00")
+        totalMain: W(x, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
         header: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
         icon: "multiline_chart",
@@ -2075,7 +2082,7 @@ const Eo = ({ total: t }) => {
               children: [
                 /* @__PURE__ */ e(K, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  B,
+                  P,
                   {
                     endIcon: /* @__PURE__ */ e(J, {}),
                     onClick: () => i("spending")(),
@@ -2093,27 +2100,27 @@ const Eo = ({ total: t }) => {
           ),
           /* @__PURE__ */ a(p, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
             /* @__PURE__ */ e(
-              to,
+              Jn,
               {
                 data: f,
                 onSelected: w,
-                selectedId: h,
+                selectedId: u,
                 totalLabel: d.total_spending
               }
             ),
             /* @__PURE__ */ e(
-              no,
+              eo,
               {
                 data: f,
                 onSelected: w,
-                selectedId: h
+                selectedId: u
               }
             )
           ] })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
         header: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
         icon: "donut_small",
@@ -2134,17 +2141,17 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, fr = v(br), xr = ({
+}, yr = v(gr), br = ({
   drawerFor: t,
   isOpen: o,
   onClose: n
 }) => {
-  const { finstrong: r } = x(), i = {
+  const { finstrong: r } = S(), i = {
     spendLessThanYouMake: {
       title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
-      stickyComponent: /* @__PURE__ */ e(yr, {}),
-      content: /* @__PURE__ */ e(fr, {}),
+      stickyComponent: /* @__PURE__ */ e(mr, {}),
+      content: /* @__PURE__ */ e(yr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2152,16 +2159,16 @@ const Eo = ({ total: t }) => {
     payBillsOnTime: {
       title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
       description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
-      stickyComponent: /* @__PURE__ */ e(Zo, {}),
-      content: /* @__PURE__ */ e(Uo, {}),
+      stickyComponent: /* @__PURE__ */ e(Uo, {}),
+      content: /* @__PURE__ */ e(Xo, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(jo, {}),
+      content: /* @__PURE__ */ e(Ho, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Xo, {}),
+      stickyComponent: /* @__PURE__ */ e(Vo, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2170,30 +2177,30 @@ const Eo = ({ total: t }) => {
     haveManageableDebt: {
       title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
       description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
-      stickyComponent: /* @__PURE__ */ e(cr, {}),
-      content: /* @__PURE__ */ e(mr, {}),
+      stickyComponent: /* @__PURE__ */ e(ir, {}),
+      content: /* @__PURE__ */ e(hr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(Wo, {}),
+      title: /* @__PURE__ */ e(Bo, {}),
       description: r.credit_score_description,
       stickyComponent: null,
-      content: /* @__PURE__ */ e(Po, {})
+      content: /* @__PURE__ */ e(Fo, {})
     },
     saveEnoughToLiveOn: {
       title: r.key_indicators_save.drawer_title,
       description: r.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(ir, {}),
-      content: /* @__PURE__ */ e(rr, {}),
+      stickyComponent: /* @__PURE__ */ e(rr, {}),
+      content: /* @__PURE__ */ e(nr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
-    Pt,
+    Lt,
     {
       connectDescription: i?.connectDescription,
       connectTitle: i?.connectTitle,
@@ -2208,16 +2215,16 @@ const Eo = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
     }
   );
-}, Sr = v(xr), xe = ({
+}, fr = v(br), xe = ({
   drawerFor: t,
   title: o,
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
+  const { finstrong: s } = S(), [i, c] = m.useState(!1), l = (_) => {
     (_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
   };
-  return /* @__PURE__ */ a(G, { children: [
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
       p,
       {
@@ -2241,7 +2248,7 @@ const Eo = ({ total: t }) => {
           /* @__PURE__ */ a(p, { sx: { gap: 8, minWidth: 0 }, children: [
             /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
               /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
-              /* @__PURE__ */ e(Be, { status: r })
+              /* @__PURE__ */ e(Pe, { status: r })
             ] }),
             /* @__PURE__ */ e(M, { color: "secondary", variant: "subtitle2", children: n })
           ] }),
@@ -2250,7 +2257,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Sr,
+      fr,
       {
         drawerFor: t,
         isOpen: i,
@@ -2258,9 +2265,9 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, Cr = () => {
-  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
-    const l = xt(c), _ = {
+}, xr = () => {
+  const { finstrong: t } = S(), { key_indicators_spend: o } = t, { healthScore: n } = F(), r = (c) => {
+    const l = ft(c), _ = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
@@ -2272,7 +2279,7 @@ const Eo = ({ total: t }) => {
       title: o.ratio_card_title
     };
   }, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
-    const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ = An(
+    const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ = Dn(
       n.spending_fee_transaction_count,
       o
     );
@@ -2303,38 +2310,38 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, vr = v(Cr), wr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
-    const _ = bt(l), d = {
+}, Sr = v(xr), Cr = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_save: n } = o, r = (l) => {
+    const _ = yt(l), d = {
       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
-    }, u = _ === "MISSING" ? d[_] : j(d[_], l);
+    }, h = _ === "MISSING" ? d[_] : j(d[_], l);
     return {
       cardState: _,
-      description: u,
+      description: h,
       title: n.days_of_cash_title
     };
   }, s = (l) => {
-    const _ = yt(l), d = {
+    const _ = gt(l), d = {
       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 u;
-    return _ === "FAIR" && l !== null ? u = j(
+    let h;
+    return _ === "FAIR" && l !== null ? h = j(
       d[_],
       W(l, "0,0.00")
-    ) : u = d[_], {
+    ) : h = d[_], {
       cardState: _,
-      description: u,
+      description: h,
       title: n.emergency_savings_title
     };
   }, { daysOfCashOnHand: i, emergencySavings: c } = m.useMemo(() => {
-    const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(d);
-    return { daysOfCashOnHand: _, emergencySavings: u };
+    const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, h = s(d);
+    return { daysOfCashOnHand: _, emergencySavings: h };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
@@ -2361,36 +2368,36 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, kr = v(wr), Mr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (_) => {
-    const d = ft(_), u = {
+}, vr = v(Cr), wr = () => {
+  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (_) => {
+    const d = bt(_), h = {
       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
-    }, h = d === "FAIR" || d === "OFF_TRACK" ? j(u[d], _) : u[d];
+    }, u = d === "FAIR" || d === "OFF_TRACK" ? j(h[d], _) : h[d];
     return {
       cardState: d,
-      description: h,
+      description: u,
       title: n.manage_debit_title
     };
   }, i = (_) => {
-    const d = gt(_), u = {
+    const d = mt(_), h = {
       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
-    }, h = d === "MISSING" ? u[d] : j(u[d], _);
+    }, u = d === "MISSING" ? h[d] : j(h[d], _);
     return {
       cardState: d,
-      description: h,
+      description: u,
       title: n.credit_score_title
     };
   }, { manageDebtStatus: c, creditScoreStatus: l } = m.useMemo(() => {
-    const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), u = i(r.credit_score || null);
+    const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), h = i(r.credit_score || null);
     return {
       manageDebtStatus: d,
-      creditScoreStatus: u
+      creditScoreStatus: h
     };
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
@@ -2413,9 +2420,9 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, Dr = v(Mr), Ir = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(G, { children: [
+}, kr = v(wr), Mr = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
       Xe,
       {
@@ -2469,12 +2476,12 @@ const Eo = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(kr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Dr, {}) })
+    /* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Sr, {}) }),
+    /* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
+    /* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(kr, {}) })
   ] });
-}, Ar = v(Ir), Tr = ({ onClick: t }) => {
-  const { finstrong: o } = x(), { isCopyLoaded: n } = q();
+}, Dr = v(Mr), Ir = ({ onClick: t }) => {
+  const { finstrong: o } = S(), { isCopyLoaded: n } = q();
   return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(_t, { size: 48 }),
     /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
@@ -2482,7 +2489,7 @@ const Eo = ({ total: t }) => {
       /* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         endIcon: /* @__PURE__ */ e(J, {}),
         onClick: t,
@@ -2498,7 +2505,7 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Or = v(Tr), Fr = ({
+}, Ar = v(Ir), Tr = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
@@ -2509,22 +2516,22 @@ const Eo = ({ total: t }) => {
   setSecondDay: l,
   transaction: _
 }) => {
-  const { finstrong: d } = x();
+  const { finstrong: d } = S();
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(p, { children: [
-      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
-        if (h.guid === _.guid) return u;
-        const f = Kn(y, r), w = Vn(y, r);
-        return u.push(
+      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((h, u, y) => {
+        if (u.guid === _.guid) return h;
+        const f = Nn(y, r), w = jn(y, r);
+        return h.push(
           /* @__PURE__ */ a(m.Fragment, { children: [
-            f && /* @__PURE__ */ e(Yn, { children: It(h.date) }),
-            /* @__PURE__ */ e(Xn, { transaction: h }),
+            f && /* @__PURE__ */ e(Kn, { children: Dt(u.date) }),
+            /* @__PURE__ */ e(Vn, { transaction: u }),
             /* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
-          ] }, h.guid)
-        ), u;
+          ] }, u.guid)
+        ), h;
       }, []) }),
       /* @__PURE__ */ e(
-        io,
+        ro,
         {
           firstDay: t,
           frequency: o,
@@ -2537,7 +2544,7 @@ const Eo = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         fullWidth: !0,
         onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
@@ -2546,12 +2553,12 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = x(), r = E(), s = (i) => {
+}, Or = v(Tr), Rr = ({ selectedDate: t, setSelectedDate: o }) => {
+  const { finstrong: n } = S(), r = G(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
-    po,
+  return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(so, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+    co,
     {
       disableFuture: !0,
       label: n.onboarding_select_date,
@@ -2580,10 +2587,10 @@ const Eo = ({ total: t }) => {
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Pr = v(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
-  const { finstrong: n } = x(), r = !isNaN(t);
+}, Fr = v(Rr), Lr = ({ creditScore: t, setCreditScore: o }) => {
+  const { finstrong: n } = S(), r = !isNaN(t);
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    Fe,
+    Re,
     {
       error: !r,
       fullWidth: !0,
@@ -2597,7 +2604,7 @@ const Eo = ({ total: t }) => {
       value: r ? t : ""
     }
   ) });
-}, Wr = v(Br), zt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
+}, Br = v(Lr), $t = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
     k,
     {
@@ -2615,7 +2622,7 @@ const Eo = ({ total: t }) => {
     "% ",
     o
   ] })
-] }), $r = ({
+] }), Pr = ({
   completeCopy: t,
   primaryText: o,
   secondaryText: n,
@@ -2625,44 +2632,44 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(K, { children: o }),
     /* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(zt, { completeCopy: t, value: r })
-] }), ct = {
+  /* @__PURE__ */ e($t, { completeCopy: t, value: r })
+] }), st = {
   step: O.ConnectAccounts,
   type: "main"
-}, zr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
-    ct
-  ), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(h.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
+}, Wr = ({ isOpen: t, onClose: o }) => {
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = S(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: h } = Rn(), { user: u, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [x, D] = m.useState(u.credit_score || 0), [C, g] = m.useState(
+    st
+  ), [b, L] = m.useState(1), [B, U] = m.useState(kt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(u.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
-    l({ start: At(it()), end: Tt(it()) });
+    l({ start: It(at()), end: At(at()) });
   }, []), m.useEffect(() => {
     d({
       accounts: n.map((A) => A.guid),
       dateRange: {
-        start: ao(/* @__PURE__ */ new Date(), 90),
+        start: oo(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
-      custom: st
+      custom: it
     }), i(n);
   }, [n]);
   const De = m.useMemo(
-    () => u.find((A) => A.guid === N),
-    [N, u]
+    () => h.find((A) => A.guid === N),
+    [N, h]
   ), ue = m.useMemo(() => ({
     [O.ConnectAccounts]: !0,
     [O.MonthlyIncome]: !!N,
-    [O.Birthday]: !!h.birthday || !!Y,
-    [O.CreditScore]: !!h.credit_score || !!S
-  })[C.step], [S, C, Y, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
+    [O.Birthday]: !!u.birthday || !!Y,
+    [O.CreditScore]: !!u.credit_score || !!x
+  })[C.step], [x, C, Y, N, u]), X = n.length > 0, zt = m.useMemo(() => {
     const { step: A } = C;
     let R = 0;
-    return A >= O.MonthlyIncome && X && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (h.birthday || h.credit_score) && R++, R;
-  }, [C.step, X, T.length, h.birthday, h.credit_score]), Et = (A) => {
+    return A >= O.MonthlyIncome && X && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (u.birthday || u.credit_score) && R++, R;
+  }, [C.step, X, T.length, u.birthday, u.credit_score]), Et = (A) => {
     d({
       ..._,
-      custom: (R) => A ? co(R, A) : st(R)
+      custom: (R) => A ? io(R, A) : it(R)
     });
-  }, Ht = {
+  }, Gt = {
     [O.ConnectAccounts]: {
       main: X ? /* @__PURE__ */ e(Bt, { shouldShowBalance: !1 }) : null,
       mainActionContent: X ? s.onboarding_next : s.onboarding_add_accounts,
@@ -2671,20 +2678,20 @@ const Eo = ({ total: t }) => {
     },
     [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Rr,
+        Or,
         {
           firstDay: b,
-          frequency: F,
+          frequency: B,
           incomeTransactions: T,
           secondDay: H,
           setCurrentStep: (A) => {
             g(A), $((R) => {
               if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
-              const Ae = u.find((ie) => ie.guid === N);
-              return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
+              const Ae = h.find((ie) => ie.guid === N);
+              return Ae ? [...R, { ...Ae, firstDay: b, frequency: B, secondDay: H }] : R;
             });
           },
-          setFirstDay: P,
+          setFirstDay: L,
           setFrequency: U,
           setSecondDay: he,
           transaction: De
@@ -2692,7 +2699,7 @@ const Eo = ({ total: t }) => {
       ),
       detailActionContent: s.onboarding_confirm_income,
       main: /* @__PURE__ */ e(
-        so,
+        ao,
         {
           onSearch: Et,
           onSelected: (A) => {
@@ -2705,40 +2712,40 @@ const Eo = ({ total: t }) => {
       secondaryText: s.onboarding_add_income_secondary
     },
     [O.Birthday]: {
-      main: /* @__PURE__ */ e(Pr, { selectedDate: Y, setSelectedDate: _e }),
+      main: /* @__PURE__ */ e(Fr, { selectedDate: Y, setSelectedDate: _e }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_birthday_primary,
       secondaryText: s.onboarding_birthday_secondary
     },
     [O.CreditScore]: {
-      main: /* @__PURE__ */ e(Wr, { creditScore: S, setCreditScore: D }),
+      main: /* @__PURE__ */ e(Br, { creditScore: x, setCreditScore: D }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_credit_score_primary,
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, Qe = () => {
-    g(ct), pe(!1), ae(""), o();
+    g(st), pe(!1), ae(""), o();
   }, Ze = async () => {
-    pe(!0), await Vt(T), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
-  }, Nt = () => {
+    pe(!0), await Kt(T), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
+  }, Ht = () => {
     if (C.step === O.CreditScore) {
       Ze();
       return;
     }
     g({ step: C.step + 1, type: "main" });
-  }, jt = () => {
+  }, Nt = () => {
     const { step: A } = C, R = A + 1;
     switch (A) {
       case O.Birthday:
-        Y && Y !== h.birthday && f({ ...h, birthday: Y });
+        Y && Y !== u.birthday && f({ ...u, birthday: Y });
         break;
       case O.CreditScore:
-        S && S !== h.credit_score && f({ ...h, credit_score: S }), Ze();
+        x && x !== u.credit_score && f({ ...u, credit_score: x }), Ze();
         return;
       case O.MonthlyIncome:
         N && T.findIndex(({ guid: ge }) => ge === N) === -1 && $((ge) => [
           ...ge,
-          { ...De, firstDay: b, frequency: F, secondDay: H }
+          { ...De, firstDay: b, frequency: B, secondDay: H }
         ]);
         break;
       case O.ConnectAccounts:
@@ -2749,7 +2756,7 @@ const Eo = ({ total: t }) => {
         break;
     }
     R in O && g({ step: R, type: "main" });
-  }, Kt = () => {
+  }, jt = () => {
     const { step: A, type: R } = C;
     if (R === "detail") {
       g({ step: A, type: "main" });
@@ -2760,40 +2767,40 @@ const Eo = ({ total: t }) => {
       return;
     }
     A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
-  }, Vt = async (A) => {
+  }, Kt = async (A) => {
     for (const R of A) {
       const {
         account_guid: ge,
         amount: Ae,
         date: ie,
-        description: qt,
-        feed_description: Ut,
-        firstDay: Qt,
+        description: Xt,
+        feed_description: qt,
+        firstDay: Ut,
         frequency: Je,
-        secondDay: Zt,
-        merchant_guid: Jt,
-        payee: en,
-        transaction_type: tn
-      } = R, nn = Hn(Je, ro(ie)), on = {
+        secondDay: Qt,
+        merchant_guid: Zt,
+        payee: Jt,
+        transaction_type: en
+      } = R, tn = En(Je, no(ie)), nn = {
         account_guid: ge,
         amount: Ae,
         created_by: 0,
-        description: en || qt || Ut,
-        merchant_guid: Jt,
-        predicted_occurs_on: oo(nn, { representation: "date" }),
-        recurrence_day: Qt,
+        description: Jt || Xt || qt,
+        merchant_guid: Zt,
+        predicted_occurs_on: to(tn, { representation: "date" }),
+        recurrence_day: Ut,
         recurrence_type: Je,
-        repeating_transaction_type: Dt.Income,
-        second_recurrence_day: Zt,
-        transaction_type: tn,
-        user_guid: h.guid
+        repeating_transaction_type: Mt.Income,
+        second_recurrence_day: Qt,
+        transaction_type: en,
+        user_guid: u.guid
       };
-      await c(on, R);
+      await c(nn, R);
     }
-  }, me = Ht[C.step], Ie = C.step === O.ConnectAccounts, Yt = {
+  }, me = Gt[C.step], Ie = C.step === O.ConnectAccounts, Vt = {
     fullWidth: !0,
     ...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
-  }, Xt = !Ie || Ie && !X;
+  }, Yt = !Ie || Ie && !X;
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ e(
       oe,
@@ -2803,32 +2810,32 @@ const Eo = ({ total: t }) => {
         isOpen: t,
         isPrimaryDisabled: !ue,
         onClose: Qe,
-        onSecondaryAction: Kt,
-        primaryButtonProps: Yt,
+        onSecondaryAction: jt,
+        primaryButtonProps: Vt,
         primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
-        ...!z && { onPrimaryAction: jt },
+        ...!z && { onPrimaryAction: Nt },
         children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
           z && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
+            /* @__PURE__ */ e("img", { alt: "", src: Ao, style: { minHeight: 100, width: 211 } }),
             /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
           me && !z && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
-              $r,
+              Pr,
               {
                 completeCopy: s.complete,
                 primaryText: me.primaryText,
                 secondaryText: me.secondaryText,
-                value: Gt
+                value: zt
               }
             ),
             C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
               me.main,
-              Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
+              Yt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: Ht, children: s.onboarding_do_it_later }) })
             ] }),
             C.type === "detail" && me.detail
           ] })
@@ -2844,8 +2851,8 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, Gr = v(zr), Er = () => {
-  const { finstrong: t } = x(), [o, n] = m.useState(!1);
+}, $r = v(Wr), zr = () => {
+  const { finstrong: t } = S(), [o, n] = m.useState(!1);
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(
       p,
@@ -2865,15 +2872,15 @@ const Eo = ({ total: t }) => {
               /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(P, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
-    /* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
+    /* @__PURE__ */ e($r, { isOpen: o, onClose: () => n(!1) })
   ] });
-}, Hr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = E(), { updateUser: s, user: i } = ee(), [c, l] = m.useState(i.birthday), _ = (u) => {
-    l(Math.floor(new Date(u).getTime() / 1e3));
+}, Er = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), r = G(), { updateUser: s, user: i } = ee(), [c, l] = m.useState(i.birthday), _ = (h) => {
+    l(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     oe,
@@ -2885,8 +2892,8 @@ const Eo = ({ total: t }) => {
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(uo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
-        _o,
+      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(_o, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+        lo,
         {
           disableFuture: !0,
           onChange: _,
@@ -2920,15 +2927,15 @@ const Eo = ({ total: t }) => {
       ) }) })
     }
   );
-}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
+}, Gr = v(Er), Hr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = Se(), {
     accounts: r,
     common: s,
     finstrong: i
-  } = x(), { repeatingTransactions: c } = Ve(), { user: l } = ee(), _ = c.reduce((f, w) => {
-    const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
-    return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
-  }, 0), [d, u] = m.useState(null), y = [
+  } = S(), { repeatingTransactions: c } = Ve(), { user: l } = ee(), _ = c.reduce((f, w) => {
+    const { repeating_transaction_type: x, transactions: D, recurrence_type: C, amount: g } = w;
+    return x === Mt.Income && (D.length > 0 || C === kt.EveryYear) ? f + g : f;
+  }, 0), [d, h] = m.useState(null), y = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2964,7 +2971,7 @@ const Eo = ({ total: t }) => {
         n.length > 1 ? i.accounts : i.account
       ) : void 0
     }
-  ].map((f) => Tn(f));
+  ].map((f) => In(f));
   return /* @__PURE__ */ a(oe, { 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: [
@@ -2973,16 +2980,16 @@ const Eo = ({ total: t }) => {
           /* @__PURE__ */ e(M, { children: i.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
-          zt,
+          $t,
           {
             completeCopy: i.complete,
             value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(On, { list: y, onClickItem: u }),
+      /* @__PURE__ */ e(An, { list: y, onClickItem: h }),
       /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-        Pe,
+        Be,
         {
           description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
           drawerType: "connectDrawer",
@@ -2996,33 +3003,33 @@ const Eo = ({ total: t }) => {
       oe,
       {
         isOpen: d === ne.MonthlyIncome,
-        onClose: () => u(null),
+        onClose: () => h(null),
         title: s.settings,
-        children: /* @__PURE__ */ e(ho, {})
+        children: /* @__PURE__ */ e(po, {})
       }
     ),
-    /* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
-    /* @__PURE__ */ e(Lt, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
+    /* @__PURE__ */ e(Gr, { isOpen: d === ne.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Ft, { isOpen: d === ne.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
-      St,
+      xt,
       {
-        onClose: () => u(null),
+        onClose: () => h(null),
         showConnectionsWidget: d === ne.Connections,
         title: r.manage_connections
       }
     )
   ] });
-}, Kr = v(jr), lt = ({
+}, Nr = v(Hr), ct = ({
   content: t,
   islast: o = !1
-}) => /* @__PURE__ */ a(yo, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ a(Co, { children: [
-    /* @__PURE__ */ e(So, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !o && /* @__PURE__ */ e(fo, { sx: { bgcolor: "divider", width: 0.1 } })
+}) => /* @__PURE__ */ a(mo, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ a(xo, { children: [
+    /* @__PURE__ */ e(fo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !o && /* @__PURE__ */ e(yo, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(xo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), Vr = ({ report: t }) => {
-  const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
+  /* @__PURE__ */ e(bo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), jr = ({ report: t }) => {
+  const { finstrong: o } = S(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
     newer_credit_score: s,
     older_credit_score: i,
@@ -3030,13 +3037,13 @@ const Eo = ({ total: t }) => {
     newer_spend_to_income_ratio: l,
     older_health_score: _,
     newer_health_score: d,
-    newer_score_calculated_at: u
-  } = t, h = mo(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? j(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
+    newer_score_calculated_at: h
+  } = t, u = ho(new Date(h), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? j(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
     if (r === 0) return null;
-    const S = r > 0 ? n.up_from : n.down_from, D = j(S, _, d);
-    return /* @__PURE__ */ a(G, { children: [
+    const x = r > 0 ? n.up_from : n.down_from, D = j(x, _, d);
+    return /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
-        bn,
+        an,
         {
           fill: !0,
           name: "circle",
@@ -3079,7 +3086,7 @@ const Eo = ({ total: t }) => {
               /* @__PURE__ */ a(p, { sx: { gap: 2, width: "80%" }, children: [
                 /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
                 /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-                  h,
+                  u,
                   " ",
                   w()
                 ] })
@@ -3090,10 +3097,10 @@ const Eo = ({ total: t }) => {
       }
     ),
     r !== 0 && /* @__PURE__ */ e(k, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
-      go,
+      uo,
       {
         sx: {
-          [`& .${bo.root}:before`]: {
+          [`& .${go.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -3102,7 +3109,7 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            lt,
+            ct,
             {
               content: j(
                 n.spend_to_income_description,
@@ -3112,7 +3119,7 @@ const Eo = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            lt,
+            ct,
             {
               content: j(
                 n.credit_score_description,
@@ -3126,12 +3133,12 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Yr = v(Vr), Xr = ({ isOpen: t, onClose: o }) => {
-  const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = L();
+}, Kr = v(jr), Vr = ({ isOpen: t, onClose: o }) => {
+  const n = G(), { finstrong: r } = S(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = F();
   if (!s || !i) return /* @__PURE__ */ e(te, {});
-  const u = Ne(l.health_score || 0, r), h = _.slice().reverse();
+  const h = Ne(l.health_score || 0, r), u = _.slice().reverse();
   return /* @__PURE__ */ e(
-    Pt,
+    Lt,
     {
       additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
         Ye,
@@ -3144,7 +3151,7 @@ const Eo = ({ total: t }) => {
           height: 160,
           isGraphClippingXAxis: !0,
           labels: [r.key_indicators_label],
-          margin: { top: 24, bottom: 32, right: 24, left: 45 },
+          margin: { top: 24, bottom: 6, right: 24, left: -15 },
           peerAverage: Math.round(d?.average_health_score?.average_health_score || 0),
           showArea: !0,
           showAverage: !0,
@@ -3178,17 +3185,17 @@ const Eo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
-              /* @__PURE__ */ e(M, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(M, { variant: "XSmall", children: u.description })
+              /* @__PURE__ */ e(M, { variant: "h3", children: h.status }),
+              /* @__PURE__ */ e(M, { variant: "XSmall", children: h.description })
             ] })
           ] })
         }
       ),
-      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, f) => /* @__PURE__ */ e(Yr, { report: y }, f)) })
+      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((y, f) => /* @__PURE__ */ e(Kr, { report: y }, f)) })
     }
   );
-}, qr = v(Xr), Ur = ({ copy: t }) => {
-  const o = E(), n = [
+}, Yr = v(Vr), Xr = ({ copy: t }) => {
+  const o = G(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
     o.palette.chartMono.chartMono3,
@@ -3247,20 +3254,20 @@ const Eo = ({ total: t }) => {
       )) })
     ] })
   ] });
-}, Qr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), { isCopyLoaded: r } = q();
+}, qr = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), { isCopyLoaded: r } = q();
   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: [
     /* @__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 }),
         /* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
+      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(Xr, { copy: n }) })
     ] }),
     /* @__PURE__ */ a(p, { sx: { gap: 12 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
       /* @__PURE__ */ a(
-        Ee,
+        Ge,
         {
           component: "ol",
           sx: {
@@ -3300,7 +3307,7 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
       /* @__PURE__ */ a(
-        Ee,
+        Ge,
         {
           component: "ol",
           sx: {
@@ -3327,14 +3334,14 @@ const Eo = ({ total: t }) => {
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(te, {});
-}, Zr = v(Qr), Jr = v(() => {
-  const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
+}, Ur = v(qr), Qr = v(() => {
+  const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = Ct(), { finstrong: i } = S(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = F(), h = n.palette.mode === "dark", u = Ne(_?.health_score, i);
   return !c || !l ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e(
-      Mo,
+      wo,
       {
         action: /* @__PURE__ */ e(
-          B,
+          P,
           {
             endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => o(!0),
@@ -3367,11 +3374,11 @@ const Eo = ({ total: t }) => {
       }
     ) }),
     _?.health_score ? /* @__PURE__ */ a(
-      vo,
+      So,
       {
         sx: {
           px: 16,
-          backgroundColor: u ? "grey.800" : "grey.50",
+          backgroundColor: h ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           "&.Mui-expanded": {
             m: 0
@@ -3382,7 +3389,7 @@ const Eo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            ko,
+            vo,
             {
               expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
               sx: {
@@ -3395,11 +3402,11 @@ const Eo = ({ total: t }) => {
               children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(wo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
+          /* @__PURE__ */ e(Co, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: u.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Pe,
+      Be,
       {
         buttonText: i.connect_more_accounts_title,
         description: i.health_score_zero_description,
@@ -3407,7 +3414,7 @@ const Eo = ({ total: t }) => {
         hasIcon: !1,
         isDashboard: !0,
         sx: {
-          backgroundColor: u ? "grey.800" : "grey.50",
+          backgroundColor: h ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           ".connect-more-accounts-title": {
             fontWeight: 600,
@@ -3420,24 +3427,24 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Zr,
+      Ur,
       {
         isOpen: t,
         onClose: () => o(!1)
       }
     )
   ] });
-}), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
-    augmentedChartData: u,
-    calculateHealthScore: h,
+}), Zr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
+  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Fn(), { reloadCategoryTotals: _ } = Ke(), d = F(), {
+    augmentedChartData: h,
+    calculateHealthScore: u,
     healthScore: y,
     loadAugmentedChartData: f,
     loadMonthlySummaries: w,
-    loadPeerScore: S,
+    loadPeerScore: x,
     peerScore: D
-  } = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { loadRepeatingTransactions: F } = Ve(), { isMobile: U } = qe(), T = E(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(!1), [H, he] = m.useState(!1);
-  if (Do({
+  } = d, { finstrong: C, connect: g } = S(), { isCopyLoaded: b, isInitialized: L } = q(), { loadRepeatingTransactions: B } = Ve(), { isMobile: U } = qe(), T = G(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(!1), [H, he] = m.useState(!1);
+  if (ko({
     widgetName: "FinstrongWidget",
     isLoaded: z
   }), m.useEffect(() => {
@@ -3445,15 +3452,15 @@ const Eo = ({ total: t }) => {
   }, []), m.useEffect(() => {
     n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, d]), m.useEffect(() => {
-    P && (w().finally(), S().finally(), h().finally(), f().finally());
-  }, [P]), m.useEffect(() => {
-    P && (_(r, s.start, s.end).finally(() => {
+    L && (w().finally(), x().finally(), u().finally(), f().finally());
+  }, [L]), m.useEffect(() => {
+    L && (_(r, s.start, s.end).finally(() => {
       pe(!0);
-    }), i || (c(), F().finally()));
-  }, [s, i, P, r]), !b || !P || !z) return /* @__PURE__ */ e(te, {});
+    }), i || (c(), B().finally()));
+  }, [s, i, L, r]), !b || !L || !z) return /* @__PURE__ */ e(te, {});
   const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
   return /* @__PURE__ */ a(
-    Io,
+    Mo,
     {
       actions: [
         {
@@ -3480,9 +3487,9 @@ const Eo = ({ total: t }) => {
             },
             children: [
               /* @__PURE__ */ a(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
-                /* @__PURE__ */ e(Jr, {}),
+                /* @__PURE__ */ e(Qr, {}),
                 /* @__PURE__ */ e(
-                  Pe,
+                  Be,
                   {
                     description: C.connect_more_accounts_description,
                     drawerType: "connectDrawer",
@@ -3494,7 +3501,7 @@ const Eo = ({ total: t }) => {
                 /* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
                   /* @__PURE__ */ e(K, { children: C.key_indicators }),
                   /* @__PURE__ */ e(
-                    B,
+                    P,
                     {
                       endIcon: /* @__PURE__ */ e(J, {}),
                       onClick: () => _e(!0),
@@ -3506,7 +3513,7 @@ const Eo = ({ total: t }) => {
                     }
                   )
                 ] }),
-                u.length ? /* @__PURE__ */ e(
+                h.length ? /* @__PURE__ */ e(
                   Ye,
                   {
                     axisColor: T.palette.divider,
@@ -3516,14 +3523,14 @@ const Eo = ({ total: t }) => {
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
                     customLegendVariant: "XSmall",
-                    datasets: [u],
+                    datasets: [h],
                     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,
                     labels: [C.key_indicators_label],
-                    margin: { right: 0, left: 25 },
+                    margin: { right: 0, left: -35 },
                     peerAverage: ae,
                     showArea: !0,
                     showAverage: !0,
@@ -3534,13 +3541,13 @@ const Eo = ({ total: t }) => {
                     useCustomMark: !0,
                     xAxisScaleType: "band"
                   }
-                ) : /* @__PURE__ */ e(Or, { onClick: () => he(!0) }),
-                y.health_score !== null && /* @__PURE__ */ e(Ar, {})
+                ) : /* @__PURE__ */ e(Ar, { onClick: () => he(!0) }),
+                y.health_score !== null && /* @__PURE__ */ e(Dr, {})
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ e(Er, {}),
-        /* @__PURE__ */ e(Kr, { isOpen: ve, onClose: () => Q(!1) }),
+        ) : /* @__PURE__ */ e(zr, {}),
+        /* @__PURE__ */ e(Nr, { isOpen: ve, onClose: () => Q(!1) }),
         /* @__PURE__ */ e(
           re,
           {
@@ -3550,7 +3557,7 @@ const Eo = ({ total: t }) => {
           }
         ),
         /* @__PURE__ */ e(
-          qr,
+          Yr,
           {
             isOpen: Y,
             onClose: () => _e(!1)
@@ -3559,12 +3566,12 @@ const Eo = ({ total: t }) => {
       ]
     }
   );
-}, bi = v(ea);
+}, gi = v(Zr);
 export {
-  To as CreditScoreGraph,
-  Ft as DialScoreCard,
+  Io as CreditScoreGraph,
+  Ot as DialScoreCard,
   Rt as FinancialStrengthGraph,
-  Si as FinstrongApi,
-  Ci as FinstrongStore,
-  bi as FinstrongWidget
+  fi as FinstrongApi,
+  xi as FinstrongStore,
+  gi as FinstrongWidget
 };