@mx-cartographer/experiences 7.4.2 → 7.4.3

package/dist/finstrong/index.es.js

@@ -1,20 +1,20 @@
-import { jsxs as a, Fragment as W, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as G, jsx as e } from "react/jsx-runtime";
 import k from "@mui/material/Box";
 import p from "@mui/material/Stack";
-import { useTheme as $, alpha as be } from "@mui/material/styles";
+import { useTheme as z, alpha as be } from "@mui/material/styles";
 import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
 import { TrendingUp as _t, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as ut, ChevronRight as Z, MultilineChart as ht, CreditCard as Ke, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as mt, Cardiology as un, Payments as hn, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { P as M, H3 as Y, Text as I, InstitutionLogo as gt, H2 as Be, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
-import { g as fn, a as xn, r as nt, b as Sn, c as je, d as yt, C as ke, e as Me, f as Cn, h as vn, i as wn, j as bt, k as ot, l as kn, m as rt, n as Mn, o as ft, p as Dn, q as xt, s as Re, t as In, u as Tn, v as An, w as On, A as te, x as Fn, P as Rn } from "../FinstrongStore-CfD6bbJk.mjs";
-import { y as Ci, F as vi } from "../FinstrongStore-CfD6bbJk.mjs";
+import { P as M, H3 as V, Text as I, InstitutionLogo as gt, H2 as Be, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
+import { g as fn, a as xn, r as nt, b as Sn, c as je, d as yt, C as ke, e as Me, f as Cn, h as vn, i as wn, j as bt, k as ot, l as kn, m as rt, n as Mn, o as ft, p as Dn, q as xt, s as Re, t as In, u as Tn, v as An, w as On, A as te, x as Fn, P as Rn } from "../FinstrongStore-BnBCtVTl.mjs";
+import { y as Ci, F as vi } from "../FinstrongStore-BnBCtVTl.mjs";
 import * as at from "d3";
 import { observer as v } from "mobx-react-lite";
-import { u as x, b as X, a as Ye, p as J, z as R, q as Pn, d as xe, m as Ve, f as Ln, j as Xe, h as Bn, i as Wn, n as $n } from "../hooks-C41HAxM5.mjs";
+import { u as x, b as X, a as Ve, p as J, z as P, q as Pn, d as xe, m as Ye, f as Ln, j as Xe, h as Bn, i as Wn, n as $n } from "../hooks-C41HAxM5.mjs";
 import { L as oe } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import P from "@mui/material/Button";
-import V from "@mui/material/Card";
-import { L as qe } from "../LineChart-DttMO7uS.mjs";
+import B from "@mui/material/Button";
+import Y from "@mui/material/Card";
+import { L as qe } from "../LineChart-bc1D9xBE.mjs";
 import { C as St } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import { l as re, g as Ct, A as He } from "../ConnectDrawer-CuUj16NH.mjs";
 import se from "@mui/material/Tab";
@@ -29,16 +29,16 @@ import le from "@mui/material/Divider";
 import ge from "@mui/material/ListItem";
 import wt from "@mui/material/ListItemAvatar";
 import ye from "@mui/material/ListItemText";
-import { g as kt } from "../AccountFields-CPkGZ3SD.mjs";
+import { g as kt } from "../AccountFields-Cd_nOWmf.mjs";
 import Ne from "@mui/material/List";
 import Nn from "@mui/material/ListItemButton";
 import Kn from "@mui/material/ListSubheader";
-import { f as B } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
 import { b as j } from "../Localization-2MODESHW.mjs";
-import { S as it, F as Mt, e as jn, R as Dt } from "../RecurringTransactions-CngsRZ3K.mjs";
-import { S as Yn } from "../StatusBar-BK_uYHAB.mjs";
+import { S as it, F as Mt, e as jn, R as Dt } from "../RecurringTransactions-BqijW_8S.mjs";
+import { S as Vn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as It } from "../DateUtil-CBdcsyuk.mjs";
-import { T as Vn, s as Xn, h as qn, S as Un, c as Qn } from "../TransactionDetails-CtbBBSoU.mjs";
+import { T as Yn, s as Xn, h as qn, S as Un, c as Qn } from "../TransactionDetails-COH0OKNG.mjs";
 import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
 import { E as Le } from "../EmptyState-DoxNUae-.mjs";
 import Zn from "@mui/material/useMediaQuery";
@@ -48,15 +48,15 @@ import { ResponsiveChartContainer as to } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as no, animated as st } from "@react-spring/web";
 import { startOfMonth as Tt } from "date-fns/startOfMonth";
 import { endOfMonth as At } from "date-fns/endOfMonth";
-import { g as oo, S as ro, b as ao } from "../SpendingLegend-B2BYr8B4.mjs";
+import { g as oo, S as ro, b as ao } from "../SpendingLegend-BbrZWbFX.mjs";
 import { formatISO as io } from "date-fns/formatISO";
 import { fromUnixTime as so } from "date-fns/fromUnixTime";
 import { startOfToday as ct } from "date-fns/startOfToday";
 import { subDays as co } from "date-fns/subDays";
-import { c as lo, d as lt, S as po, i as _o } from "../ManageIncome-CU5C0AeO.mjs";
+import { c as lo, d as lt, S as po, i as _o } from "../ManageIncome-A69EUO5u.mjs";
 import { LocalizationProvider as uo, DatePicker as ho, StaticDatePicker as mo } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as go } from "../RecurringSettings-Cm5Bqcai.mjs";
+import { R as go } from "../RecurringSettings-B0uObPlD.mjs";
 import { LocalizationProvider as yo } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as bo } from "date-fns/format";
 import fo from "@mui/lab/Timeline";
@@ -81,11 +81,11 @@ const Oo = ({
   arcRadius: l,
   innerArcRadius: _,
   outterArcRadius: d,
-  progressEndAngle: u,
-  unitsPerSegment: h,
+  progressEndAngle: h,
+  unitsPerSegment: u,
   isFinacialStrengthGraph: y
 }) => {
-  const f = $(), C = [
+  const f = z(), 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 },
@@ -95,22 +95,22 @@ const Oo = ({
     s,
     r,
     o
-  ), [g, b] = xn(
+  ), [C, g] = xn(
     S,
     D,
     o,
-    h,
-    u
-  ), w = at.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), H = at.arc().innerRadius(_).outerRadius(d).startAngle(g).endAngle(b).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ a(W, { children: [
+    u,
+    h
+  ), b = at.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), L = at.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ e(
       "path",
       {
-        d: w({}),
+        d: b({}),
         fill: y ? f.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: H({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: L({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -121,7 +121,7 @@ const Oo = ({
         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: C.map((N, U) => /* @__PURE__ */ e("stop", { offset: N.offset, stopColor: N.color }, U))
+        children: w.map((F, U) => /* @__PURE__ */ e("stop", { offset: F.offset, stopColor: F.color }, U))
       }
     ) })
   ] });
@@ -136,11 +136,11 @@ const Oo = ({
   markerColor: l,
   healthScoreStatus: _,
   footerCenterContent: d,
-  footerLeftContent: u,
-  footerRightContent: h,
+  footerLeftContent: h,
+  footerRightContent: u,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = $(), C = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - C, g = D / (i - s), b = (o - s) * g, w = C + b + 0.02, H = n !== "SM" ? 0.1 : 0.12, N = t, U = t * (1 - H), L = N * 2, O = L / 2, G = L / 2, pe = (U + N) / 2, Ce = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, K] = Sn(pe, w, Ce), ve = o / 25, z = {
+  const f = z(), 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, L = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - L), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Ce = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ee, K] = Sn(pe, b, Ce), ve = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -150,13 +150,13 @@ const Oo = ({
     bottom: 0,
     left: 0,
     ...c
-  }, E = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4, ue = z[n].markerSize * 2 + _e;
+  }, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, _e = ae * 4, ue = H[n].markerSize * 2 + _e;
   return /* @__PURE__ */ a(
     p,
     {
       sx: {
-        width: L,
-        height: n === "SM" ? L - 7 : L,
+        width: W,
+        height: n === "SM" ? W - 7 : W,
         position: "relative",
         alignSelf: "center",
         overflow: "visible"
@@ -165,14 +165,14 @@ const Oo = ({
         /* @__PURE__ */ e(
           rn,
           {
-            height: n === "SM" ? L - 7 : L,
+            height: n === "SM" ? W - 7 : W,
             margin: we,
             series: [
               {
                 data: r,
                 innerRadius: U,
-                outerRadius: N,
-                startAngle: Math.round(nt(C)),
+                outerRadius: F,
+                startAngle: Math.round(nt(w)),
                 // Use Math.degrees to convert
                 endAngle: Math.round(nt(S))
                 // Use Math.degrees to convert
@@ -188,15 +188,15 @@ const Oo = ({
                 {
                   arcColor: q.color,
                   arcRadius: t,
-                  arcStartAngle: C,
+                  arcStartAngle: w,
                   centerX: O,
-                  centerY: G,
+                  centerY: E,
                   dataIndex: q.dataIndex,
                   dialScoreData: r,
                   innerArcRadius: U,
                   isFinacialStrengthGraph: y,
-                  outterArcRadius: N,
-                  progressEndAngle: w,
+                  outterArcRadius: F,
+                  progressEndAngle: b,
                   totalAngularSpan: D,
                   unitsPerSegment: ve
                 }
@@ -207,7 +207,7 @@ const Oo = ({
                 stroke: "none"
               }
             },
-            width: L
+            width: W
           }
         ),
         o >= s && o <= i && /* @__PURE__ */ e(
@@ -216,19 +216,19 @@ const Oo = ({
             height: ue,
             style: {
               position: "absolute",
-              left: O + ee - z[n].markerSize - 5,
-              top: G + K - z[n].markerSize - 5,
+              left: O + ee - H[n].markerSize - 5,
+              top: E + K - H[n].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${O + ee - z[n].markerSize - 5} ${G + K - z[n].markerSize - 5} ${ue} ${ue}`,
+            viewBox: `${O + ee - H[n].markerSize - 5} ${E + K - H[n].markerSize - 5} ${ue} ${ue}`,
             width: ue,
             children: /* @__PURE__ */ e(
               "circle",
               {
                 cx: O + ee,
-                cy: G + K,
+                cy: E + K,
                 fill: f.palette.common.white,
-                r: z[n].markerSize,
+                r: H[n].markerSize,
                 stroke: y ? "url(#arcGradient)" : l,
                 strokeWidth: ae
               }
@@ -240,7 +240,7 @@ const Oo = ({
           {
             sx: {
               position: "absolute",
-              top: `${G}px`,
+              top: `${E}px`,
               left: `${O}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
@@ -255,7 +255,7 @@ const Oo = ({
                     M,
                     {
                       sx: {
-                        fontSize: z[n].healthScoreFontSize,
+                        fontSize: H[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
                       variant: "H1",
@@ -273,7 +273,7 @@ const Oo = ({
           {
             sx: {
               position: "absolute",
-              top: `${G * 2 * 0.83}px`,
+              top: `${E * 2 * 0.83}px`,
               left: `${O}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
@@ -288,7 +288,7 @@ const Oo = ({
                   mt: 24
                 },
                 children: [
-                  d > 0 ? /* @__PURE__ */ e(_t, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(E, { size: 16, sx: { color: "text.secondary" } }),
+                  d > 0 ? /* @__PURE__ */ e(_t, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(N, { size: 16, sx: { color: "text.secondary" } }),
                   /* @__PURE__ */ e(
                     M,
                     {
@@ -305,31 +305,31 @@ const Oo = ({
             ) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: d })
           }
         ),
-        u !== void 0 && /* @__PURE__ */ e(
+        h !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
               position: "absolute",
-              top: `${G * 2 * 0.83}px`,
+              top: `${E * 2 * 0.83}px`,
               left: `${O - O / 2}px`,
               // shift left from center
               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: {
               position: "absolute",
-              top: `${G * 2 * 0.83}px`,
+              top: `${E * 2 * 0.83}px`,
               left: `${O + O / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
           }
         )
       ]
@@ -372,7 +372,7 @@ const Oo = ({
     minValue: s = 300,
     footerCenterContent: i
   }) => {
-    const l = $().palette.mode === "dark", _ = [
+    const l = z().palette.mode === "dark", _ = [
       {
         id: 1,
         label: "Poor",
@@ -403,9 +403,9 @@ const Oo = ({
         value: 12,
         color: l ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
       }
-    ], { finstrong: d } = x(), { isCopyLoaded: u } = X();
-    if (!u) return /* @__PURE__ */ e(oe, {});
-    const { status: h, color: y = "none" } = yt(
+    ], { finstrong: d } = x(), { isCopyLoaded: h } = X();
+    if (!h) return /* @__PURE__ */ e(oe, {});
+    const { status: u, color: y = "none" } = yt(
       n,
       l,
       d.credit_score_status
@@ -419,7 +419,7 @@ const Oo = ({
         footerLeftContent: s,
         footerRightContent: r,
         healthScore: n,
-        healthScoreStatus: h,
+        healthScoreStatus: u,
         markerColor: y,
         maxValue: r,
         minValue: s,
@@ -437,9 +437,9 @@ const Oo = ({
   description: c,
   sx: l
 }) => {
-  const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = Ye();
+  const [_, d] = m.useState(!1), { connect: h, finstrong: u } = x(), { config: y } = Ve();
   return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
-    V,
+    Y,
     {
       sx: {
         pb: 24,
@@ -458,7 +458,7 @@ const Oo = ({
             },
             children: [
               n && /* @__PURE__ */ e(ut, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
+              /* @__PURE__ */ e(V, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || u.connect_more_accounts_title })
             ]
           }
         ),
@@ -468,17 +468,17 @@ const Oo = ({
             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(
-          P,
+          B,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             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(
@@ -486,7 +486,7 @@ const Oo = ({
           {
             onClose: () => d(!1),
             showConnectWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
@@ -494,7 +494,7 @@ const Oo = ({
           {
             onClose: () => d(!1),
             showConnectionsWidget: _,
-            title: i || u.mini_title
+            title: i || h.mini_title
           }
         )
       ]
@@ -512,9 +512,9 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   Fair: 109,
   OffTrack: 110
 }, Po = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = Qe(), { updateUser: i, user: c } = J(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
+  const { common: n, finstrong: r } = x(), { isMobile: s } = Qe(), { updateUser: i, user: c } = J(), [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(
@@ -524,8 +524,8 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       disablePrimaryButton: !l || !d,
       isOpen: t,
       maxWidth: "xs",
-      onClose: u,
-      onPrimaryAction: h,
+      onClose: h,
+      onPrimaryAction: u,
       primaryColor: "primary",
       primaryText: n.save_button,
       sx: {
@@ -537,7 +537,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         "form",
         {
           onSubmit: (y) => {
-            y.preventDefault(), h(), u();
+            y.preventDefault(), u(), h();
           },
           children: /* @__PURE__ */ e(
             Pe,
@@ -561,7 +561,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   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."
 }, Lo = ({ chartFor: t }) => {
-  const o = $(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: s } = J(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
+  const o = z(), n = o.palette.mode === "dark", { monthlySummaries: r } = P(), { user: s } = J(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(_t, { size: 48, sx: { marginBottom: 8 } }),
       title: i.key_indicators_save.zero_state_title,
@@ -577,7 +577,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: Ee.credit_over_time_title,
       description: Ee.credit_over_time_zero_state_desc
     }
-  }[t], u = {
+  }[t], h = {
     savingsOverTime: {
       title: i.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
@@ -590,52 +590,56 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: Ee.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], h = Cn(r, u.valueKey), y = Math.max(...r.map((w) => w[u.valueKey])), f = () => y >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : y >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: C, leftMargin: S } = f(), D = u.title, g = t === "creditOverTime";
-  let b;
-  if (g) {
-    const { color: w } = yt(
+  }[t], u = Cn(r, h.valueKey), y = r.map((F) => F[h.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 = h.title, b = t === "creditOverTime";
+  let L;
+  if (b) {
+    const { color: F } = yt(
       s?.credit_score ?? 0,
       n,
       i.credit_score_status
     );
-    b = w;
+    L = F;
   }
-  return /* @__PURE__ */ e(V, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: D }),
+  return /* @__PURE__ */ e(Y, { 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(
       qe,
       {
-        areaColor: b,
+        areaColor: L,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
-        curveType: g ? "linear" : "natural",
-        datasets: h ? [h] : [],
+        curveType: b ? "linear" : "natural",
+        datasets: u ? [u] : [],
         height: 244,
-        labelFontColor: g ? "text.primary" : "",
-        labelFontSize: g ? 13 : void 0,
+        labelFontColor: b ? "text.primary" : "",
+        labelFontSize: b ? 13 : void 0,
         labels: [i.key_indicators_label],
-        margin: { left: S, top: g ? 25 : 15, right: 20 },
-        markStyles: (w) => g ? {
+        margin: { left: C, top: b ? 25 : 15, right: 20 },
+        markStyles: (F) => b ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: w === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
-            fontWeight: 600
+            transform: F === u.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            fontWeight: 600,
+            fill: o.palette.text.primary
           },
-          stroke: b
+          stroke: L
         } : {},
-        maxRange: g ? 850 : void 0,
-        minRange: g ? 300 : void 0,
+        maxRange: b ? 850 : void 0,
+        minRange: (() => {
+          if (b)
+            return w < 300 ? 0 : 300;
+        })(),
         showArea: !0,
-        showAverage: !g,
-        showMark: !g,
-        showMarkLabel: g,
+        showAverage: !b,
+        showMark: !b,
+        showMarkLabel: b,
         showXAxis: !0,
-        showYAxis: g,
-        showYAxisTicks: g,
+        showYAxis: b,
+        showYAxisTicks: b,
         useCustomMark: !0,
-        valueFormatterString: g ? void 0 : C,
+        valueFormatterString: b ? void 0 : D,
         width: l < 342 ? l - 48 : 342
       }
     )
@@ -645,7 +649,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
   ] }) });
 }, Ze = v(Lo), Bo = () => {
-  const { healthScoreChange: t } = R(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = Pn(), { isSmallMobile: s } = Qe(r), [i, c] = m.useState(!1);
+  const { healthScoreChange: t } = P(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = Pn(), { isSmallMobile: s } = Qe(r), [i, c] = m.useState(!1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
@@ -657,7 +661,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(P, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ze, { chartFor: "creditOverTime" })
     ] }),
     /* @__PURE__ */ e(Pt, { isOpen: i, onClose: () => c(!1) })
@@ -693,7 +697,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
 }, $o = () => {
   const { finstrong: t } = x(), { user: o } = J(), n = bt(o.credit_score ?? null);
   return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(Y, { children: t.credit_score_keep_strong_credit_score }),
+    /* @__PURE__ */ e(V, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e($e, { status: n })
   ] });
 }, Go = v($o), zo = ({
@@ -707,12 +711,12 @@ const Ro = "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 } = X();
   return f ? /* @__PURE__ */ e(ne, { 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: {
@@ -721,7 +725,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           p: 24
         },
         children: [
-          u && typeof u == "string" ? /* @__PURE__ */ e(Y, { children: u }) : u,
+          h && typeof h == "string" ? /* @__PURE__ */ e(V, { children: h }) : h,
           s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
         ]
       }
@@ -744,7 +748,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         We,
         {
           description: n,
-          drawerType: h,
+          drawerType: u,
           isDashboard: !0,
           sx: { backgroundColor: "background.paper" },
           title: o
@@ -757,7 +761,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = Ye(), { accounts: s } = x(), { selectedAccounts: i } = X(), c = m.useCallback(
+  const { config: r } = Ve(), { accounts: s } = x(), { selectedAccounts: i } = X(), c = m.useCallback(
     (_) => {
       t?.(_);
     },
@@ -769,8 +773,8 @@ const Ro = "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(
@@ -778,28 +782,28 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       {
         subheader: /* @__PURE__ */ e(Kn, { 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: B(u, "0,0.00") })
+          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(h, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          d.map((h, y) => {
-            const { firstValue: f } = kt(h, s), C = Ct(h, {
+          d.map((u, y) => {
+            const { firstValue: f } = kt(u, s), w = Ct(u, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), S = /* @__PURE__ */ a(W, { children: [
-              /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(gt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
+            }), S = /* @__PURE__ */ a(G, { children: [
+              /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(gt, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 ye,
                 {
-                  primary: `${C}${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: B(f ?? 0, "0,0.00") })
+              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Nn, { onClick: () => c(h), children: S }) : S }),
+              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Nn, { onClick: () => c(u), children: S }) : S }),
               y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-            ] }, h.guid);
+            ] }, u.guid);
           }),
           /* @__PURE__ */ e(le, {})
         ]
@@ -808,16 +812,16 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     );
   }) }) : null;
 }, Bt = v(Eo), Ho = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = $(), { config: r } = Ye(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = X(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
+  const n = z(), { config: r } = Ve(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = X(), [_, d] = m.useState(!1), [h, u] = m.useState(!1), y = m.useMemo(
     () => l.filter(
       (S) => t ? t.includes(S.account_type) : !0
     ),
     [l, t]
-  ), f = m.useMemo(() => y.slice(0, 3), [y]), C = (S) => {
+  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
     const { firstValue: D } = kt(S, c);
     return D;
   };
-  return y.length >= 1 ? /* @__PURE__ */ a(W, { children: [
+  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: [
       /* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(gt, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
@@ -831,13 +835,13 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: B(C(S), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(S), "0,0.00") })
       ] }),
       D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
     ] }, S.guid)) }),
-    y.length > 3 && /* @__PURE__ */ a(W, { children: [
+    y.length > 3 && /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        P,
+        B,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
           onClick: () => d(!0),
@@ -852,11 +856,11 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ) }),
       /* @__PURE__ */ e(ne, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Bt, { loadAccounts: t }) })
     ] })
-  ] }) : /* @__PURE__ */ a(W, { children: [
+  ] }) : /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      P,
+      B,
       {
-        onClick: () => h(!0),
+        onClick: () => u(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
@@ -866,8 +870,8 @@ const Ro = "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
       }
     )
@@ -885,7 +889,7 @@ const Ro = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: B(t, "0,0.00") }) : t,
+      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: $(t, "0,0.00") }) : t,
       /* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
     ]
   }
@@ -906,37 +910,37 @@ const No = ({ total: t }) => {
     { id: De.Months, label: o.maintain_emergency_savings_months },
     { id: De.Years, label: o.maintain_emergency_savings_years },
     { id: De.Days, label: o.maintain_emergency_savings_days }
-  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(ot(t)), [u, h] = m.useState(
+  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(ot(t)), [h, u] = m.useState(
     ot(t)
-  ), [y, f] = m.useState(i), [C, S] = m.useState(kn(t)), [D, g] = m.useState(De.Months);
+  ), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(De.Months);
   m.useEffect(() => {
     l(
       rt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
-        goalPeriod: C,
+        goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   }, []);
-  const b = (w) => {
-    w.preventDefault(), l(
+  const g = (b) => {
+    b.preventDefault(), l(
       rt({
-        contribution: u,
+        contribution: h,
         goalAmount: y,
-        goalPeriod: C,
+        goalPeriod: w,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(u);
+    ), d(h);
   };
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: b, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
         balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(I, { variant: "h2", children: B(c, "0,0") }),
+          /* @__PURE__ */ e(I, { variant: "h2", children: $(c, "0,0") }),
           /* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             r[_]
@@ -951,27 +955,27 @@ const No = ({ total: t }) => {
         "aria-label": o.maintain_emergency_savings_savings_goal,
         helperText: j(
           o.maintain_emergency_savings_suggested_goal,
-          B(i, "0,0")
+          $(i, "0,0")
         ),
         inputProps: {
           noValidate: !0,
           pattern: "[0-9]*"
         },
         label: o.maintain_emergency_savings_savings_goal,
-        onChange: (w) => {
-          w.target.value && f(Number(w.target.value.replace(/[^0-9]/g, "")));
+        onChange: (b) => {
+          b.target.value && f(Number(b.target.value.replace(/[^0-9]/g, "")));
         },
-        value: y ? B(y, "0,0") : ""
+        value: y ? $(y, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
       it,
       {
         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: [
@@ -985,8 +989,8 @@ const No = ({ total: t }) => {
             pattern: "[0-9]*"
           },
           label: o.maintain_emergency_savings_meet_your_goal_within,
-          onChange: (w) => {
-            isNaN(Number(w.target.value)) || S(Number(w.target.value));
+          onChange: (b) => {
+            isNaN(Number(b.target.value)) || S(Number(b.target.value));
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -997,7 +1001,7 @@ const No = ({ total: t }) => {
               }
             }
           },
-          value: C
+          value: w
         }
       ),
       /* @__PURE__ */ e(
@@ -1012,11 +1016,11 @@ const No = ({ total: t }) => {
               }
             }
           },
-          children: /* @__PURE__ */ e(it, { label: "", onChange: g, options: s, value: D })
+          children: /* @__PURE__ */ e(it, { label: "", onChange: C, options: s, value: D })
         }
       )
     ] }),
-    /* @__PURE__ */ e(P, { fullWidth: !0, onClick: b, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
 }, Ko = v(No), jo = () => {
   const { savingsAccounts: t } = xe(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
@@ -1024,7 +1028,7 @@ const No = ({ total: t }) => {
     [t]
   );
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Se, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
         Wt,
@@ -1032,7 +1036,7 @@ const No = ({ total: t }) => {
           loadAccounts: [He.SAVINGS],
           loadMoreLabel: o.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(P, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
     ] }) }),
     /* @__PURE__ */ e(Ko, { total: s }),
     /* @__PURE__ */ e(
@@ -1044,7 +1048,7 @@ const No = ({ total: t }) => {
       }
     )
   ] });
-}, Yo = v(jo), Ge = v(
+}, Vo = v(jo), Ge = v(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
     const i = {
       GOOD: {
@@ -1097,17 +1101,17 @@ const No = ({ total: t }) => {
             )
           ] }),
           /* @__PURE__ */ a(p, { children: [
-            /* @__PURE__ */ e(Yn, { data: c, height: 16 }),
+            /* @__PURE__ */ e(Vn, { data: c, height: 16 }),
             r
           ] })
         ]
       }
     );
   }
-), Vo = {
+), Yo = {
   sticky_label: "You have saved"
 }, Xo = ["$0", "$250", "$500", "$750", "$1k"], qo = () => {
-  const { healthScore: t } = R(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Mn(o), r = ft(o);
+  const { healthScore: t } = P(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = Mn(o), r = ft(o);
   return /* @__PURE__ */ e(
     Ge,
     {
@@ -1125,14 +1129,14 @@ const No = ({ total: t }) => {
         ),
         /* @__PURE__ */ e(I, { variant: "caption", children: s })
       ] }, s)) }),
-      label: Vo.sticky_label,
+      label: Yo.sticky_label,
       status: r,
       statusBarData: [
         {
           percentage: n
         }
       ],
-      value: B(o ?? 0, "0,0.00")
+      value: $(o ?? 0, "0,0.00")
     }
   );
 }, Uo = v(qo), ze = ({
@@ -1142,17 +1146,17 @@ const No = ({ total: t }) => {
   formatDate: r = It,
   secondaryIcon: s
 }) => {
-  const i = $(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ve(), C = 3, S = t.length > C, D = t.length - C;
-  let g = t;
-  return S && (g = t.map((b) => ({
-    ...b,
-    category: _.default_categories[b.top_level_category_guid]?.replace(
+  const i = z(), { connect: c, finstrong: l, categories: _ } = x(), [d, h] = m.useState(!1), [u, y] = m.useState(!1), { getCategoryName: f } = Ye(), w = 3, S = t.length > w, D = t.length - w;
+  let C = t;
+  return S && (C = t.map((g) => ({
+    ...g,
+    category: _.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
-    ) ?? f(b.top_level_category_guid)
-  })).sort((b, w) => w.date - b.date)), !t || t.length === 0 ? /* @__PURE__ */ a(W, { children: [
+    ) ?? f(g.top_level_category_guid)
+  })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      P,
+      B,
       {
         onClick: () => y(!0),
         size: "small",
@@ -1165,12 +1169,12 @@ const No = ({ total: t }) => {
       re,
       {
         onClose: () => y(!1),
-        showConnectWidget: h,
+        showConnectWidget: u,
         title: c.mini_title
       }
     )
   ] }) : /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, C).sort((b, w) => w.date - b.date).map((b, w) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, w).sort((g, b) => b.date - g.date).map((g, b) => /* @__PURE__ */ a(
       p,
       {
         sx: {
@@ -1184,8 +1188,8 @@ const No = ({ total: t }) => {
           /* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
             yn,
             {
-              categoryGuid: b.top_level_category_guid || "",
-              merchantGuid: b.merchant_guid || "",
+              categoryGuid: g.top_level_category_guid || "",
+              merchantGuid: g.merchant_guid || "",
               size: 32
             }
           ) }),
@@ -1197,7 +1201,7 @@ const No = ({ total: t }) => {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...w < Math.min(t.length, C) - 1 && {
+                ...b < Math.min(t.length, w) - 1 && {
                   borderBottom: `1px solid ${i.palette.divider}`
                 },
                 pb: 14,
@@ -1206,27 +1210,27 @@ const No = ({ total: t }) => {
               },
               children: [
                 /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
-                  /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: b.description }),
+                  /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: g.description }),
                   /* @__PURE__ */ a(p, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
                     !!s && s,
-                    /* @__PURE__ */ e(I, { variant: "caption", children: r(b.date) })
+                    /* @__PURE__ */ e(I, { variant: "caption", children: r(g.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: B(b.amount, "0,0.00") })
+                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
               ]
             },
-            b.guid || w
+            g.guid || b
           )
         ]
       },
-      w
+      b
     )) }),
-    S && /* @__PURE__ */ a(W, { children: [
+    S && /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-        P,
+        B,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
-          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: [
@@ -1240,9 +1244,9 @@ const No = ({ total: t }) => {
         ne,
         {
           isOpen: d,
-          onClose: () => u(!1),
+          onClose: () => h(!1),
           title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Vn, { transaction: g })
+          children: /* @__PURE__ */ e(Yn, { transaction: C })
         }
       )
     ] })
@@ -1252,11 +1256,11 @@ const No = ({ total: t }) => {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = R();
+  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = P();
   return m.useEffect(() => {
     o().finally();
-  }, []), /* @__PURE__ */ e(W, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
-    V,
+  }, []), /* @__PURE__ */ e(G, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
+    Y,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1269,13 +1273,13 @@ const No = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(ln, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(Y, { children: t.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(V, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
   ) : /* @__PURE__ */ a(
-    V,
+    Y,
     {
       sx: {
         p: 16,
@@ -1283,7 +1287,7 @@ const No = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(Y, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(V, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           ze,
           {
@@ -1298,7 +1302,7 @@ const No = ({ total: t }) => {
     }
   ) });
 }, Zo = v(Qo), Jo = () => {
-  const { healthScore: t } = R(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Dn(t.spending_fee_transaction_count);
+  const { healthScore: t } = P(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Dn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     p,
     {
@@ -1341,7 +1345,7 @@ const No = ({ total: t }) => {
     )
   ] });
 }, nr = v(tr), or = () => {
-  const { finstrong: t } = x(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: s } = R(), { isInitialized: i } = X();
+  const { finstrong: t } = x(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: s } = P(), { isInitialized: i } = X();
   m.useEffect(() => {
     i && (r().finally(), s().finally());
   }, [i]);
@@ -1361,8 +1365,8 @@ const No = ({ total: t }) => {
   ] }) : /* @__PURE__ */ e(oe, {});
 }, rr = v(or), ar = () => {
   const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(W, { children: [
-    /* @__PURE__ */ a(V, { children: [
+  return /* @__PURE__ */ a(G, { children: [
+    /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ a(
         Ue,
         {
@@ -1399,7 +1403,7 @@ const No = ({ total: t }) => {
     /* @__PURE__ */ e(Ze, { chartFor: "savingsOverTime" })
   ] });
 }, ir = v(ar), sr = () => {
-  const { finstrong: t } = x(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = xt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
+  const { finstrong: t } = x(), { healthScore: o } = P(), n = o.months_of_cash_on_hand, r = xt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
   return /* @__PURE__ */ e(
     Ge,
     {
@@ -1449,7 +1453,7 @@ const No = ({ total: t }) => {
     }
   );
 }, cr = v(sr), lr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = x(), n = Re(t.debt_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, i = ((c) => r ? "MISSING" : c <= Ae.Good ? "GOOD" : c >= Ae.FairMin && c <= Ae.FairMax ? "FAIR" : c >= Ae.OffTrack ? "OFF_TRACK" : "MISSING")(n);
+  const { healthScore: t } = P(), { finstrong: o } = x(), n = Re(t.debt_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, i = ((c) => r ? "MISSING" : c <= Ae.Good ? "GOOD" : c >= Ae.FairMin && c <= Ae.FairMax ? "FAIR" : c >= Ae.OffTrack ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     Ge,
     {
@@ -1525,11 +1529,11 @@ const No = ({ total: t }) => {
           percentage: `${n}%`
         }
       ],
-      value: B(t.ninety_day_debt_spend, "0,0.00")
+      value: $(t.ninety_day_debt_spend, "0,0.00")
     }
   );
 }, dr = v(lr), pr = () => {
-  const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+  const { healthScore: t, allTransactions: o } = P(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
@@ -1543,7 +1547,7 @@ const No = ({ total: t }) => {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e(ze, { transactions: o.income.map((c) => c.transaction) })
     ) : /* @__PURE__ */ e(
-      P,
+      B,
       {
         onClick: () => {
           i(!0);
@@ -1562,7 +1566,7 @@ const No = ({ total: t }) => {
     )
   ] });
 }, _r = v(pr), ur = () => {
-  const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
+  const { allTransactions: t, healthScore: o } = P(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
@@ -1582,7 +1586,7 @@ const No = ({ total: t }) => {
         }
       )
     ) : /* @__PURE__ */ e(
-      P,
+      B,
       {
         onClick: () => {
           i(!0);
@@ -1607,23 +1611,23 @@ const No = ({ total: t }) => {
   style: r,
   ...s
 }) => {
-  const i = $(), c = m.useRef(null), { width: l } = no({
+  const i = z(), c = m.useRef(null), { width: l } = no({
     width: r.width
   });
   m.useLayoutEffect(() => {
-    const h = new ResizeObserver(() => {
+    const u = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (c.current) {
-          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, C = c.current.querySelector("text");
-          C && C.setAttribute("transform", `translate(${f}, -8)`);
+          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
+          w && w.setAttribute("transform", `translate(${f}, -8)`);
         }
       });
     });
-    return c.current && h.observe(c.current), () => {
-      c.current && h.unobserve(c.current);
+    return c.current && u.observe(c.current), () => {
+      c.current && u.unobserve(c.current);
     };
   }, []);
-  const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
+  const { formattedComparison: _, formattedMain: d } = o[n.index], h = n.type === 0 ? d : _;
   return /* @__PURE__ */ a("g", { children: [
     /* @__PURE__ */ e(st.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
     /* @__PURE__ */ e(
@@ -1633,16 +1637,16 @@ const No = ({ total: t }) => {
         fontSize: 9,
         fontWeight: 400,
         textAnchor: "middle",
-        transform: l.to((h) => `translate(${h / 2}, -5)`),
+        transform: l.to((u) => `translate(${u / 2}, -5)`),
         x: r.x,
         y: r.y,
-        children: u
+        children: h
       }
     )
   ] });
 }, Fe = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
-  return B(t, n);
+  return $(t, n);
 }, $t = ({
   chartFor: t,
   data: o,
@@ -1654,9 +1658,9 @@ const No = ({ total: t }) => {
   totalComparison: l,
   totalMain: _
 }) => {
-  const d = $(), u = Zn(d.breakpoints.down("xs")), h = m.useMemo(
+  const d = z(), h = Zn(d.breakpoints.down("xs")), u = m.useMemo(
     () => o.sort((g, b) => g.month - b.month).map((g) => {
-      const b = In(g.month), w = {
+      const b = In(g.month), L = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1672,23 +1676,23 @@ const No = ({ total: t }) => {
       };
       return {
         label: b,
-        ...w[t]
+        ...L[t]
       };
     }),
     [o, t]
   ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.ceil(f * 1.2 / 1e3) * 1e3, S = C / 3, D = {
+  }, f = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), S = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = S / 3, C = {
     scaleType: "linear",
     min: 0,
-    max: C,
+    max: S,
     tickNumber: 4,
-    tickMinStep: S,
-    valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
+    tickMinStep: D,
+    valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
   };
   return /* @__PURE__ */ a(
-    V,
+    Y,
     {
       sx: {
         px: 16,
@@ -1706,9 +1710,9 @@ const No = ({ total: t }) => {
               pb: 8
             },
             children: [
-              /* @__PURE__ */ e(Y, { children: n }),
+              /* @__PURE__ */ e(V, { children: n }),
               r && /* @__PURE__ */ e(
-                P,
+                B,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
                   onClick: s,
@@ -1742,7 +1746,7 @@ const No = ({ 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: [
@@ -1762,7 +1766,7 @@ const No = ({ 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 })
             ] })
           ] })
         ] }),
@@ -1770,33 +1774,33 @@ const No = ({ total: t }) => {
           to,
           {
             colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
-            dataset: h,
+            dataset: u,
             height: 240,
-            margin: { top: 20, bottom: 30, right: 10, left: 42 },
+            margin: { top: 16, bottom: 34, right: 0, left: 50 },
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
             ],
             xAxis: [y],
-            yAxis: [D],
+            yAxis: [C],
             children: [
               /* @__PURE__ */ e(
                 an,
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: b, style: w, ...H } = g;
+                      const { ownerState: b, style: L, ...F } = g;
                       return /* @__PURE__ */ e(
                         mr,
                         {
-                          ...H,
+                          ...F,
                           color: b.color,
-                          data: h,
+                          data: u,
                           series: {
                             index: b.dataIndex,
                             type: Number(b.id.toString().split("-").pop())
                           },
-                          style: w
+                          style: L
                         }
                       );
                     }
@@ -1850,11 +1854,11 @@ const No = ({ total: t }) => {
     }
   );
 }, gr = () => {
-  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = X(), [s, i] = m.useState(0), { finstrong: c } = x();
+  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = P(), { isInitialized: r } = X(), [s, i] = m.useState(0), { finstrong: c } = x();
   return m.useEffect(() => {
     r && (t().finally(), o().finally());
-  }, [r]), /* @__PURE__ */ a(W, { children: [
-    /* @__PURE__ */ a(V, { children: [
+  }, [r]), /* @__PURE__ */ a(G, { children: [
+    /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ a(
         Ue,
         {
@@ -1908,7 +1912,7 @@ const No = ({ total: t }) => {
         }
       )
     ] }),
-    n.length ? /* @__PURE__ */ a(W, { children: [
+    n.length ? /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(
         $t,
         {
@@ -1920,7 +1924,7 @@ const No = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(Ze, { chartFor: "debtOverTime" })
-    ] }) : /* @__PURE__ */ a(W, { children: [
+    ] }) : /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(
         Le,
         {
@@ -1956,7 +1960,7 @@ const No = ({ total: t }) => {
     ] })
   ] });
 }, yr = v(gr), br = () => {
-  const { healthScore: t } = R(), { finstrong: o } = x(), n = Re(t.spend_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, i = ((l) => r ? "MISSING" : l < Oe.Good ? "GOOD" : l >= Oe.Good && l <= Oe.Fair ? "FAIR" : l >= Oe.OffTrack ? "OFF_TRACK" : "MISSING")(n), c = {
+  const { healthScore: t } = P(), { finstrong: o } = x(), n = Re(t.spend_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, i = ((l) => r ? "MISSING" : l < Oe.Good ? "GOOD" : l >= Oe.Good && l <= Oe.Fair ? "FAIR" : l >= Oe.OffTrack ? "OFF_TRACK" : "MISSING")(n), c = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
@@ -1976,7 +1980,7 @@ const No = ({ total: t }) => {
           },
           children: [
             /* @__PURE__ */ a(I, { variant: "body2", children: [
-              r ? "-" : B(t.ninety_day_income, "0,0.00"),
+              r ? "-" : $(t.ninety_day_income, "0,0.00"),
               " ",
               o?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
@@ -1991,11 +1995,11 @@ const No = ({ total: t }) => {
       label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: i,
       statusBarData: c,
-      value: r ? "$0" : B(t.ninety_day_spend, "0,0.00")
+      value: r ? "$0" : $(t.ninety_day_spend, "0,0.00")
     }
   );
 }, fr = v(br), xr = () => {
-  const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ve(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = R(), { appDataStore: c } = Ln(), { finstrong: l, goals: _, spending: d } = x(), u = $(), [h, y] = m.useState("");
+  const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ye(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = P(), { appDataStore: c } = Ln(), { finstrong: l, goals: _, spending: d } = x(), h = z(), [u, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
@@ -2004,14 +2008,14 @@ const No = ({ total: t }) => {
     ).finally();
   }, [t]);
   const f = m.useMemo(
-    () => oo(o, _, u, n),
+    () => oo(o, _, h, n),
     [o, n]
-  ), C = (g) => {
-    y(h === g ? "" : g);
+  ), w = (C) => {
+    y(u === C ? "" : C);
   }, { totalSpending: S, totalIncome: D } = m.useMemo(() => s?.reduce(
-    (g, { standard_spend: b = 0, income: w = 0 }) => ({
-      totalSpending: g.totalSpending + b,
-      totalIncome: g.totalIncome + w
+    (C, { standard_spend: g = 0, income: b = 0 }) => ({
+      totalSpending: C.totalSpending + g,
+      totalIncome: C.totalIncome + b
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [s]);
@@ -2028,8 +2032,8 @@ const No = ({ total: t }) => {
         legendLabelMain: l.key_indicators_spend.spend_less_than_you_make_drawer.spending,
         onClick: () => i("trends")(),
         title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: B(D, "0,0.00"),
-        totalMain: B(S, "0,0.00")
+        totalComparison: $(D, "0,0.00"),
+        totalMain: $(S, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Le,
@@ -2053,7 +2057,7 @@ const No = ({ total: t }) => {
       }
     ),
     f ? /* @__PURE__ */ a(
-      V,
+      Y,
       {
         sx: {
           px: 16,
@@ -2071,9 +2075,9 @@ const No = ({ total: t }) => {
                 pb: 8
               },
               children: [
-                /* @__PURE__ */ e(Y, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                /* @__PURE__ */ e(V, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  P,
+                  B,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
                     onClick: () => i("spending")(),
@@ -2094,8 +2098,8 @@ const No = ({ total: t }) => {
               ro,
               {
                 data: f,
-                onSelected: C,
-                selectedId: h,
+                onSelected: w,
+                selectedId: u,
                 totalLabel: d.total_spending
               }
             ),
@@ -2103,8 +2107,8 @@ const No = ({ total: t }) => {
               ao,
               {
                 data: f,
-                onSelected: C,
-                selectedId: h
+                onSelected: w,
+                selectedId: u
               }
             )
           ] })
@@ -2157,7 +2161,7 @@ const No = ({ total: t }) => {
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(Yo, {}),
+      content: /* @__PURE__ */ e(Vo, {}),
       description: r.maintain_emergency_savings_description,
       stickyComponent: /* @__PURE__ */ e(Uo, {}),
       title: r.maintain_emergency_savings_title,
@@ -2215,7 +2219,7 @@ const No = ({ total: t }) => {
   const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
     (_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
   };
-  return /* @__PURE__ */ a(W, { children: [
+  return /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ a(
       p,
       {
@@ -2257,7 +2261,7 @@ const No = ({ total: t }) => {
     )
   ] });
 }, wr = () => {
-  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = R(), r = (c) => {
+  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = P(), r = (c) => {
     const l = An(c), _ = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
@@ -2302,16 +2306,16 @@ const No = ({ total: t }) => {
     )
   ] });
 }, kr = v(wr), Mr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
+  const { healthScore: t } = P(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
     const _ = xt(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) => {
@@ -2321,18 +2325,18 @@ const No = ({ total: t }) => {
       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[_],
-      B(l, "0,0.00")
-    ) : u = d[_], {
+      $(l, "0,0.00")
+    ) : 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,
@@ -2360,35 +2364,35 @@ const No = ({ total: t }) => {
     )
   ] });
 }, Dr = v(Mr), Ir = () => {
-  const { healthScore: t } = R(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (_) => {
-    const d = On(_), u = {
+  const { healthScore: t } = P(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (_) => {
+    const d = On(_), 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 = bt(_), u = {
+    const d = bt(_), 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,7 +2417,7 @@ const No = ({ total: t }) => {
   ] });
 }, Tr = v(Ir), Ar = () => {
   const [t, o] = m.useState(0), { finstrong: n } = x();
-  return /* @__PURE__ */ a(W, { children: [
+  return /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ a(
       Ue,
       {
@@ -2476,11 +2480,11 @@ const No = ({ total: t }) => {
   return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(ht, { size: 48 }),
     /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(Y, { children: o.missing_data_title }),
+      /* @__PURE__ */ e(V, { children: o.missing_data_title }),
       /* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
-      P,
+      B,
       {
         endIcon: /* @__PURE__ */ e(Z, {}),
         onClick: t,
@@ -2510,16 +2514,16 @@ const No = ({ total: t }) => {
   const { finstrong: d } = x();
   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 = Xn(y, r), C = qn(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 = Xn(y, r), w = qn(y, r);
+        return h.push(
           /* @__PURE__ */ a(m.Fragment, { children: [
-            f && /* @__PURE__ */ e(Un, { children: It(h.date) }),
-            /* @__PURE__ */ e(Qn, { transaction: h }),
-            /* @__PURE__ */ e(le, { sx: { ml: C ? 44 : 0 } })
-          ] }, h.guid)
-        ), u;
+            f && /* @__PURE__ */ e(Un, { children: It(u.date) }),
+            /* @__PURE__ */ e(Qn, { transaction: u }),
+            /* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
+          ] }, u.guid)
+        ), h;
       }, []) }),
       /* @__PURE__ */ e(
         lo,
@@ -2535,7 +2539,7 @@ const No = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(k, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      P,
+      B,
       {
         fullWidth: !0,
         onClick: () => s({ step: A.MonthlyIncome, type: "main" }),
@@ -2545,7 +2549,7 @@ const No = ({ total: t }) => {
     ) })
   ] });
 }, Lr = v(Pr), Br = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = x(), r = $(), s = (i) => {
+  const { finstrong: n } = x(), r = z(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(uo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
@@ -2620,7 +2624,7 @@ const No = ({ total: t }) => {
   value: r
 }) => /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(Y, { children: o }),
+    /* @__PURE__ */ e(V, { children: o }),
     /* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
   ] }),
   /* @__PURE__ */ e(Gt, { completeCopy: t, value: r })
@@ -2628,9 +2632,9 @@ const No = ({ total: t }) => {
   step: A.ConnectAccounts,
   type: "main"
 }, Er = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = R(), { finstrong: s } = x(), { setSelectedAccounts: i } = X(), { addRepeatingTransaction: c, setDateRange: l } = Xe(), { filter: _, setFilter: d, transactions: u } = Bn(), { user: h, userProfile: y, updateUser: f, updateUserProfile: C } = J(), [S, D] = m.useState(h.credit_score || 0), [g, b] = m.useState(
+  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = P(), { finstrong: s } = x(), { setSelectedAccounts: i } = X(), { addRepeatingTransaction: c, setDateRange: l } = Xe(), { filter: _, setFilter: d, transactions: h } = Bn(), { user: u, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [S, D] = m.useState(u.credit_score || 0), [C, g] = m.useState(
     dt
-  ), [w, H] = m.useState(1), [N, U] = m.useState(Mt.EveryMonth), [L, O] = m.useState([]), [G, pe] = m.useState(!1), [Ce, ee] = m.useState(!1), [K, ve] = m.useState(h.birthday), [z, we] = m.useState(15), [E, ae] = m.useState("");
+  ), [b, L] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Ce, ee] = m.useState(!1), [K, ve] = m.useState(u.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
     l({ start: Tt(ct()), end: At(ct()) });
   }, []), m.useEffect(() => {
@@ -2644,21 +2648,21 @@ const No = ({ total: t }) => {
     }), i(n);
   }, [n]);
   const _e = m.useMemo(
-    () => u.find((T) => T.guid === E),
-    [E, u]
+    () => h.find((T) => T.guid === N),
+    [N, h]
   ), ue = m.useMemo(() => ({
     [A.ConnectAccounts]: !0,
-    [A.MonthlyIncome]: !!E,
-    [A.Birthday]: !!h.birthday || !!K,
-    [A.CreditScore]: !!h.credit_score || !!S
-  })[g.step], [S, g, K, E, h]), q = n.length > 0, zt = m.useMemo(() => {
-    const { step: T } = g;
-    let F = 0;
-    return T >= A.MonthlyIncome && q && F++, T >= A.Birthday && L.length && F++, T >= A.CreditScore && (h.birthday || h.credit_score) && F++, F;
-  }, [g.step, q, L.length, h.birthday, h.credit_score]), Et = (T) => {
+    [A.MonthlyIncome]: !!N,
+    [A.Birthday]: !!u.birthday || !!K,
+    [A.CreditScore]: !!u.credit_score || !!S
+  })[C.step], [S, C, K, N, u]), q = n.length > 0, zt = m.useMemo(() => {
+    const { step: T } = C;
+    let R = 0;
+    return T >= A.MonthlyIncome && q && R++, T >= A.Birthday && W.length && R++, T >= A.CreditScore && (u.birthday || u.credit_score) && R++, R;
+  }, [C.step, q, W.length, u.birthday, u.credit_score]), Et = (T) => {
     d({
       ..._,
-      custom: (F) => T ? _o(F, T) : lt(F)
+      custom: (R) => T ? _o(R, T) : lt(R)
     });
   }, Ht = {
     [A.ConnectAccounts]: {
@@ -2671,18 +2675,18 @@ const No = ({ total: t }) => {
       detail: /* @__PURE__ */ e(
         Lr,
         {
-          firstDay: w,
-          frequency: N,
-          incomeTransactions: L,
-          secondDay: z,
+          firstDay: b,
+          frequency: F,
+          incomeTransactions: W,
+          secondDay: H,
           setCurrentStep: (T) => {
-            b(T), O((F) => {
-              if (F.some((ie) => ie.guid === E)) return F.filter((ie) => ie.guid !== E);
-              const Te = u.find((ie) => ie.guid === E);
-              return Te ? [...F, { ...Te, firstDay: w, frequency: N, secondDay: z }] : F;
+            g(T), O((R) => {
+              if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
+              const Te = h.find((ie) => ie.guid === N);
+              return Te ? [...R, { ...Te, firstDay: b, frequency: F, secondDay: H }] : R;
             });
           },
-          setFirstDay: H,
+          setFirstDay: L,
           setFrequency: U,
           setSecondDay: we,
           transaction: _e
@@ -2694,7 +2698,7 @@ const No = ({ total: t }) => {
         {
           onSearch: Et,
           onSelected: (T) => {
-            b({ step: A.MonthlyIncome, type: "detail" }), ae(T);
+            g({ step: A.MonthlyIncome, type: "detail" }), ae(T);
           }
         }
       ),
@@ -2715,28 +2719,28 @@ const No = ({ total: t }) => {
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, Je = () => {
-    b(dt), pe(!1), ae(""), o();
+    g(dt), pe(!1), ae(""), o();
   }, et = async () => {
-    pe(!0), await Yt(L), await r(), await C({ ...y, has_completed_finstrong_onboarding: !0 }), Je();
+    pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Je();
   }, Nt = () => {
-    if (g.step === A.CreditScore) {
+    if (C.step === A.CreditScore) {
       et();
       return;
     }
-    b({ step: g.step + 1, type: "main" });
+    g({ step: C.step + 1, type: "main" });
   }, Kt = () => {
-    const { step: T } = g, F = T + 1;
+    const { step: T } = C, R = T + 1;
     switch (T) {
       case A.Birthday:
-        K && K !== h.birthday && f({ ...h, birthday: K });
+        K && K !== u.birthday && f({ ...u, birthday: K });
         break;
       case A.CreditScore:
-        S && S !== h.credit_score && f({ ...h, credit_score: S }), et();
+        S && S !== u.credit_score && f({ ...u, credit_score: S }), et();
         return;
       case A.MonthlyIncome:
-        E && L.findIndex(({ guid: me }) => me === E) === -1 && O((me) => [
+        N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
           ...me,
-          { ..._e, firstDay: w, frequency: N, secondDay: z }
+          { ..._e, firstDay: b, frequency: F, secondDay: H }
         ]);
         break;
       case A.ConnectAccounts:
@@ -2746,20 +2750,20 @@ const No = ({ total: t }) => {
         }
         break;
     }
-    F in A && b({ step: F, type: "main" });
+    R in A && g({ step: R, type: "main" });
   }, jt = () => {
-    const { step: T, type: F } = g;
-    if (F === "detail") {
-      b({ step: T, type: "main" });
+    const { step: T, type: R } = C;
+    if (R === "detail") {
+      g({ step: T, type: "main" });
       return;
     }
-    if (T === A.Birthday && L.length) {
-      b({ step: T - 1, type: "detail" });
+    if (T === A.Birthday && W.length) {
+      g({ step: T - 1, type: "detail" });
       return;
     }
-    T > A.ConnectAccounts && b({ step: T - 1, type: "main" });
-  }, Yt = async (T) => {
-    for (const F of T) {
+    T > A.ConnectAccounts && g({ step: T - 1, type: "main" });
+  }, Vt = async (T) => {
+    for (const R of T) {
       const {
         account_guid: me,
         amount: Te,
@@ -2772,7 +2776,7 @@ const No = ({ total: t }) => {
         merchant_guid: Jt,
         payee: en,
         transaction_type: tn
-      } = F, nn = jn(tt, so(ie)), on = {
+      } = R, nn = jn(tt, so(ie)), on = {
         account_guid: me,
         amount: Te,
         created_by: 0,
@@ -2784,11 +2788,11 @@ const No = ({ total: t }) => {
         repeating_transaction_type: Dt.Income,
         second_recurrence_day: Zt,
         transaction_type: tn,
-        user_guid: h.guid
+        user_guid: u.guid
       };
-      await c(on, F);
+      await c(on, R);
     }
-  }, he = Ht[g.step], Ie = g.step === A.ConnectAccounts, Vt = {
+  }, he = Ht[C.step], Ie = C.step === A.ConnectAccounts, Yt = {
     fullWidth: !0,
     ...Ie && !q && { startIcon: /* @__PURE__ */ e(mt, {}) }
   }, Xt = !Ie || Ie && !q;
@@ -2802,19 +2806,19 @@ const No = ({ total: t }) => {
         isPrimaryDisabled: !ue,
         onClose: Je,
         onSecondaryAction: jt,
-        primaryButtonProps: Vt,
+        primaryButtonProps: Yt,
         primaryText: he?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
-        ...!G && { onPrimaryAction: Kt },
+        ...!E && { onPrimaryAction: Kt },
         children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-          G && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+          E && /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e("img", { alt: "", src: Ro, style: { minHeight: 100, width: 211 } }),
             /* @__PURE__ */ e(Be, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
-          he && !G && /* @__PURE__ */ a(m.Fragment, { children: [
+          he && !E && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
               zr,
               {
@@ -2824,11 +2828,11 @@ const No = ({ total: t }) => {
                 value: zt
               }
             ),
-            g.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
+            C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
               he.main,
-              Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
+              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 }) })
             ] }),
-            g.type === "detail" && he.detail
+            C.type === "detail" && he.detail
           ] })
         ] })
       }
@@ -2863,15 +2867,15 @@ const No = ({ total: t }) => {
               /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(P, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
     /* @__PURE__ */ e(Hr, { isOpen: o, onClose: () => n(!1) })
   ] });
 }, Kr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = $(), { updateUser: s, user: i } = J(), [c, l] = m.useState(i.birthday), _ = (u) => {
-    l(Math.floor(new Date(u).getTime() / 1e3));
+  const { finstrong: n } = x(), r = z(), { updateUser: s, user: i } = J(), [c, l] = m.useState(i.birthday), _ = (h) => {
+    l(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     ne,
@@ -2918,15 +2922,15 @@ const No = ({ total: t }) => {
       ) }) })
     }
   );
-}, jr = v(Kr), Yr = ({ isOpen: t, onClose: o }) => {
+}, jr = v(Kr), Vr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = xe(), {
     accounts: r,
     common: s,
     finstrong: i
-  } = x(), { repeatingTransactions: c } = Xe(), { user: l } = J(), _ = c.reduce((f, C) => {
-    const { repeating_transaction_type: S, transactions: D, recurrence_type: g, amount: b } = C;
-    return S === Dt.Income && (D.length > 0 || g === Mt.EveryYear) ? f + b : f;
-  }, 0), [d, u] = m.useState(null), y = [
+  } = x(), { repeatingTransactions: c } = Xe(), { user: l } = J(), _ = 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, h] = m.useState(null), y = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2967,18 +2971,18 @@ const No = ({ total: t }) => {
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
         /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(Y, { children: i.your_financial_profile }),
+          /* @__PURE__ */ e(V, { children: i.your_financial_profile }),
           /* @__PURE__ */ e(M, { children: i.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
           Gt,
           {
             completeCopy: i.complete,
-            value: y.reduce((f, C) => f + (C.isComplete ? 1 : 0), 0)
+            value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(Rn, { list: y, onClickItem: u }),
+      /* @__PURE__ */ e(Rn, { list: y, onClickItem: h }),
       /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
         We,
         {
@@ -2994,23 +2998,23 @@ const No = ({ total: t }) => {
       ne,
       {
         isOpen: d === te.MonthlyIncome,
-        onClose: () => u(null),
+        onClose: () => h(null),
         title: s.settings,
         children: /* @__PURE__ */ e(go, {})
       }
     ),
-    /* @__PURE__ */ e(jr, { isOpen: d === te.DateOfBirth, onClose: () => u(null) }),
-    /* @__PURE__ */ e(Pt, { isOpen: d === te.CreditScore, onClose: () => u(null) }),
+    /* @__PURE__ */ e(jr, { isOpen: d === te.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Pt, { isOpen: d === te.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
       St,
       {
-        onClose: () => u(null),
+        onClose: () => h(null),
         showConnectionsWidget: d === te.Connections,
         title: r.manage_connections
       }
     )
   ] });
-}, Vr = v(Yr), pt = ({
+}, Yr = v(Vr), pt = ({
   content: t,
   islast: o = !1
 }) => /* @__PURE__ */ a(xo, { sx: { minHeight: 0 }, children: [
@@ -3028,11 +3032,11 @@ const No = ({ total: t }) => {
     newer_spend_to_income_ratio: l,
     older_health_score: _,
     newer_health_score: d,
-    newer_score_calculated_at: u
-  } = t, h = bo(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, C = () => {
+    newer_score_calculated_at: h
+  } = t, u = bo(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(W, { children: [
+    return /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(
         bn,
         {
@@ -3044,7 +3048,7 @@ const No = ({ total: t }) => {
       D
     ] });
   };
-  return /* @__PURE__ */ a(V, { children: [
+  return /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ e(
       k,
       {
@@ -3077,9 +3081,9 @@ const No = ({ 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,
                   " ",
-                  C()
+                  w()
                 ] })
               ] })
             ]
@@ -3125,9 +3129,9 @@ const No = ({ total: t }) => {
     ) })
   ] });
 }, qr = v(Xr), Ur = ({ isOpen: t, onClose: o }) => {
-  const n = $(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = X(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = R();
+  const n = z(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = X(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = P();
   if (!s || !i) return /* @__PURE__ */ e(oe, {});
-  const u = je(l.health_score || 0, r), h = _.slice().reverse();
+  const h = je(l.health_score || 0, r), u = _.slice().reverse();
   return /* @__PURE__ */ e(
     Lt,
     {
@@ -3176,17 +3180,17 @@ const No = ({ 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(qr, { report: y }, f)) })
+      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((y, f) => /* @__PURE__ */ e(qr, { report: y }, f)) })
     }
   );
 }, Qr = v(Ur), Zr = ({ copy: t }) => {
-  const o = $(), n = [
+  const o = z(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
     o.palette.chartMono.chartMono3,
@@ -3250,7 +3254,7 @@ const No = ({ total: t }) => {
   return r ? /* @__PURE__ */ e(ne, { 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(Y, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(V, { 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(Zr, { copy: n }) })
@@ -3326,13 +3330,13 @@ const No = ({ total: t }) => {
     ] })
   ] }) }) : /* @__PURE__ */ e(oe, {});
 }, ea = v(Jr), ta = v(() => {
-  const [t, o] = m.useState(!1), n = $(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = X(), { healthScore: _, healthScoreChange: d } = R(), u = n.palette.mode === "dark", h = je(_?.health_score, i);
-  return !c || !l ? /* @__PURE__ */ e(oe, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  const [t, o] = m.useState(!1), n = z(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = X(), { healthScore: _, healthScoreChange: d } = P(), h = n.palette.mode === "dark", u = je(_?.health_score, i);
+  return !c || !l ? /* @__PURE__ */ e(oe, {}) : /* @__PURE__ */ a(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e(
       To,
       {
         action: /* @__PURE__ */ e(
-          P,
+          B,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => o(!0),
@@ -3346,7 +3350,7 @@ const No = ({ total: t }) => {
             children: i.financial_strength_header_action
           }
         ),
-        subheader: /* @__PURE__ */ e(Y, { color: "text.primary", children: i.financial_strength_header }),
+        subheader: /* @__PURE__ */ e(V, { color: "text.primary", children: i.financial_strength_header }),
         sx: {
           p: 0,
           "& .MuiCardHeader-content": {
@@ -3369,7 +3373,7 @@ const No = ({ total: t }) => {
       {
         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
@@ -3393,7 +3397,7 @@ const No = ({ total: t }) => {
               children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(Do, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
+          /* @__PURE__ */ e(Do, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: u.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
@@ -3405,7 +3409,7 @@ const No = ({ 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,
@@ -3426,28 +3430,28 @@ const No = ({ total: t }) => {
     )
   ] });
 }), na = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Wn(), { reloadCategoryTotals: _ } = Ve(), d = R(), {
-    augmentedChartData: u,
-    calculateHealthScore: h,
+  const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Wn(), { reloadCategoryTotals: _ } = Ye(), d = P(), {
+    augmentedChartData: h,
+    calculateHealthScore: u,
     healthScore: y,
     loadAugmentedChartData: f,
-    loadMonthlySummaries: C,
+    loadMonthlySummaries: w,
     loadPeerScore: S,
     peerScore: D
-  } = d, { finstrong: g, connect: b } = x(), { isCopyLoaded: w, isInitialized: H } = X(), { onLoad: N } = $n(), { loadRepeatingTransactions: U } = Xe(), { isMobile: L } = Qe(), O = $(), { userProfile: G } = J(), [pe, Ce] = m.useState(!1), [ee, K] = m.useState(!1), [ve, z] = m.useState(!1), [we, E] = m.useState(!1);
+  } = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: L } = X(), { onLoad: F } = $n(), { loadRepeatingTransactions: U } = Xe(), { isMobile: W } = Qe(), O = z(), { userProfile: E } = J(), [pe, Ce] = m.useState(!1), [ee, K] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
   if (m.useEffect(() => {
     l(O);
   }, []), m.useEffect(() => {
     n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, d]), m.useEffect(() => {
-    H && (C().finally(), S().finally(), h().finally(), f().finally(() => {
-      N?.("FinstrongWidget");
+    L && (w().finally(), S().finally(), u().finally(), f().finally(() => {
+      F?.("FinstrongWidget");
     }));
-  }, [H]), m.useEffect(() => {
-    H && (_(r, s.start, s.end).finally(() => {
+  }, [L]), m.useEffect(() => {
+    L && (_(r, s.start, s.end).finally(() => {
       Ce(!0);
     }), i || (c(), U().finally()));
-  }, [s, i, H, r]), !w || !H || !pe) return /* @__PURE__ */ e(oe, {});
+  }, [s, i, L, r]), !b || !L || !pe) return /* @__PURE__ */ e(oe, {});
   const ae = () => K(!0), _e = Math.round(D?.average_health_score?.average_health_score || 0);
   return /* @__PURE__ */ a(
     Ao,
@@ -3455,16 +3459,16 @@ const No = ({ total: t }) => {
       actions: [
         {
           iconName: "person",
-          label: g.profile,
+          label: C.profile,
           onClick: ae
         }
       ],
       hasDivider: !0,
       onBackClick: t,
       sx: o,
-      title: g.title,
+      title: C.title,
       children: [
-        G.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
+        E.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           p,
           {
             sx: {
@@ -3472,7 +3476,7 @@ const No = ({ total: t }) => {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: L ? 24 : 16,
+              pt: W ? 24 : 16,
               px: 24
             },
             children: [
@@ -3481,29 +3485,29 @@ const No = ({ total: t }) => {
                 /* @__PURE__ */ e(
                   We,
                   {
-                    description: g.connect_more_accounts_description,
+                    description: C.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: g.connect_more_accounts_title
+                    title: C.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(V, { sx: { height: "100%", p: 16 }, children: [
+              /* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(Y, { sx: { height: "100%", p: 16 }, children: [
                 /* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(Y, { children: g.key_indicators }),
+                  /* @__PURE__ */ e(V, { children: C.key_indicators }),
                   /* @__PURE__ */ e(
-                    P,
+                    B,
                     {
                       endIcon: /* @__PURE__ */ e(Z, {}),
-                      onClick: () => z(!0),
+                      onClick: () => H(!0),
                       sx: {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: g.whats_changed
+                      children: C.whats_changed
                     }
                   )
                 ] }),
-                u.length ? /* @__PURE__ */ e(
+                h.length ? /* @__PURE__ */ e(
                   qe,
                   {
                     axisColor: O.palette.divider,
@@ -3513,13 +3517,13 @@ const No = ({ total: t }) => {
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
                     customLegendVariant: "XSmall",
-                    datasets: [u],
+                    datasets: [h],
                     height: 300,
                     isGraphClippingXAxis: !0,
                     labelBackgroundColor: O.palette.border.dark,
                     labelFontColor: O.palette.common.white,
                     labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
-                    labels: [g.key_indicators_label],
+                    labels: [C.key_indicators_label],
                     margin: { right: 0, left: 25 },
                     peerAverage: _e,
                     showArea: !0,
@@ -3527,30 +3531,30 @@ const No = ({ total: t }) => {
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: g.peer_average,
+                    title: C.peer_average,
                     useCustomMark: !0,
                     xAxisScaleType: "band"
                   }
-                ) : /* @__PURE__ */ e(Rr, { onClick: () => E(!0) }),
+                ) : /* @__PURE__ */ e(Rr, { onClick: () => N(!0) }),
                 y.health_score !== null && /* @__PURE__ */ e(Or, {})
               ] }) })
             ]
           }
         ) : /* @__PURE__ */ e(Nr, {}),
-        /* @__PURE__ */ e(Vr, { isOpen: ee, onClose: () => K(!1) }),
+        /* @__PURE__ */ e(Yr, { isOpen: ee, onClose: () => K(!1) }),
         /* @__PURE__ */ e(
           re,
           {
-            onClose: () => E(!1),
+            onClose: () => N(!1),
             showConnectWidget: we,
-            title: b.mini_title
+            title: g.mini_title
           }
         ),
         /* @__PURE__ */ e(
           Qr,
           {
             isOpen: ve,
-            onClose: () => z(!1)
+            onClose: () => H(!1)
           }
         )
       ]