@mx-cartographer/experiences 7.2.9-alpha-finstrong-testing → 7.2.9-alpha-ram1

package/dist/finstrong/index.es.js

@@ -1,76 +1,76 @@
 import { jsxs as i, Fragment as E, jsx as e } from "react/jsx-runtime";
-import D from "@mui/material/Box";
+import A from "@mui/material/Box";
 import u from "@mui/material/Stack";
 import { useTheme as H, alpha as pe } from "@mui/material/styles";
-import { PieChart as Kt, BarPlot as jt } from "@mui/x-charts";
-import { TrendingUp as rt, ArrowRightAlt as Vt, TrendingDown as Yt, AccountBalance as at, ChevronRight as Z, CheckCircle as Xt, Cancel as Ut, MultilineChart as it, CreditCard as st, Savings as qt, ContentCopy as Zt, Add as ct, Cardiology as Qt, Payments as Jt, CalendarMonth as en, ExpandMore as tn } from "@mxenabled/mx-icons";
-import { P as k, H3 as Y, Text as T, InstitutionLogo as lt, H2 as De, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
-import { g as rn, a as an, r as Ve, b as sn, c as $e, d as cn, C as ge, e as ye, f as ln, h as dn, i as dt, j as Ye, k as pn, l as Xe, m as un, n as pt, o as _n, p as hn, q as ut, s as ve, t as mn, u as gn, v as yn, w as bn, A as Q, x as fn, P as xn } from "../FinstrongStore-CjErZ73K.mjs";
-import { y as _i, F as hi } from "../FinstrongStore-CjErZ73K.mjs";
-import * as Ue from "d3";
+import { PieChart as Vt, BarPlot as Yt } from "@mui/x-charts";
+import { TrendingUp as st, ArrowRightAlt as Xt, TrendingDown as Ut, AccountBalance as ct, ChevronRight as Z, MultilineChart as lt, CreditCard as $e, CheckCircle as qt, Cancel as Zt, Savings as Qt, ContentCopy as Jt, Add as dt, Cardiology as en, Payments as tn, CalendarMonth as nn, ExpandMore as on } from "@mxenabled/mx-icons";
+import { P as k, H3 as Y, Text as O, InstitutionLogo as pt, H2 as Ae, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
+import { g as sn, a as cn, r as Ue, b as ln, c as We, d as ut, C as ge, e as ye, f as dn, h as pn, i as un, j as _t, k as qe, l as _n, m as Ze, n as hn, o as ht, p as mn, q as mt, s as ve, t as gn, u as yn, v as bn, w as fn, A as J, x as xn, P as Sn } from "../FinstrongStore-C74yHCOj.mjs";
+import { y as hi, F as mi } from "../FinstrongStore-C74yHCOj.mjs";
+import * as Qe from "d3";
 import { observer as S } from "mobx-react-lite";
-import { u as C, b as X, p as ee, z as F, q as Sn, a as _t, d as fe, m as Le, g as Cn, f as vn, j as wn, h as kn, i as ht } from "../hooks-C41HAxM5.mjs";
+import { u as C, b as X, p as Q, z as F, q as Cn, a as gt, d as fe, m as Ee, g as vn, f as wn, j as kn, h as An, i as yt } from "../hooks-C41HAxM5.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import h from "react";
-import L from "@mui/material/Button";
+import $ from "@mui/material/Button";
 import K from "@mui/material/Card";
-import { L as We } from "../LineChart-CDnYtQKZ.mjs";
-import { C as mt } from "../ConnectionsDrawer-Cd_rztVC.mjs";
-import { l as ne, g as gt, A as Re } from "../ConnectDrawer-FyY0AWYQ.mjs";
+import { L as ze } from "../LineChart-Ct9DNmhS.mjs";
+import { C as bt } from "../ConnectionsDrawer-Cd_rztVC.mjs";
+import { l as ne, g as ft, A as Be } from "../ConnectDrawer-FyY0AWYQ.mjs";
 import re from "@mui/material/Tab";
-import Ee from "@mui/material/Tabs";
+import Ge from "@mui/material/Tabs";
 import we from "@mui/material/TextField";
-import { u as Ge } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as Dn, f as An, a as Mn } from "../Dialog-BPTr3qHE.mjs";
-import In from "@mui/material/Chip";
+import { u as He } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Dn, f as Mn, a as In } from "../Dialog-BPTr3qHE.mjs";
+import { u as xt } from "../useDimensions-27p2evRx.mjs";
+import Tn from "@mui/material/Chip";
 import { D as ie } from "../Drawer-BEtCk82g.mjs";
-import J from "@mui/material/Divider";
-import yt from "@mui/material/ListItem";
-import bt from "@mui/material/ListItemAvatar";
-import ft from "@mui/material/ListItemText";
-import { g as xt } from "../AccountFields-CLbLAhLf.mjs";
-import St from "@mui/material/List";
-import Tn from "@mui/material/ListItemButton";
-import On from "@mui/material/ListSubheader";
+import ee from "@mui/material/Divider";
+import St from "@mui/material/ListItem";
+import Ct from "@mui/material/ListItemAvatar";
+import vt from "@mui/material/ListItemText";
+import { g as wt } from "../AccountFields-CLbLAhLf.mjs";
+import kt from "@mui/material/List";
+import On from "@mui/material/ListItemButton";
+import Fn from "@mui/material/ListSubheader";
 import { f as B } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { S as qe, F as Fn } from "../RecurringTransactions-CngsRZ3K.mjs";
-import { Button as Pn } from "@mui/material";
-import { S as Rn } from "../StatusBar-BK_uYHAB.mjs";
-import { h as ze } from "../DateUtil-CBdcsyuk.mjs";
-import { useVirtualizer as Bn } from "@tanstack/react-virtual";
-import { u as $n, s as Be, h as Ct, S as vt, b as wt, Z as Ln } from "../TransactionDetails-CJvE4LNC.mjs";
-import { A as Wn, W as En } from "../WidgetContainer-GoNq8wwm.mjs";
-import { u as kt } from "../useDimensions-27p2evRx.mjs";
+import { S as Je, F as Pn } from "../RecurringTransactions-CngsRZ3K.mjs";
+import { Button as Rn } from "@mui/material";
+import { S as Bn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as Ne } from "../DateUtil-CBdcsyuk.mjs";
+import { useVirtualizer as Ln } from "@tanstack/react-virtual";
+import { u as $n, s as Le, h as At, S as Dt, b as Mt, Z as Wn } from "../TransactionDetails-CJvE4LNC.mjs";
+import { A as En, W as zn } from "../WidgetContainer-GoNq8wwm.mjs";
 import { T as ae } from "../TabContentContainer-j01JYR_7.mjs";
 import { b as V } from "../Localization-2MODESHW.mjs";
 import { E as ke } from "../EmptyState-DA_lfRBv.mjs";
 import Gn from "@mui/material/useMediaQuery";
-import { ChartsXAxis as zn } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Hn } from "@mui/x-charts/ChartsYAxis";
-import { ResponsiveChartContainer as Nn } from "@mui/x-charts/ResponsiveChartContainer";
-import { useSpring as Kn, animated as Ze } from "@react-spring/web";
-import { startOfMonth as Dt } from "date-fns/startOfMonth";
-import { endOfMonth as At } from "date-fns/endOfMonth";
-import { g as jn, S as Vn, b as Yn } from "../SpendingLegend-squvjEhu.mjs";
-import { startOfToday as Qe } from "date-fns/startOfToday";
-import { subDays as Xn } from "date-fns/subDays";
-import { c as Un, d as Je, S as qn, i as Zn } from "../ManageIncome-DB_lKOIy.mjs";
-import { LocalizationProvider as Qn, DatePicker as Jn, StaticDatePicker as eo } from "@mui/x-date-pickers";
-import { AdapterDateFns as Mt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as to } from "../RecurringSettings-dJJxtLyU.mjs";
-import { LocalizationProvider as no } from "@mui/x-date-pickers/LocalizationProvider";
-import { format as oo } from "date-fns/format";
-import ro from "@mui/lab/Timeline";
-import ao, { timelineItemClasses as io } from "@mui/lab/TimelineItem";
-import so from "@mui/lab/TimelineConnector";
-import co from "@mui/lab/TimelineContent";
-import lo from "@mui/lab/TimelineDot";
-import po from "@mui/lab/TimelineSeparator";
-import uo from "@mui/material/Accordion";
-import _o from "@mui/material/AccordionDetails";
-import ho from "@mui/material/AccordionSummary";
-import mo from "@mui/material/CardHeader";
-const go = ({
+import { ChartsXAxis as Hn } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as Nn } from "@mui/x-charts/ChartsYAxis";
+import { ResponsiveChartContainer as Kn } from "@mui/x-charts/ResponsiveChartContainer";
+import { useSpring as jn, animated as et } from "@react-spring/web";
+import { startOfMonth as It } from "date-fns/startOfMonth";
+import { endOfMonth as Tt } from "date-fns/endOfMonth";
+import { g as Vn, S as Yn, b as Xn } from "../SpendingLegend-squvjEhu.mjs";
+import { startOfToday as tt } from "date-fns/startOfToday";
+import { subDays as Un } from "date-fns/subDays";
+import { c as qn, d as nt, S as Zn, i as Qn } from "../ManageIncome-DB_lKOIy.mjs";
+import { LocalizationProvider as Jn, DatePicker as eo, StaticDatePicker as to } from "@mui/x-date-pickers";
+import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as no } from "../RecurringSettings-dJJxtLyU.mjs";
+import { LocalizationProvider as oo } from "@mui/x-date-pickers/LocalizationProvider";
+import { format as ro } from "date-fns/format";
+import ao from "@mui/lab/Timeline";
+import io, { timelineItemClasses as so } from "@mui/lab/TimelineItem";
+import co from "@mui/lab/TimelineConnector";
+import lo from "@mui/lab/TimelineContent";
+import po from "@mui/lab/TimelineDot";
+import uo from "@mui/lab/TimelineSeparator";
+import _o from "@mui/material/Accordion";
+import ho from "@mui/material/AccordionDetails";
+import mo from "@mui/material/AccordionSummary";
+import go from "@mui/material/CardHeader";
+const yo = ({
   dialScoreData: t,
   dataIndex: r,
   arcColor: n,
@@ -78,54 +78,54 @@ const go = ({
   totalAngularSpan: l,
   centerX: s,
   centerY: a,
-  arcRadius: p,
+  arcRadius: d,
   innerArcRadius: c,
-  outterArcRadius: d,
+  outterArcRadius: p,
   progressEndAngle: _,
   unitsPerSegment: m,
   isFinacialStrengthGraph: g
 }) => {
-  const y = H(), v = [
-    { offset: "13.62%", color: y.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: y.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: y.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: y.palette.chartMono.chartMono5 }
-  ], [b, f] = rn(
+  const b = H(), v = [
+    { offset: "13.62%", color: b.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: b.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: b.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: b.palette.chartMono.chartMono5 }
+  ], [f, x] = sn(
     t,
     l,
     o,
     r
-  ), [x, w] = an(
-    b,
+  ), [y, w] = cn(
     f,
+    x,
     r,
     m,
     _
-  ), O = Ue.arc().innerRadius(c).outerRadius(d).startAngle(b).endAngle(f).padAngle(0.02).cornerRadius(8), A = Ue.arc().innerRadius(c).outerRadius(d).startAngle(x).endAngle(w).padAngle(0.02).cornerRadius(8);
+  ), D = Qe.arc().innerRadius(c).outerRadius(p).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), M = Qe.arc().innerRadius(c).outerRadius(p).startAngle(y).endAngle(w).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ e(
       "path",
       {
-        d: O({}),
-        fill: g ? y.palette.divider : n
+        d: D({}),
+        fill: g ? b.palette.divider : n
       }
     ),
-    g && /* @__PURE__ */ e("path", { d: A({}), fill: "url(#arcGradient)" }),
+    g && /* @__PURE__ */ e("path", { d: M({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
         gradientTransform: `rotate(5, ${s}, ${a})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
-        x1: s + p * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: s - p * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: a + p * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: a - p * 0.8 * Math.sin(Math.PI / 1.35),
-        children: v.map((N, G) => /* @__PURE__ */ e("stop", { offset: N.offset, stopColor: N.color }, G))
+        x1: s + d * 0.8 * Math.cos(Math.PI / 1.35),
+        x2: s - d * 0.8 * Math.cos(Math.PI / 1.35),
+        y1: a + d * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: a - d * 0.8 * Math.sin(Math.PI / 1.35),
+        children: v.map((N, z) => /* @__PURE__ */ e("stop", { offset: N.offset, stopColor: N.color }, z))
       }
     ) })
   ] });
-}, It = ({
+}, Ft = ({
   arcRadius: t = 100,
   healthScore: r,
   size: n = "L",
@@ -133,40 +133,40 @@ const go = ({
   minValue: l = 0,
   maxValue: s = 100,
   markerColor: a,
-  healthScoreStatus: p,
+  healthScoreStatus: d,
   footerCenterContent: c,
-  footerLeftContent: d,
+  footerLeftContent: p,
   footerRightContent: _,
   isFinacialStrengthGraph: m = !1
 }) => {
-  const g = H(), y = -Math.PI / 1.35, v = Math.PI / 1.35, b = v - y, f = b / (s - l), x = (r - l) * f, w = y + x + 0.02, O = n !== "SM" ? 0.1 : 0.12, A = t, N = t * (1 - O), G = A * 2.5, z = G / 2, W = G / 2, ce = (N + A) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = sn(ce, w, j), he = r / 25, U = {
+  const g = H(), b = -Math.PI / 1.35, v = Math.PI / 1.35, f = v - b, x = f / (s - l), y = (r - l) * x, w = b + y + 0.02, D = n !== "SM" ? 0.1 : 0.12, M = t, N = t * (1 - D), z = M * 2.5, G = z / 2, W = z / 2, ce = (N + M) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = ln(ce, w, j), he = r / 25, U = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Oe = c === 0 ? Vt : Yt;
+  }, Oe = c === 0 ? Xt : Ut;
   return /* @__PURE__ */ i(
     u,
     {
       sx: {
-        width: G,
-        height: G,
+        width: z,
+        height: z,
         position: "relative",
         alignSelf: "center"
       },
       children: [
         /* @__PURE__ */ e(
-          Kt,
+          Vt,
           {
-            height: G,
+            height: z,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
             series: [
               {
                 data: o,
                 innerRadius: N,
-                outerRadius: A,
-                startAngle: Math.round(Ve(y)),
+                outerRadius: M,
+                startAngle: Math.round(Ue(b)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(Ve(v))
+                endAngle: Math.round(Ue(v))
                 // Use Math.degrees to convert
               }
             ],
@@ -176,20 +176,20 @@ const go = ({
             },
             slots: {
               pieArc: (xe) => /* @__PURE__ */ e(
-                go,
+                yo,
                 {
                   arcColor: xe.color,
                   arcRadius: t,
-                  arcStartAngle: y,
-                  centerX: z,
+                  arcStartAngle: b,
+                  centerX: G,
                   centerY: W,
                   dataIndex: xe.dataIndex,
                   dialScoreData: o,
                   innerArcRadius: N,
                   isFinacialStrengthGraph: m,
-                  outterArcRadius: A,
+                  outterArcRadius: M,
                   progressEndAngle: w,
-                  totalAngularSpan: b,
+                  totalAngularSpan: f,
                   unitsPerSegment: he
                 }
               )
@@ -199,11 +199,11 @@ const go = ({
                 stroke: "none"
               }
             },
-            width: G,
+            width: z,
             children: r >= l && r <= s && /* @__PURE__ */ e(
               "circle",
               {
-                cx: z + oe,
+                cx: G + oe,
                 cy: W + le,
                 fill: g.palette.common.white,
                 r: U[n].markerSize,
@@ -214,12 +214,12 @@ const go = ({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          A,
           {
             sx: {
               position: "absolute",
               top: `${W}px`,
-              left: `${z}px`,
+              left: `${G}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -240,24 +240,24 @@ const go = ({
                       children: r
                     }
                   ),
-                  n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: p })
+                  n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
                 ]
               }
             )
           }
         ),
         c !== void 0 && /* @__PURE__ */ e(
-          D,
+          A,
           {
             sx: {
               position: "absolute",
               top: `${W * 2 * 0.83}px`,
-              left: `${z}px`,
+              left: `${G}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
             children: typeof c == "number" ? /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              c > 0 ? /* @__PURE__ */ e(rt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Oe, { size: 16, sx: { color: "text.secondary" } }),
+              c > 0 ? /* @__PURE__ */ e(st, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Oe, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 k,
                 {
@@ -272,27 +272,27 @@ const go = ({
             ] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children: c })
           }
         ),
-        d !== void 0 && /* @__PURE__ */ e(
-          D,
+        p !== void 0 && /* @__PURE__ */ e(
+          A,
           {
             sx: {
               position: "absolute",
               top: `${W * 2 * 0.83}px`,
-              left: `${z - z / 2}px`,
+              left: `${G - G / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(k, { variant: "body1", children: d })
+            children: /* @__PURE__ */ e(k, { variant: "body1", children: p })
           }
         ),
         _ !== void 0 && /* @__PURE__ */ e(
-          D,
+          A,
           {
             sx: {
               position: "absolute",
               top: `${W * 2 * 0.83}px`,
-              left: `${z + z / 2}px`,
+              left: `${G + G / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
@@ -302,16 +302,16 @@ const go = ({
       ]
     }
   );
-}, Tt = S(
+}, Pt = S(
   ({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
     const l = [
       { id: 1, label: "Group A", value: 25 },
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: s } = C(), a = $e(n, s);
+    ], { finstrong: s } = C(), a = We(n, s);
     return /* @__PURE__ */ e(
-      It,
+      Ft,
       {
         arcRadius: t,
         dialScoreData: l,
@@ -323,7 +323,7 @@ const go = ({
       }
     );
   }
-), yo = S(
+), bo = S(
   ({
     arcRadius: t,
     size: r = "L",
@@ -332,46 +332,46 @@ const go = ({
     minValue: l = 300,
     footerCenterContent: s
   }) => {
-    const p = H().palette.mode === "dark", c = [
+    const d = H().palette.mode === "dark", c = [
       {
         id: 1,
         label: "Poor",
         value: 29,
-        color: p ? ge.POOR : ye.POOR
+        color: d ? ge.POOR : ye.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: p ? ge.FAIR : ye.FAIR
+        color: d ? ge.FAIR : ye.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: p ? ge.GOOD : ye.GOOD
+        color: d ? ge.GOOD : ye.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: p ? ge.VERY_GOOD : ye.VERY_GOOD
+        color: d ? ge.VERY_GOOD : ye.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: p ? ge.EXCEPTIONAL : ye.EXCEPTIONAL
+        color: d ? ge.EXCEPTIONAL : ye.EXCEPTIONAL
       }
-    ], { finstrong: d } = C(), { isCopyLoaded: _ } = X();
+    ], { finstrong: p } = C(), { isCopyLoaded: _ } = X();
     if (!_) return /* @__PURE__ */ e(te, {});
-    const { status: m, color: g = "none" } = cn(
+    const { status: m, color: g = "none" } = ut(
       n,
-      p,
-      d.credit_score_status
+      d,
+      p.credit_score_status
     );
     return /* @__PURE__ */ e(
-      It,
+      Ft,
       {
         arcRadius: t,
         dialScoreData: c,
@@ -387,7 +387,7 @@ const go = ({
       }
     );
   }
-), Ae = ({
+), De = ({
   drawerType: t,
   isDashboard: r = !1,
   hasIcon: n = !0,
@@ -395,9 +395,9 @@ const go = ({
   title: l,
   titleDrawer: s,
   description: a,
-  sx: p
+  sx: d
 }) => {
-  const [c, d] = h.useState(!1), { connect: _, finstrong: m } = C();
+  const [c, p] = h.useState(!1), { connect: _, finstrong: m } = C();
   return t ? /* @__PURE__ */ i(
     K,
     {
@@ -406,7 +406,7 @@ const go = ({
         pt: 18,
         px: 24,
         width: "100%",
-        ...p
+        ...d
       },
       children: [
         /* @__PURE__ */ i(
@@ -417,7 +417,7 @@ const go = ({
               ...r && { flexDirection: "row", alignItems: "center" }
             },
             children: [
-              n && /* @__PURE__ */ e(at, { sx: { height: 20, width: 20 } }),
+              n && /* @__PURE__ */ e(ct, { sx: { height: 20, width: 20 } }),
               /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
             ]
           }
@@ -432,27 +432,27 @@ const go = ({
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
-            onClick: () => d(!0),
+            onClick: () => p(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(T, { sx: { fontWeight: 600 }, variant: "body2", children: o || m.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(O, { sx: { fontWeight: 600 }, variant: "body2", children: o || m.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
           ne,
           {
-            onClose: () => d(!1),
+            onClose: () => p(!1),
             showConnectWidget: c,
             title: s || _.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          mt,
+          bt,
           {
-            onClose: () => d(!1),
+            onClose: () => p(!1),
             showConnectionsWidget: c,
             title: s || _.mini_title
           }
@@ -462,17 +462,17 @@ const go = ({
   ) : null;
 };
 var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
-const bo = ({ isOpen: t, onClose: r }) => {
-  const { common: n, finstrong: o } = C(), { isMobile: l } = Ge(), { updateUser: s, user: a } = ee(), [p, c] = h.useState(a.credit_score || 0), d = !isNaN(p), _ = () => {
+const fo = ({ isOpen: t, onClose: r }) => {
+  const { common: n, finstrong: o } = C(), { isMobile: l } = He(), { updateUser: s, user: a } = Q(), [d, c] = h.useState(a.credit_score || 0), p = !isNaN(d), _ = () => {
     r(), setTimeout(() => c(a.credit_score || 0), 300);
   }, m = () => {
-    !p || p === a.credit_score || s({ ...a, credit_score: p });
+    !d || d === a.credit_score || s({ ...a, credit_score: d });
   };
   return /* @__PURE__ */ e(
     Dn,
     {
       copy: { close_aria: n.close_aria, title: o.edit_credit_score },
-      disablePrimaryButton: !p || !d,
+      disablePrimaryButton: !d || !p,
       isOpen: t,
       maxWidth: "xs",
       onClose: _,
@@ -493,7 +493,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
           children: /* @__PURE__ */ e(
             we,
             {
-              error: !d,
+              error: !p,
               fullWidth: !0,
               inputMode: "numeric",
               inputProps: {
@@ -501,20 +501,106 @@ const bo = ({ isOpen: t, onClose: r }) => {
                 pattern: "[0-9]*"
               },
               onChange: (g) => c(Number(g.target.value)),
-              value: d ? p : ""
+              value: p ? d : ""
             }
           )
         }
       )
     }
   );
-}, Ot = S(bo), fo = {
+}, Rt = S(fo), Fe = {
+  credit_over_time_title: "Your Credit Over Time",
+  credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
+}, xo = ({ chartFor: t }) => {
+  const r = H(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: l } = Q(), { finstrong: s } = C(), [a, { width: d }] = xt(), c = {
+    savingsOverTime: {
+      icon: /* @__PURE__ */ e(st, { size: 48, sx: { marginBottom: 8 } }),
+      title: s.key_indicators_save.zero_state_title,
+      description: s.key_indicators_save.zero_state_description
+    },
+    debtOverTime: {
+      icon: /* @__PURE__ */ e(lt, { size: 48, sx: { marginBottom: 8 } }),
+      title: "",
+      description: ""
+    },
+    creditOverTime: {
+      icon: /* @__PURE__ */ e($e, { size: 48, sx: { marginBottom: 8 } }),
+      title: Fe.credit_over_time_title,
+      description: Fe.credit_over_time_zero_state_desc
+    }
+  }[t], _ = {
+    savingsOverTime: {
+      title: s.key_indicators_save.savings_over_time,
+      valueKey: "available_cash"
+    },
+    debtOverTime: {
+      title: s.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
+      valueKey: "debt_balance"
+    },
+    creditOverTime: {
+      title: Fe.credit_over_time_title,
+      valueKey: "credit_score"
+    }
+  }[t], m = dn(o, _.valueKey), g = Math.max(...o.map((D) => D[_.valueKey])), b = () => g >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : g >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: v, leftMargin: f } = b(), x = _.title, y = t === "creditOverTime";
+  let w;
+  if (y) {
+    const { color: D } = ut(
+      l?.credit_score ?? 0,
+      n,
+      s.credit_score_status
+    );
+    w = D;
+  }
+  return /* @__PURE__ */ e(K, { ref: a, sx: { backgroundColor: "background.paper" }, children: m.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
+    /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: x }),
+    /* @__PURE__ */ e(
+      ze,
+      {
+        areaColor: w,
+        axisColor: r.palette.divider,
+        baseline: "min",
+        chartFor: t,
+        colors: [r.palette.primary.main],
+        curveType: y ? "linear" : "natural",
+        datasets: m ? [m] : [],
+        height: 244,
+        labelFontColor: y ? "text.primary" : "",
+        labelFontSize: y ? 13 : void 0,
+        labels: [s.key_indicators_label],
+        margin: { left: f, top: y ? 25 : 15, right: 20 },
+        markStyles: (D) => y ? {
+          markLabelStyles: {
+            marginLeft: 16,
+            transform: D === m.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            fontWeight: 600
+          }
+        } : {},
+        maxRange: y ? 850 : void 0,
+        minRange: y ? 300 : void 0,
+        showArea: !0,
+        showAverage: !y,
+        showMark: !y,
+        showMarkLabel: y,
+        showXAxis: !0,
+        showYAxis: y,
+        showYAxisTicks: y,
+        useCustomMark: !0,
+        valueFormatterString: y ? void 0 : v,
+        width: d < 342 ? d - 48 : 342
+      }
+    )
+  ] }) : /* @__PURE__ */ i(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
+    c.icon,
+    /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: c.title }),
+    /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: c.description })
+  ] }) });
+}, Ke = S(xo), So = {
   updated_score: "Updated Score"
-}, xo = () => {
-  const { healthScoreChange: t } = F(), { user: r } = ee(), { availableWidth: n } = Sn(), { isSmallMobile: o } = Ge(n), [l, s] = h.useState(!1);
+}, Co = () => {
+  const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: o } = He(n), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
     /* @__PURE__ */ e(
-      yo,
+      bo,
       {
         arcRadius: o ? 124 : 154,
         footerCenterContent: t,
@@ -522,18 +608,19 @@ const bo = ({ isOpen: t, onClose: r }) => {
         size: o ? "M" : "L"
       }
     ),
-    /* @__PURE__ */ e(L, { onClick: () => s(!0), variant: "contained", children: fo.updated_score }),
-    /* @__PURE__ */ e(Ot, { isOpen: l, onClose: () => s(!1) })
+    /* @__PURE__ */ e($, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
+    /* @__PURE__ */ e(Rt, { isOpen: l, onClose: () => s(!1) }),
+    /* @__PURE__ */ e(Ke, { chartFor: "creditOverTime" })
   ] });
-}, So = S(xo), Me = ({ status: t }) => {
-  const { finstrong: r } = C(), n = ln(dn[t]), o = {
+}, vo = S(Co), Me = ({ status: t }) => {
+  const { finstrong: r } = C(), n = pn(un[t]), o = {
     GOOD: r.key_indicators_good,
     FAIR: r.key_indicators_fair,
     OFF_TRACK: r.key_indicators_off_track,
     MISSING: r.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    In,
+    Tn,
     {
       label: /* @__PURE__ */ e(
         k,
@@ -553,15 +640,15 @@ const bo = ({ isOpen: t, onClose: r }) => {
       variant: "filled"
     }
   );
-}, Co = {
+}, wo = {
   keep_strong_credit_score: "Keep a Strong Credit Score"
-}, vo = () => {
-  const { user: t } = ee(), r = dt(t.credit_score ?? null);
+}, ko = () => {
+  const { user: t } = Q(), r = _t(t.credit_score ?? null);
   return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(Y, { children: Co.keep_strong_credit_score }),
+    /* @__PURE__ */ e(Y, { children: wo.keep_strong_credit_score }),
     /* @__PURE__ */ e(Me, { status: r })
   ] });
-}, wo = S(vo), ko = ({
+}, Ao = S(ko), Do = ({
   additionalContent: t,
   connectTitle: r,
   connectDescription: n,
@@ -569,14 +656,14 @@ const bo = ({ isOpen: t, onClose: r }) => {
   description: l,
   drawerTitle: s,
   isOpen: a,
-  loadConnectAccountsCard: p = !0,
+  loadConnectAccountsCard: d = !0,
   onClose: c,
-  stickyComponent: d,
+  stickyComponent: p,
   title: _,
   drawerType: m
 }) => {
-  const { finstrong: g } = C(), { isCopyLoaded: y } = X();
-  return y ? /* @__PURE__ */ i(ie, { isOpen: a, onClose: c, title: s || g.key_indicators, children: [
+  const { finstrong: g } = C(), { isCopyLoaded: b } = X();
+  return b ? /* @__PURE__ */ i(ie, { isOpen: a, onClose: c, title: s || g.key_indicators, children: [
     (_ || l) && /* @__PURE__ */ i(
       u,
       {
@@ -591,22 +678,22 @@ const bo = ({ isOpen: t, onClose: r }) => {
         ]
       }
     ),
-    d && /* @__PURE__ */ e(
-      D,
+    p && /* @__PURE__ */ e(
+      A,
       {
         sx: {
           position: "sticky",
           top: 0,
           zIndex: 1
         },
-        children: d
+        children: p
       }
     ),
-    t && /* @__PURE__ */ e(D, { children: t }),
+    t && /* @__PURE__ */ e(A, { children: t }),
     /* @__PURE__ */ i(u, { sx: { p: 24, gap: 24 }, children: [
       o,
-      p && /* @__PURE__ */ e(
-        Ae,
+      d && /* @__PURE__ */ e(
+        De,
         {
           description: n,
           drawerType: m,
@@ -617,115 +704,115 @@ const bo = ({ isOpen: t, onClose: r }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Ft = S(ko), Do = ({
+}, Bt = S(Do), Mo = ({
   onClick: t,
   shouldShowBalance: r = !0,
   loadAccounts: n
 }) => {
-  const { config: o } = _t(), { accounts: l } = C(), { selectedAccounts: s } = X(), a = h.useCallback(
+  const { config: o } = gt(), { accounts: l } = C(), { selectedAccounts: s } = X(), a = h.useCallback(
     (c) => {
       t?.(c);
     },
     [t]
-  ), p = h.useMemo(
+  ), d = h.useMemo(
     () => Array.from(new Set(s.map((c) => c.account_type))).filter(
       (c) => n ? n.includes(c) : !0
     ),
     [s, n]
   );
-  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: p.map((c) => {
-    const { accountsForType: d, totalBalanceForType: _ } = s.reduce(
+  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((c) => {
+    const { accountsForType: p, totalBalanceForType: _ } = s.reduce(
       (m, g) => (g.account_type === c && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ i(
-      St,
+      kt,
       {
-        subheader: /* @__PURE__ */ e(On, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: l.account_types[c] }),
-          r && /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: B(_, "0,0.00") })
+        subheader: /* @__PURE__ */ e(Fn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ e(O, { bold: !0, variant: "caption", children: l.account_types[c] }),
+          r && /* @__PURE__ */ e(O, { bold: !0, variant: "caption", children: B(_, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          d.map((m, g) => {
-            const { firstValue: y } = xt(m, l), v = gt(m, {
+          p.map((m, g) => {
+            const { firstValue: b } = wt(m, l), v = ft(m, {
               allowNickname: o?.show_account_nicknames_in_master
-            }), b = /* @__PURE__ */ i(E, { children: [
-              /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
+            }), f = /* @__PURE__ */ i(E, { children: [
+              /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                ft,
+                vt,
                 {
                   primary: `${v}${m.account_number ? ` *${m.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(y ?? 0, "0,0.00") })
+              r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(b ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(h.Fragment, { children: [
-              /* @__PURE__ */ e(yt, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Tn, { onClick: () => a(m), children: b }) : b }),
-              g !== d.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
+              /* @__PURE__ */ e(St, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(On, { onClick: () => a(m), children: f }) : f }),
+              g !== p.length - 1 && /* @__PURE__ */ e(ee, { variant: "inset" })
             ] }, m.guid);
           }),
-          /* @__PURE__ */ e(J, {})
+          /* @__PURE__ */ e(ee, {})
         ]
       },
       c
     );
   }) }) : null;
-}, Pt = S(Do), Ao = ({ loadAccounts: t, loadMoreLabel: r }) => {
-  const n = H(), { config: o } = _t(), { connect: l, finstrong: s } = C(), { accounts: a } = C(), { selectedAccounts: p } = X(), [c, d] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
-    () => p.filter(
-      (b) => t ? t.includes(b.account_type) : !0
+}, Lt = S(Mo), Io = ({ loadAccounts: t, loadMoreLabel: r }) => {
+  const n = H(), { config: o } = gt(), { connect: l, finstrong: s } = C(), { accounts: a } = C(), { selectedAccounts: d } = X(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
+    () => d.filter(
+      (f) => t ? t.includes(f.account_type) : !0
     ),
-    [p, t]
-  ), y = h.useMemo(() => g.slice(0, 3), [g]), v = (b) => {
-    const { firstValue: f } = xt(b, a);
-    return f;
+    [d, t]
+  ), b = h.useMemo(() => g.slice(0, 3), [g]), v = (f) => {
+    const { firstValue: x } = wt(f, a);
+    return x;
   };
   return g.length >= 1 ? /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: y.map((b, f) => /* @__PURE__ */ i(h.Fragment, { children: [
-      /* @__PURE__ */ i(yt, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: b.institution_guid ?? "" }) }),
+    /* @__PURE__ */ e(A, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: b.map((f, x) => /* @__PURE__ */ i(h.Fragment, { children: [
+      /* @__PURE__ */ i(St, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          ft,
+          vt,
           {
-            primary: `${gt(b, {
+            primary: `${ft(f, {
               allowNickname: o?.show_account_nicknames_in_master
             })}
-              ${b.account_number ? ` *${b.account_number}` : ""}`,
+              ${f.account_number ? ` *${f.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(v(b), "0,0.00") })
+        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: B(v(f), "0,0.00") })
       ] }),
-      f < y.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
-    ] }, b.guid)) }),
+      x < b.length - 1 && /* @__PURE__ */ e(ee, { variant: "inset" })
+    ] }, f.guid)) }),
     g.length > 3 && /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-        L,
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => d(!0),
+          onClick: () => p(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
+          children: /* @__PURE__ */ i(O, { bold: !0, variant: "body1", children: [
             g.length - 3,
             " ",
             r
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(ie, { isOpen: c, onClose: () => d(!1), title: s.accounts, children: /* @__PURE__ */ e(Pt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(ie, { isOpen: c, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-      L,
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+      $,
       {
         onClick: () => m(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(T, { bold: !0, variant: "body1", children: s.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(O, { bold: !0, variant: "body1", children: s.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -737,7 +824,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
       }
     )
   ] });
-}, Rt = S(Ao), _e = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
+}, $t = S(Io), _e = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
   u,
   {
     sx: {
@@ -755,7 +842,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
     ]
   }
 );
-var I = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(I || {}), be = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(be || {}), q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(q || {});
+var T = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(T || {}), be = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(be || {}), q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(q || {});
 const R = {
   bi_weekly: "Bi-Weekly",
   calculate: "Calculate",
@@ -775,27 +862,27 @@ const R = {
   suggested_goal: "Suggested Goal: $25,000",
   weekly: "Weekly",
   years: "Years"
-}, Mo = [
+}, To = [
   { id: q.Monthly, label: R.monthly },
   { id: q.BiWeekly, label: R.bi_weekly },
   { id: q.Weekly, label: R.weekly },
   { id: q.Daily, label: R.daily }
-], Io = {
+], Oo = {
   [q.Monthly]: R.estimated_period_monthly,
   [q.BiWeekly]: R.estimated_period_bi_weekly,
   [q.Weekly]: R.estimated_period_weekly,
   [q.Daily]: R.estimated_period_daily
-}, To = [
+}, Fo = [
   { id: be.Months, label: R.months },
   { id: be.Years, label: R.years },
   { id: be.Days, label: R.days }
-], Oo = ({ total: t }) => {
-  const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = h.useState(0), [l, s] = h.useState(Ye(t)), [a, p] = h.useState(
-    Ye(t)
-  ), [c, d] = h.useState(r), [_, m] = h.useState(pn(t)), [g, y] = h.useState(be.Months);
+], Po = ({ total: t }) => {
+  const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = h.useState(0), [l, s] = h.useState(qe(t)), [a, d] = h.useState(
+    qe(t)
+  ), [c, p] = h.useState(r), [_, m] = h.useState(_n(t)), [g, b] = h.useState(be.Months);
   h.useEffect(() => {
     o(
-      Xe({
+      Ze({
         contribution: a,
         goalAmount: c,
         goalPeriod: _,
@@ -804,9 +891,9 @@ const R = {
       })
     ), s(a);
   }, []);
-  const v = (b) => {
-    b.preventDefault(), o(
-      Xe({
+  const v = (f) => {
+    f.preventDefault(), o(
+      Ze({
         contribution: a,
         goalAmount: c,
         goalPeriod: _,
@@ -820,10 +907,10 @@ const R = {
       _e,
       {
         balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(T, { variant: "h2", children: B(n, "0,0") }),
-          /* @__PURE__ */ i(T, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
+          /* @__PURE__ */ e(O, { variant: "h2", children: B(n, "0,0") }),
+          /* @__PURE__ */ i(O, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
-            Io[l]
+            Oo[l]
           ] })
         ] }),
         title: R.estimated_contribution
@@ -839,18 +926,18 @@ const R = {
           pattern: "[0-9]*"
         },
         label: R.savings_goal,
-        onChange: (b) => {
-          b.target.value && d(Number(b.target.value.replace(/[^0-9]/g, "")));
+        onChange: (f) => {
+          f.target.value && p(Number(f.target.value.replace(/[^0-9]/g, "")));
         },
         value: c ? B(c, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
-      qe,
+      Je,
       {
         label: R.how_often_contribute,
-        onChange: p,
-        options: Mo,
+        onChange: d,
+        options: To,
         required: !0,
         value: a
       }
@@ -866,7 +953,7 @@ const R = {
             pattern: "[0-9]*"
           },
           label: R.meet_your_goal_within,
-          onChange: (b) => m(Number(b.target.value)),
+          onChange: (f) => m(Number(f.target.value)),
           sx: {
             "& .MuiInputBase-root": {
               borderBottomRightRadius: 0,
@@ -880,7 +967,7 @@ const R = {
         }
       ),
       /* @__PURE__ */ e(
-        D,
+        A,
         {
           sx: {
             "& .MuiInputBase-root": {
@@ -891,17 +978,17 @@ const R = {
               }
             }
           },
-          children: /* @__PURE__ */ e(qe, { label: "", onChange: y, options: To, value: g })
+          children: /* @__PURE__ */ e(Je, { label: "", onChange: b, options: Fo, value: g })
         }
       )
     ] }),
-    /* @__PURE__ */ e(L, { fullWidth: !0, onClick: v, type: "submit", variant: "contained", children: R.calculate })
+    /* @__PURE__ */ e($, { fullWidth: !0, onClick: v, type: "submit", variant: "contained", children: R.calculate })
   ] }) }) });
-}, Fo = S(Oo), Ce = {
+}, Ro = S(Po), Ce = {
   connect_accounts: "Connect Accounts",
   more_accounts: "More Accounts",
   your_savings: "Your Savings"
-}, Po = () => {
+}, Bo = () => {
   const { savingsAccounts: t } = fe(), [r, n] = h.useState(!1), o = h.useMemo(
     () => t.reduce((l, s) => l + (s.balance ?? 0), 0),
     [t]
@@ -909,9 +996,9 @@ const R = {
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(_e, { balance: o, title: Ce.your_savings }),
-      t.length ? /* @__PURE__ */ e(Rt, { loadAccounts: [Re.SAVINGS], loadMoreLabel: Ce.connect_accounts }) : /* @__PURE__ */ e(Pn, { onClick: () => n(!0), variant: "contained", children: Ce.connect_accounts })
+      t.length ? /* @__PURE__ */ e($t, { loadAccounts: [Be.SAVINGS], loadMoreLabel: Ce.connect_accounts }) : /* @__PURE__ */ e(Rn, { onClick: () => n(!0), variant: "contained", children: Ce.connect_accounts })
     ] }) }),
-    /* @__PURE__ */ e(Fo, { total: o }),
+    /* @__PURE__ */ e(Ro, { total: o }),
     /* @__PURE__ */ e(
       ne,
       {
@@ -921,7 +1008,7 @@ const R = {
       }
     )
   ] });
-}, Ro = S(Po), Ie = S(
+}, Lo = S(Bo), Ie = S(
   ({ label: t, value: r, status: n, bottomComponent: o, statusBarData: l = [] }) => {
     const { finstrong: s } = C(), a = {
       GOOD: {
@@ -948,8 +1035,8 @@ const R = {
         progressBarColor: "text.secondary",
         label: s?.key_indicators_missing
       }
-    }[n], p = l.map((c, d) => l.length === 2 ? {
-      color: d === 0 ? "primary.main" : c.color || a?.progressBarColor,
+    }[n], d = l.map((c, p) => l.length === 2 ? {
+      color: p === 0 ? "primary.main" : c.color || a?.progressBarColor,
       percentage: c.percentage
     } : {
       color: c.color || a?.progressBarColor,
@@ -968,7 +1055,7 @@ const R = {
         },
         children: [
           /* @__PURE__ */ i(u, { sx: { gap: 2 }, children: [
-            /* @__PURE__ */ e(T, { variant: "body2", children: t }),
+            /* @__PURE__ */ e(O, { variant: "body2", children: t }),
             /* @__PURE__ */ i(
               u,
               {
@@ -979,30 +1066,30 @@ const R = {
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ e(De, { children: r }),
+                  /* @__PURE__ */ e(Ae, { children: r }),
                   /* @__PURE__ */ e(Me, { status: n })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ i(u, { children: [
-            /* @__PURE__ */ e(Rn, { data: p, height: 16 }),
+            /* @__PURE__ */ e(Bn, { data: d, height: 16 }),
             o
           ] })
         ]
       }
     );
   }
-), Bo = {
+), $o = {
   sticky_label: "You have saved"
-}, $o = ["$0", "$250", "$500", "$750", "$1k"], Lo = () => {
-  const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = un(r), o = pt(r);
+}, Wo = ["$0", "$250", "$500", "$750", "$1k"], Eo = () => {
+  const { healthScore: t } = F(), r = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = hn(r), o = ht(r);
   return /* @__PURE__ */ e(
     Ie,
     {
-      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: $o.map((l) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Wo.map((l) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
-          J,
+          ee,
           {
             orientation: "vertical",
             sx: {
@@ -1012,9 +1099,9 @@ const R = {
             }
           }
         ),
-        /* @__PURE__ */ e(T, { variant: "caption", children: l })
+        /* @__PURE__ */ e(O, { variant: "caption", children: l })
       ] }, l)) }),
-      label: Bo.sticky_label,
+      label: $o.sticky_label,
       status: o,
       statusBarData: [
         {
@@ -1024,7 +1111,7 @@ const R = {
       value: B(r ?? 0, "0,0.00")
     }
   );
-}, Wo = S(Lo), et = 65, tt = 34, Eo = ({
+}, zo = S(Eo), ot = 65, rt = 34, Go = ({
   transactions: t,
   bgcolor: r,
   height: n = "calc(100dvh - 36px)",
@@ -1032,89 +1119,89 @@ const R = {
   onClick: l,
   showInsights: s = !1,
   showLoader: a = !1,
-  width: p = "100%",
-  zeroState: c = /* @__PURE__ */ e(Ln, {})
+  width: d = "100%",
+  zeroState: c = /* @__PURE__ */ e(Wn, {})
 }) => {
-  const { getCategoryName: d } = Le(), { onEvent: _ } = Cn(), { categories: m } = C(), { clearExpandedSplits: g, setShowInsights: y, toggleSplit: v } = $n(), b = (w) => {
-    const O = t.find((A) => A.guid === w);
-    if (O?.has_been_split) {
-      v(O.guid);
+  const { getCategoryName: p } = Ee(), { onEvent: _ } = vn(), { categories: m } = C(), { clearExpandedSplits: g, setShowInsights: b, toggleSplit: v } = $n(), f = (w) => {
+    const D = t.find((M) => M.guid === w);
+    if (D?.has_been_split) {
+      v(D.guid);
       return;
     }
-    _(Wn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: O?.account_guid,
+    _(En.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: D?.account_guid,
       transaction_guid: w
     }), l?.(w);
-  }, f = h.useRef(null), x = Bn({
+  }, x = h.useRef(null), y = Ln({
     count: t.length,
-    getScrollElement: () => f.current,
-    estimateSize: (w) => et + (Be(w, t) ? tt : 0),
+    getScrollElement: () => x.current,
+    estimateSize: (w) => ot + (Le(w, t) ? rt : 0),
     overscan: 5
   });
-  return h.useEffect(() => x.measure(), [t]), h.useEffect(() => y(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(St, { sx: { width: p }, children: /* @__PURE__ */ e(D, { height: n, overflow: "auto", ref: f, width: p, children: /* @__PURE__ */ i(
-    D,
+  return h.useEffect(() => y.measure(), [t]), h.useEffect(() => b(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(kt, { sx: { width: d }, children: /* @__PURE__ */ e(A, { height: n, overflow: "auto", ref: x, width: d, children: /* @__PURE__ */ i(
+    A,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
-        x.getVirtualItems().length === 0 ? "auto" : x.getTotalSize()
+        y.getVirtualItems().length === 0 ? "auto" : y.getTotalSize()
       ),
       position: "relative",
       width: "100%",
       children: [
         a && o,
-        !a && x.getVirtualItems().length === 0 && c,
-        !a && x.getVirtualItems().length > 0 && x.getVirtualItems().map((w) => {
-          const O = t[w.index], A = Be(w.index, t), N = Ct(w.index, t), G = et + (A ? tt : 0);
+        !a && y.getVirtualItems().length === 0 && c,
+        !a && y.getVirtualItems().length > 0 && y.getVirtualItems().map((w) => {
+          const D = t[w.index], M = Le(w.index, t), N = At(w.index, t), z = ot + (M ? rt : 0);
           return /* @__PURE__ */ i(
-            D,
+            A,
             {
               sx: {
-                height: G,
+                height: z,
                 position: "absolute",
                 transform: `translateY(${w.start}px)`,
                 width: "100%"
               },
               children: [
-                A && /* @__PURE__ */ e(vt, { bgcolor: r, children: ze(O.date) }),
+                M && /* @__PURE__ */ e(Dt, { bgcolor: r, children: Ne(D.date) }),
                 /* @__PURE__ */ e(
-                  wt,
+                  Mt,
                   {
-                    ...l && { onClick: b },
+                    ...l && { onClick: f },
                     transaction: {
-                      ...O,
-                      category: m.default_categories[O.top_level_category_guid]?.replace(
+                      ...D,
+                      category: m.default_categories[D.top_level_category_guid]?.replace(
                         /&amp;/g,
                         "&"
-                      ) ?? d(O.top_level_category_guid)
+                      ) ?? p(D.top_level_category_guid)
                     }
                   }
                 ),
-                /* @__PURE__ */ e(J, { sx: { ml: N ? 24 : 0 } })
+                /* @__PURE__ */ e(ee, { sx: { ml: N ? 24 : 0 } })
               ]
             },
-            O.guid
+            D.guid
           );
         })
       ]
     }
   ) }) });
-}, Go = S(Eo), Te = ({
+}, Ho = S(Go), Te = ({
   transactions: t = [],
   amountColor: r = "success.main",
   amountPosition: n = "center",
-  formatDate: o = ze,
+  formatDate: o = Ne,
   secondaryIcon: l
 }) => {
-  const s = H(), { connect: a, finstrong: p } = C(), [c, d] = h.useState(!1), [_, m] = h.useState(!1), g = 3, y = t.length > g, v = t.length - g;
+  const s = H(), { connect: a, finstrong: d } = C(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, b = t.length > g, v = t.length - g;
   return !t || t.length === 0 ? /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-      L,
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+      $,
       {
         onClick: () => m(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(T, { bold: !0, variant: "body1", children: p.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(O, { bold: !0, variant: "body1", children: d.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -1126,7 +1213,7 @@ const R = {
       }
     )
   ] }) : /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((b, f) => /* @__PURE__ */ i(
+    /* @__PURE__ */ e(A, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((f, x) => /* @__PURE__ */ i(
       u,
       {
         sx: {
@@ -1138,10 +1225,10 @@ const R = {
         },
         children: [
           /* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            nn,
+            rn,
             {
-              categoryGuid: b.top_level_category_guid || "",
-              merchantGuid: b.merchant_guid || "",
+              categoryGuid: f.top_level_category_guid || "",
+              merchantGuid: f.merchant_guid || "",
               size: 32
             }
           ) }),
@@ -1153,7 +1240,7 @@ const R = {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...f < Math.min(t.length, g) - 1 && {
+                ...x < Math.min(t.length, g) - 1 && {
                   borderBottom: `1px solid ${s.palette.divider}`
                 },
                 pb: 14,
@@ -1162,33 +1249,33 @@ const R = {
               },
               children: [
                 /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
-                  /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: b.description }),
+                  /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: f.description }),
                   /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
                     !!l && l,
-                    /* @__PURE__ */ e(T, { variant: "caption", children: o(b.date) })
+                    /* @__PURE__ */ e(O, { variant: "caption", children: o(f.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: B(b.amount, "0,0.00") })
+                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: B(f.amount, "0,0.00") })
               ]
             },
-            b.guid || f
+            f.guid || x
           )
         ]
       },
-      f
+      x
     )) }),
-    y && /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-        L,
+    b && /* @__PURE__ */ i(E, { children: [
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => d(!0),
+          onClick: () => p(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
+          children: /* @__PURE__ */ i(O, { bold: !0, variant: "body1", children: [
             v,
             " ",
-            p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
+            d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
@@ -1196,14 +1283,14 @@ const R = {
         ie,
         {
           isOpen: c,
-          onClose: () => d(!1),
-          title: p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Go, { transactions: t })
+          onClose: () => p(!1),
+          title: d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
+          children: /* @__PURE__ */ e(Ho, { transactions: t })
         }
       )
     ] })
   ] });
-}, zo = () => {
+}, No = () => {
   const {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
@@ -1223,7 +1310,7 @@ const R = {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ e(Xt, { filled: !0, size: 48, sx: { color: "success.main" } }),
+        /* @__PURE__ */ e(qt, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
           /* @__PURE__ */ e(Y, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
@@ -1245,16 +1332,16 @@ const R = {
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (o) => An(new Date(o * 1e3), Mn.MONTH_DAY),
-            secondaryIcon: /* @__PURE__ */ e(Ut, { color: "error", filled: !0, size: 12 }),
+            formatDate: (o) => Mn(new Date(o * 1e3), In.MONTH_DAY),
+            secondaryIcon: /* @__PURE__ */ e(Zt, { color: "error", filled: !0, size: 12 }),
             transactions: n.spendingFee
           }
         )
       ]
     }
   ) });
-}, Ho = S(zo), No = () => {
-  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, l = _n(t.spending_fee_transaction_count);
+}, Ko = S(No), jo = () => {
+  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, l = mn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     u,
     {
@@ -1267,7 +1354,7 @@ const R = {
       children: [
         /* @__PURE__ */ e(k, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
         /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i(De, { children: [
+          /* @__PURE__ */ i(Ae, { children: [
             t.spending_fee_transaction_count,
             " ",
             o.pay_bills_on_time_sticky_fee_count
@@ -1277,7 +1364,7 @@ const R = {
       ]
     }
   );
-}, Ko = S(No), jo = () => {
+}, Vo = S(jo), Yo = () => {
   const { savingsAndCheckingAccountsBalance: t } = fe(), { finstrong: r } = C();
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1288,69 +1375,21 @@ const R = {
       }
     ),
     /* @__PURE__ */ e(
-      Rt,
+      $t,
       {
-        loadAccounts: [Re.SAVINGS, Re.CHECKING],
+        loadAccounts: [Be.SAVINGS, Be.CHECKING],
         loadMoreLabel: r.more_accounts
       }
     )
   ] });
-}, Vo = S(jo), Yo = ({ chartFor: t }) => {
-  const r = H(), { monthlySummaries: n } = F(), { finstrong: o } = C(), [l, { width: s }] = kt(), a = {
-    savingsOverTime: {
-      icon: /* @__PURE__ */ e(rt, { size: 48, style: { marginBottom: 8 } }),
-      title: o.key_indicators_save.zero_state_title,
-      description: o.key_indicators_save.zero_state_description
-    },
-    debtOverTime: {
-      icon: /* @__PURE__ */ e(it, { size: 48, style: { marginBottom: 8 } }),
-      title: "",
-      description: ""
-    }
-  }[t], c = {
-    savingsOverTime: {
-      title: o.key_indicators_save.savings_over_time,
-      valueKey: "available_cash"
-    },
-    debtOverTime: {
-      title: o.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
-      valueKey: "debt_balance"
-    }
-  }[t], d = hn(n, c.valueKey), _ = Math.max(...n.map((b) => b[c.valueKey])), m = () => _ >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : _ >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: g, leftMargin: y } = m(), v = c.title;
-  return /* @__PURE__ */ e(K, { ref: l, sx: { backgroundColor: "background.paper" }, children: d.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: v }),
-    /* @__PURE__ */ e(
-      We,
-      {
-        axisColor: r.palette.divider,
-        baseline: "min",
-        colors: [r.palette.primary.main],
-        curveType: "natural",
-        datasets: d ? [d] : [],
-        height: 244,
-        labels: [o.key_indicators_label],
-        margin: { left: y, top: 5, right: 10 },
-        showArea: !0,
-        showAverage: !0,
-        showXAxis: !0,
-        useCustomMark: !0,
-        valueFormatterString: g,
-        width: s < 342 ? s - 48 : 342
-      }
-    )
-  ] }) : /* @__PURE__ */ i(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
-    a.icon,
-    /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: a.title }),
-    /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: a.description })
-  ] }) });
-}, Bt = S(Yo), Xo = () => {
+}, Xo = S(Yo), Uo = () => {
   const { finstrong: t } = C(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: l } = F(), { isInitialized: s } = X();
   h.useEffect(() => {
     s && (o().finally(), l().finally());
   }, [s]);
   const a = h.useMemo(() => {
-    const p = n.spend.map((d) => d.transaction), c = n.debtSpend.map((d) => d.transaction);
-    return [...p, ...c];
+    const d = n.spend.map((p) => p.transaction), c = n.debtSpend.map((p) => p.transaction);
+    return [...d, ...c];
   }, [n.spend, n.debtSpend]);
   return s ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1362,12 +1401,12 @@ const R = {
     ),
     /* @__PURE__ */ e(Te, { amountColor: "text.primary", transactions: a })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Uo = S(Xo), qo = () => {
+}, qo = S(Uo), Zo = () => {
   const [t, r] = h.useState(0), { finstrong: n } = C();
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(K, { children: [
       /* @__PURE__ */ i(
-        Ee,
+        Ge,
         {
           "aria-label": n.key_indicators_save.drawer_title,
           centered: !0,
@@ -1395,13 +1434,13 @@ const R = {
           ]
         }
       ),
-      /* @__PURE__ */ e(ae, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Vo, {}) }),
-      /* @__PURE__ */ e(ae, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Uo, {}) })
+      /* @__PURE__ */ e(ae, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Xo, {}) }),
+      /* @__PURE__ */ e(ae, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(qo, {}) })
     ] }),
-    /* @__PURE__ */ e(Bt, { chartFor: "savingsOverTime" })
+    /* @__PURE__ */ e(Ke, { chartFor: "savingsOverTime" })
   ] });
-}, Zo = S(qo), Qo = () => {
-  const { finstrong: t } = C(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = ut(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), a = Math.round((n - s) * l), p = n / 6 * 100;
+}, Qo = S(Zo), Jo = () => {
+  const { finstrong: t } = C(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = mt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), a = Math.round((n - s) * l), d = n / 6 * 100;
   return /* @__PURE__ */ e(
     Ie,
     {
@@ -1415,7 +1454,7 @@ const R = {
             mt: 2,
             px: 1
           },
-          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */ i(
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ i(
             u,
             {
               sx: {
@@ -1424,7 +1463,7 @@ const R = {
               },
               children: [
                 /* @__PURE__ */ e(
-                  J,
+                  ee,
                   {
                     orientation: "vertical",
                     sx: {
@@ -1433,10 +1472,10 @@ const R = {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(T, { variant: "XSmall", children: d })
+                /* @__PURE__ */ e(O, { variant: "XSmall", children: p })
               ]
             },
-            d
+            p
           ))
         }
       ),
@@ -1444,13 +1483,13 @@ const R = {
       status: o,
       statusBarData: [
         {
-          percentage: `${p}%`
+          percentage: `${d}%`
         }
       ],
       value: V(t.key_indicators_save.drawer_progress_bar_value, s, a)
     }
   );
-}, Jo = S(Qo), er = () => {
+}, er = S(Jo), tr = () => {
   const { healthScore: t } = F(), { finstrong: r } = C(), n = ve(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((a) => o ? "MISSING" : a <= 30 ? "GOOD" : a >= 31 && a <= 39 ? "FAIR" : a >= 40 ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     Ie,
@@ -1468,7 +1507,7 @@ const R = {
           },
           children: [
             /* @__PURE__ */ e(
-              D,
+              A,
               {
                 sx: {
                   left: "30%",
@@ -1486,7 +1525,7 @@ const R = {
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        J,
+                        ee,
                         {
                           orientation: "vertical",
                           sx: {
@@ -1495,14 +1534,14 @@ const R = {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(T, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
+                      /* @__PURE__ */ e(O, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
                     ]
                   }
                 )
               }
             ),
             /* @__PURE__ */ e(
-              D,
+              A,
               {
                 sx: {
                   display: "flex",
@@ -1511,7 +1550,7 @@ const R = {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(T, { variant: "Small", children: V(
+                children: /* @__PURE__ */ e(O, { variant: "Small", children: V(
                   r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) })
@@ -1530,7 +1569,7 @@ const R = {
       value: B(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, tr = S(er), nr = () => {
+}, nr = S(tr), or = () => {
   const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = C(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1545,7 +1584,7 @@ const R = {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e(Te, { transactions: r.income.map((a) => a.transaction) })
     ) : /* @__PURE__ */ e(
-      L,
+      $,
       {
         onClick: () => {
           s(!0);
@@ -1563,7 +1602,7 @@ const R = {
       }
     )
   ] });
-}, or = S(nr), rr = () => {
+}, rr = S(or), ar = () => {
   const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = C(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1584,7 +1623,7 @@ const R = {
         }
       )
     ) : /* @__PURE__ */ e(
-      L,
+      $,
       {
         onClick: () => {
           s(!0);
@@ -1602,22 +1641,22 @@ const R = {
       }
     )
   ] });
-}, ar = S(rr), ir = ({
+}, ir = S(ar), sr = ({
   color: t,
   data: r,
   series: n,
   style: o,
   ...l
 }) => {
-  const s = H(), a = h.useRef(null), { width: p } = Kn({
+  const s = H(), a = h.useRef(null), { width: d } = jn({
     width: o.width
   });
   h.useLayoutEffect(() => {
     const m = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (a.current) {
-          const { width: g } = a.current.getBoundingClientRect(), y = g / 2, v = a.current.querySelector("text");
-          v && v.setAttribute("transform", `translate(${y}, -8)`);
+          const { width: g } = a.current.getBoundingClientRect(), b = g / 2, v = a.current.querySelector("text");
+          v && v.setAttribute("transform", `translate(${b}, -8)`);
         }
       });
     });
@@ -1625,24 +1664,24 @@ const R = {
       a.current && m.unobserve(a.current);
     };
   }, []);
-  const { formattedComparison: c, formattedMain: d } = r[n.index], _ = n.type === 0 ? d : c;
+  const { formattedComparison: c, formattedMain: p } = r[n.index], _ = n.type === 0 ? p : c;
   return /* @__PURE__ */ i("g", { children: [
-    /* @__PURE__ */ e(Ze.rect, { ...l, fill: t, ref: a, rx: 2, style: o }),
+    /* @__PURE__ */ e(et.rect, { ...l, fill: t, ref: a, rx: 2, style: o }),
     /* @__PURE__ */ e(
-      Ze.text,
+      et.text,
       {
         fill: s.palette.text.secondary,
         fontSize: 9,
         fontWeight: 400,
         textAnchor: "middle",
-        transform: p.to((m) => `translate(${m / 2}, -5)`),
+        transform: d.to((m) => `translate(${m / 2}, -5)`),
         x: o.x,
         y: o.y,
         children: _
       }
     )
   ] });
-}, $t = ({
+}, Wt = ({
   chartFor: t,
   data: r,
   title: n,
@@ -1650,41 +1689,41 @@ const R = {
   onClick: l,
   legendLabelMain: s,
   legendLabelComparison: a,
-  totalComparison: p,
+  totalComparison: d,
   totalMain: c
 }) => {
-  const d = H(), _ = Gn(d.breakpoints.down("xs")), m = h.useMemo(
-    () => r.sort((x, w) => x.month - w.month).map((x) => {
-      const w = mn(x.month), O = {
+  const p = H(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
+    () => r.sort((y, w) => y.month - w.month).map((y) => {
+      const w = gn(y.month), D = {
         spending_vs_income: {
-          main: x.standard_spend,
-          comparison: x.income,
-          formattedMain: B(x.standard_spend, "0.0a"),
-          formattedComparison: B(x.income, "0.0a")
+          main: y.standard_spend,
+          comparison: y.income,
+          formattedMain: B(y.standard_spend, "0.0a"),
+          formattedComparison: B(y.income, "0.0a")
         },
         debt_payment_vs_income: {
-          main: x.income,
-          comparison: x.debt_spend,
-          formattedMain: B(x.income, "0.0a"),
-          formattedComparison: B(x.debt_spend, "0.0a")
+          main: y.income,
+          comparison: y.debt_spend,
+          formattedMain: B(y.income, "0.0a"),
+          formattedComparison: B(y.debt_spend, "0.0a")
         }
       };
       return {
         label: w,
-        ...O[t]
+        ...D[t]
       };
     }),
     [r, t]
   ), g = {
     dataKey: "label",
     scaleType: "band"
-  }, y = Math.max(...m.map((x) => Math.max(x.main, x.comparison))), v = Math.ceil(y * 1.2 / 1e3) * 1e3, b = v / 3, f = {
+  }, b = Math.max(...m.map((y) => Math.max(y.main, y.comparison))), v = Math.ceil(b * 1.2 / 1e3) * 1e3, f = v / 3, x = {
     scaleType: "linear",
     min: 0,
     max: v,
     tickNumber: 4,
-    tickMinStep: b,
-    valueFormatter: (x) => x === 0 ? "$0" : `$${(x / 1e3).toFixed(0)}K`
+    tickMinStep: f,
+    valueFormatter: (y) => y === 0 ? "$0" : `$${(y / 1e3).toFixed(0)}K`
   };
   return /* @__PURE__ */ i(
     K,
@@ -1707,7 +1746,7 @@ const R = {
             children: [
               /* @__PURE__ */ e(Y, { children: n }),
               o && /* @__PURE__ */ e(
-                L,
+                $,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
                   onClick: l,
@@ -1726,7 +1765,7 @@ const R = {
         /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
           /* @__PURE__ */ i(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
             /* @__PURE__ */ e(
-              D,
+              A,
               {
                 sx: {
                   width: 10,
@@ -1737,16 +1776,16 @@ const R = {
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-              /* @__PURE__ */ i(T, { variant: "subtitle2", children: [
+              /* @__PURE__ */ i(O, { variant: "subtitle2", children: [
                 s,
                 " "
               ] }),
-              !_ && c && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: c })
+              !_ && c && /* @__PURE__ */ e(O, { bold: !0, variant: "subtitle2", children: c })
             ] })
           ] }),
           /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
             /* @__PURE__ */ e(
-              D,
+              A,
               {
                 sx: {
                   width: 10,
@@ -1757,18 +1796,18 @@ const R = {
               }
             ),
             /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-              /* @__PURE__ */ i(T, { variant: "subtitle2", children: [
+              /* @__PURE__ */ i(O, { variant: "subtitle2", children: [
                 a,
                 " "
               ] }),
-              !_ && p && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: p })
+              !_ && d && /* @__PURE__ */ e(O, { bold: !0, variant: "subtitle2", children: d })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ i(
-          Nn,
+          Kn,
           {
-            colors: [`${d.palette.chart.chart3}`, `${d.palette.chart.chart5}`],
+            colors: [`${p.palette.chart.chart3}`, `${p.palette.chart.chart5}`],
             dataset: m,
             height: 240,
             margin: { top: 20, bottom: 30, right: 10 },
@@ -1777,25 +1816,25 @@ const R = {
               { dataKey: "comparison", type: "bar" }
             ],
             xAxis: [g],
-            yAxis: [f],
+            yAxis: [x],
             children: [
               /* @__PURE__ */ e(
-                jt,
+                Yt,
                 {
                   slots: {
-                    bar: (x) => {
-                      const { ownerState: w, style: O, ...A } = x;
+                    bar: (y) => {
+                      const { ownerState: w, style: D, ...M } = y;
                       return /* @__PURE__ */ e(
-                        ir,
+                        sr,
                         {
-                          ...A,
+                          ...M,
                           color: w.color,
                           data: m,
                           series: {
                             index: w.dataIndex,
                             type: Number(w.id.toString().split("-").pop())
                           },
-                          style: O
+                          style: D
                         }
                       );
                     }
@@ -1803,14 +1842,14 @@ const R = {
                 }
               ),
               /* @__PURE__ */ e(
-                zn,
+                Hn,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: d.palette.divider
+                      stroke: p.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: d.palette.divider
+                      stroke: p.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateY(10px)"
@@ -1823,14 +1862,14 @@ const R = {
                 }
               ),
               /* @__PURE__ */ e(
-                Hn,
+                Nn,
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: d.palette.divider
+                      stroke: p.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: d.palette.divider
+                      stroke: p.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateX(-8px)"
@@ -1848,18 +1887,18 @@ const R = {
       ]
     }
   );
-}, sr = () => {
+}, cr = () => {
   const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = X(), [l, s] = h.useState(0), { finstrong: a } = C();
   return h.useEffect(() => {
     o && (t().finally(), r().finally());
   }, [o]), /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(K, { children: [
       /* @__PURE__ */ i(
-        Ee,
+        Ge,
         {
           "aria-label": a.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (p, c) => s(c),
+          onChange: (d, c) => s(c),
           sx: { mb: 0 },
           value: l,
           variant: "fullWidth",
@@ -1892,7 +1931,7 @@ const R = {
           index: 0,
           name: "income-details",
           value: l,
-          children: /* @__PURE__ */ e(or, {})
+          children: /* @__PURE__ */ e(rr, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -1902,13 +1941,13 @@ const R = {
           index: 1,
           name: "debt-payment-details",
           value: l,
-          children: /* @__PURE__ */ e(ar, {})
+          children: /* @__PURE__ */ e(ir, {})
         }
       )
     ] }),
     n.length ? /* @__PURE__ */ i(E, { children: [
       /* @__PURE__ */ e(
-        $t,
+        Wt,
         {
           chartFor: "debt_payment_vs_income",
           data: n,
@@ -1917,7 +1956,7 @@ const R = {
           title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
-      /* @__PURE__ */ e(Bt, { chartFor: "debtOverTime" })
+      /* @__PURE__ */ e(Ke, { chartFor: "debtOverTime" })
     ] }) : /* @__PURE__ */ i(E, { children: [
       /* @__PURE__ */ e(
         ke,
@@ -1953,8 +1992,8 @@ const R = {
       )
     ] })
   ] });
-}, cr = S(sr), lr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = C(), n = ve(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
+}, lr = S(cr), dr = () => {
+  const { healthScore: t } = F(), { finstrong: r } = C(), n = ve(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
@@ -1973,12 +2012,12 @@ const R = {
             mt: 8
           },
           children: [
-            /* @__PURE__ */ i(T, { variant: "body2", children: [
+            /* @__PURE__ */ i(O, { variant: "body2", children: [
               o ? "-" : B(t.ninety_day_income, "0,0.00"),
               " ",
               r?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
-            /* @__PURE__ */ i(T, { variant: "body2", children: [
+            /* @__PURE__ */ i(O, { variant: "body2", children: [
               o ? "-%" : `${n}%`,
               r?.key_indicators_spend.spend_less_than_you_make_drawer.spent
             ] })
@@ -1991,32 +2030,32 @@ const R = {
       value: o ? "$0" : B(t.ninety_day_spend, "0,0.00")
     }
   );
-}, dr = S(lr), pr = () => {
-  const t = H(), { monthlySummaries: r } = F(), { finstrong: n, goals: o, spending: l } = C(), { selectedAccounts: s } = X(), { categories: a, dateRangeCategoryTotals: p, loadDateRangeCategoryTotals: c } = Le(), { appDataStore: d } = vn(), [_, m] = h.useState("");
+}, pr = S(dr), ur = () => {
+  const t = H(), { monthlySummaries: r } = F(), { finstrong: n, goals: o, spending: l } = C(), { selectedAccounts: s } = X(), { categories: a, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = Ee(), { appDataStore: p } = wn(), [_, m] = h.useState("");
   h.useEffect(() => {
     c(
       s,
-      Dt(/* @__PURE__ */ new Date()),
-      At(/* @__PURE__ */ new Date())
+      It(/* @__PURE__ */ new Date()),
+      Tt(/* @__PURE__ */ new Date())
     ).finally();
   }, [s]);
   const g = h.useMemo(
-    () => jn(a, o, t, p),
-    [a, p]
-  ), y = (f) => {
-    m(_ === f ? "" : f);
-  }, { totalSpending: v, totalIncome: b } = h.useMemo(() => r?.reduce(
-    (f, { standard_spend: x = 0, income: w = 0 }) => ({
-      totalSpending: f.totalSpending + x,
-      totalIncome: f.totalIncome + w
+    () => Vn(a, o, t, d),
+    [a, d]
+  ), b = (x) => {
+    m(_ === x ? "" : x);
+  }, { totalSpending: v, totalIncome: f } = h.useMemo(() => r?.reduce(
+    (x, { standard_spend: y = 0, income: w = 0 }) => ({
+      totalSpending: x.totalSpending + y,
+      totalIncome: x.totalIncome + w
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [r]);
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     r.length ? /* @__PURE__ */ e(
-      $t,
+      Wt,
       {
-        ...d.appData.client_profile?.allow_trends_widget && {
+        ...p.appData.client_profile?.allow_trends_widget && {
           buttonLabel: n.key_indicators_spend.spend_less_than_you_make_drawer.view_more
         },
         chartFor: "spending_vs_income",
@@ -2024,7 +2063,7 @@ const R = {
         legendLabelComparison: n.key_indicators_spend.spend_less_than_you_make_drawer.income,
         legendLabelMain: n.key_indicators_spend.spend_less_than_you_make_drawer.spending,
         title: n.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: B(b, "0,0.00"),
+        totalComparison: B(f, "0,0.00"),
         totalMain: B(v, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
@@ -2063,8 +2102,8 @@ const R = {
               },
               children: [
                 /* @__PURE__ */ e(Y, { children: n.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                d.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  L,
+                p.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                  $,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
                     size: "small",
@@ -2081,19 +2120,19 @@ const R = {
           ),
           /* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
             /* @__PURE__ */ e(
-              Vn,
+              Yn,
               {
                 data: g,
-                onSelected: y,
+                onSelected: b,
                 selectedId: _,
                 totalLabel: l.total_spending
               }
             ),
             /* @__PURE__ */ e(
-              Yn,
+              Xn,
               {
                 data: g,
-                onSelected: y,
+                onSelected: b,
                 selectedId: _
               }
             )
@@ -2117,11 +2156,11 @@ const R = {
       }
     )
   ] });
-}, ur = S(pr), Fe = {
+}, _r = S(ur), Pe = {
   credit_score_description: "Credit scores usually go from 300 to 850. Think of 700+ as good, 800+ as awesome, and below 600 as needing work. You can often check yours for free with your bank or credit card company.",
   maintain_emergency_savings_description: "With at least $1,000 saved, you're ready for surprises, freeing you to save for major goals.",
   maintain_emergency_savings_title: "Maintain Emergency Savings"
-}, _r = ({
+}, hr = ({
   drawerFor: t,
   isOpen: r,
   onClose: n
@@ -2130,8 +2169,8 @@ const R = {
     spendLessThanYouMake: {
       title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
-      stickyComponent: /* @__PURE__ */ e(dr, {}),
-      content: /* @__PURE__ */ e(ur, {}),
+      stickyComponent: /* @__PURE__ */ e(pr, {}),
+      content: /* @__PURE__ */ e(_r, {}),
       drawerType: "connectDrawer",
       connectTitle: o.connect_your_accounts,
       connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2139,17 +2178,17 @@ const R = {
     payBillsOnTime: {
       title: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
       description: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
-      stickyComponent: /* @__PURE__ */ e(Ko, {}),
-      content: /* @__PURE__ */ e(Ho, {}),
+      stickyComponent: /* @__PURE__ */ e(Vo, {}),
+      content: /* @__PURE__ */ e(Ko, {}),
       drawerType: "connectDrawer",
       connectTitle: o.connect_your_accounts,
       connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(Ro, {}),
-      description: Fe.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Wo, {}),
-      title: Fe.maintain_emergency_savings_title,
+      content: /* @__PURE__ */ e(Lo, {}),
+      description: Pe.maintain_emergency_savings_description,
+      stickyComponent: /* @__PURE__ */ e(zo, {}),
+      title: Pe.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: o.connect_your_accounts,
       connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2157,30 +2196,30 @@ const R = {
     haveManageableDebt: {
       title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
       description: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
-      stickyComponent: /* @__PURE__ */ e(tr, {}),
-      content: /* @__PURE__ */ e(cr, {}),
+      stickyComponent: /* @__PURE__ */ e(nr, {}),
+      content: /* @__PURE__ */ e(lr, {}),
       drawerType: "connectDrawer",
       connectTitle: o.dont_see_all_your_accounts,
       connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(wo, {}),
-      description: Fe.credit_score_description,
+      title: /* @__PURE__ */ e(Ao, {}),
+      description: Pe.credit_score_description,
       stickyComponent: null,
-      content: /* @__PURE__ */ e(So, {})
+      content: /* @__PURE__ */ e(vo, {})
     },
     saveEnoughToLiveOn: {
       title: o.key_indicators_save.drawer_title,
       description: o.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(Jo, {}),
-      content: /* @__PURE__ */ e(Zo, {}),
+      stickyComponent: /* @__PURE__ */ e(er, {}),
+      content: /* @__PURE__ */ e(Qo, {}),
       drawerType: "connectDrawer",
       connectTitle: o.dont_see_all_your_accounts,
       connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
-    Ft,
+    Bt,
     {
       connectDescription: s?.connectDescription,
       connectTitle: s?.connectTitle,
@@ -2195,7 +2234,7 @@ const R = {
       children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: s.content })
     }
   );
-}, hr = S(_r), ue = ({
+}, mr = S(hr), ue = ({
   drawerFor: t,
   title: r,
   description: n,
@@ -2231,7 +2270,7 @@ const R = {
       }
     ),
     /* @__PURE__ */ e(
-      hr,
+      mr,
       {
         drawerFor: t,
         isOpen: l,
@@ -2239,25 +2278,25 @@ const R = {
       }
     )
   ] });
-}, mr = () => {
+}, gr = () => {
   const { finstrong: t } = C(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (a) => {
-    const p = yn(a), c = {
+    const d = bn(a), c = {
       GOOD: r.ratio_good_description,
       FAIR: r.ratio_fair_description,
       OFF_TRACK: r.ratio_off_track_description,
       MISSING: r.ratio_missing_description
-    }, d = p === "MISSING" ? c[p] : V(c[p], a);
+    }, p = d === "MISSING" ? c[d] : V(c[d], a);
     return {
-      cardState: p,
-      description: d,
+      cardState: d,
+      description: p,
       title: r.ratio_card_title
     };
   }, { spendToIncomeRatio: l, spendFeeCount: s } = h.useMemo(() => {
-    const a = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, p = o(a), c = gn(
+    const a = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(a), c = yn(
       n.spending_fee_transaction_count,
       r
     );
-    return { spendToIncomeRatio: p, spendFeeCount: c };
+    return { spendToIncomeRatio: d, spendFeeCount: c };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
@@ -2284,37 +2323,37 @@ const R = {
       }
     )
   ] });
-}, gr = S(mr), yr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_save: n } = r, o = (p) => {
-    const c = ut(p), d = {
+}, yr = S(gr), br = () => {
+  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_save: n } = r, o = (d) => {
+    const c = mt(d), p = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, _ = c === "MISSING" ? d[c] : V(d[c], p);
+    }, _ = c === "MISSING" ? p[c] : V(p[c], d);
     return {
       cardState: c,
       description: _,
       title: n.days_of_cash_title
     };
-  }, l = (p) => {
-    const c = pt(p), d = {
+  }, l = (d) => {
+    const c = ht(d), p = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
       MISSING: n.emergency_savings_missing_description
     };
     let _;
-    return c === "FAIR" && p !== null ? _ = V(
-      d[c],
-      B(p, "0,0.00")
-    ) : _ = d[c], {
+    return c === "FAIR" && d !== null ? _ = V(
+      p[c],
+      B(d, "0,0.00")
+    ) : _ = p[c], {
       cardState: c,
       description: _,
       title: n.emergency_savings_title
     };
   }, { daysOfCashOnHand: s, emergencySavings: a } = h.useMemo(() => {
-    const p = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = o(p), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(d);
+    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = o(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(p);
     return { daysOfCashOnHand: c, emergencySavings: _ };
   }, [
     t.months_of_cash_on_hand,
@@ -2342,35 +2381,35 @@ const R = {
       }
     )
   ] });
-}, br = S(yr), fr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_borrow: n } = r, { user: o } = ee(), l = (c) => {
-    const d = bn(c), _ = {
+}, fr = S(br), xr = () => {
+  const { healthScore: t } = F(), { finstrong: r } = C(), { key_indicators_borrow: n } = r, { user: o } = Q(), l = (c) => {
+    const p = fn(c), _ = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
       MISSING: n.manage_debit_missing_description
-    }, m = d === "FAIR" || d === "OFF_TRACK" ? V(_[d], c) : _[d];
+    }, m = p === "FAIR" || p === "OFF_TRACK" ? V(_[p], c) : _[p];
     return {
-      cardState: d,
+      cardState: p,
       description: m,
       title: n.manage_debit_title
     };
   }, s = (c) => {
-    const d = dt(c), _ = {
+    const p = _t(c), _ = {
       GOOD: n.credit_score_good_description,
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
       MISSING: n.credit_score_missing_description
-    }, m = d === "MISSING" ? _[d] : V(_[d], c);
+    }, m = p === "MISSING" ? _[p] : V(_[p], c);
     return {
-      cardState: d,
+      cardState: p,
       description: m,
       title: n.credit_score_title
     };
-  }, { manageDebtStatus: a, creditScoreStatus: p } = h.useMemo(() => {
-    const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = l(c), _ = s(o.credit_score || null);
+  }, { manageDebtStatus: a, creditScoreStatus: d } = h.useMemo(() => {
+    const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), _ = s(o.credit_score || null);
     return {
-      manageDebtStatus: d,
+      manageDebtStatus: p,
       creditScoreStatus: _
     };
   }, [t.debt_to_income_ratio, o.credit_score, n, r]);
@@ -2387,18 +2426,18 @@ const R = {
     /* @__PURE__ */ e(
       ue,
       {
-        cardState: p.cardState,
-        description: p.description,
+        cardState: d.cardState,
+        description: d.description,
         drawerFor: se.HaveAGoodCreditScore,
-        title: p.title
+        title: d.title
       }
     )
   ] });
-}, xr = S(fr), Sr = () => {
+}, Sr = S(xr), Cr = () => {
   const [t, r] = h.useState(0), { finstrong: n } = C();
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(
-      Ee,
+      Ge,
       {
         "aria-label": "Key Indicators",
         centered: !0,
@@ -2417,7 +2456,7 @@ const R = {
             re,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(st, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e($e, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
               label: n.key_indicators_spend.title,
@@ -2428,7 +2467,7 @@ const R = {
             re,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(qt, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Qt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
               label: n.key_indicators_save.title,
@@ -2439,7 +2478,7 @@ const R = {
             re,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(Zt, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Jt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
               label: n.key_indicators_borrow.title,
@@ -2449,20 +2488,20 @@ const R = {
         ]
       }
     ),
-    /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
-    /* @__PURE__ */ e(ae, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(br, {}) }),
-    /* @__PURE__ */ e(ae, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(xr, {}) })
+    /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(yr, {}) }),
+    /* @__PURE__ */ e(ae, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(fr, {}) }),
+    /* @__PURE__ */ e(ae, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Sr, {}) })
   ] });
-}, Cr = S(Sr), vr = ({ onClick: t }) => {
+}, vr = S(Cr), wr = ({ onClick: t }) => {
   const { finstrong: r } = C(), { isCopyLoaded: n } = X();
   return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(it, { size: 48 }),
+    /* @__PURE__ */ e(lt, { size: 48 }),
     /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(Y, { children: r.missing_data_title }),
       /* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
     ] }),
-    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-      L,
+    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+      $,
       {
         endIcon: /* @__PURE__ */ e(Z, {}),
         onClick: t,
@@ -2478,7 +2517,7 @@ const R = {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, wr = S(vr), kr = {
+}, kr = S(wr), Ar = {
   add_more_income: "Add More Income"
 }, Dr = ({
   incomeTransactions: t,
@@ -2486,22 +2525,22 @@ const R = {
   transaction: n
 }) => /* @__PURE__ */ i(h.Fragment, { children: [
   /* @__PURE__ */ i(u, { children: [
-    !!t.length && /* @__PURE__ */ e(D, { sx: { pb: 24 }, children: t.reduce((o, l, s) => {
+    !!t.length && /* @__PURE__ */ e(A, { sx: { pb: 24 }, children: t.reduce((o, l, s) => {
       if (l.guid === n.guid) return o;
-      const a = Be(s, t), p = Ct(s, t);
+      const a = Le(s, t), d = At(s, t);
       return o.push(
         /* @__PURE__ */ i(h.Fragment, { children: [
-          a && /* @__PURE__ */ e(vt, { children: ze(l.date) }),
-          /* @__PURE__ */ e(wt, { transaction: l }),
-          /* @__PURE__ */ e(J, { sx: { ml: p ? 44 : 0 } })
+          a && /* @__PURE__ */ e(Dt, { children: Ne(l.date) }),
+          /* @__PURE__ */ e(Mt, { transaction: l }),
+          /* @__PURE__ */ e(ee, { sx: { ml: d ? 44 : 0 } })
         ] }, l.guid)
       ), o;
     }, []) }),
     /* @__PURE__ */ e(
-      Un,
+      qn,
       {
         firstDay: 1,
-        frequency: Fn.EveryMonth,
+        frequency: Pn.EveryMonth,
         onFirstDayChange: () => {
         },
         onFrequencyChange: () => {
@@ -2513,26 +2552,26 @@ const R = {
       }
     )
   ] }),
-  /* @__PURE__ */ e(D, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-    L,
+  /* @__PURE__ */ e(A, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+    $,
     {
       fullWidth: !0,
-      onClick: () => r({ step: I.MonthlyIncome, type: "main" }),
-      startIcon: /* @__PURE__ */ e(ct, {}),
-      children: kr.add_more_income
+      onClick: () => r({ step: T.MonthlyIncome, type: "main" }),
+      startIcon: /* @__PURE__ */ e(dt, {}),
+      children: Ar.add_more_income
     }
   ) })
-] }), Ar = S(Dr), Mr = {
+] }), Mr = S(Dr), Ir = {
   select_date: "Select Date"
-}, Ir = ({ selectedDate: t, setSelectedDate: r }) => {
+}, Tr = ({ selectedDate: t, setSelectedDate: r }) => {
   const n = H(), o = (l) => {
     r(Math.floor(new Date(l).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(Qn, { dateAdapter: Mt, children: /* @__PURE__ */ e(
-    Jn,
+  return /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
+    eo,
     {
       disableFuture: !0,
-      label: Mr.select_date,
+      label: Ir.select_date,
       onChange: o,
       slotProps: {
         nextIconButton: {
@@ -2558,11 +2597,11 @@ const R = {
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Tr = S(Ir), Or = {
+}, Or = S(Tr), Fr = {
   credit_score: "Credit Score"
-}, Fr = ({ creditScore: t, setCreditScore: r }) => {
+}, Pr = ({ creditScore: t, setCreditScore: r }) => {
   const n = !isNaN(t);
-  return /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(
     we,
     {
       error: !n,
@@ -2572,14 +2611,14 @@ const R = {
         noValidate: !0,
         pattern: "[0-9]*"
       },
-      label: Or.credit_score,
+      label: Fr.credit_score,
       onChange: (o) => r(Number(o.target.value)),
       value: n ? t : ""
     }
   ) });
-}, Pr = S(Fr), Lt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+}, Rr = S(Pr), Et = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
-    D,
+    A,
     {
       sx: {
         bgcolor: o < t ? "primary.main" : "neutral.light",
@@ -2590,12 +2629,12 @@ const R = {
     },
     o
   )) }),
-  /* @__PURE__ */ i(T, { sx: { color: "text.secondary" }, variant: "body2", children: [
+  /* @__PURE__ */ i(O, { sx: { color: "text.secondary" }, variant: "body2", children: [
     t / 4 * 100,
     "% ",
     r
   ] })
-] }), Rr = ({
+] }), Br = ({
   completeCopy: t,
   primaryText: r,
   secondaryText: n,
@@ -2605,9 +2644,9 @@ const R = {
     /* @__PURE__ */ e(Y, { children: r }),
     /* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(Lt, { completeCopy: t, value: o })
-] }), nt = {
-  step: I.ConnectAccounts,
+  /* @__PURE__ */ e(Et, { completeCopy: t, value: o })
+] }), at = {
+  step: T.ConnectAccounts,
   type: "main"
 }, P = {
   add_accounts: "Add Accounts",
@@ -2627,56 +2666,56 @@ const R = {
   credit_score_secondary: "Your ability to borrow money is a key part of your financial strength score.",
   do_it_later: "Do It Later",
   next: "Next"
-}, Br = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = fe(), { calculateHealthScore: o } = F(), { finstrong: l } = C(), { setSelectedAccounts: s } = X(), { setDateRange: a } = wn(), { filter: p, setFilter: c, transactions: d } = kn(), { user: _, userProfile: m, updateUser: g, updateUserProfile: y } = ee(), [v, b] = h.useState(_.credit_score || 0), [f, x] = h.useState(
-    nt
-  ), [w, O] = h.useState([]), [A, N] = h.useState(!1), [G, z] = h.useState(!1), [W, ce] = h.useState(_.birthday), [j, oe] = h.useState("");
+}, Lr = ({ isOpen: t, onClose: r }) => {
+  const { visibleAccounts: n } = fe(), { calculateHealthScore: o } = F(), { finstrong: l } = C(), { setSelectedAccounts: s } = X(), { setDateRange: a } = kn(), { filter: d, setFilter: c, transactions: p } = An(), { user: _, userProfile: m, updateUser: g, updateUserProfile: b } = Q(), [v, f] = h.useState(_.credit_score || 0), [x, y] = h.useState(
+    at
+  ), [w, D] = h.useState([]), [M, N] = h.useState(!1), [z, G] = h.useState(!1), [W, ce] = h.useState(_.birthday), [j, oe] = h.useState("");
   h.useEffect(() => {
-    a({ start: Dt(Qe()), end: At(Qe()) });
+    a({ start: It(tt()), end: Tt(tt()) });
   }, []), h.useEffect(() => {
     c({
-      accounts: n.map((M) => M.guid),
+      accounts: n.map((I) => I.guid),
       dateRange: {
-        start: Xn(/* @__PURE__ */ new Date(), 90),
+        start: Un(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
-      custom: Je
+      custom: nt
     }), s(n);
   }, [n]);
   const le = h.useMemo(
-    () => d.find((M) => M.guid === j),
-    [j, d]
+    () => p.find((I) => I.guid === j),
+    [j, p]
   ), he = h.useMemo(() => ({
-    [I.ConnectAccounts]: !0,
-    [I.MonthlyIncome]: !!j,
-    [I.Birthday]: !!_.birthday || !!W,
-    [I.CreditScore]: !!_.credit_score || !!v
-  })[f.step], [v, f, W, j, _]), U = n.length > 0, Oe = h.useMemo(() => {
-    const { step: M } = f;
-    let $ = 0;
-    return M >= I.MonthlyIncome && U && $++, M >= I.Birthday && w.length && $++, M >= I.CreditScore && (_.birthday || _.credit_score) && $++, $;
-  }, [f.step, U, w.length, _.birthday, _.credit_score]), xe = (M) => {
+    [T.ConnectAccounts]: !0,
+    [T.MonthlyIncome]: !!j,
+    [T.Birthday]: !!_.birthday || !!W,
+    [T.CreditScore]: !!_.credit_score || !!v
+  })[x.step], [v, x, W, j, _]), U = n.length > 0, Oe = h.useMemo(() => {
+    const { step: I } = x;
+    let L = 0;
+    return I >= T.MonthlyIncome && U && L++, I >= T.Birthday && w.length && L++, I >= T.CreditScore && (_.birthday || _.credit_score) && L++, L;
+  }, [x.step, U, w.length, _.birthday, _.credit_score]), xe = (I) => {
     c({
-      ...p,
-      custom: ($) => M ? Zn($, M) : Je($)
+      ...d,
+      custom: (L) => I ? Qn(L, I) : nt(L)
     });
-  }, Wt = {
-    [I.ConnectAccounts]: {
-      main: U ? /* @__PURE__ */ e(Pt, { shouldShowBalance: !1 }) : null,
+  }, zt = {
+    [T.ConnectAccounts]: {
+      main: U ? /* @__PURE__ */ e(Lt, { shouldShowBalance: !1 }) : null,
       mainActionContent: U ? P.next : P.add_accounts,
       primaryText: P.connect_your_accounts_primary,
       secondaryText: P.connect_your_accounts_secondary
     },
-    [I.MonthlyIncome]: {
+    [T.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Ar,
+        Mr,
         {
           incomeTransactions: w,
-          setCurrentStep: (M) => {
-            x(M), O(($) => {
-              if ($.some((me) => me.guid === j)) return $.filter((me) => me.guid !== j);
-              const je = d.find((me) => me.guid === j);
-              return je ? [...$, je] : $;
+          setCurrentStep: (I) => {
+            y(I), D((L) => {
+              if (L.some((me) => me.guid === j)) return L.filter((me) => me.guid !== j);
+              const Xe = p.find((me) => me.guid === j);
+              return Xe ? [...L, Xe] : L;
             });
           },
           transaction: le
@@ -2684,11 +2723,11 @@ const R = {
       ),
       detailActionContent: P.confirm_income,
       main: /* @__PURE__ */ e(
-        qn,
+        Zn,
         {
           onSearch: xe,
-          onSelected: (M) => {
-            x({ step: I.MonthlyIncome, type: "detail" }), oe(M);
+          onSelected: (I) => {
+            y({ step: T.MonthlyIncome, type: "detail" }), oe(I);
           }
         }
       ),
@@ -2696,63 +2735,63 @@ const R = {
       primaryText: P.add_income_primary,
       secondaryText: P.add_income_secondary
     },
-    [I.Birthday]: {
-      main: /* @__PURE__ */ e(Tr, { selectedDate: W, setSelectedDate: ce }),
+    [T.Birthday]: {
+      main: /* @__PURE__ */ e(Or, { selectedDate: W, setSelectedDate: ce }),
       mainActionContent: P.next,
       primaryText: P.birthday_primary,
       secondaryText: P.birthday_secondary
     },
-    [I.CreditScore]: {
-      main: /* @__PURE__ */ e(Pr, { creditScore: v, setCreditScore: b }),
+    [T.CreditScore]: {
+      main: /* @__PURE__ */ e(Rr, { creditScore: v, setCreditScore: f }),
       mainActionContent: P.next,
       primaryText: P.credit_score_primary,
       secondaryText: P.credit_score_secondary
     }
-  }, He = () => {
-    x(nt), N(!1), oe(""), r();
-  }, Ne = async () => {
-    N(!0), await o(), await y({ ...m, has_completed_finstrong_onboarding: !0 }), He();
-  }, Et = () => {
-    if (f.step === I.CreditScore) {
-      Ne();
+  }, je = () => {
+    y(at), N(!1), oe(""), r();
+  }, Ve = async () => {
+    N(!0), await o(), await b({ ...m, has_completed_finstrong_onboarding: !0 }), je();
+  }, Gt = () => {
+    if (x.step === T.CreditScore) {
+      Ve();
       return;
     }
-    x({ step: f.step + 1, type: "main" });
-  }, Gt = () => {
-    const { step: M } = f, $ = M + 1;
-    switch (M) {
-      case I.Birthday:
+    y({ step: x.step + 1, type: "main" });
+  }, Ht = () => {
+    const { step: I } = x, L = I + 1;
+    switch (I) {
+      case T.Birthday:
         W && W !== _.birthday && g({ ..._, birthday: W });
         break;
-      case I.CreditScore:
-        v && v !== _.credit_score && g({ ..._, credit_score: v }), Ne();
+      case T.CreditScore:
+        v && v !== _.credit_score && g({ ..._, credit_score: v }), Ve();
         return;
-      case I.MonthlyIncome:
-        j && w.length === 0 && O((Ke) => [...Ke, le]);
+      case T.MonthlyIncome:
+        j && w.length === 0 && D((Ye) => [...Ye, le]);
         break;
-      case I.ConnectAccounts:
+      case T.ConnectAccounts:
         if (!U) {
-          z(!0);
+          G(!0);
           return;
         }
         break;
     }
-    $ in I && x({ step: $, type: "main" });
-  }, zt = () => {
-    const { step: M, type: $ } = f;
-    if ($ === "detail") {
-      x({ step: M, type: "main" });
+    L in T && y({ step: L, type: "main" });
+  }, Nt = () => {
+    const { step: I, type: L } = x;
+    if (L === "detail") {
+      y({ step: I, type: "main" });
       return;
     }
-    if (M === I.Birthday && w.length) {
-      x({ step: M - 1, type: "detail" });
+    if (I === T.Birthday && w.length) {
+      y({ step: I - 1, type: "detail" });
       return;
     }
-    M > I.ConnectAccounts && x({ step: M - 1, type: "main" });
-  }, de = Wt[f.step], Se = f.step === I.ConnectAccounts, Ht = {
+    I > T.ConnectAccounts && y({ step: I - 1, type: "main" });
+  }, de = zt[x.step], Se = x.step === T.ConnectAccounts, Kt = {
     fullWidth: !0,
-    ...Se && !U && { startIcon: /* @__PURE__ */ e(ct, {}) }
-  }, Nt = !Se || Se && !U;
+    ...Se && !U && { startIcon: /* @__PURE__ */ e(dt, {}) }
+  }, jt = !Se || Se && !U;
   return /* @__PURE__ */ i(h.Fragment, { children: [
     /* @__PURE__ */ i(
       ie,
@@ -2761,22 +2800,22 @@ const R = {
         hasSecondaryAction: !Se,
         isOpen: t,
         isPrimaryDisabled: !he,
-        onClose: He,
-        onSecondaryAction: zt,
-        primaryButtonProps: Ht,
+        onClose: je,
+        onSecondaryAction: Nt,
+        primaryButtonProps: Kt,
         primaryText: de?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: P.back,
         title: l.title,
-        ...!A && { onPrimaryAction: Gt },
+        ...!M && { onPrimaryAction: Ht },
         children: [
-          A && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e(De, { children: P.calculate_primary }),
+          M && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+            /* @__PURE__ */ e(Ae, { children: P.calculate_primary }),
             /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
           ] }),
-          de && !A && /* @__PURE__ */ i(h.Fragment, { children: [
+          de && !M && /* @__PURE__ */ i(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              Rr,
+              Br,
               {
                 completeCopy: l.complete,
                 primaryText: de.primaryText,
@@ -2784,11 +2823,11 @@ const R = {
                 value: Oe
               }
             ),
-            f.type === "main" && /* @__PURE__ */ i(D, { children: [
+            x.type === "main" && /* @__PURE__ */ i(A, { children: [
               de.main,
-              Nt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(L, { fullWidth: !0, onClick: Et, children: P.do_it_later }) })
+              jt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Gt, children: P.do_it_later }) })
             ] }),
-            f.type === "detail" && de.detail
+            x.type === "detail" && de.detail
           ] })
         ]
       }
@@ -2796,17 +2835,17 @@ const R = {
     /* @__PURE__ */ e(
       ne,
       {
-        onClose: () => z(!1),
-        showConnectWidget: G,
+        onClose: () => G(!1),
+        showConnectWidget: z,
         title: P.connect_accounts
       }
     )
   ] });
-}, $r = S(Br), Pe = {
+}, $r = S(Lr), Re = {
   onboarding_title: "Financial Strength Starts Here",
   onboarding_subtitle: "By analyzing your spending and saving, FinStrong provides a score and guidance to help you improve your financial habits.",
   get_started: "Get Started"
-}, Lr = () => {
+}, Wr = () => {
   const [t, r] = h.useState(!1);
   return /* @__PURE__ */ i(h.Fragment, { children: [
     /* @__PURE__ */ i(
@@ -2821,21 +2860,21 @@ const R = {
         },
         children: [
           /* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Qt, { size: 72 }) }),
+            /* @__PURE__ */ e(A, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(en, { size: 72 }) }),
             /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
-              /* @__PURE__ */ e(De, { children: Pe.onboarding_title }),
-              /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Pe.onboarding_subtitle })
+              /* @__PURE__ */ e(Ae, { children: Re.onboarding_title }),
+              /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Re.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(L, { onClick: () => r(!0), variant: "contained", children: Pe.get_started })
+          /* @__PURE__ */ e($, { onClick: () => r(!0), variant: "contained", children: Re.get_started })
         ]
       }
     ),
     /* @__PURE__ */ e($r, { isOpen: t, onClose: () => r(!1) })
   ] });
-}, Wr = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = C(), o = H(), { updateUser: l, user: s } = ee(), [a, p] = h.useState(s.birthday), c = (_) => {
-    p(Math.floor(new Date(_).getTime() / 1e3));
+}, Er = ({ isOpen: t, onClose: r }) => {
+  const { finstrong: n } = C(), o = H(), { updateUser: l, user: s } = Q(), [a, d] = h.useState(s.birthday), c = (_) => {
+    d(Math.floor(new Date(_).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     ie,
@@ -2847,8 +2886,8 @@ const R = {
       },
       onSecondaryAction: r,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(no, { dateAdapter: Mt, children: /* @__PURE__ */ e(
-        eo,
+      children: /* @__PURE__ */ e(oo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
+        to,
         {
           disableFuture: !0,
           onChange: c,
@@ -2882,40 +2921,40 @@ const R = {
       ) })
     }
   );
-}, Er = S(Wr), Gr = ({ isOpen: t, onClose: r }) => {
-  const { visibleFinstrongAccounts: n } = fe(), { incomeBudget: o } = ht(), {
+}, zr = S(Er), Gr = ({ isOpen: t, onClose: r }) => {
+  const { visibleFinstrongAccounts: n } = fe(), { incomeBudget: o } = yt(), {
     accounts: l,
     common: s,
     finstrong: a
-  } = C(), { user: p } = ee(), [c, d] = h.useState(null), m = [
+  } = C(), { user: d } = Q(), [c, p] = h.useState(null), m = [
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.monthly_income,
-      icon: /* @__PURE__ */ e(Jt, {}),
-      key: Q.MonthlyIncome,
+      icon: /* @__PURE__ */ e(tn, {}),
+      key: J.MonthlyIncome,
       label: a.monthly_income,
       value: o
     },
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.date_of_birth,
-      icon: /* @__PURE__ */ e(en, {}),
-      key: Q.DateOfBirth,
+      icon: /* @__PURE__ */ e(nn, {}),
+      key: J.DateOfBirth,
       label: a.date_of_birth,
-      value: p.birthday
+      value: d.birthday
     },
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.credit_score,
-      icon: /* @__PURE__ */ e(st, {}),
-      key: Q.CreditScore,
+      icon: /* @__PURE__ */ e($e, {}),
+      key: J.CreditScore,
       label: a.credit_score,
-      value: p.credit_score
+      value: d.credit_score
     },
     {
       fallbackLabel: a.connect_your_accounts,
-      icon: /* @__PURE__ */ e(at, {}),
-      key: Q.Connections,
+      icon: /* @__PURE__ */ e(ct, {}),
+      key: J.Connections,
       label: a.connections,
       value: n.length > 0 ? V(
         a.connected_account,
@@ -2923,7 +2962,7 @@ const R = {
         n.length > 1 ? a.accounts : a.account
       ) : void 0
     }
-  ].map((g) => fn(g));
+  ].map((g) => xn(g));
   return /* @__PURE__ */ i(ie, { isOpen: t, onClose: r, title: a.financial_profile, children: [
     /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
@@ -2931,16 +2970,16 @@ const R = {
         /* @__PURE__ */ e(k, { children: a.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
-        Lt,
+        Et,
         {
           completeCopy: a.complete,
-          value: m.reduce((g, y) => g + (y.isComplete ? 1 : 0), 0)
+          value: m.reduce((g, b) => g + (b.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
-    /* @__PURE__ */ e(xn, { list: m, onClickItem: d }),
-    /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-      Ae,
+    /* @__PURE__ */ e(Sn, { list: m, onClickItem: p }),
+    /* @__PURE__ */ e(A, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+      De,
       {
         description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
         drawerType: "connectDrawer",
@@ -2952,59 +2991,59 @@ const R = {
     /* @__PURE__ */ e(
       ie,
       {
-        isOpen: c === Q.MonthlyIncome,
-        onClose: () => d(null),
+        isOpen: c === J.MonthlyIncome,
+        onClose: () => p(null),
         title: s.settings,
-        children: /* @__PURE__ */ e(to, {})
+        children: /* @__PURE__ */ e(no, {})
       }
     ),
-    /* @__PURE__ */ e(Er, { isOpen: c === Q.DateOfBirth, onClose: () => d(null) }),
-    /* @__PURE__ */ e(Ot, { isOpen: c === Q.CreditScore, onClose: () => d(null) }),
+    /* @__PURE__ */ e(zr, { isOpen: c === J.DateOfBirth, onClose: () => p(null) }),
+    /* @__PURE__ */ e(Rt, { isOpen: c === J.CreditScore, onClose: () => p(null) }),
     /* @__PURE__ */ e(
-      mt,
+      bt,
       {
-        onClose: () => d(null),
-        showConnectionsWidget: c === Q.Connections,
+        onClose: () => p(null),
+        showConnectionsWidget: c === J.Connections,
         title: l.manage_connections
       }
     )
   ] });
-}, zr = S(Gr), ot = ({
+}, Hr = S(Gr), it = ({
   content: t,
   islast: r = !1
-}) => /* @__PURE__ */ i(ao, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ i(po, { children: [
-    /* @__PURE__ */ e(lo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !r && /* @__PURE__ */ e(so, { sx: { bgcolor: "divider", width: 0.1 } })
+}) => /* @__PURE__ */ i(io, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ i(uo, { children: [
+    /* @__PURE__ */ e(po, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    !r && /* @__PURE__ */ e(co, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), Hr = ({ report: t }) => {
+  /* @__PURE__ */ e(lo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), Nr = ({ report: t }) => {
   const { finstrong: r } = C(), { score_history_drawer_timeline: n } = r, {
     health_score_point_difference: o,
     newer_credit_score: l,
     older_credit_score: s,
     older_spend_to_income_ratio: a,
-    newer_spend_to_income_ratio: p,
+    newer_spend_to_income_ratio: d,
     older_health_score: c,
-    newer_health_score: d,
+    newer_health_score: p,
     newer_score_calculated_at: _
-  } = t, m = oo(new Date(_), "MMM d"), g = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", y = () => o === 0 ? V(n.stayed_at, c) : o > 0 ? n.less_spending : n.more_spending, v = () => {
+  } = t, m = ro(new Date(_), "MMM d"), g = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", b = () => o === 0 ? V(n.stayed_at, c) : o > 0 ? n.less_spending : n.more_spending, v = () => {
     if (o === 0) return null;
-    const b = o > 0 ? n.up_from : n.down_from, f = V(b, c, d);
+    const f = o > 0 ? n.up_from : n.down_from, x = V(f, c, p);
     return /* @__PURE__ */ i(E, { children: [
       /* @__PURE__ */ e(
-        on,
+        an,
         {
           fill: !0,
           name: "circle",
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      f
+      x
     ] });
   };
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(u, { sx: { backgroundColor: "background.paper" }, children: [
-    /* @__PURE__ */ e(D, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ e(A, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
       u,
       {
         flexDirection: "row",
@@ -3025,8 +3064,8 @@ const R = {
             }
           ),
           /* @__PURE__ */ i(u, { sx: { gap: 2, width: "80%" }, children: [
-            /* @__PURE__ */ e(T, { fontWeight: 600, variant: "Body", children: y() }),
-            /* @__PURE__ */ i(T, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
+            /* @__PURE__ */ e(O, { fontWeight: 600, variant: "Body", children: b() }),
+            /* @__PURE__ */ i(O, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
               m,
               " ",
               v()
@@ -3035,11 +3074,11 @@ const R = {
         ]
       }
     ) }),
-    o !== 0 && /* @__PURE__ */ e(D, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
-      ro,
+    o !== 0 && /* @__PURE__ */ e(A, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
+      ao,
       {
         sx: {
-          [`& .${io.root}:before`]: {
+          [`& .${so.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -3048,17 +3087,17 @@ const R = {
         },
         children: [
           /* @__PURE__ */ e(
-            ot,
+            it,
             {
               content: V(
                 n.spend_to_income_description,
                 ve(a),
-                ve(p)
+                ve(d)
               )
             }
           ),
           /* @__PURE__ */ e(
-            ot,
+            it,
             {
               content: V(
                 n.credit_score_description,
@@ -3072,15 +3111,15 @@ const R = {
       }
     ) })
   ] }) });
-}, Nr = S(Hr), Kr = ({ isOpen: t, onClose: r }) => {
-  const n = H(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChangeReports: p, augmentedChartData: c } = F();
+}, Kr = S(Nr), jr = ({ isOpen: t, onClose: r }) => {
+  const n = H(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChangeReports: d, augmentedChartData: c } = F();
   if (!l || !s) return /* @__PURE__ */ e(te, {});
-  const d = $e(a.health_score || 0, o), _ = p.slice().reverse();
+  const p = We(a.health_score || 0, o), _ = d.slice().reverse();
   return /* @__PURE__ */ e(
-    Ft,
+    Bt,
     {
       additionalContent: /* @__PURE__ */ e(u, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
-        We,
+        ze,
         {
           axisColor: n.palette.divider,
           baseline: "min",
@@ -3106,32 +3145,32 @@ const R = {
           direction: "row",
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
-            /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-              Tt,
+            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+              Pt,
               {
                 arcRadius: 20,
                 healthScore: a?.health_score,
                 size: "SM"
               }
             ) }),
-            /* @__PURE__ */ i(D, { children: [
-              /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
-              /* @__PURE__ */ e(k, { variant: "caption", children: d.description })
+            /* @__PURE__ */ i(A, { children: [
+              /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: p.status }),
+              /* @__PURE__ */ e(k, { variant: "caption", children: p.description })
             ] })
           ]
         }
       ),
-      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, g) => /* @__PURE__ */ e(Nr, { report: m }, g)) })
+      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, g) => /* @__PURE__ */ e(Kr, { report: m }, g)) })
     }
   );
-}, jr = S(Kr), Vr = S(() => {
-  const t = H(), [r, { width: n }] = kt(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChange: p } = F(), c = t.palette.mode === "dark", d = $e(a?.health_score, o);
+}, Vr = S(jr), Yr = S(() => {
+  const t = H(), [r, { width: n }] = xt(), { finstrong: o } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChange: d } = F(), c = t.palette.mode === "dark", p = We(a?.health_score, o);
   return !l || !s ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ i(K, { ref: r, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      mo,
+      go,
       {
         action: /* @__PURE__ */ e(
-          L,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             sx: {
@@ -3154,16 +3193,16 @@ const R = {
       }
     ),
     /* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
-      Tt,
+      Pt,
       {
         arcRadius: n <= 323 ? 73 : 154,
-        footerCenterContent: p,
+        footerCenterContent: d,
         healthScore: a?.health_score || 0,
         size: n <= 323 ? "M" : "L"
       }
     ) }),
     a?.health_score ? /* @__PURE__ */ i(
-      uo,
+      _o,
       {
         sx: {
           px: 16,
@@ -3178,9 +3217,9 @@ const R = {
         },
         children: [
           /* @__PURE__ */ e(
-            ho,
+            mo,
             {
-              expandIcon: /* @__PURE__ */ e(tn, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(on, { size: 20 }),
               sx: {
                 height: 52,
                 p: 0,
@@ -3191,11 +3230,11 @@ const R = {
               children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: o.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(_o, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: d.scoreContent }) })
+          /* @__PURE__ */ e(ho, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: p.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Ae,
+      De,
       {
         buttonText: o.connect_more_accounts_title,
         description: o.health_score_zero_description,
@@ -3216,31 +3255,31 @@ const R = {
       }
     )
   ] });
-}), Yr = ({ onBackClick: t, sx: r }) => {
-  const { visibleAccounts: n } = fe(), { dateRange: o, isDataLoaded: l, loadBudgetData: s, setTheme: a } = ht(), { reloadCategoryTotals: p } = Le(), {
+}), Xr = ({ onBackClick: t, sx: r }) => {
+  const { visibleAccounts: n } = fe(), { dateRange: o, isDataLoaded: l, loadBudgetData: s, setTheme: a } = yt(), { reloadCategoryTotals: d } = Ee(), {
     augmentedChartData: c,
-    calculateHealthScore: d,
+    calculateHealthScore: p,
     healthScore: _,
     loadAugmentedChartData: m,
     loadMonthlySummaries: g
-  } = F(), { finstrong: y, connect: v } = C(), { isCopyLoaded: b, isInitialized: f, selectedAccounts: x, setSelectedAccounts: w } = X(), { isMobile: O } = Ge(), A = H(), { userProfile: N } = ee(), [G, z] = h.useState(!1), [W, ce] = h.useState(!1), [j, oe] = h.useState(!1);
+  } = F(), { finstrong: b, connect: v } = C(), { isCopyLoaded: f, isInitialized: x, selectedAccounts: y, setSelectedAccounts: w } = X(), { isMobile: D } = He(), M = H(), { userProfile: N } = Q(), [z, G] = h.useState(!1), [W, ce] = h.useState(!1), [j, oe] = h.useState(!1);
   if (h.useEffect(() => {
-    a(A);
+    a(M);
   }, []), h.useEffect(() => w(n), [n]), h.useEffect(() => {
-    f && (d().finally(), m().finally(), g().finally());
-  }, [f]), h.useEffect(() => {
-    f && (p(x, o.start, o.end), l || s());
-  }, [o, l, f, x]), !b || !f) return /* @__PURE__ */ e(te, {});
+    x && (p().finally(), m().finally(), g().finally());
+  }, [x]), h.useEffect(() => {
+    x && (d(y, o.start, o.end), l || s());
+  }, [o, l, x, y]), !f || !x) return /* @__PURE__ */ e(te, {});
   const le = () => {
-  }, he = () => z(!0);
+  }, he = () => G(!0);
   return /* @__PURE__ */ i(
-    En,
+    zn,
     {
       accountOptions: n,
       actions: [
         {
           iconName: "person",
-          label: y.profile,
+          label: b.profile,
           onClick: he
         }
       ],
@@ -3248,7 +3287,7 @@ const R = {
       onAccountsFilterClick: le,
       onBackClick: t,
       sx: r,
-      title: y.title,
+      title: b.title,
       children: [
         N.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
           u,
@@ -3257,26 +3296,26 @@ const R = {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: O ? 24 : 16,
+              pt: D ? 24 : 16,
               px: 24
             },
             children: [
               /* @__PURE__ */ i(u, { sx: { gap: 24, width: { md: 432 } }, children: [
-                /* @__PURE__ */ e(Vr, {}),
+                /* @__PURE__ */ e(Yr, {}),
                 /* @__PURE__ */ e(
-                  Ae,
+                  De,
                   {
-                    description: y.connect_more_accounts_description,
+                    description: b.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: y.connect_more_accounts_title
+                    title: b.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: A.palette.background.paper, p: 16 }, children: [
+              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: M.palette.background.paper, p: 16 }, children: [
                 /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(Y, { children: y.key_indicators }),
+                  /* @__PURE__ */ e(Y, { children: b.key_indicators }),
                   /* @__PURE__ */ e(
-                    L,
+                    $,
                     {
                       endIcon: /* @__PURE__ */ e(Z, {}),
                       onClick: () => ce(!0),
@@ -3284,41 +3323,41 @@ const R = {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: y.whats_changed
+                      children: b.whats_changed
                     }
                   )
                 ] }),
                 c.length ? /* @__PURE__ */ e(
-                  We,
+                  ze,
                   {
-                    axisColor: A.palette.divider,
+                    axisColor: M.palette.divider,
                     baseline: "min",
-                    colors: [A.palette.primary.main],
+                    colors: [M.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
                     datasets: [c],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: A.palette.border.dark,
-                    labelFontColor: A.palette.common.white,
-                    labelFontSize: typeof A.typography.XSmall?.fontSize == "string" ? parseFloat(A.typography.XSmall.fontSize) : A.typography.XSmall?.fontSize,
-                    labels: [y.key_indicators_label],
+                    labelBackgroundColor: M.palette.border.dark,
+                    labelFontColor: M.palette.common.white,
+                    labelFontSize: typeof M.typography.XSmall?.fontSize == "string" ? parseFloat(M.typography.XSmall.fontSize) : M.typography.XSmall?.fontSize,
+                    labels: [b.key_indicators_label],
                     margin: { right: 20, left: 25 },
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: y.peer_average,
+                    title: b.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e(wr, { onClick: () => oe(!0) }),
-                _.health_score !== null && /* @__PURE__ */ e(Cr, {})
+                ) : /* @__PURE__ */ e(kr, { onClick: () => oe(!0) }),
+                _.health_score !== null && /* @__PURE__ */ e(vr, {})
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ e(Lr, {}),
-        /* @__PURE__ */ e(zr, { isOpen: G, onClose: () => z(!1) }),
+        ) : /* @__PURE__ */ e(Wr, {}),
+        /* @__PURE__ */ e(Hr, { isOpen: z, onClose: () => G(!1) }),
         /* @__PURE__ */ e(
           ne,
           {
@@ -3328,7 +3367,7 @@ const R = {
           }
         ),
         /* @__PURE__ */ e(
-          jr,
+          Vr,
           {
             isOpen: W,
             onClose: () => ce(!1)
@@ -3337,12 +3376,12 @@ const R = {
       ]
     }
   );
-}, di = S(Yr);
+}, pi = S(Xr);
 export {
-  yo as CreditScoreGraph,
-  It as DialScoreCard,
-  Tt as FinancialStrengthGraph,
-  _i as FinstrongApi,
-  hi as FinstrongStore,
-  di as FinstrongWidget
+  bo as CreditScoreGraph,
+  Ft as DialScoreCard,
+  Pt as FinancialStrengthGraph,
+  hi as FinstrongApi,
+  mi as FinstrongStore,
+  pi as FinstrongWidget
 };