@mx-cartographer/experiences 7.2.9-alpha-ram4-finstrong-testing → 7.2.9-alpha.san4

package/dist/finstrong/index.es.js

@@ -1,19 +1,19 @@
 import { jsxs as a, Fragment as z, jsx as e } from "react/jsx-runtime";
-import v from "@mui/material/Box";
+import C from "@mui/material/Box";
 import u from "@mui/material/Stack";
-import { useTheme as G, alpha as ue } from "@mui/material/styles";
+import { useTheme as E, alpha as _e } from "@mui/material/styles";
 import { PieChart as Vt, BarPlot as Yt } from "@mui/x-charts";
-import { TrendingUp as dt, ArrowRightAlt as Xt, TrendingDown as Ut, AccountBalance as pt, ChevronRight as Z, MultilineChart as ut, CreditCard as ze, CheckCircle as qt, Cancel as Zt, Savings as Qt, ContentCopy as Jt, Add as _t, Cardiology as en, Payments as tn, CalendarMonth as nn, ExpandMore as on } from "@mxenabled/mx-icons";
-import { P as M, H3 as j, Text as A, InstitutionLogo as ht, H2 as Ie, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
+import { TrendingUp as dt, ArrowRightAlt as Xt, TrendingDown as Ut, AccountBalance as pt, ChevronRight as Z, MultilineChart as ut, CreditCard as Ee, CheckCircle as qt, Cancel as Zt, Savings as Qt, ContentCopy as Jt, Add as _t, Cardiology as en, Payments as tn, CalendarMonth as nn, ExpandMore as on } from "@mxenabled/mx-icons";
+import { P as M, H3 as K, Text as A, InstitutionLogo as ht, H2 as Ie, MerchantLogo as rn, Icon as an } from "@mxenabled/mxui";
 import { g as sn, a as cn, r as Qe, b as ln, c as Ge, d as mt, C as be, e as fe, f as dn, h as pn, i as un, j as gt, k as Je, l as _n, m as et, n as hn, o as yt, p as mn, q as bt, s as ke, t as gn, u as yn, v as bn, w as fn, A as ee, x as xn, P as Sn } from "../FinstrongStore-rVhw737g.mjs";
 import { y as yi, F as bi } from "../FinstrongStore-rVhw737g.mjs";
 import * as tt from "d3";
-import { observer as x } from "mobx-react-lite";
-import { u as w, b as Y, p as Q, z as R, q as Cn, a as ft, d as Se, m as He, g as vn, f as wn, j as kn, h as Mn, i as xt } from "../hooks-C41HAxM5.mjs";
+import { observer as S } from "mobx-react-lite";
+import { u as v, b as V, p as Q, z as R, q as Cn, a as ft, d as Se, m as He, g as vn, f as wn, j as kn, h as Mn, i as xt } from "../hooks-C41HAxM5.mjs";
 import { L as J } from "../Loader-DUaFpDGv.mjs";
 import h from "react";
-import W from "@mui/material/Button";
-import V from "@mui/material/Card";
+import $ from "@mui/material/Button";
+import j from "@mui/material/Card";
 import { L as Ne } from "../LineChart-Ct9DNmhS.mjs";
 import { C as St } from "../ConnectionsDrawer-Cd_rztVC.mjs";
 import { l as oe, g as Ct, A as We } from "../ConnectDrawer-FyY0AWYQ.mjs";
@@ -26,23 +26,23 @@ import { u as vt } from "../useDimensions-27p2evRx.mjs";
 import Tn from "@mui/material/Chip";
 import { D as te } from "../Drawer-BEtCk82g.mjs";
 import ne from "@mui/material/Divider";
-import de from "@mui/material/ListItem";
+import pe from "@mui/material/ListItem";
 import wt from "@mui/material/ListItemAvatar";
-import pe from "@mui/material/ListItemText";
+import ue from "@mui/material/ListItemText";
 import { g as kt } from "../AccountFields-CLbLAhLf.mjs";
 import De from "@mui/material/List";
 import On from "@mui/material/ListItemButton";
 import Rn from "@mui/material/ListSubheader";
-import { f as L } from "../NumberFormatting-Buh7u8Oi.mjs";
+import { f as B } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { S as nt, F as Fn } from "../RecurringTransactions-CngsRZ3K.mjs";
-import { Button as Bn } from "@mui/material";
-import { S as Pn } from "../StatusBar-BK_uYHAB.mjs";
+import { Button as Pn } from "@mui/material";
+import { S as Bn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as Ve } from "../DateUtil-CBdcsyuk.mjs";
 import { useVirtualizer as Ln } from "@tanstack/react-virtual";
-import { u as $n, s as Ee, h as Mt, S as Dt, b as At, Z as Wn } from "../TransactionDetails-CJvE4LNC.mjs";
-import { A as En, W as zn } from "../WidgetContainer-GoNq8wwm.mjs";
+import { u as $n, s as ze, h as Mt, S as Dt, b as At, Z as Wn } from "../TransactionDetails-CJvE4LNC.mjs";
+import { A as zn, W as En } from "../WidgetContainer-GoNq8wwm.mjs";
 import { T as ie } from "../TabContentContainer-j01JYR_7.mjs";
-import { b as U } from "../Localization-2MODESHW.mjs";
+import { b as X } from "../Localization-2MODESHW.mjs";
 import { E as Ae } from "../EmptyState-DA_lfRBv.mjs";
 import Gn from "@mui/material/useMediaQuery";
 import { ChartsXAxis as Hn } from "@mui/x-charts/ChartsXAxis";
@@ -83,34 +83,34 @@ const yo = ({
   outterArcRadius: p,
   progressEndAngle: _,
   unitsPerSegment: m,
-  isFinacialStrengthGraph: y
+  isFinacialStrengthGraph: g
 }) => {
-  const C = G(), f = [
-    { offset: "13.62%", color: C.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: C.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: C.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: C.palette.chartMono.chartMono5 }
-  ], [b, S] = sn(
+  const b = E(), w = [
+    { 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,
     r,
     o
-  ), [g, k] = cn(
-    b,
-    S,
+  ), [y, k] = cn(
+    f,
+    x,
     o,
     m,
     _
-  ), D = tt.arc().innerRadius(c).outerRadius(p).startAngle(b).endAngle(S).padAngle(0.02).cornerRadius(8), F = tt.arc().innerRadius(c).outerRadius(p).startAngle(g).endAngle(k).padAngle(0.02).cornerRadius(8);
+  ), D = tt.arc().innerRadius(c).outerRadius(p).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), I = tt.arc().innerRadius(c).outerRadius(p).startAngle(y).endAngle(k).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: D({}),
-        fill: y ? C.palette.divider : n
+        fill: g ? b.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: F({}), fill: "url(#arcGradient)" }),
+    g && /* @__PURE__ */ e("path", { d: I({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -121,7 +121,7 @@ const yo = ({
         x2: s - d * 0.8 * Math.cos(Math.PI / 1.35),
         y1: i + d * 0.8 * Math.sin(Math.PI / 1.35),
         y2: i - d * 0.8 * Math.sin(Math.PI / 1.35),
-        children: f.map((O, H) => /* @__PURE__ */ e("stop", { offset: O.offset, stopColor: O.color }, H))
+        children: w.map((N, G) => /* @__PURE__ */ e("stop", { offset: N.offset, stopColor: N.color }, G))
       }
     ) })
   ] });
@@ -139,17 +139,17 @@ const yo = ({
   footerRightContent: _,
   isFinacialStrengthGraph: m = !1
 }) => {
-  const y = G(), C = -Math.PI / 1.35, f = Math.PI / 1.35, b = f - C, S = b / (s - l), g = (o - l) * S, k = C + g + 0.02, D = n !== "SM" ? 0.1 : 0.12, F = t, O = t * (1 - D), H = F * 2.5, N = H / 2, E = H / 2, me = (O + F) / 2, K = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [ce, re] = ln(me, k, K), ge = o / 25, X = {
+  const g = E(), b = -Math.PI / 1.35, w = Math.PI / 1.35, f = w - b, x = f / (s - l), y = (o - l) * x, k = b + y + 0.02, D = n !== "SM" ? 0.1 : 0.12, I = t, N = t * (1 - D), G = I * 2.5, H = G / 2, W = G / 2, ce = (N + I) / 2, Y = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [re, le] = ln(ce, k, Y), ge = o / 25, U = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, Be = c === 0 ? Xt : Ut;
+  }, Pe = c === 0 ? Xt : Ut;
   return /* @__PURE__ */ a(
     u,
     {
       sx: {
-        width: H,
-        height: H,
+        width: G,
+        height: G,
         position: "relative",
         alignSelf: "center"
       },
@@ -157,16 +157,16 @@ const yo = ({
         /* @__PURE__ */ e(
           Vt,
           {
-            height: H,
+            height: G,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
             series: [
               {
                 data: r,
-                innerRadius: O,
-                outerRadius: F,
-                startAngle: Math.round(Qe(C)),
+                innerRadius: N,
+                outerRadius: I,
+                startAngle: Math.round(Qe(b)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(Qe(f))
+                endAngle: Math.round(Qe(w))
                 // Use Math.degrees to convert
               }
             ],
@@ -180,16 +180,16 @@ const yo = ({
                 {
                   arcColor: Ce.color,
                   arcRadius: t,
-                  arcStartAngle: C,
-                  centerX: N,
-                  centerY: E,
+                  arcStartAngle: b,
+                  centerX: H,
+                  centerY: W,
                   dataIndex: Ce.dataIndex,
                   dialScoreData: r,
-                  innerArcRadius: O,
+                  innerArcRadius: N,
                   isFinacialStrengthGraph: m,
-                  outterArcRadius: F,
+                  outterArcRadius: I,
                   progressEndAngle: k,
-                  totalAngularSpan: b,
+                  totalAngularSpan: f,
                   unitsPerSegment: ge
                 }
               )
@@ -199,14 +199,14 @@ const yo = ({
                 stroke: "none"
               }
             },
-            width: H,
+            width: G,
             children: o >= l && o <= s && /* @__PURE__ */ e(
               "circle",
               {
-                cx: N + ce,
-                cy: E + re,
-                fill: y.palette.common.white,
-                r: X[n].markerSize,
+                cx: H + re,
+                cy: W + le,
+                fill: g.palette.common.white,
+                r: U[n].markerSize,
                 stroke: m ? "url(#arcGradient)" : i,
                 strokeWidth: n !== "SM" ? 3 : 1
               }
@@ -214,12 +214,12 @@ const yo = ({
           }
         ),
         /* @__PURE__ */ e(
-          v,
+          C,
           {
             sx: {
               position: "absolute",
-              top: `${E}px`,
-              left: `${N}px`,
+              top: `${W}px`,
+              left: `${H}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -233,7 +233,7 @@ const yo = ({
                     M,
                     {
                       sx: {
-                        fontSize: X[n].healthScoreFontSize,
+                        fontSize: U[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
                       variant: "H1",
@@ -247,17 +247,17 @@ const yo = ({
           }
         ),
         c !== void 0 && /* @__PURE__ */ e(
-          v,
+          C,
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${N}px`,
+              top: `${W * 2 * 0.83}px`,
+              left: `${H}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
             children: typeof c == "number" ? /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              c > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Be, { size: 16, sx: { color: "text.secondary" } }),
+              c > 0 ? /* @__PURE__ */ e(dt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(Pe, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 M,
                 {
@@ -273,12 +273,12 @@ const yo = ({
           }
         ),
         p !== void 0 && /* @__PURE__ */ e(
-          v,
+          C,
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${N - N / 2}px`,
+              top: `${W * 2 * 0.83}px`,
+              left: `${H - H / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
@@ -287,12 +287,12 @@ const yo = ({
           }
         ),
         _ !== void 0 && /* @__PURE__ */ e(
-          v,
+          C,
           {
             sx: {
               position: "absolute",
-              top: `${E * 2 * 0.83}px`,
-              left: `${N + N / 2}px`,
+              top: `${W * 2 * 0.83}px`,
+              left: `${H + H / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
@@ -302,14 +302,14 @@ const yo = ({
       ]
     }
   );
-}, Ft = x(
+}, Ft = S(
   ({ arcRadius: t, size: o = "L", healthScore: n, footerCenterContent: r }) => {
     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 } = w(), i = Ge(n, s);
+    ], { finstrong: s } = v(), i = Ge(n, s);
     return /* @__PURE__ */ e(
       Rt,
       {
@@ -323,7 +323,7 @@ const yo = ({
       }
     );
   }
-), bo = x(
+), bo = S(
   ({
     arcRadius: t,
     size: o = "L",
@@ -332,7 +332,7 @@ const yo = ({
     minValue: l = 300,
     footerCenterContent: s
   }) => {
-    const d = G().palette.mode === "dark", c = [
+    const d = E().palette.mode === "dark", c = [
       {
         id: 1,
         label: "Poor",
@@ -363,9 +363,9 @@ const yo = ({
         value: 12,
         color: d ? be.EXCEPTIONAL : fe.EXCEPTIONAL
       }
-    ], { finstrong: p } = w(), { isCopyLoaded: _ } = Y();
+    ], { finstrong: p } = v(), { isCopyLoaded: _ } = V();
     if (!_) return /* @__PURE__ */ e(J, {});
-    const { status: m, color: y = "none" } = mt(
+    const { status: m, color: g = "none" } = mt(
       n,
       d,
       p.credit_score_status
@@ -380,7 +380,7 @@ const yo = ({
         footerRightContent: r,
         healthScore: n,
         healthScoreStatus: m,
-        markerColor: y,
+        markerColor: g,
         maxValue: r,
         minValue: l,
         size: o
@@ -397,9 +397,9 @@ const yo = ({
   description: i,
   sx: d
 }) => {
-  const [c, p] = h.useState(!1), { connect: _, finstrong: m } = w();
+  const [c, p] = h.useState(!1), { connect: _, finstrong: m } = v();
   return t ? /* @__PURE__ */ a(
-    V,
+    j,
     {
       sx: {
         pb: 24,
@@ -418,7 +418,7 @@ const yo = ({
             },
             children: [
               n && /* @__PURE__ */ e(pt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(j, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
+              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: l || m.connect_more_accounts_title })
             ]
           }
         ),
@@ -432,7 +432,7 @@ const yo = ({
           }
         ),
         /* @__PURE__ */ e(
-          W,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => p(!0),
@@ -463,7 +463,7 @@ const yo = ({
 };
 var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
 const fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = w(), { isMobile: l } = je(), { updateUser: s, user: i } = Q(), [d, c] = h.useState(i.credit_score || 0), p = !isNaN(d), _ = () => {
+  const { common: n, finstrong: r } = v(), { isMobile: l } = je(), { updateUser: s, user: i } = Q(), [d, c] = h.useState(i.credit_score || 0), p = !isNaN(d), _ = () => {
     o(), setTimeout(() => c(i.credit_score || 0), 300);
   }, m = () => {
     !d || d === i.credit_score || s({ ...i, credit_score: d });
@@ -487,8 +487,8 @@ const fo = ({ isOpen: t, onClose: o }) => {
       children: /* @__PURE__ */ e(
         "form",
         {
-          onSubmit: (y) => {
-            y.preventDefault(), m(), _();
+          onSubmit: (g) => {
+            g.preventDefault(), m(), _();
           },
           children: /* @__PURE__ */ e(
             Me,
@@ -500,7 +500,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
                 noValidate: !0,
                 pattern: "[0-9]*"
               },
-              onChange: (y) => c(Number(y.target.value)),
+              onChange: (g) => c(Number(g.target.value)),
               value: p ? d : ""
             }
           )
@@ -508,11 +508,11 @@ const fo = ({ isOpen: t, onClose: o }) => {
       )
     }
   );
-}, Bt = x(fo), Pe = {
+}, Pt = S(fo), Be = {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
 }, xo = ({ chartFor: t }) => {
-  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: l } = Q(), { finstrong: s } = w(), [i, { width: d }] = vt(), c = {
+  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = R(), { user: l } = Q(), { finstrong: s } = v(), [i, { width: d }] = vt(), c = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
       title: s.key_indicators_save.zero_state_title,
@@ -524,9 +524,9 @@ const fo = ({ isOpen: t, onClose: o }) => {
       description: ""
     },
     creditOverTime: {
-      icon: /* @__PURE__ */ e(ze, { size: 48, sx: { marginBottom: 8 } }),
-      title: Pe.credit_over_time_title,
-      description: Pe.credit_over_time_zero_state_desc
+      icon: /* @__PURE__ */ e(Ee, { size: 48, sx: { marginBottom: 8 } }),
+      title: Be.credit_over_time_title,
+      description: Be.credit_over_time_zero_state_desc
     }
   }[t], _ = {
     savingsOverTime: {
@@ -538,12 +538,12 @@ const fo = ({ isOpen: t, onClose: o }) => {
       valueKey: "debt_balance"
     },
     creditOverTime: {
-      title: Pe.credit_over_time_title,
+      title: Be.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], m = dn(r, _.valueKey), y = Math.max(...r.map((D) => D[_.valueKey])), C = () => y >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : y >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: f, leftMargin: b } = C(), S = _.title, g = t === "creditOverTime";
+  }[t], m = dn(r, _.valueKey), g = Math.max(...r.map((D) => D[_.valueKey])), b = () => g >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : g >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: w, leftMargin: f } = b(), x = _.title, y = t === "creditOverTime";
   let k;
-  if (g) {
+  if (y) {
     const { color: D } = mt(
       l?.credit_score ?? 0,
       n,
@@ -551,8 +551,8 @@ const fo = ({ isOpen: t, onClose: o }) => {
     );
     k = D;
   }
-  return /* @__PURE__ */ e(V, { ref: i, sx: { backgroundColor: "background.paper" }, children: m.length >= 1 ? /* @__PURE__ */ a(u, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: S }),
+  return /* @__PURE__ */ e(j, { ref: i, sx: { backgroundColor: "background.paper" }, children: m.length >= 1 ? /* @__PURE__ */ a(u, { gap: 8, sx: { pl: 18 }, children: [
+    /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: x }),
     /* @__PURE__ */ e(
       Ne,
       {
@@ -561,31 +561,31 @@ const fo = ({ isOpen: t, onClose: o }) => {
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
-        curveType: g ? "linear" : "natural",
+        curveType: y ? "linear" : "natural",
         datasets: m ? [m] : [],
         height: 244,
-        labelFontColor: g ? "text.primary" : "",
-        labelFontSize: g ? 13 : void 0,
+        labelFontColor: y ? "text.primary" : "",
+        labelFontSize: y ? 13 : void 0,
         labels: [s.key_indicators_label],
-        margin: { left: b, top: g ? 25 : 15, right: 20 },
-        markStyles: (D) => g ? {
+        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: g ? 850 : void 0,
-        minRange: g ? 300 : void 0,
+        maxRange: y ? 850 : void 0,
+        minRange: y ? 300 : void 0,
         showArea: !0,
-        showAverage: !g,
-        showMark: !g,
-        showMarkLabel: g,
+        showAverage: !y,
+        showMark: !y,
+        showMarkLabel: y,
         showXAxis: !0,
-        showYAxis: g,
-        showYAxisTicks: g,
+        showYAxis: y,
+        showYAxisTicks: y,
         useCustomMark: !0,
-        valueFormatterString: g ? void 0 : f,
+        valueFormatterString: y ? void 0 : w,
         width: d < 342 ? d - 48 : 342
       }
     )
@@ -594,7 +594,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
     /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: c.title }),
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: c.description })
   ] }) });
-}, Ye = x(xo), So = {
+}, Ye = S(xo), So = {
   updated_score: "Updated Score"
 }, Co = () => {
   const { healthScoreChange: t } = R(), { user: o } = Q(), { availableWidth: n } = Cn(), { isSmallMobile: r } = je(n), [l, s] = h.useState(!1);
@@ -608,12 +608,12 @@ const fo = ({ isOpen: t, onClose: o }) => {
         size: r ? "M" : "L"
       }
     ),
-    /* @__PURE__ */ e(W, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
-    /* @__PURE__ */ e(Bt, { isOpen: l, onClose: () => s(!1) }),
+    /* @__PURE__ */ e($, { onClick: () => s(!0), variant: "contained", children: So.updated_score }),
+    /* @__PURE__ */ e(Pt, { isOpen: l, onClose: () => s(!1) }),
     /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
   ] });
-}, vo = x(Co), Oe = ({ status: t }) => {
-  const { finstrong: o } = w(), n = pn(un[t]), r = {
+}, vo = S(Co), Oe = ({ status: t }) => {
+  const { finstrong: o } = v(), n = pn(un[t]), r = {
     GOOD: o.key_indicators_good,
     FAIR: o.key_indicators_fair,
     OFF_TRACK: o.key_indicators_off_track,
@@ -645,10 +645,10 @@ const fo = ({ isOpen: t, onClose: o }) => {
 }, ko = () => {
   const { user: t } = Q(), o = gt(t.credit_score ?? null);
   return /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(j, { children: wo.keep_strong_credit_score }),
+    /* @__PURE__ */ e(K, { children: wo.keep_strong_credit_score }),
     /* @__PURE__ */ e(Oe, { status: o })
   ] });
-}, Mo = x(ko), Do = ({
+}, Mo = S(ko), Do = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
@@ -662,8 +662,8 @@ const fo = ({ isOpen: t, onClose: o }) => {
   title: _,
   drawerType: m
 }) => {
-  const { finstrong: y } = w(), { isCopyLoaded: C } = Y();
-  return C ? /* @__PURE__ */ a(te, { isOpen: i, onClose: c, title: s || y.key_indicators, children: [
+  const { finstrong: g } = v(), { isCopyLoaded: b } = V();
+  return b ? /* @__PURE__ */ a(te, { isOpen: i, onClose: c, title: s || g.key_indicators, children: [
     (_ || l) && /* @__PURE__ */ a(
       u,
       {
@@ -673,13 +673,13 @@ const fo = ({ isOpen: t, onClose: o }) => {
           p: 24
         },
         children: [
-          _ && typeof _ == "string" ? /* @__PURE__ */ e(j, { children: _ }) : _,
+          _ && typeof _ == "string" ? /* @__PURE__ */ e(K, { children: _ }) : _,
           l && /* @__PURE__ */ e(M, { children: l })
         ]
       }
     ),
     p && /* @__PURE__ */ e(
-      v,
+      C,
       {
         sx: {
           position: "sticky",
@@ -689,7 +689,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
         children: p
       }
     ),
-    t && /* @__PURE__ */ e(v, { children: t }),
+    t && /* @__PURE__ */ e(C, { children: t }),
     /* @__PURE__ */ a(u, { sx: { p: 24, gap: 24 }, children: [
       r,
       d && /* @__PURE__ */ e(
@@ -704,12 +704,12 @@ const fo = ({ isOpen: t, onClose: o }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(J, {});
-}, Pt = x(Do), Ao = ({
+}, Bt = S(Do), Ao = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = ft(), { accounts: l } = w(), { selectedAccounts: s } = Y(), i = h.useCallback(
+  const { config: r } = ft(), { accounts: l } = v(), { selectedAccounts: s } = V(), i = h.useCallback(
     (c) => {
       t?.(c);
     },
@@ -722,7 +722,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
   );
   return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((c) => {
     const { accountsForType: p, totalBalanceForType: _ } = s.reduce(
-      (m, y) => (y.account_type === c && (m.accountsForType.push(y), m.totalBalanceForType += y.balance || 0), m),
+      (m, g) => (g.account_type === c && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ a(
@@ -730,27 +730,27 @@ const fo = ({ isOpen: t, onClose: o }) => {
       {
         subheader: /* @__PURE__ */ e(Rn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: l.account_types[c] }),
-          o && /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: L(_, "0,0.00") })
+          o && /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: B(_, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          p.map((m, y) => {
-            const { firstValue: C } = kt(m, l), f = Ct(m, {
+          p.map((m, g) => {
+            const { firstValue: b } = kt(m, l), w = Ct(m, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), b = /* @__PURE__ */ a(z, { children: [
+            }), f = /* @__PURE__ */ a(z, { children: [
               /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                pe,
+                ue,
                 {
-                  primary: `${f}${m.account_number ? ` *${m.account_number}` : ""}`,
+                  primary: `${w}${m.account_number ? ` *${m.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: L(C ?? 0, "0,0.00") })
+              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: B(b ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(h.Fragment, { children: [
-              /* @__PURE__ */ e(de, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(On, { onClick: () => i(m), children: b }) : b }),
-              y !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
+              /* @__PURE__ */ e(pe, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(On, { onClick: () => i(m), children: f }) : f }),
+              g !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
             ] }, m.guid);
           }),
           /* @__PURE__ */ e(ne, {})
@@ -759,44 +759,44 @@ const fo = ({ isOpen: t, onClose: o }) => {
       c
     );
   }) }) : null;
-}, Lt = x(Ao), Io = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = G(), { config: r } = ft(), { connect: l, finstrong: s } = w(), { accounts: i } = w(), { selectedAccounts: d } = Y(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), y = h.useMemo(
+}, Lt = S(Ao), Io = ({ loadAccounts: t, loadMoreLabel: o }) => {
+  const n = E(), { config: r } = ft(), { connect: l, finstrong: s } = v(), { accounts: i } = v(), { selectedAccounts: d } = V(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
     () => d.filter(
-      (b) => t ? t.includes(b.account_type) : !0
+      (f) => t ? t.includes(f.account_type) : !0
     ),
     [d, t]
-  ), C = h.useMemo(() => y.slice(0, 3), [y]), f = (b) => {
-    const { firstValue: S } = kt(b, i);
-    return S;
+  ), b = h.useMemo(() => g.slice(0, 3), [g]), w = (f) => {
+    const { firstValue: x } = kt(f, i);
+    return x;
   };
-  return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ e(v, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: C.map((b, S) => /* @__PURE__ */ a(h.Fragment, { children: [
-      /* @__PURE__ */ a(de, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: b.institution_guid ?? "" }) }),
+  return g.length >= 1 ? /* @__PURE__ */ a(z, { children: [
+    /* @__PURE__ */ e(C, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: b.map((f, x) => /* @__PURE__ */ a(h.Fragment, { children: [
+      /* @__PURE__ */ a(pe, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ht, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          pe,
+          ue,
           {
-            primary: `${Ct(b, {
+            primary: `${Ct(f, {
               allowNickname: r?.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(M, { bold: !0, variant: "body2", children: L(f(b), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: B(w(f), "0,0.00") })
       ] }),
-      S < C.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
-    ] }, b.guid)) }),
-    y.length > 3 && /* @__PURE__ */ a(z, { children: [
-      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-        W,
+      x < b.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
+    ] }, f.guid)) }),
+    g.length > 3 && /* @__PURE__ */ a(z, { children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
           onClick: () => p(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(A, { bold: !0, variant: "body1", children: [
-            y.length - 3,
+            g.length - 3,
             " ",
             o
           ] })
@@ -805,8 +805,8 @@ const fo = ({ isOpen: t, onClose: o }) => {
       /* @__PURE__ */ e(te, { isOpen: c, onClose: () => p(!1), title: s.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      W,
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+      $,
       {
         onClick: () => m(!0),
         size: "small",
@@ -824,7 +824,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       }
     )
   ] });
-}, $t = x(Io), he = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, $t = S(Io), me = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   u,
   {
     sx: {
@@ -837,12 +837,12 @@ const fo = ({ isOpen: t, onClose: o }) => {
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: L(t, "0,0.00") }) : t,
+      typeof t == "number" ? /* @__PURE__ */ e(M, { variant: "h2", children: B(t, "0,0.00") }) : t,
       /* @__PURE__ */ e(M, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
     ]
   }
 );
-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 || {}), xe = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(xe || {}), 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 O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), xe = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(xe || {}), 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 P = {
   bi_weekly: "Bi-Weekly",
   calculate: "Calculate",
@@ -879,35 +879,35 @@ const P = {
 ], Fo = ({ total: t }) => {
   const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = h.useState(0), [l, s] = h.useState(Je(t)), [i, d] = h.useState(
     Je(t)
-  ), [c, p] = h.useState(o), [_, m] = h.useState(_n(t)), [y, C] = h.useState(xe.Months);
+  ), [c, p] = h.useState(o), [_, m] = h.useState(_n(t)), [g, b] = h.useState(xe.Months);
   h.useEffect(() => {
     r(
       et({
         contribution: i,
         goalAmount: c,
         goalPeriod: _,
-        targetPeriod: y,
+        targetPeriod: g,
         totalSaved: t
       })
     ), s(i);
   }, []);
-  const f = (b) => {
-    b.preventDefault(), r(
+  const w = (f) => {
+    f.preventDefault(), r(
       et({
         contribution: i,
         goalAmount: c,
         goalPeriod: _,
-        targetPeriod: y,
+        targetPeriod: g,
         totalSaved: t
       })
     ), s(i);
   };
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: f, children: /* @__PURE__ */ a(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("form", { onSubmit: w, children: /* @__PURE__ */ a(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      me,
       {
         balance: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(A, { variant: "h2", children: L(n, "0,0") }),
+          /* @__PURE__ */ e(A, { variant: "h2", children: B(n, "0,0") }),
           /* @__PURE__ */ a(A, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             Oo[l]
@@ -926,10 +926,10 @@ const P = {
           pattern: "[0-9]*"
         },
         label: P.savings_goal,
-        onChange: (b) => {
-          b.target.value && p(Number(b.target.value.replace(/[^0-9]/g, "")));
+        onChange: (f) => {
+          f.target.value && p(Number(f.target.value.replace(/[^0-9]/g, "")));
         },
-        value: c ? L(c, "0,0") : ""
+        value: c ? B(c, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
@@ -953,7 +953,7 @@ const P = {
             pattern: "[0-9]*"
           },
           label: P.meet_your_goal_within,
-          onChange: (b) => m(Number(b.target.value)),
+          onChange: (f) => m(Number(f.target.value)),
           sx: {
             "& .MuiInputBase-root": {
               borderBottomRightRadius: 0,
@@ -967,7 +967,7 @@ const P = {
         }
       ),
       /* @__PURE__ */ e(
-        v,
+        C,
         {
           sx: {
             "& .MuiInputBase-root": {
@@ -978,27 +978,27 @@ const P = {
               }
             }
           },
-          children: /* @__PURE__ */ e(nt, { label: "", onChange: C, options: Ro, value: y })
+          children: /* @__PURE__ */ e(nt, { label: "", onChange: b, options: Ro, value: g })
         }
       )
     ] }),
-    /* @__PURE__ */ e(W, { fullWidth: !0, onClick: f, type: "submit", variant: "contained", children: P.calculate })
+    /* @__PURE__ */ e($, { fullWidth: !0, onClick: w, type: "submit", variant: "contained", children: P.calculate })
   ] }) }) });
-}, Bo = x(Fo), we = {
+}, Po = S(Fo), we = {
   connect_accounts: "Connect Accounts",
   more_accounts: "More Accounts",
   your_savings: "Your Savings"
-}, Po = () => {
+}, Bo = () => {
   const { savingsAccounts: t } = Se(), [o, n] = h.useState(!1), r = h.useMemo(
     () => t.reduce((l, s) => l + (s.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(he, { balance: r, title: we.your_savings }),
-      t.length ? /* @__PURE__ */ e($t, { loadAccounts: [We.SAVINGS], loadMoreLabel: we.connect_accounts }) : /* @__PURE__ */ e(Bn, { onClick: () => n(!0), variant: "contained", children: we.connect_accounts })
+    /* @__PURE__ */ e(j, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
+      /* @__PURE__ */ e(me, { balance: r, title: we.your_savings }),
+      t.length ? /* @__PURE__ */ e($t, { loadAccounts: [We.SAVINGS], loadMoreLabel: we.connect_accounts }) : /* @__PURE__ */ e(Pn, { onClick: () => n(!0), variant: "contained", children: we.connect_accounts })
     ] }) }),
-    /* @__PURE__ */ e(Bo, { total: r }),
+    /* @__PURE__ */ e(Po, { total: r }),
     /* @__PURE__ */ e(
       oe,
       {
@@ -1008,9 +1008,9 @@ const P = {
       }
     )
   ] });
-}, Lo = x(Po), Re = x(
+}, Lo = S(Bo), Re = S(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: l = [] }) => {
-    const { finstrong: s } = w(), i = {
+    const { finstrong: s } = v(), i = {
       GOOD: {
         backgroundColor: "success.lighter",
         color: "success.main",
@@ -1073,7 +1073,7 @@ const P = {
             )
           ] }),
           /* @__PURE__ */ a(u, { children: [
-            /* @__PURE__ */ e(Pn, { data: d, height: 16 }),
+            /* @__PURE__ */ e(Bn, { data: d, height: 16 }),
             r
           ] })
         ]
@@ -1082,7 +1082,7 @@ const P = {
   }
 ), $o = {
   sticky_label: "You have saved"
-}, Wo = ["$0", "$250", "$500", "$750", "$1k"], Eo = () => {
+}, Wo = ["$0", "$250", "$500", "$750", "$1k"], zo = () => {
   const { healthScore: t } = R(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = hn(o), r = yt(o);
   return /* @__PURE__ */ e(
     Re,
@@ -1108,10 +1108,10 @@ const P = {
           percentage: n
         }
       ],
-      value: L(o ?? 0, "0,0.00")
+      value: B(o ?? 0, "0,0.00")
     }
   );
-}, zo = x(Eo), it = 65, st = 34, Go = ({
+}, Eo = S(zo), it = 65, st = 34, Go = ({
   transactions: t,
   bgcolor: o,
   height: n = "calc(100dvh - 36px)",
@@ -1122,51 +1122,51 @@ const P = {
   width: d = "100%",
   zeroState: c = /* @__PURE__ */ e(Wn, {})
 }) => {
-  const { getCategoryName: p } = He(), { onEvent: _ } = vn(), { categories: m } = w(), { clearExpandedSplits: y, setShowInsights: C, toggleSplit: f } = $n(), b = (k) => {
-    const D = t.find((F) => F.guid === k);
+  const { getCategoryName: p } = He(), { onEvent: _ } = vn(), { categories: m } = v(), { clearExpandedSplits: g, setShowInsights: b, toggleSplit: w } = $n(), f = (k) => {
+    const D = t.find((I) => I.guid === k);
     if (D?.has_been_split) {
-      f(D.guid);
+      w(D.guid);
       return;
     }
-    _(En.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    _(zn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: D?.account_guid,
       transaction_guid: k
     }), l?.(k);
-  }, S = h.useRef(null), g = Ln({
+  }, x = h.useRef(null), y = Ln({
     count: t.length,
-    getScrollElement: () => S.current,
-    estimateSize: (k) => it + (Ee(k, t) ? st : 0),
+    getScrollElement: () => x.current,
+    estimateSize: (k) => it + (ze(k, t) ? st : 0),
     overscan: 5
   });
-  return h.useEffect(() => g.measure(), [t]), h.useEffect(() => C(s), [s]), h.useEffect(() => () => y(), []), /* @__PURE__ */ e(De, { sx: { width: d }, children: /* @__PURE__ */ e(v, { height: n, overflow: "auto", ref: S, width: d, children: /* @__PURE__ */ a(
-    v,
+  return h.useEffect(() => y.measure(), [t]), h.useEffect(() => b(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(De, { sx: { width: d }, children: /* @__PURE__ */ e(C, { height: n, overflow: "auto", ref: x, width: d, children: /* @__PURE__ */ a(
+    C,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
-        g.getVirtualItems().length === 0 ? "auto" : g.getTotalSize()
+        y.getVirtualItems().length === 0 ? "auto" : y.getTotalSize()
       ),
       position: "relative",
       width: "100%",
       children: [
         i && r,
-        !i && g.getVirtualItems().length === 0 && c,
-        !i && g.getVirtualItems().length > 0 && g.getVirtualItems().map((k) => {
-          const D = t[k.index], F = Ee(k.index, t), O = Mt(k.index, t), H = it + (F ? st : 0);
+        !i && y.getVirtualItems().length === 0 && c,
+        !i && y.getVirtualItems().length > 0 && y.getVirtualItems().map((k) => {
+          const D = t[k.index], I = ze(k.index, t), N = Mt(k.index, t), G = it + (I ? st : 0);
           return /* @__PURE__ */ a(
-            v,
+            C,
             {
               sx: {
-                height: H,
+                height: G,
                 position: "absolute",
                 transform: `translateY(${k.start}px)`,
                 width: "100%"
               },
               children: [
-                F && /* @__PURE__ */ e(Dt, { bgcolor: o, children: Ve(D.date) }),
+                I && /* @__PURE__ */ e(Dt, { bgcolor: o, children: Ve(D.date) }),
                 /* @__PURE__ */ e(
                   At,
                   {
-                    ...l && { onClick: b },
+                    ...l && { onClick: f },
                     transaction: {
                       ...D,
                       category: m.default_categories[D.top_level_category_guid]?.replace(
@@ -1176,7 +1176,7 @@ const P = {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(ne, { sx: { ml: O ? 24 : 0 } })
+                /* @__PURE__ */ e(ne, { sx: { ml: N ? 24 : 0 } })
               ]
             },
             D.guid
@@ -1185,17 +1185,17 @@ const P = {
       ]
     }
   ) }) });
-}, Ho = x(Go), Fe = ({
+}, Ho = S(Go), Fe = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
   formatDate: r = Ve,
   secondaryIcon: l
 }) => {
-  const s = G(), { connect: i, finstrong: d } = w(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), y = 3, C = t.length > y, f = t.length - y;
+  const s = E(), { connect: i, finstrong: d } = v(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, b = t.length > g, w = t.length - g;
   return !t || t.length === 0 ? /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      W,
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+      $,
       {
         onClick: () => m(!0),
         size: "small",
@@ -1213,7 +1213,7 @@ const P = {
       }
     )
   ] }) : /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(v, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, y).map((b, S) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e(C, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((f, x) => /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -1227,8 +1227,8 @@ const P = {
           /* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
             rn,
             {
-              categoryGuid: b.top_level_category_guid || "",
-              merchantGuid: b.merchant_guid || "",
+              categoryGuid: f.top_level_category_guid || "",
+              merchantGuid: f.merchant_guid || "",
               size: 32
             }
           ) }),
@@ -1240,7 +1240,7 @@ const P = {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...S < Math.min(t.length, y) - 1 && {
+                ...x < Math.min(t.length, g) - 1 && {
                   borderBottom: `1px solid ${s.palette.divider}`
                 },
                 pb: 14,
@@ -1249,31 +1249,31 @@ const P = {
               },
               children: [
                 /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
-                  /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: b.description }),
+                  /* @__PURE__ */ e(M, { bold: !0, variant: "body1", children: f.description }),
                   /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
                     !!l && l,
-                    /* @__PURE__ */ e(A, { variant: "caption", children: r(b.date) })
+                    /* @__PURE__ */ e(A, { variant: "caption", children: r(f.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: L(b.amount, "0,0.00") })
+                /* @__PURE__ */ e(M, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: B(f.amount, "0,0.00") })
               ]
             },
-            b.guid || S
+            f.guid || x
           )
         ]
       },
-      S
+      x
     )) }),
-    C && /* @__PURE__ */ a(z, { children: [
-      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-        W,
+    b && /* @__PURE__ */ a(z, { children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
           onClick: () => p(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(A, { bold: !0, variant: "body1", children: [
-            f,
+            w,
             " ",
             d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
@@ -1295,11 +1295,11 @@ const P = {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = w(), { getSpendingFeeTransactions: o, allTransactions: n } = R();
+  } = v(), { getSpendingFeeTransactions: o, allTransactions: n } = R();
   return h.useEffect(() => {
     o().finally();
   }, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
-    V,
+    j,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1312,13 +1312,13 @@ const P = {
       children: [
         /* @__PURE__ */ e(qt, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(j, { children: t.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(K, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(M, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
   ) : /* @__PURE__ */ a(
-    V,
+    j,
     {
       sx: {
         p: 16,
@@ -1326,7 +1326,7 @@ const P = {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(j, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(K, { sx: { textAlign: "left", pb: 8 }, children: t.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           Fe,
           {
@@ -1340,8 +1340,8 @@ const P = {
       ]
     }
   ) });
-}, Ko = x(No), jo = () => {
-  const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = mn(t.spending_fee_transaction_count);
+}, Ko = S(No), jo = () => {
+  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = mn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     u,
     {
@@ -1364,11 +1364,11 @@ const P = {
       ]
     }
   );
-}, Vo = x(jo), Yo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = w();
-  return console.log(t, " savingsAndCheckingAccountsBalance"), /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
+}, Vo = S(jo), Yo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = v();
+  return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      me,
       {
         balance: t,
         title: o.key_indicators_save.drawer_available_balance
@@ -1382,8 +1382,8 @@ const P = {
       }
     )
   ] });
-}, Xo = x(Yo), Uo = () => {
-  const { finstrong: t } = w(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: l } = R(), { isInitialized: s } = Y();
+}, Xo = S(Yo), Uo = () => {
+  const { finstrong: t } = v(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: l } = R(), { isInitialized: s } = V();
   h.useEffect(() => {
     s && (r().finally(), l().finally());
   }, [s]);
@@ -1391,20 +1391,20 @@ const P = {
     const d = n.spend.map((p) => p.transaction), c = n.debtSpend.map((p) => p.transaction);
     return [...d, ...c];
   }, [n.spend, n.debtSpend]);
-  return s ? (console.log(o, n, "healthScore, allTransactions,"), /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
+  return s ? /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      me,
       {
         balance: o.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
       }
     ),
     /* @__PURE__ */ e(Fe, { amountColor: "text.primary", transactions: i })
-  ] })) : /* @__PURE__ */ e(J, {});
-}, qo = x(Uo), Zo = () => {
-  const [t, o] = h.useState(0), { finstrong: n } = w();
-  return console.log(n, "copy from SaveEnoughToLiveOnDrawerContent"), /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ a(V, { children: [
+  ] }) : /* @__PURE__ */ e(J, {});
+}, qo = S(Uo), Zo = () => {
+  const [t, o] = h.useState(0), { finstrong: n } = v();
+  return /* @__PURE__ */ a(z, { children: [
+    /* @__PURE__ */ a(j, { children: [
       /* @__PURE__ */ a(
         Ke,
         {
@@ -1439,9 +1439,9 @@ const P = {
     ] }),
     /* @__PURE__ */ e(Ye, { chartFor: "savingsOverTime" })
   ] });
-}, Qo = x(Zo), Jo = () => {
-  const { finstrong: t } = w(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), i = Math.round((n - s) * l), d = n / 6 * 100, c = ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"];
-  return console.log(o, "healthscore from SaveEnoughToLiveOnProgressBar"), /* @__PURE__ */ e(
+}, Qo = S(Zo), Jo = () => {
+  const { finstrong: t } = v(), { healthScore: o } = R(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), l = 183 / 6, s = Math.floor(n), i = Math.round((n - s) * l), d = n / 6 * 100;
+  return /* @__PURE__ */ e(
     Re,
     {
       bottomComponent: /* @__PURE__ */ e(
@@ -1454,7 +1454,7 @@ const P = {
             mt: 2,
             px: 1
           },
-          children: c.map((p) => /* @__PURE__ */ a(
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ a(
             u,
             {
               sx: {
@@ -1486,11 +1486,11 @@ const P = {
           percentage: `${d}%`
         }
       ],
-      value: U(t.key_indicators_save.drawer_progress_bar_value, s, i)
+      value: X(t.key_indicators_save.drawer_progress_bar_value, s, i)
     }
   );
-}, er = x(Jo), tr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = w(), n = ke(t.debt_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((i) => r ? "MISSING" : i <= 30 ? "GOOD" : i >= 31 && i <= 39 ? "FAIR" : i >= 40 ? "OFF_TRACK" : "MISSING")(n);
+}, er = S(Jo), tr = () => {
+  const { healthScore: t } = R(), { finstrong: o } = v(), n = ke(t.debt_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((i) => r ? "MISSING" : i <= 30 ? "GOOD" : i >= 31 && i <= 39 ? "FAIR" : i >= 40 ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     Re,
     {
@@ -1507,7 +1507,7 @@ const P = {
           },
           children: [
             /* @__PURE__ */ e(
-              v,
+              C,
               {
                 sx: {
                   left: "30%",
@@ -1541,7 +1541,7 @@ const P = {
               }
             ),
             /* @__PURE__ */ e(
-              v,
+              C,
               {
                 sx: {
                   display: "flex",
@@ -1550,7 +1550,7 @@ const P = {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(A, { variant: "Small", children: U(
+                children: /* @__PURE__ */ e(A, { variant: "Small", children: X(
                   o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) })
@@ -1566,14 +1566,14 @@ const P = {
           percentage: `${n}%`
         }
       ],
-      value: L(t.ninety_day_debt_spend, "0,0.00")
+      value: B(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, nr = x(tr), or = () => {
-  const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = w(), [l, s] = h.useState(!1);
+}, nr = S(tr), or = () => {
+  const { healthScore: t, allTransactions: o } = R(), { connect: n, finstrong: r } = v(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      me,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
@@ -1584,7 +1584,7 @@ const P = {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e(Fe, { transactions: o.income.map((i) => i.transaction) })
     ) : /* @__PURE__ */ e(
-      W,
+      $,
       {
         onClick: () => {
           s(!0);
@@ -1602,11 +1602,11 @@ const P = {
       }
     )
   ] });
-}, rr = x(or), ar = () => {
-  const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = w(), [l, s] = h.useState(!1);
+}, rr = S(or), ar = () => {
+  const { allTransactions: t, healthScore: o } = R(), { connect: n, finstrong: r } = v(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      me,
       {
         balance: o.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
@@ -1623,7 +1623,7 @@ const P = {
         }
       )
     ) : /* @__PURE__ */ e(
-      W,
+      $,
       {
         onClick: () => {
           s(!0);
@@ -1641,22 +1641,22 @@ const P = {
       }
     )
   ] });
-}, ir = x(ar), sr = ({
+}, ir = S(ar), sr = ({
   color: t,
   data: o,
   series: n,
   style: r,
   ...l
 }) => {
-  const s = G(), i = h.useRef(null), { width: d } = jn({
+  const s = E(), i = h.useRef(null), { width: d } = jn({
     width: r.width
   });
   h.useLayoutEffect(() => {
     const m = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (i.current) {
-          const { width: y } = i.current.getBoundingClientRect(), C = y / 2, f = i.current.querySelector("text");
-          f && f.setAttribute("transform", `translate(${C}, -8)`);
+          const { width: g } = i.current.getBoundingClientRect(), b = g / 2, w = i.current.querySelector("text");
+          w && w.setAttribute("transform", `translate(${b}, -8)`);
         }
       });
     });
@@ -1692,20 +1692,20 @@ const P = {
   totalComparison: d,
   totalMain: c
 }) => {
-  const p = G(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
-    () => o.sort((g, k) => g.month - k.month).map((g) => {
-      const k = gn(g.month), D = {
+  const p = E(), _ = Gn(p.breakpoints.down("xs")), m = h.useMemo(
+    () => o.sort((y, k) => y.month - k.month).map((y) => {
+      const k = gn(y.month), D = {
         spending_vs_income: {
-          main: g.standard_spend,
-          comparison: g.income,
-          formattedMain: L(g.standard_spend, "0.0a"),
-          formattedComparison: L(g.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: g.income,
-          comparison: g.debt_spend,
-          formattedMain: L(g.income, "0.0a"),
-          formattedComparison: L(g.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 {
@@ -1714,19 +1714,19 @@ const P = {
       };
     }),
     [o, t]
-  ), y = {
+  ), g = {
     dataKey: "label",
     scaleType: "band"
-  }, C = Math.max(...m.map((g) => Math.max(g.main, g.comparison))), f = Math.ceil(C * 1.2 / 1e3) * 1e3, b = f / 3, S = {
+  }, b = Math.max(...m.map((y) => Math.max(y.main, y.comparison))), w = Math.ceil(b * 1.2 / 1e3) * 1e3, f = w / 3, x = {
     scaleType: "linear",
     min: 0,
-    max: f,
+    max: w,
     tickNumber: 4,
-    tickMinStep: b,
-    valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
+    tickMinStep: f,
+    valueFormatter: (y) => y === 0 ? "$0" : `$${(y / 1e3).toFixed(0)}K`
   };
   return /* @__PURE__ */ a(
-    V,
+    j,
     {
       sx: {
         px: 16,
@@ -1744,9 +1744,9 @@ const P = {
               pb: 8
             },
             children: [
-              /* @__PURE__ */ e(j, { children: n }),
+              /* @__PURE__ */ e(K, { children: n }),
               r && /* @__PURE__ */ e(
-                W,
+                $,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
                   onClick: l,
@@ -1765,7 +1765,7 @@ const P = {
         /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
           /* @__PURE__ */ a(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
             /* @__PURE__ */ e(
-              v,
+              C,
               {
                 sx: {
                   width: 10,
@@ -1785,7 +1785,7 @@ const P = {
           ] }),
           /* @__PURE__ */ a(u, { alignItems: "center", direction: "row", spacing: 8, children: [
             /* @__PURE__ */ e(
-              v,
+              C,
               {
                 sx: {
                   width: 10,
@@ -1815,19 +1815,19 @@ const P = {
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
             ],
-            xAxis: [y],
-            yAxis: [S],
+            xAxis: [g],
+            yAxis: [x],
             children: [
               /* @__PURE__ */ e(
                 Yt,
                 {
                   slots: {
-                    bar: (g) => {
-                      const { ownerState: k, style: D, ...F } = g;
+                    bar: (y) => {
+                      const { ownerState: k, style: D, ...I } = y;
                       return /* @__PURE__ */ e(
                         sr,
                         {
-                          ...F,
+                          ...I,
                           color: k.color,
                           data: m,
                           series: {
@@ -1888,11 +1888,11 @@ const P = {
     }
   );
 }, cr = () => {
-  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = Y(), [l, s] = h.useState(0), { finstrong: i } = w();
+  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = R(), { isInitialized: r } = V(), [l, s] = h.useState(0), { finstrong: i } = v();
   return h.useEffect(() => {
     r && (t().finally(), o().finally());
   }, [r]), /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ a(j, { children: [
       /* @__PURE__ */ a(
         Ke,
         {
@@ -1992,8 +1992,8 @@ const P = {
       )
     ] })
   ] });
-}, lr = x(cr), dr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = w(), n = ke(t.spend_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((d) => r ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), i = {
+}, lr = S(cr), dr = () => {
+  const { healthScore: t } = R(), { finstrong: o } = v(), n = ke(t.spend_to_income_ratio) ?? 0, r = Object.keys(t).length === 0, s = ((d) => r ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), i = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
@@ -2013,7 +2013,7 @@ const P = {
           },
           children: [
             /* @__PURE__ */ a(A, { variant: "body2", children: [
-              r ? "-" : L(t.ninety_day_income, "0,0.00"),
+              r ? "-" : B(t.ninety_day_income, "0,0.00"),
               " ",
               o?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
@@ -2027,27 +2027,27 @@ const P = {
       label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: s,
       statusBarData: i,
-      value: r ? "$0" : L(t.ninety_day_spend, "0,0.00")
+      value: r ? "$0" : B(t.ninety_day_spend, "0,0.00")
     }
   );
-}, pr = x(dr), ur = () => {
-  const t = G(), { monthlySummaries: o } = R(), { finstrong: n, goals: r, spending: l } = w(), { selectedAccounts: s } = Y(), { categories: i, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = He(), { appDataStore: p } = wn(), [_, m] = h.useState("");
-  console.log(o, "monthlySummaries in spend less than you make"), console.log(i, d, "categories, dateRangeCategoryTotals"), console.log(p, "appDataStore"), h.useEffect(() => {
+}, pr = S(dr), ur = () => {
+  const t = E(), { monthlySummaries: o } = R(), { finstrong: n, goals: r, spending: l } = v(), { selectedAccounts: s } = V(), { categories: i, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = He(), { appDataStore: p } = wn(), [_, m] = h.useState("");
+  h.useEffect(() => {
     c(
       s,
       It(/* @__PURE__ */ new Date()),
       Tt(/* @__PURE__ */ new Date())
     ).finally();
   }, [s]);
-  const y = h.useMemo(
+  const g = h.useMemo(
     () => Vn(i, r, t, d),
     [i, d]
-  ), C = (S) => {
-    m(_ === S ? "" : S);
-  }, { totalSpending: f, totalIncome: b } = h.useMemo(() => o?.reduce(
-    (S, { standard_spend: g = 0, income: k = 0 }) => ({
-      totalSpending: S.totalSpending + g,
-      totalIncome: S.totalIncome + k
+  ), b = (x) => {
+    m(_ === x ? "" : x);
+  }, { totalSpending: w, totalIncome: f } = h.useMemo(() => o?.reduce(
+    (x, { standard_spend: y = 0, income: k = 0 }) => ({
+      totalSpending: x.totalSpending + y,
+      totalIncome: x.totalIncome + k
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [o]);
@@ -2063,8 +2063,8 @@ const P = {
         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: L(b, "0,0.00"),
-        totalMain: L(f, "0,0.00")
+        totalComparison: B(f, "0,0.00"),
+        totalMain: B(w, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Ae,
@@ -2082,8 +2082,8 @@ const P = {
         variant: "no-buttons"
       }
     ),
-    y ? /* @__PURE__ */ a(
-      V,
+    g ? /* @__PURE__ */ a(
+      j,
       {
         sx: {
           px: 16,
@@ -2101,9 +2101,9 @@ const P = {
                 pb: 8
               },
               children: [
-                /* @__PURE__ */ e(j, { children: n.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                /* @__PURE__ */ e(K, { children: n.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 p.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  W,
+                  $,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
                     size: "small",
@@ -2122,8 +2122,8 @@ const P = {
             /* @__PURE__ */ e(
               Yn,
               {
-                data: y,
-                onSelected: C,
+                data: g,
+                onSelected: b,
                 selectedId: _,
                 totalLabel: l.total_spending
               }
@@ -2131,8 +2131,8 @@ const P = {
             /* @__PURE__ */ e(
               Xn,
               {
-                data: y,
-                onSelected: C,
+                data: g,
+                onSelected: b,
                 selectedId: _
               }
             )
@@ -2156,7 +2156,7 @@ const P = {
       }
     )
   ] });
-}, _r = x(ur), Le = {
+}, _r = S(ur), Le = {
   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"
@@ -2165,7 +2165,7 @@ const P = {
   isOpen: o,
   onClose: n
 }) => {
-  const { finstrong: r } = w(), s = {
+  const { finstrong: r } = v(), s = {
     spendLessThanYouMake: {
       title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
@@ -2187,7 +2187,7 @@ const P = {
     maintainEmergencySavings: {
       content: /* @__PURE__ */ e(Lo, {}),
       description: Le.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(zo, {}),
+      stickyComponent: /* @__PURE__ */ e(Eo, {}),
       title: Le.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2219,7 +2219,7 @@ const P = {
     }
   }[t];
   return /* @__PURE__ */ e(
-    Pt,
+    Bt,
     {
       connectDescription: s?.connectDescription,
       connectTitle: s?.connectTitle,
@@ -2234,7 +2234,7 @@ const P = {
       children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: s.content })
     }
   );
-}, mr = x(hr), _e = ({
+}, mr = S(hr), he = ({
   drawerFor: t,
   title: o,
   description: n,
@@ -2279,13 +2279,13 @@ const P = {
     )
   ] });
 }, gr = () => {
-  const { finstrong: t } = w(), { key_indicators_spend: o } = t, { healthScore: n } = R(), r = (i) => {
+  const { finstrong: t } = v(), { key_indicators_spend: o } = t, { healthScore: n } = R(), r = (i) => {
     const d = bn(i), c = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
       MISSING: o.ratio_missing_description
-    }, p = d === "MISSING" ? c[d] : U(c[d], i);
+    }, p = d === "MISSING" ? c[d] : X(c[d], i);
     return {
       cardState: d,
       description: p,
@@ -2305,7 +2305,7 @@ const P = {
   ]);
   return /* @__PURE__ */ a(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: l.cardState,
         description: l.description,
@@ -2314,7 +2314,7 @@ const P = {
       }
     ),
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: s.cardState,
         description: s.description,
@@ -2323,14 +2323,14 @@ const P = {
       }
     )
   ] });
-}, yr = x(gr), br = () => {
-  const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_save: n } = o, r = (d) => {
+}, yr = S(gr), br = () => {
+  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_save: n } = o, r = (d) => {
     const c = bt(d), p = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, _ = c === "MISSING" ? p[c] : U(p[c], d);
+    }, _ = c === "MISSING" ? p[c] : X(p[c], d);
     return {
       cardState: c,
       description: _,
@@ -2344,9 +2344,9 @@ const P = {
       MISSING: n.emergency_savings_missing_description
     };
     let _;
-    return c === "FAIR" && d !== null ? _ = U(
+    return c === "FAIR" && d !== null ? _ = X(
       p[c],
-      L(d, "0,0.00")
+      B(d, "0,0.00")
     ) : _ = p[c], {
       cardState: c,
       description: _,
@@ -2363,7 +2363,7 @@ const P = {
   ]);
   return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: s.cardState,
         description: s.description,
@@ -2372,7 +2372,7 @@ const P = {
       }
     ),
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: i.cardState,
         description: i.description,
@@ -2381,14 +2381,14 @@ const P = {
       }
     )
   ] });
-}, fr = x(br), xr = () => {
-  const { healthScore: t } = R(), { finstrong: o } = w(), { key_indicators_borrow: n } = o, { user: r } = Q(), l = (c) => {
+}, fr = S(br), xr = () => {
+  const { healthScore: t } = R(), { finstrong: o } = v(), { key_indicators_borrow: n } = o, { user: r } = Q(), l = (c) => {
     const p = fn(c), _ = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
       MISSING: n.manage_debit_missing_description
-    }, m = p === "FAIR" || p === "OFF_TRACK" ? U(_[p], c) : _[p];
+    }, m = p === "FAIR" || p === "OFF_TRACK" ? X(_[p], c) : _[p];
     return {
       cardState: p,
       description: m,
@@ -2400,7 +2400,7 @@ const P = {
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
       MISSING: n.credit_score_missing_description
-    }, m = p === "MISSING" ? _[p] : U(_[p], c);
+    }, m = p === "MISSING" ? _[p] : X(_[p], c);
     return {
       cardState: p,
       description: m,
@@ -2415,7 +2415,7 @@ const P = {
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: i.cardState,
         description: i.description,
@@ -2424,7 +2424,7 @@ const P = {
       }
     ),
     /* @__PURE__ */ e(
-      _e,
+      he,
       {
         cardState: d.cardState,
         description: d.description,
@@ -2433,8 +2433,8 @@ const P = {
       }
     )
   ] });
-}, Sr = x(xr), Cr = () => {
-  const [t, o] = h.useState(0), { finstrong: n } = w();
+}, Sr = S(xr), Cr = () => {
+  const [t, o] = h.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ a(
       Ke,
@@ -2456,7 +2456,7 @@ const P = {
             ae,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(ze, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Ee, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
               label: n.key_indicators_spend.title,
@@ -2492,16 +2492,16 @@ const P = {
     /* @__PURE__ */ e(ie, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(fr, {}) }),
     /* @__PURE__ */ e(ie, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Sr, {}) })
   ] });
-}, vr = x(Cr), wr = ({ onClick: t }) => {
-  const { finstrong: o } = w(), { isCopyLoaded: n } = Y();
+}, vr = S(Cr), wr = ({ onClick: t }) => {
+  const { finstrong: o } = v(), { isCopyLoaded: n } = V();
   return n ? /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(ut, { size: 48 }),
     /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(j, { children: o.missing_data_title }),
+      /* @__PURE__ */ e(K, { children: o.missing_data_title }),
       /* @__PURE__ */ e(M, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      W,
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+      $,
       {
         endIcon: /* @__PURE__ */ e(Z, {}),
         onClick: t,
@@ -2517,7 +2517,7 @@ const P = {
       }
     ) })
   ] }) : /* @__PURE__ */ e(J, {});
-}, kr = x(wr), Mr = {
+}, kr = S(wr), Mr = {
   add_more_income: "Add More Income"
 }, Dr = ({
   incomeTransactions: t,
@@ -2525,9 +2525,9 @@ const P = {
   transaction: n
 }) => /* @__PURE__ */ a(h.Fragment, { children: [
   /* @__PURE__ */ a(u, { children: [
-    !!t.length && /* @__PURE__ */ e(v, { sx: { pb: 24 }, children: t.reduce((r, l, s) => {
+    !!t.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: t.reduce((r, l, s) => {
       if (l.guid === n.guid) return r;
-      const i = Ee(s, t), d = Mt(s, t);
+      const i = ze(s, t), d = Mt(s, t);
       return r.push(
         /* @__PURE__ */ a(h.Fragment, { children: [
           i && /* @__PURE__ */ e(Dt, { children: Ve(l.date) }),
@@ -2552,22 +2552,22 @@ const P = {
       }
     )
   ] }),
-  /* @__PURE__ */ e(v, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-    W,
+  /* @__PURE__ */ e(C, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+    $,
     {
       fullWidth: !0,
-      onClick: () => o({ step: T.MonthlyIncome, type: "main" }),
+      onClick: () => o({ step: O.MonthlyIncome, type: "main" }),
       startIcon: /* @__PURE__ */ e(_t, {}),
       children: Mr.add_more_income
     }
   ) })
-] }), Ar = x(Dr), Ir = {
+] }), Ar = S(Dr), Ir = {
   select_date: "Select Date"
 }, Tr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const n = G(), r = (l) => {
+  const n = E(), r = (l) => {
     o(Math.floor(new Date(l).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Jn, { dateAdapter: Ot, children: /* @__PURE__ */ e(
     eo,
     {
       disableFuture: !0,
@@ -2577,13 +2577,13 @@ const P = {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: _e(n.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: _e(n.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2591,17 +2591,17 @@ const P = {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: ue(n.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: _e(n.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Or = x(Tr), Rr = {
+}, Or = S(Tr), Rr = {
   credit_score: "Credit Score"
 }, Fr = ({ creditScore: t, setCreditScore: o }) => {
   const n = !isNaN(t);
-  return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
     Me,
     {
       error: !n,
@@ -2616,9 +2616,9 @@ const P = {
       value: n ? t : ""
     }
   ) });
-}, Br = x(Fr), Et = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
+}, Pr = S(Fr), zt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
-    v,
+    C,
     {
       sx: {
         bgcolor: r < t ? "primary.main" : "neutral.light",
@@ -2634,21 +2634,21 @@ const P = {
     "% ",
     o
   ] })
-] }), Pr = ({
+] }), Br = ({
   completeCopy: t,
   primaryText: o,
   secondaryText: n,
   value: r
 }) => /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(j, { children: o }),
+    /* @__PURE__ */ e(K, { children: o }),
     /* @__PURE__ */ e(M, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(Et, { completeCopy: t, value: r })
+  /* @__PURE__ */ e(zt, { completeCopy: t, value: r })
 ] }), ct = {
-  step: T.ConnectAccounts,
+  step: O.ConnectAccounts,
   type: "main"
-}, B = {
+}, F = {
   add_accounts: "Add Accounts",
   add_income_primary: "What is your monthly income?",
   add_income_secondary: "Add your income so that we can accurately measure your financial strength.",
@@ -2667,14 +2667,14 @@ const P = {
   do_it_later: "Do It Later",
   next: "Next"
 }, Lr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = R(), { finstrong: l } = w(), { setSelectedAccounts: s } = Y(), { setDateRange: i } = kn(), { filter: d, setFilter: c, transactions: p } = Mn(), { user: _, userProfile: m, updateUser: y, updateUserProfile: C } = Q(), [f, b] = h.useState(_.credit_score || 0), [S, g] = h.useState(
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = R(), { finstrong: l } = v(), { setSelectedAccounts: s } = V(), { setDateRange: i } = kn(), { filter: d, setFilter: c, transactions: p } = Mn(), { user: _, userProfile: m, updateUser: g, updateUserProfile: b } = Q(), [w, f] = h.useState(_.credit_score || 0), [x, y] = h.useState(
     ct
-  ), [k, D] = h.useState([]), [F, O] = h.useState(!1), [H, N] = h.useState(!1), [E, me] = h.useState(_.birthday), [K, ce] = h.useState("");
+  ), [k, D] = h.useState([]), [I, N] = h.useState(!1), [G, H] = h.useState(!1), [W, ce] = h.useState(_.birthday), [Y, re] = h.useState("");
   h.useEffect(() => {
     i({ start: It(rt()), end: Tt(rt()) });
   }, []), h.useEffect(() => {
     c({
-      accounts: n.map((I) => I.guid),
+      accounts: n.map((T) => T.guid),
       dateRange: {
         start: Un(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
@@ -2682,116 +2682,116 @@ const P = {
       custom: at
     }), s(n);
   }, [n]);
-  const re = h.useMemo(
-    () => p.find((I) => I.guid === K),
-    [K, p]
+  const le = h.useMemo(
+    () => p.find((T) => T.guid === Y),
+    [Y, p]
   ), ge = h.useMemo(() => ({
-    [T.ConnectAccounts]: !0,
-    [T.MonthlyIncome]: !!K,
-    [T.Birthday]: !!_.birthday || !!E,
-    [T.CreditScore]: !!_.credit_score || !!f
-  })[S.step], [f, S, E, K, _]), X = n.length > 0, Be = h.useMemo(() => {
-    const { step: I } = S;
-    let $ = 0;
-    return I >= T.MonthlyIncome && X && $++, I >= T.Birthday && k.length && $++, I >= T.CreditScore && (_.birthday || _.credit_score) && $++, $;
-  }, [S.step, X, k.length, _.birthday, _.credit_score]), Ce = (I) => {
+    [O.ConnectAccounts]: !0,
+    [O.MonthlyIncome]: !!Y,
+    [O.Birthday]: !!_.birthday || !!W,
+    [O.CreditScore]: !!_.credit_score || !!w
+  })[x.step], [w, x, W, Y, _]), U = n.length > 0, Pe = h.useMemo(() => {
+    const { step: T } = x;
+    let L = 0;
+    return T >= O.MonthlyIncome && U && L++, T >= O.Birthday && k.length && L++, T >= O.CreditScore && (_.birthday || _.credit_score) && L++, L;
+  }, [x.step, U, k.length, _.birthday, _.credit_score]), Ce = (T) => {
     c({
       ...d,
-      custom: ($) => I ? Qn($, I) : at($)
+      custom: (L) => T ? Qn(L, T) : at(L)
     });
-  }, zt = {
-    [T.ConnectAccounts]: {
-      main: X ? /* @__PURE__ */ e(Lt, { shouldShowBalance: !1 }) : null,
-      mainActionContent: X ? B.next : B.add_accounts,
-      primaryText: B.connect_your_accounts_primary,
-      secondaryText: B.connect_your_accounts_secondary
+  }, Et = {
+    [O.ConnectAccounts]: {
+      main: U ? /* @__PURE__ */ e(Lt, { shouldShowBalance: !1 }) : null,
+      mainActionContent: U ? F.next : F.add_accounts,
+      primaryText: F.connect_your_accounts_primary,
+      secondaryText: F.connect_your_accounts_secondary
     },
-    [T.MonthlyIncome]: {
+    [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
         Ar,
         {
           incomeTransactions: k,
-          setCurrentStep: (I) => {
-            g(I), D(($) => {
-              if ($.some((ye) => ye.guid === K)) return $.filter((ye) => ye.guid !== K);
-              const Ze = p.find((ye) => ye.guid === K);
-              return Ze ? [...$, Ze] : $;
+          setCurrentStep: (T) => {
+            y(T), D((L) => {
+              if (L.some((ye) => ye.guid === Y)) return L.filter((ye) => ye.guid !== Y);
+              const Ze = p.find((ye) => ye.guid === Y);
+              return Ze ? [...L, Ze] : L;
             });
           },
-          transaction: re
+          transaction: le
         }
       ),
-      detailActionContent: B.confirm_income,
+      detailActionContent: F.confirm_income,
       main: /* @__PURE__ */ e(
         Zn,
         {
           onSearch: Ce,
-          onSelected: (I) => {
-            g({ step: T.MonthlyIncome, type: "detail" }), ce(I);
+          onSelected: (T) => {
+            y({ step: O.MonthlyIncome, type: "detail" }), re(T);
           }
         }
       ),
-      mainActionContent: B.confirm_income,
-      primaryText: B.add_income_primary,
-      secondaryText: B.add_income_secondary
+      mainActionContent: F.confirm_income,
+      primaryText: F.add_income_primary,
+      secondaryText: F.add_income_secondary
     },
-    [T.Birthday]: {
-      main: /* @__PURE__ */ e(Or, { selectedDate: E, setSelectedDate: me }),
-      mainActionContent: B.next,
-      primaryText: B.birthday_primary,
-      secondaryText: B.birthday_secondary
+    [O.Birthday]: {
+      main: /* @__PURE__ */ e(Or, { selectedDate: W, setSelectedDate: ce }),
+      mainActionContent: F.next,
+      primaryText: F.birthday_primary,
+      secondaryText: F.birthday_secondary
     },
-    [T.CreditScore]: {
-      main: /* @__PURE__ */ e(Br, { creditScore: f, setCreditScore: b }),
-      mainActionContent: B.next,
-      primaryText: B.credit_score_primary,
-      secondaryText: B.credit_score_secondary
+    [O.CreditScore]: {
+      main: /* @__PURE__ */ e(Pr, { creditScore: w, setCreditScore: f }),
+      mainActionContent: F.next,
+      primaryText: F.credit_score_primary,
+      secondaryText: F.credit_score_secondary
     }
   }, Xe = () => {
-    g(ct), O(!1), ce(""), o();
+    y(ct), N(!1), re(""), o();
   }, Ue = async () => {
-    O(!0), await r(), await C({ ...m, has_completed_finstrong_onboarding: !0 }), Xe();
+    N(!0), await r(), await b({ ...m, has_completed_finstrong_onboarding: !0 }), Xe();
   }, Gt = () => {
-    if (S.step === T.CreditScore) {
+    if (x.step === O.CreditScore) {
       Ue();
       return;
     }
-    g({ step: S.step + 1, type: "main" });
+    y({ step: x.step + 1, type: "main" });
   }, Ht = () => {
-    const { step: I } = S, $ = I + 1;
-    switch (I) {
-      case T.Birthday:
-        E && E !== _.birthday && y({ ..._, birthday: E });
+    const { step: T } = x, L = T + 1;
+    switch (T) {
+      case O.Birthday:
+        W && W !== _.birthday && g({ ..._, birthday: W });
         break;
-      case T.CreditScore:
-        f && f !== _.credit_score && y({ ..._, credit_score: f }), Ue();
+      case O.CreditScore:
+        w && w !== _.credit_score && g({ ..._, credit_score: w }), Ue();
         return;
-      case T.MonthlyIncome:
-        K && k.length === 0 && D((qe) => [...qe, re]);
+      case O.MonthlyIncome:
+        Y && k.length === 0 && D((qe) => [...qe, le]);
         break;
-      case T.ConnectAccounts:
-        if (!X) {
-          N(!0);
+      case O.ConnectAccounts:
+        if (!U) {
+          H(!0);
           return;
         }
         break;
     }
-    $ in T && g({ step: $, type: "main" });
+    L in O && y({ step: L, type: "main" });
   }, Nt = () => {
-    const { step: I, type: $ } = S;
-    if ($ === "detail") {
-      g({ step: I, type: "main" });
+    const { step: T, type: L } = x;
+    if (L === "detail") {
+      y({ step: T, type: "main" });
       return;
     }
-    if (I === T.Birthday && k.length) {
-      g({ step: I - 1, type: "detail" });
+    if (T === O.Birthday && k.length) {
+      y({ step: T - 1, type: "detail" });
       return;
     }
-    I > T.ConnectAccounts && g({ step: I - 1, type: "main" });
-  }, le = zt[S.step], ve = S.step === T.ConnectAccounts, Kt = {
+    T > O.ConnectAccounts && y({ step: T - 1, type: "main" });
+  }, de = Et[x.step], ve = x.step === O.ConnectAccounts, Kt = {
     fullWidth: !0,
-    ...ve && !X && { startIcon: /* @__PURE__ */ e(_t, {}) }
-  }, jt = !ve || ve && !X;
+    ...ve && !U && { startIcon: /* @__PURE__ */ e(_t, {}) }
+  }, jt = !ve || ve && !U;
   return /* @__PURE__ */ a(h.Fragment, { children: [
     /* @__PURE__ */ a(
       te,
@@ -2803,31 +2803,31 @@ const P = {
         onClose: Xe,
         onSecondaryAction: Nt,
         primaryButtonProps: Kt,
-        primaryText: le?.mainActionContent,
+        primaryText: de?.mainActionContent,
         secondaryColor: "primary",
-        secondaryText: B.back,
+        secondaryText: F.back,
         title: l.title,
-        ...!F && { onPrimaryAction: Ht },
+        ...!I && { onPrimaryAction: Ht },
         children: [
-          F && /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e(Ie, { children: B.calculate_primary }),
-            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: B.calculate_secondary })
+          I && /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+            /* @__PURE__ */ e(Ie, { children: F.calculate_primary }),
+            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: F.calculate_secondary })
           ] }),
-          le && !F && /* @__PURE__ */ a(h.Fragment, { children: [
+          de && !I && /* @__PURE__ */ a(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              Pr,
+              Br,
               {
                 completeCopy: l.complete,
-                primaryText: le.primaryText,
-                secondaryText: le.secondaryText,
-                value: Be
+                primaryText: de.primaryText,
+                secondaryText: de.secondaryText,
+                value: Pe
               }
             ),
-            S.type === "main" && /* @__PURE__ */ a(v, { children: [
-              le.main,
-              jt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Gt, children: B.do_it_later }) })
+            x.type === "main" && /* @__PURE__ */ a(C, { children: [
+              de.main,
+              jt && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Gt, children: F.do_it_later }) })
             ] }),
-            S.type === "detail" && le.detail
+            x.type === "detail" && de.detail
           ] })
         ]
       }
@@ -2835,13 +2835,13 @@ const P = {
     /* @__PURE__ */ e(
       oe,
       {
-        onClose: () => N(!1),
-        showConnectWidget: H,
-        title: B.connect_accounts
+        onClose: () => H(!1),
+        showConnectWidget: G,
+        title: F.connect_accounts
       }
     )
   ] });
-}, $r = x(Lr), $e = {
+}, $r = S(Lr), $e = {
   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"
@@ -2860,20 +2860,20 @@ const P = {
         },
         children: [
           /* @__PURE__ */ a(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(v, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(en, { size: 72 }) }),
+            /* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(en, { size: 72 }) }),
             /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
               /* @__PURE__ */ e(Ie, { children: $e.onboarding_title }),
               /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle1", children: $e.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(W, { onClick: () => o(!0), variant: "contained", children: $e.get_started })
+          /* @__PURE__ */ e($, { onClick: () => o(!0), variant: "contained", children: $e.get_started })
         ]
       }
     ),
     /* @__PURE__ */ e($r, { isOpen: t, onClose: () => o(!1) })
   ] });
-}, Er = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = w(), r = G(), { updateUser: l, user: s } = Q(), [i, d] = h.useState(s.birthday), c = (_) => {
+}, zr = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = v(), r = E(), { updateUser: l, user: s } = Q(), [i, d] = h.useState(s.birthday), c = (_) => {
     d(Math.floor(new Date(_).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2895,13 +2895,13 @@ const P = {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: _e(r.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: _e(r.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2913,7 +2913,7 @@ const P = {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: _e(r.palette.primary.light, 0.1) }
             }
           },
           value: i ? new Date(i * 1e3) : /* @__PURE__ */ new Date()
@@ -2921,12 +2921,12 @@ const P = {
       ) })
     }
   );
-}, zr = x(Er), Gr = ({ isOpen: t, onClose: o }) => {
+}, Er = S(zr), Gr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = Se(), { incomeBudget: r } = xt(), {
     accounts: l,
     common: s,
     finstrong: i
-  } = w(), { user: d } = Q(), [c, p] = h.useState(null), m = [
+  } = v(), { user: d } = Q(), [c, p] = h.useState(null), m = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2946,7 +2946,7 @@ const P = {
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.credit_score,
-      icon: /* @__PURE__ */ e(ze, {}),
+      icon: /* @__PURE__ */ e(Ee, {}),
       key: ee.CreditScore,
       label: i.credit_score,
       value: d.credit_score
@@ -2956,29 +2956,29 @@ const P = {
       icon: /* @__PURE__ */ e(pt, {}),
       key: ee.Connections,
       label: i.connections,
-      value: n.length > 0 ? U(
+      value: n.length > 0 ? X(
         i.connected_account,
         String(n.length),
         n.length > 1 ? i.accounts : i.account
       ) : void 0
     }
-  ].map((y) => xn(y));
+  ].map((g) => xn(g));
   return /* @__PURE__ */ a(te, { isOpen: t, onClose: o, title: i.financial_profile, children: [
     /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(j, { children: i.your_financial_profile }),
+        /* @__PURE__ */ e(K, { children: i.your_financial_profile }),
         /* @__PURE__ */ e(M, { children: i.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
-        Et,
+        zt,
         {
           completeCopy: i.complete,
-          value: m.reduce((y, C) => y + (C.isComplete ? 1 : 0), 0)
+          value: m.reduce((g, b) => g + (b.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
     /* @__PURE__ */ e(Sn, { list: m, onClickItem: p }),
-    /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
       Te,
       {
         description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
@@ -2997,8 +2997,8 @@ const P = {
         children: /* @__PURE__ */ e(no, {})
       }
     ),
-    /* @__PURE__ */ e(zr, { isOpen: c === ee.DateOfBirth, onClose: () => p(null) }),
-    /* @__PURE__ */ e(Bt, { isOpen: c === ee.CreditScore, onClose: () => p(null) }),
+    /* @__PURE__ */ e(Er, { isOpen: c === ee.DateOfBirth, onClose: () => p(null) }),
+    /* @__PURE__ */ e(Pt, { isOpen: c === ee.CreditScore, onClose: () => p(null) }),
     /* @__PURE__ */ e(
       St,
       {
@@ -3008,7 +3008,7 @@ const P = {
       }
     )
   ] });
-}, Hr = x(Gr), lt = ({
+}, Hr = S(Gr), lt = ({
   content: t,
   islast: o = !1
 }) => /* @__PURE__ */ a(io, { sx: { minHeight: 0 }, children: [
@@ -3018,7 +3018,7 @@ const P = {
   ] }),
   /* @__PURE__ */ e(lo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), Nr = ({ report: t }) => {
-  const { finstrong: o } = w(), { score_history_drawer_timeline: n } = o, {
+  const { finstrong: o } = v(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
     newer_credit_score: l,
     older_credit_score: s,
@@ -3027,9 +3027,9 @@ const P = {
     older_health_score: c,
     newer_health_score: p,
     newer_score_calculated_at: _
-  } = t, m = ro(new Date(_), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", C = () => r === 0 ? U(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, f = () => {
+  } = t, m = ro(new Date(_), "MMM d"), g = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", b = () => r === 0 ? X(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, w = () => {
     if (r === 0) return null;
-    const b = r > 0 ? n.up_from : n.down_from, S = U(b, c, p);
+    const f = r > 0 ? n.up_from : n.down_from, x = X(f, c, p);
     return /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ e(
         an,
@@ -3039,11 +3039,11 @@ const P = {
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      S
+      x
     ] });
   };
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ a(u, { sx: { backgroundColor: "background.paper" }, children: [
-    /* @__PURE__ */ e(v, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ a(u, { sx: { backgroundColor: "background.paper" }, children: [
+    /* @__PURE__ */ e(C, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ a(
       u,
       {
         flexDirection: "row",
@@ -3054,7 +3054,7 @@ const P = {
             {
               sx: {
                 alignItems: "center",
-                backgroundColor: y(),
+                backgroundColor: g(),
                 borderRadius: 999,
                 height: 48,
                 justifyContent: "center",
@@ -3064,17 +3064,17 @@ const P = {
             }
           ),
           /* @__PURE__ */ a(u, { sx: { gap: 2, width: "80%" }, children: [
-            /* @__PURE__ */ e(A, { fontWeight: 600, variant: "Body", children: C() }),
+            /* @__PURE__ */ e(A, { fontWeight: 600, variant: "Body", children: b() }),
             /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
               m,
               " ",
-              f()
+              w()
             ] })
           ] })
         ]
       }
     ) }),
-    r !== 0 && /* @__PURE__ */ e(v, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
+    r !== 0 && /* @__PURE__ */ e(C, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
       ao,
       {
         sx: {
@@ -3089,7 +3089,7 @@ const P = {
           /* @__PURE__ */ e(
             lt,
             {
-              content: U(
+              content: X(
                 n.spend_to_income_description,
                 ke(i),
                 ke(d)
@@ -3099,7 +3099,7 @@ const P = {
           /* @__PURE__ */ e(
             lt,
             {
-              content: U(
+              content: X(
                 n.credit_score_description,
                 s,
                 l
@@ -3111,12 +3111,12 @@ const P = {
       }
     ) })
   ] }) });
-}, Kr = x(Nr), jr = ({ isOpen: t, onClose: o }) => {
-  const n = G(), { finstrong: r } = w(), { isCopyLoaded: l, isInitialized: s } = Y(), { healthScore: i, healthScoreChangeReports: d, augmentedChartData: c } = R();
+}, Kr = S(Nr), jr = ({ isOpen: t, onClose: o }) => {
+  const n = E(), { finstrong: r } = v(), { isCopyLoaded: l, isInitialized: s } = V(), { healthScore: i, healthScoreChangeReports: d, augmentedChartData: c } = R();
   if (!l || !s) return /* @__PURE__ */ e(J, {});
   const p = Ge(i.health_score || 0, r), _ = d.slice().reverse();
   return /* @__PURE__ */ e(
-    Pt,
+    Bt,
     {
       additionalContent: /* @__PURE__ */ e(u, { sx: { pl: 18, backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
         Ne,
@@ -3145,7 +3145,7 @@ const P = {
           direction: "row",
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
-            /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
               Ft,
               {
                 arcRadius: 20,
@@ -3153,18 +3153,18 @@ const P = {
                 size: "SM"
               }
             ) }),
-            /* @__PURE__ */ a(v, { children: [
+            /* @__PURE__ */ a(C, { children: [
               /* @__PURE__ */ e(M, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: p.status }),
               /* @__PURE__ */ e(M, { variant: "caption", children: p.description })
             ] })
           ]
         }
       ),
-      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, y) => /* @__PURE__ */ e(Kr, { report: m }, y)) })
+      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, g) => /* @__PURE__ */ e(Kr, { report: m }, g)) })
     }
   );
-}, Vr = x(jr), Yr = ({ copy: t }) => {
-  const o = G(), n = [
+}, Vr = S(jr), Yr = ({ copy: t }) => {
+  const o = E(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
     o.palette.chartMono.chartMono3,
@@ -3177,7 +3177,7 @@ const P = {
       { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
       { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
     ].map(({ color: r, text: l, value: s }) => /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
-      /* @__PURE__ */ a(v, { children: [
+      /* @__PURE__ */ a(C, { children: [
         /* @__PURE__ */ e(M, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: l }),
         /* @__PURE__ */ a(A, { sx: { color: "text.secondary" }, variant: "caption", children: [
           "(",
@@ -3185,11 +3185,11 @@ const P = {
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ e(v, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
+      /* @__PURE__ */ e(C, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
     ] }, l)) }),
-    /* @__PURE__ */ a(v, { children: [
+    /* @__PURE__ */ a(C, { children: [
       /* @__PURE__ */ e(
-        v,
+        C,
         {
           sx: {
             background: `linear-gradient(to left, ${n.join(", ")})`,
@@ -3204,7 +3204,7 @@ const P = {
           sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
           children: [
             /* @__PURE__ */ e(
-              v,
+              C,
               {
                 sx: {
                   borderBottom: "1px solid",
@@ -3224,14 +3224,14 @@ const P = {
     ] })
   ] });
 }, Xr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = w(), { isCopyLoaded: r } = Y();
+  const { finstrong: n } = v(), { isCopyLoaded: r } = V();
   return r ? /* @__PURE__ */ e(te, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(u, { sx: { gap: 36, p: 24 }, children: [
     /* @__PURE__ */ a(u, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(j, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(K, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(M, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(Yr, { copy: n }) })
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(Yr, { copy: n }) })
     ] }),
     /* @__PURE__ */ a(u, { sx: { gap: 12 }, children: [
       /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
@@ -3255,15 +3255,15 @@ const P = {
             }
           },
           children: [
-            /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              pe,
+            /* @__PURE__ */ e(pe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              ue,
               {
                 primary: n.understand_your_habits,
                 secondary: n.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(de, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              pe,
+            /* @__PURE__ */ e(pe, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              ue,
               {
                 primary: n.see_whats_possible,
                 secondary: n.see_whats_possible_description
@@ -3296,21 +3296,21 @@ const P = {
             }
           },
           children: [
-            /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(pe, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(de, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(pe, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(pe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ue, { secondary: n.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(pe, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(ue, { secondary: n.we_ask_questions_description_2 }) })
           ]
         }
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(J, {});
-}, Ur = x(Xr), qr = x(() => {
-  const [t, o] = h.useState(!1), n = G(), [r, { width: l }] = vt(), { finstrong: s } = w(), { isCopyLoaded: i, isInitialized: d } = Y(), { healthScore: c, healthScoreChange: p } = R(), _ = n.palette.mode === "dark", m = Ge(c?.health_score, s);
-  return !i || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16 }, children: [
+}, Ur = S(Xr), qr = S(() => {
+  const [t, o] = h.useState(!1), n = E(), [r, { width: l }] = vt(), { finstrong: s } = v(), { isCopyLoaded: i, isInitialized: d } = V(), { healthScore: c, healthScoreChange: p } = R(), _ = n.palette.mode === "dark", m = Ge(c?.health_score, s);
+  return !i || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ a(j, { ref: r, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       go,
       {
         action: /* @__PURE__ */ e(
-          W,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => o(!0),
@@ -3324,7 +3324,7 @@ const P = {
             children: s.financial_strength_header_action
           }
         ),
-        subheader: /* @__PURE__ */ e(j, { color: "text.primary", children: s.financial_strength_header }),
+        subheader: /* @__PURE__ */ e(K, { color: "text.primary", children: s.financial_strength_header }),
         sx: {
           p: 0,
           "& .MuiCardHeader-content": {
@@ -3406,46 +3406,45 @@ const P = {
 }), Zr = ({ onBackClick: t, sx: o }) => {
   const { visibleAccounts: n } = Se(), { dateRange: r, isDataLoaded: l, loadBudgetData: s, setTheme: i } = xt(), { reloadCategoryTotals: d } = He(), {
     augmentedChartData: c,
-    monthlySummaries: p,
-    calculateHealthScore: _,
-    healthScore: m,
-    loadAugmentedChartData: y,
-    loadMonthlySummaries: C
-  } = R(), { finstrong: f, connect: b } = w(), { isCopyLoaded: S, isInitialized: g, selectedAccounts: k, setSelectedAccounts: D } = Y(), { isMobile: F } = je(), O = G(), { userProfile: H } = Q(), [N, E] = h.useState(!1), [me, K] = h.useState(!1), [ce, re] = h.useState(!1);
+    calculateHealthScore: p,
+    healthScore: _,
+    loadAugmentedChartData: m,
+    loadMonthlySummaries: g
+  } = R(), { finstrong: b, connect: w } = v(), { isCopyLoaded: f, isInitialized: x, selectedAccounts: y, setSelectedAccounts: k } = V(), { isMobile: D } = je(), I = E(), { userProfile: N } = Q(), [G, H] = h.useState(!1), [W, ce] = h.useState(!1), [Y, re] = h.useState(!1);
   if (h.useEffect(() => {
-    i(O);
-  }, []), h.useEffect(() => D(n), [n]), h.useEffect(() => {
-    g && (_().finally(), y().finally(), C().finally());
-  }, [g]), console.log(p, "monthlySummaries"), h.useEffect(() => {
-    g && (d(k, r.start, r.end), l || s());
-  }, [r, l, g, k]), !S || !g) return /* @__PURE__ */ e(J, {});
-  const ge = () => {
-  }, X = () => E(!0);
+    i(I);
+  }, []), h.useEffect(() => k(n), [n]), h.useEffect(() => {
+    x && (p().finally(), m().finally(), g().finally());
+  }, [x]), h.useEffect(() => {
+    x && (d(y, r.start, r.end), l || s());
+  }, [r, l, x, y]), !f || !x) return /* @__PURE__ */ e(J, {});
+  const le = () => {
+  }, ge = () => H(!0);
   return /* @__PURE__ */ a(
-    zn,
+    En,
     {
       accountOptions: n,
       actions: [
         {
           iconName: "person",
-          label: f.profile,
-          onClick: X
+          label: b.profile,
+          onClick: ge
         }
       ],
       hasDivider: !0,
-      onAccountsFilterClick: ge,
+      onAccountsFilterClick: le,
       onBackClick: t,
       sx: o,
-      title: f.title,
+      title: b.title,
       children: [
-        H.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
+        N.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           u,
           {
             sx: {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: F ? 24 : 16,
+              pt: D ? 24 : 16,
               px: 24
             },
             children: [
@@ -3454,78 +3453,78 @@ const P = {
                 /* @__PURE__ */ e(
                   Te,
                   {
-                    description: f.connect_more_accounts_description,
+                    description: b.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: f.connect_more_accounts_title
+                    title: b.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(V, { sx: { background: O.palette.background.paper, p: 16 }, children: [
+              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(j, { sx: { background: I.palette.background.paper, p: 16 }, children: [
                 /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(j, { children: f.key_indicators }),
+                  /* @__PURE__ */ e(K, { children: b.key_indicators }),
                   /* @__PURE__ */ e(
-                    W,
+                    $,
                     {
                       endIcon: /* @__PURE__ */ e(Z, {}),
-                      onClick: () => K(!0),
+                      onClick: () => ce(!0),
                       sx: {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: f.whats_changed
+                      children: b.whats_changed
                     }
                   )
                 ] }),
                 c.length ? /* @__PURE__ */ e(
                   Ne,
                   {
-                    axisColor: O.palette.divider,
+                    axisColor: I.palette.divider,
                     baseline: "min",
-                    colors: [O.palette.primary.main],
+                    colors: [I.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
                     datasets: [c],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: O.palette.border.dark,
-                    labelFontColor: O.palette.common.white,
-                    labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
-                    labels: [f.key_indicators_label],
+                    labelBackgroundColor: I.palette.border.dark,
+                    labelFontColor: I.palette.common.white,
+                    labelFontSize: typeof I.typography.XSmall?.fontSize == "string" ? parseFloat(I.typography.XSmall.fontSize) : I.typography.XSmall?.fontSize,
+                    labels: [b.key_indicators_label],
                     margin: { right: 20, left: 25 },
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: f.peer_average,
+                    title: b.peer_average,
                     useCustomMark: !0
                   }
                 ) : /* @__PURE__ */ e(kr, { onClick: () => re(!0) }),
-                m.health_score !== null && /* @__PURE__ */ e(vr, {})
+                _.health_score !== null && /* @__PURE__ */ e(vr, {})
               ] }) })
             ]
           }
         ) : /* @__PURE__ */ e(Wr, {}),
-        /* @__PURE__ */ e(Hr, { isOpen: N, onClose: () => E(!1) }),
+        /* @__PURE__ */ e(Hr, { isOpen: G, onClose: () => H(!1) }),
         /* @__PURE__ */ e(
           oe,
           {
             onClose: () => re(!1),
-            showConnectWidget: ce,
-            title: b.mini_title
+            showConnectWidget: Y,
+            title: w.mini_title
           }
         ),
         /* @__PURE__ */ e(
           Vr,
           {
-            isOpen: me,
-            onClose: () => K(!1)
+            isOpen: W,
+            onClose: () => ce(!1)
           }
         )
       ]
     }
   );
-}, hi = x(Zr);
+}, hi = S(Zr);
 export {
   bo as CreditScoreGraph,
   Rt as DialScoreCard,