@mx-cartographer/experiences 7.2.14-alpha.san1 → 7.2.14-alpha.san3

package/dist/finstrong/index.es.js

@@ -1,31 +1,31 @@
-import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
-import C from "@mui/material/Box";
+import { jsxs as a, Fragment as E, jsx as e } from "react/jsx-runtime";
+import v from "@mui/material/Box";
 import u from "@mui/material/Stack";
-import { useTheme as E, alpha as fe } from "@mui/material/styles";
+import { useTheme as G, alpha as fe } from "@mui/material/styles";
 import { PieChart as _n, BarPlot as hn } from "@mui/x-charts";
 import { TrendingUp as gt, ArrowRightAlt as mn, TrendingDown as gn, AccountBalance as yt, ChevronRight as Z, MultilineChart as bt, CreditCard as Ke, CheckCircle as yn, Cancel as bn, Savings as fn, ContentCopy as xn, Add as ft, Cardiology as Sn, Payments as Cn, CalendarMonth as vn, ExpandMore as wn } from "@mxenabled/mx-icons";
 import { P as k, H3 as N, Text as I, InstitutionLogo as xt, H2 as Pe, MerchantLogo as kn, Icon as Mn } from "@mxenabled/mxui";
-import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as ve, e as we, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as $n, v as Wn, w as zn, A as ee, x as En, P as Gn } from "../FinstrongStore-1MFI6RcM.mjs";
-import { y as Gi, F as Hi } from "../FinstrongStore-1MFI6RcM.mjs";
+import { g as Dn, a as In, r as rt, b as An, c as je, d as St, C as Ce, e as ve, f as Tn, h as On, i as Rn, j as Ct, k as at, l as Fn, m as it, n as Pn, o as vt, p as Bn, q as wt, s as Te, t as Ln, u as $n, v as Wn, w as zn, A as te, x as En, P as Gn } from "../FinstrongStore-bkPQR8ln.mjs";
+import { y as Gi, F as Hi } from "../FinstrongStore-bkPQR8ln.mjs";
 import * as st from "d3";
 import { observer as S } from "mobx-react-lite";
-import { u as v, b as j, p as Q, z as F, q as Hn, a as kt, d as Me, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
+import { u as w, b as j, p as Q, z as F, q as Hn, a as kt, d as ke, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
 import { L as J } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import W from "@mui/material/Button";
+import z from "@mui/material/Button";
 import K from "@mui/material/Card";
 import { L as Xe } from "../LineChart-Ct9DNmhS.mjs";
 import { C as Mt } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
-import { l as oe, g as Dt, A as He } from "../ConnectDrawer-CuUj16NH.mjs";
-import pe from "@mui/material/Tab";
+import { l as re, g as Dt, A as He } from "../ConnectDrawer-CuUj16NH.mjs";
+import ce from "@mui/material/Tab";
 import qe from "@mui/material/Tabs";
 import Oe from "@mui/material/TextField";
 import { u as Ue } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Vn, f as Xn, a as qn } from "../Dialog-BPTr3qHE.mjs";
 import { u as It } from "../useDimensions-27p2evRx.mjs";
 import Un from "@mui/material/Chip";
-import { D as te } from "../Drawer-BEtCk82g.mjs";
-import ne from "@mui/material/Divider";
+import { D as ne } from "../Drawer-BEtCk82g.mjs";
+import oe from "@mui/material/Divider";
 import ye from "@mui/material/ListItem";
 import At from "@mui/material/ListItemAvatar";
 import be from "@mui/material/ListItemText";
@@ -41,7 +41,7 @@ import { h as Ze } from "../DateUtil-CBdcsyuk.mjs";
 import { useVirtualizer as no } from "@tanstack/react-virtual";
 import { u as oo, s as Ne, h as Ft, S as Pt, b as Bt, Z as ro } from "../TransactionDetails-CaJruWq3.mjs";
 import { A as ao, W as io } from "../WidgetContainer-6dsjtOVg.mjs";
-import { T as ue } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as le } from "../TabContentContainer-j01JYR_7.mjs";
 import { b as Y } from "../Localization-2MODESHW.mjs";
 import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
 import so from "@mui/material/useMediaQuery";
@@ -77,53 +77,53 @@ const zo = ({
   dataIndex: r,
   arcColor: n,
   arcStartAngle: o,
-  totalAngularSpan: c,
-  centerX: a,
-  centerY: s,
-  arcRadius: d,
+  totalAngularSpan: s,
+  centerX: i,
+  centerY: c,
+  arcRadius: p,
   innerArcRadius: l,
-  outterArcRadius: p,
-  progressEndAngle: h,
-  unitsPerSegment: _,
-  isFinacialStrengthGraph: b
+  outterArcRadius: d,
+  progressEndAngle: _,
+  unitsPerSegment: h,
+  isFinacialStrengthGraph: y
 }) => {
-  const f = E(), w = [
+  const f = G(), x = [
     { offset: "13.62%", color: f.palette.chartMono.chartMono2 },
     { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
-  ], [y, D] = Dn(
+  ], [b, D] = Dn(
     t,
-    c,
+    s,
     o,
     r
-  ), [g, x] = In(
-    y,
+  ), [g, C] = In(
+    b,
     D,
     r,
-    _,
-    h
-  ), M = st.arc().innerRadius(l).outerRadius(p).startAngle(y).endAngle(D).padAngle(0.02).cornerRadius(8), $ = st.arc().innerRadius(l).outerRadius(p).startAngle(g).endAngle(x).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ i(z, { children: [
+    h,
+    _
+  ), M = st.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(D).padAngle(0.02).cornerRadius(8), $ = st.arc().innerRadius(l).outerRadius(d).startAngle(g).endAngle(C).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: M({}),
-        fill: b ? f.palette.divider : n
+        fill: y ? f.palette.divider : n
       }
     ),
-    b && /* @__PURE__ */ e("path", { d: $({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: $({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
-        gradientTransform: `rotate(5, ${a}, ${s})`,
+        gradientTransform: `rotate(5, ${i}, ${c})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
-        x1: a + d * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: a - d * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: s + d * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: s - d * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((G, H) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, H))
+        x1: i + p * 0.8 * Math.cos(Math.PI / 1.35),
+        x2: i - p * 0.8 * Math.cos(Math.PI / 1.35),
+        y1: c + p * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: c - p * 0.8 * Math.sin(Math.PI / 1.35),
+        children: x.map((H, O) => /* @__PURE__ */ e("stop", { offset: H.offset, stopColor: H.color }, O))
       }
     ) })
   ] });
@@ -132,26 +132,26 @@ const zo = ({
   healthScore: r,
   size: n = "L",
   dialScoreData: o,
-  minValue: c = 0,
-  maxValue: a = 100,
-  markerColor: s,
-  healthScoreStatus: d,
+  minValue: s = 0,
+  maxValue: i = 100,
+  markerColor: c,
+  healthScoreStatus: p,
   footerCenterContent: l,
-  footerLeftContent: p,
-  footerRightContent: h,
-  isFinacialStrengthGraph: _ = !1
+  footerLeftContent: d,
+  footerRightContent: _,
+  isFinacialStrengthGraph: h = !1
 }) => {
-  const b = E(), f = -Math.PI / 1.35, w = Math.PI / 1.35, y = w - f, D = y / (a - c), g = (r - c) * D, x = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, $ = t, G = t * (1 - M), H = $ * 2.5, T = H / 2, V = H / 2, re = (G + $) / 2, ae = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [Ce, ie] = An(re, x, ae), X = r / 25, se = {
+  const y = G(), f = -Math.PI / 1.35, x = Math.PI / 1.35, b = x - f, D = b / (i - s), g = (r - s) * D, C = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, $ = t, H = t * (1 - M), O = $ * 2.5, W = O / 2, V = O / 2, ee = (H + $) / 2, pe = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [ue, _e] = An(ee, C, pe), X = r / 25, he = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, ce = l === 0 ? mn : gn;
-  return /* @__PURE__ */ i(
+  }, ae = l === 0 ? mn : gn;
+  return /* @__PURE__ */ a(
     u,
     {
       sx: {
-        width: H,
-        height: H,
+        width: O,
+        height: O,
         position: "relative",
         alignSelf: "center"
       },
@@ -159,16 +159,16 @@ const zo = ({
         /* @__PURE__ */ e(
           _n,
           {
-            height: H,
+            height: O,
             margin: { top: 0, right: 0, bottom: 0, left: 0 },
             series: [
               {
                 data: o,
-                innerRadius: G,
+                innerRadius: H,
                 outerRadius: $,
                 startAngle: Math.round(rt(f)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(rt(w))
+                endAngle: Math.round(rt(x))
                 // Use Math.degrees to convert
               }
             ],
@@ -177,21 +177,21 @@ const zo = ({
               legend: { hidden: !0 }
             },
             slots: {
-              pieArc: (he) => /* @__PURE__ */ e(
+              pieArc: (Me) => /* @__PURE__ */ e(
                 zo,
                 {
-                  arcColor: he.color,
+                  arcColor: Me.color,
                   arcRadius: t,
                   arcStartAngle: f,
-                  centerX: T,
+                  centerX: W,
                   centerY: V,
-                  dataIndex: he.dataIndex,
+                  dataIndex: Me.dataIndex,
                   dialScoreData: o,
-                  innerArcRadius: G,
-                  isFinacialStrengthGraph: _,
+                  innerArcRadius: H,
+                  isFinacialStrengthGraph: h,
                   outterArcRadius: $,
-                  progressEndAngle: x,
-                  totalAngularSpan: y,
+                  progressEndAngle: C,
+                  totalAngularSpan: b,
                   unitsPerSegment: X
                 }
               )
@@ -201,31 +201,31 @@ const zo = ({
                 stroke: "none"
               }
             },
-            width: H,
-            children: r >= c && r <= a && /* @__PURE__ */ e(
+            width: O,
+            children: r >= s && r <= i && /* @__PURE__ */ e(
               "circle",
               {
-                cx: T + Ce,
-                cy: V + ie,
-                fill: b.palette.common.white,
-                r: se[n].markerSize,
-                stroke: _ ? "url(#arcGradient)" : s,
+                cx: W + ue,
+                cy: V + _e,
+                fill: y.palette.common.white,
+                r: he[n].markerSize,
+                stroke: h ? "url(#arcGradient)" : c,
                 strokeWidth: n !== "SM" ? 3 : 1
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          v,
           {
             sx: {
               position: "absolute",
               top: `${V}px`,
-              left: `${T}px`,
+              left: `${W}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ a(
               u,
               {
                 spacing: 1,
@@ -235,31 +235,31 @@ const zo = ({
                     k,
                     {
                       sx: {
-                        fontSize: se[n].healthScoreFontSize,
+                        fontSize: he[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
                       variant: "H1",
                       children: r
                     }
                   ),
-                  n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
+                  n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: p })
                 ]
               }
             )
           }
         ),
         l !== void 0 && /* @__PURE__ */ e(
-          C,
+          v,
           {
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${T}px`,
+              left: `${W}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof l == "number" ? /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-              l > 0 ? /* @__PURE__ */ e(gt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(ce, { size: 16, sx: { color: "text.secondary" } }),
+            children: typeof l == "number" ? /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+              l > 0 ? /* @__PURE__ */ e(gt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(ae, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
                 k,
                 {
@@ -274,31 +274,31 @@ const zo = ({
             ] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children: l })
           }
         ),
-        p !== void 0 && /* @__PURE__ */ e(
-          C,
+        d !== void 0 && /* @__PURE__ */ e(
+          v,
           {
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${T - T / 2}px`,
+              left: `${W - W / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(k, { variant: "body1", children: p })
+            children: /* @__PURE__ */ e(k, { variant: "body1", children: d })
           }
         ),
-        h !== void 0 && /* @__PURE__ */ e(
-          C,
+        _ !== void 0 && /* @__PURE__ */ e(
+          v,
           {
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${T + T / 2}px`,
+              left: `${W + W / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(k, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(k, { variant: "body1", children: _ })
           }
         )
       ]
@@ -306,20 +306,20 @@ const zo = ({
   );
 }, Et = S(
   ({ arcRadius: t, size: r = "L", healthScore: n, footerCenterContent: o }) => {
-    const c = [
+    const s = [
       { 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: a } = v(), s = je(n, a);
+    ], { finstrong: i } = w(), c = je(n, i);
     return /* @__PURE__ */ e(
       zt,
       {
         arcRadius: t,
-        dialScoreData: c,
-        footerCenterContent: r === "L" ? a.footer_center_content_updated_just_now : o,
+        dialScoreData: s,
+        footerCenterContent: r === "L" ? i.footer_center_content_updated_just_now : o,
         healthScore: n,
-        healthScoreStatus: s.status,
+        healthScoreStatus: c.status,
         isFinacialStrengthGraph: !0,
         size: r
       }
@@ -331,60 +331,60 @@ const zo = ({
     size: r = "L",
     healthScore: n,
     maxValue: o = 850,
-    minValue: c = 300,
-    footerCenterContent: a
+    minValue: s = 300,
+    footerCenterContent: i
   }) => {
-    const d = E().palette.mode === "dark", l = [
+    const p = G().palette.mode === "dark", l = [
       {
         id: 1,
         label: "Poor",
         value: 29,
-        color: d ? ve.POOR : we.POOR
+        color: p ? Ce.POOR : ve.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: d ? ve.FAIR : we.FAIR
+        color: p ? Ce.FAIR : ve.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: d ? ve.GOOD : we.GOOD
+        color: p ? Ce.GOOD : ve.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: d ? ve.VERY_GOOD : we.VERY_GOOD
+        color: p ? Ce.VERY_GOOD : ve.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: d ? ve.EXCEPTIONAL : we.EXCEPTIONAL
+        color: p ? Ce.EXCEPTIONAL : ve.EXCEPTIONAL
       }
-    ], { finstrong: p } = v(), { isCopyLoaded: h } = j();
-    if (!h) return /* @__PURE__ */ e(J, {});
-    const { status: _, color: b = "none" } = St(
+    ], { finstrong: d } = w(), { isCopyLoaded: _ } = j();
+    if (!_) return /* @__PURE__ */ e(J, {});
+    const { status: h, color: y = "none" } = St(
       n,
-      d,
-      p.credit_score_status
+      p,
+      d.credit_score_status
     );
     return /* @__PURE__ */ e(
       zt,
       {
         arcRadius: t,
         dialScoreData: l,
-        footerCenterContent: a,
-        footerLeftContent: c,
+        footerCenterContent: i,
+        footerLeftContent: s,
         footerRightContent: o,
         healthScore: n,
-        healthScoreStatus: _,
-        markerColor: b,
+        healthScoreStatus: h,
+        markerColor: y,
         maxValue: o,
-        minValue: c,
+        minValue: s,
         size: r
       }
     );
@@ -394,13 +394,13 @@ const zo = ({
   isDashboard: r = !1,
   hasIcon: n = !0,
   buttonText: o,
-  title: c,
-  titleDrawer: a,
-  description: s,
-  sx: d
+  title: s,
+  titleDrawer: i,
+  description: c,
+  sx: p
 }) => {
-  const [l, p] = m.useState(!1), { connect: h, finstrong: _ } = v();
-  return t ? /* @__PURE__ */ i(
+  const [l, d] = m.useState(!1), { connect: _, finstrong: h } = w();
+  return t ? /* @__PURE__ */ a(
     K,
     {
       sx: {
@@ -408,10 +408,10 @@ const zo = ({
         pt: 18,
         px: 24,
         width: "100%",
-        ...d
+        ...p
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           u,
           {
             sx: {
@@ -420,7 +420,7 @@ const zo = ({
             },
             children: [
               n && /* @__PURE__ */ e(yt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(N, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: c || _.connect_more_accounts_title })
+              /* @__PURE__ */ e(N, { className: "connect-more-accounts-title", sx: { ...r && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
             ]
           }
         ),
@@ -430,80 +430,80 @@ const zo = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: s || _.connect_more_accounts_description
+            children: c || h.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
-          W,
+          z,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
-            onClick: () => p(!0),
+            onClick: () => d(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: o || _.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: o || h.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
-          oe,
+          re,
           {
-            onClose: () => p(!1),
+            onClose: () => d(!1),
             showConnectWidget: l,
-            title: a || h.mini_title
+            title: i || _.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
           Mt,
           {
-            onClose: () => p(!1),
+            onClose: () => d(!1),
             showConnectionsWidget: l,
-            title: a || h.mini_title
+            title: i || _.mini_title
           }
         )
       ]
     }
   ) : null;
 };
-var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
+var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
 const Go = ({ isOpen: t, onClose: r }) => {
-  const { common: n, finstrong: o } = v(), { isMobile: c } = Ue(), { updateUser: a, user: s } = Q(), [d, l] = m.useState(s.credit_score || 0), p = !isNaN(d), h = () => {
-    r(), setTimeout(() => l(s.credit_score || 0), 300);
-  }, _ = () => {
-    !d || d === s.credit_score || a({ ...s, credit_score: d });
+  const { common: n, finstrong: o } = w(), { isMobile: s } = Ue(), { updateUser: i, user: c } = Q(), [p, l] = m.useState(c.credit_score || 0), d = !isNaN(p), _ = () => {
+    r(), setTimeout(() => l(c.credit_score || 0), 300);
+  }, h = () => {
+    !p || p === c.credit_score || i({ ...c, credit_score: p });
   };
   return /* @__PURE__ */ e(
     Vn,
     {
       copy: { close_aria: n.close_aria, title: o.edit_credit_score },
-      disablePrimaryButton: !d || !p,
+      disablePrimaryButton: !p || !d,
       isOpen: t,
       maxWidth: "xs",
-      onClose: h,
-      onPrimaryAction: _,
+      onClose: _,
+      onPrimaryAction: h,
       primaryColor: "primary",
       primaryText: n.save_button,
       sx: {
         "& .MuiDialog-paper": {
-          minWidth: c ? "100%" : 400
+          minWidth: s ? "100%" : 400
         }
       },
       children: /* @__PURE__ */ e(
         "form",
         {
-          onSubmit: (b) => {
-            b.preventDefault(), _(), h();
+          onSubmit: (y) => {
+            y.preventDefault(), h(), _();
           },
           children: /* @__PURE__ */ e(
             Oe,
             {
-              error: !p,
+              error: !d,
               fullWidth: !0,
               inputMode: "numeric",
               inputProps: {
                 noValidate: !0,
                 pattern: "[0-9]*"
               },
-              onChange: (b) => l(Number(b.target.value)),
-              value: p ? d : ""
+              onChange: (y) => l(Number(y.target.value)),
+              value: d ? p : ""
             }
           )
         }
@@ -514,11 +514,11 @@ const Go = ({ isOpen: t, onClose: r }) => {
   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."
 }, Ho = ({ chartFor: t }) => {
-  const r = E(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: c } = Q(), { finstrong: a } = v(), [s, { width: d }] = It(), l = {
+  const r = G(), n = r.palette.mode === "dark", { monthlySummaries: o } = F(), { user: s } = Q(), { finstrong: i } = w(), [c, { width: p }] = It(), l = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(gt, { size: 48, sx: { marginBottom: 8 } }),
-      title: a.key_indicators_save.zero_state_title,
-      description: a.key_indicators_save.zero_state_description
+      title: i.key_indicators_save.zero_state_title,
+      description: i.key_indicators_save.zero_state_description
     },
     debtOverTime: {
       icon: /* @__PURE__ */ e(bt, { size: 48, sx: { marginBottom: 8 } }),
@@ -530,50 +530,50 @@ const Go = ({ isOpen: t, onClose: r }) => {
       title: ze.credit_over_time_title,
       description: ze.credit_over_time_zero_state_desc
     }
-  }[t], h = {
+  }[t], _ = {
     savingsOverTime: {
-      title: a.key_indicators_save.savings_over_time,
+      title: i.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
     },
     debtOverTime: {
-      title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
+      title: i.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
       valueKey: "debt_balance"
     },
     creditOverTime: {
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], _ = Tn(o, h.valueKey), b = Math.max(...o.map((M) => M[h.valueKey])), f = () => b >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : b >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: w, leftMargin: y } = f(), D = h.title, g = t === "creditOverTime";
-  let x;
+  }[t], h = Tn(o, _.valueKey), y = Math.max(...o.map((M) => M[_.valueKey])), f = () => y >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : y >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: x, leftMargin: b } = f(), D = _.title, g = t === "creditOverTime";
+  let C;
   if (g) {
     const { color: M } = St(
-      c?.credit_score ?? 0,
+      s?.credit_score ?? 0,
       n,
-      a.credit_score_status
+      i.credit_score_status
     );
-    x = M;
+    C = M;
   }
-  return /* @__PURE__ */ e(K, { ref: s, sx: { backgroundColor: "background.paper" }, children: _.length >= 1 ? /* @__PURE__ */ i(u, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(K, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(u, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: D }),
     /* @__PURE__ */ e(
       Xe,
       {
-        areaColor: x,
+        areaColor: C,
         axisColor: r.palette.divider,
         baseline: "min",
         chartFor: t,
         colors: [r.palette.primary.main],
         curveType: g ? "linear" : "natural",
-        datasets: _ ? [_] : [],
+        datasets: h ? [h] : [],
         height: 244,
         labelFontColor: g ? "text.primary" : "",
         labelFontSize: g ? 13 : void 0,
-        labels: [a.key_indicators_label],
-        margin: { left: y, top: g ? 25 : 15, right: 20 },
+        labels: [i.key_indicators_label],
+        margin: { left: b, top: g ? 25 : 15, right: 20 },
         markStyles: (M) => g ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: M === _.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: M === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600
           }
         } : {},
@@ -587,11 +587,11 @@ const Go = ({ isOpen: t, onClose: r }) => {
         showYAxis: g,
         showYAxisTicks: g,
         useCustomMark: !0,
-        valueFormatterString: g ? void 0 : w,
-        width: d < 342 ? d - 48 : 342
+        valueFormatterString: g ? void 0 : x,
+        width: p < 342 ? p - 48 : 342
       }
     )
-  ] }) : /* @__PURE__ */ i(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
+  ] }) : /* @__PURE__ */ a(u, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
     l.icon,
     /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: l.title }),
     /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: l.description })
@@ -599,8 +599,8 @@ const Go = ({ isOpen: t, onClose: r }) => {
 }, Qe = S(Ho), No = {
   updated_score: "Updated Score"
 }, Ko = () => {
-  const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [c, a] = m.useState(!1);
-  return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
+  const { healthScoreChange: t } = F(), { user: r } = Q(), { availableWidth: n } = Hn(), { isSmallMobile: o } = Ue(n), [s, i] = m.useState(!1);
+  return /* @__PURE__ */ a(u, { sx: { gap: 28 }, children: [
     /* @__PURE__ */ e(
       Eo,
       {
@@ -610,12 +610,12 @@ const Go = ({ isOpen: t, onClose: r }) => {
         size: o ? "M" : "L"
       }
     ),
-    /* @__PURE__ */ e(W, { onClick: () => a(!0), variant: "contained", children: No.updated_score }),
-    /* @__PURE__ */ e(Gt, { isOpen: c, onClose: () => a(!1) }),
+    /* @__PURE__ */ e(z, { onClick: () => i(!0), variant: "contained", children: No.updated_score }),
+    /* @__PURE__ */ e(Gt, { isOpen: s, onClose: () => i(!1) }),
     /* @__PURE__ */ e(Qe, { chartFor: "creditOverTime" })
   ] });
 }, jo = S(Ko), Le = ({ status: t }) => {
-  const { finstrong: r } = v(), n = On(Rn[t]), o = {
+  const { finstrong: r } = w(), n = On(Rn[t]), o = {
     GOOD: r.key_indicators_good,
     FAIR: r.key_indicators_fair,
     OFF_TRACK: r.key_indicators_off_track,
@@ -646,7 +646,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
   keep_strong_credit_score: "Keep a Strong Credit Score"
 }, Vo = () => {
   const { user: t } = Q(), r = Ct(t.credit_score ?? null);
-  return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+  return /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(N, { children: Yo.keep_strong_credit_score }),
     /* @__PURE__ */ e(Le, { status: r })
   ] });
@@ -655,18 +655,18 @@ const Go = ({ isOpen: t, onClose: r }) => {
   connectTitle: r,
   connectDescription: n,
   children: o,
-  description: c,
-  drawerTitle: a,
-  isOpen: s,
-  loadConnectAccountsCard: d = !0,
+  description: s,
+  drawerTitle: i,
+  isOpen: c,
+  loadConnectAccountsCard: p = !0,
   onClose: l,
-  stickyComponent: p,
-  title: h,
-  drawerType: _
+  stickyComponent: d,
+  title: _,
+  drawerType: h
 }) => {
-  const { finstrong: b } = v(), { isCopyLoaded: f } = j();
-  return f ? /* @__PURE__ */ i(te, { isOpen: s, onClose: l, title: a || b.key_indicators, children: [
-    (h || c) && /* @__PURE__ */ i(
+  const { finstrong: y } = w(), { isCopyLoaded: f } = j();
+  return f ? /* @__PURE__ */ a(ne, { isOpen: c, onClose: l, title: i || y.key_indicators, children: [
+    (_ || s) && /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -675,30 +675,30 @@ const Go = ({ isOpen: t, onClose: r }) => {
           p: 24
         },
         children: [
-          h && typeof h == "string" ? /* @__PURE__ */ e(N, { children: h }) : h,
-          c && /* @__PURE__ */ e(k, { sx: { lineHeight: "24px" }, children: c })
+          _ && typeof _ == "string" ? /* @__PURE__ */ e(N, { children: _ }) : _,
+          s && /* @__PURE__ */ e(k, { sx: { lineHeight: "24px" }, children: s })
         ]
       }
     ),
-    p && /* @__PURE__ */ e(
-      C,
+    d && /* @__PURE__ */ e(
+      v,
       {
         sx: {
           position: "sticky",
           top: 0,
           zIndex: 1
         },
-        children: p
+        children: d
       }
     ),
-    t && /* @__PURE__ */ e(C, { children: t }),
-    /* @__PURE__ */ i(u, { sx: { p: 24, gap: 24 }, children: [
+    t && /* @__PURE__ */ e(v, { children: t }),
+    /* @__PURE__ */ a(u, { sx: { p: 24, gap: 24 }, children: [
       o,
-      d && /* @__PURE__ */ e(
+      p && /* @__PURE__ */ e(
         Be,
         {
           description: n,
-          drawerType: _,
+          drawerType: h,
           isDashboard: !0,
           sx: { backgroundColor: "background.paper" },
           title: r
@@ -711,122 +711,122 @@ const Go = ({ isOpen: t, onClose: r }) => {
   shouldShowBalance: r = !0,
   loadAccounts: n
 }) => {
-  const { config: o } = kt(), { accounts: c } = v(), { selectedAccounts: a } = j(), s = m.useCallback(
+  const { config: o } = kt(), { accounts: s } = w(), { selectedAccounts: i } = j(), c = m.useCallback(
     (l) => {
       t?.(l);
     },
     [t]
-  ), d = m.useMemo(
-    () => Array.from(new Set(a.map((l) => l.account_type))).filter(
+  ), p = m.useMemo(
+    () => Array.from(new Set(i.map((l) => l.account_type))).filter(
       (l) => n ? n.includes(l) : !0
     ),
-    [a, n]
+    [i, n]
   );
-  return a.length ? /* @__PURE__ */ e(m.Fragment, { children: d.map((l) => {
-    const { accountsForType: p, totalBalanceForType: h } = a.reduce(
-      (_, b) => (b.account_type === l && (_.accountsForType.push(b), _.totalBalanceForType += b.balance || 0), _),
+  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: p.map((l) => {
+    const { accountsForType: d, totalBalanceForType: _ } = i.reduce(
+      (h, y) => (y.account_type === l && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
       { accountsForType: [], totalBalanceForType: 0 }
     );
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       Re,
       {
-        subheader: /* @__PURE__ */ e(Qn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: c.account_types[l] }),
-          r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: L(h, "0,0.00") })
+        subheader: /* @__PURE__ */ e(Qn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[l] }),
+          r && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: L(_, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          p.map((_, b) => {
-            const { firstValue: f } = Tt(_, c), w = Dt(_, {
+          d.map((h, y) => {
+            const { firstValue: f } = Tt(h, s), x = Dt(h, {
               allowNickname: o?.show_account_nicknames_in_master
-            }), y = /* @__PURE__ */ i(z, { children: [
-              /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: _.institution_guid ?? "" }) }),
+            }), b = /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 be,
                 {
-                  primary: `${w}${_.account_number ? ` *${_.account_number}` : ""}`,
+                  primary: `${x}${h.account_number ? ` *${h.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
               r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(f ?? 0, "0,0.00") })
             ] });
-            return /* @__PURE__ */ i(m.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => s(_), children: y }) : y }),
-              b !== p.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
-            ] }, _.guid);
+            return /* @__PURE__ */ a(m.Fragment, { children: [
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Zn, { onClick: () => c(h), children: b }) : b }),
+              y !== d.length - 1 && /* @__PURE__ */ e(oe, { variant: "inset" })
+            ] }, h.guid);
           }),
-          /* @__PURE__ */ e(ne, {})
+          /* @__PURE__ */ e(oe, {})
         ]
       },
       l
     );
   }) }) : null;
 }, Nt = S(Uo), Zo = ({ loadAccounts: t, loadMoreLabel: r }) => {
-  const n = E(), { config: o } = kt(), { connect: c, finstrong: a } = v(), { accounts: s } = v(), { selectedAccounts: d } = j(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = m.useMemo(
-    () => d.filter(
-      (y) => t ? t.includes(y.account_type) : !0
+  const n = G(), { config: o } = kt(), { connect: s, finstrong: i } = w(), { accounts: c } = w(), { selectedAccounts: p } = j(), [l, d] = m.useState(!1), [_, h] = m.useState(!1), y = m.useMemo(
+    () => p.filter(
+      (b) => t ? t.includes(b.account_type) : !0
     ),
-    [d, t]
-  ), f = m.useMemo(() => b.slice(0, 3), [b]), w = (y) => {
-    const { firstValue: D } = Tt(y, s);
+    [p, t]
+  ), f = m.useMemo(() => y.slice(0, 3), [y]), x = (b) => {
+    const { firstValue: D } = Tt(b, c);
     return D;
   };
-  return b.length >= 1 ? /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ e(C, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((y, D) => /* @__PURE__ */ i(m.Fragment, { children: [
-      /* @__PURE__ */ i(ye, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
+  return y.length >= 1 ? /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ e(v, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((b, D) => /* @__PURE__ */ a(m.Fragment, { children: [
+      /* @__PURE__ */ a(ye, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(xt, { alt: "MX", institutionGuid: b.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
           be,
           {
-            primary: `${Dt(y, {
+            primary: `${Dt(b, {
               allowNickname: o?.show_account_nicknames_in_master
             })}
-              ${y.account_number ? ` *${y.account_number}` : ""}`,
+              ${b.account_number ? ` *${b.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(w(y), "0,0.00") })
+        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: L(x(b), "0,0.00") })
       ] }),
-      D < f.length - 1 && /* @__PURE__ */ e(ne, { variant: "inset" })
-    ] }, y.guid)) }),
-    b.length > 3 && /* @__PURE__ */ i(z, { children: [
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-        W,
+      D < f.length - 1 && /* @__PURE__ */ e(oe, { variant: "inset" })
+    ] }, b.guid)) }),
+    y.length > 3 && /* @__PURE__ */ a(E, { children: [
+      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+        z,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => p(!0),
+          onClick: () => d(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
-            b.length - 3,
+          children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
+            y.length - 3,
             " ",
             r
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(te, { isOpen: l, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Nt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(ne, { isOpen: l, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Nt, { loadAccounts: t }) })
     ] })
-  ] }) : /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-      W,
+  ] }) : /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+      z,
       {
-        onClick: () => _(!0),
+        onClick: () => h(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: i.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        onClose: () => _(!1),
-        showConnectWidget: h,
-        title: c.mini_title
+        onClose: () => h(!1),
+        showConnectWidget: _,
+        title: s.mini_title
       }
     )
   ] });
-}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ i(
+}, Kt = S(Zo), Se = ({ balance: t, title: r, sx: n }) => /* @__PURE__ */ a(
   u,
   {
     sx: {
@@ -844,7 +844,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     ]
   }
 );
-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 || {}), ke = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(ke || {}), U = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(U || {});
+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 || {}), we = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(we || {}), U = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(U || {});
 const B = {
   bi_weekly: "Bi-Weekly",
   calculate: "Calculate",
@@ -875,44 +875,44 @@ const B = {
   [U.Weekly]: B.estimated_period_weekly,
   [U.Daily]: B.estimated_period_daily
 }, er = [
-  { id: ke.Months, label: B.months },
-  { id: ke.Years, label: B.years },
-  { id: ke.Days, label: B.days }
+  { id: we.Months, label: B.months },
+  { id: we.Years, label: B.years },
+  { id: we.Days, label: B.days }
 ], tr = ({ total: t }) => {
-  const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [c, a] = m.useState(at(t)), [s, d] = m.useState(
+  const r = Math.ceil((t + 1) / 1e3) * 1e3, [n, o] = m.useState(0), [s, i] = m.useState(at(t)), [c, p] = m.useState(
     at(t)
-  ), [l, p] = m.useState(r), [h, _] = m.useState(Fn(t)), [b, f] = m.useState(ke.Months);
+  ), [l, d] = m.useState(r), [_, h] = m.useState(Fn(t)), [y, f] = m.useState(we.Months);
   m.useEffect(() => {
     o(
       it({
-        contribution: s,
+        contribution: c,
         goalAmount: l,
-        goalPeriod: h,
-        targetPeriod: b,
+        goalPeriod: _,
+        targetPeriod: y,
         totalSaved: t
       })
-    ), a(s);
+    ), i(c);
   }, []);
-  const w = (y) => {
-    y.preventDefault(), o(
+  const x = (b) => {
+    b.preventDefault(), o(
       it({
-        contribution: s,
+        contribution: c,
         goalAmount: l,
-        goalPeriod: h,
-        targetPeriod: b,
+        goalPeriod: _,
+        targetPeriod: y,
         totalSaved: t
       })
-    ), a(s);
+    ), i(c);
   };
-  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: w, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: x, children: /* @__PURE__ */ a(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
-        balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
+        balance: /* @__PURE__ */ a(u, { sx: { flexDirection: "row", height: 32 }, children: [
           /* @__PURE__ */ e(I, { variant: "h2", children: L(n, "0,0") }),
-          /* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
+          /* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
-            Jo[c]
+            Jo[s]
           ] })
         ] }),
         title: B.estimated_contribution
@@ -928,8 +928,8 @@ const B = {
           pattern: "[0-9]*"
         },
         label: B.savings_goal,
-        onChange: (y) => {
-          y.target.value && p(Number(y.target.value.replace(/[^0-9]/g, "")));
+        onChange: (b) => {
+          b.target.value && d(Number(b.target.value.replace(/[^0-9]/g, "")));
         },
         value: l ? L(l, "0,0") : ""
       }
@@ -938,13 +938,13 @@ const B = {
       ct,
       {
         label: B.how_often_contribute,
-        onChange: d,
+        onChange: p,
         options: Qo,
         required: !0,
-        value: s
+        value: c
       }
     ),
-    /* @__PURE__ */ i(u, { sx: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ a(u, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
         Oe,
         {
@@ -955,7 +955,7 @@ const B = {
             pattern: "[0-9]*"
           },
           label: B.meet_your_goal_within,
-          onChange: (y) => _(Number(y.target.value)),
+          onChange: (b) => h(Number(b.target.value)),
           sx: {
             "& .MuiInputBase-root": {
               borderBottomRightRadius: 0,
@@ -965,11 +965,11 @@ const B = {
               }
             }
           },
-          value: h
+          value: _
         }
       ),
       /* @__PURE__ */ e(
-        C,
+        v,
         {
           sx: {
             "& .MuiInputBase-root": {
@@ -980,29 +980,29 @@ const B = {
               }
             }
           },
-          children: /* @__PURE__ */ e(ct, { label: "", onChange: f, options: er, value: b })
+          children: /* @__PURE__ */ e(ct, { label: "", onChange: f, options: er, value: y })
         }
       )
     ] }),
-    /* @__PURE__ */ e(W, { fullWidth: !0, onClick: w, type: "submit", variant: "contained", children: B.calculate })
+    /* @__PURE__ */ e(z, { fullWidth: !0, onClick: x, type: "submit", variant: "contained", children: B.calculate })
   ] }) }) });
 }, nr = S(tr), Ae = {
   connect_accounts: "Connect Accounts",
   more_accounts: "More Accounts",
   your_savings: "Your Savings"
 }, or = () => {
-  const { savingsAccounts: t } = Me(), [r, n] = m.useState(!1), o = m.useMemo(
-    () => t.reduce((c, a) => c + (a.balance ?? 0), 0),
+  const { savingsAccounts: t } = ke(), [r, n] = m.useState(!1), o = m.useMemo(
+    () => t.reduce((s, i) => s + (i.balance ?? 0), 0),
     [t]
   );
-  return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
+  return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
+    /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Se, { balance: o, title: Ae.your_savings }),
       t.length ? /* @__PURE__ */ e(Kt, { loadAccounts: [He.SAVINGS], loadMoreLabel: Ae.connect_accounts }) : /* @__PURE__ */ e(eo, { onClick: () => n(!0), variant: "contained", children: Ae.connect_accounts })
     ] }) }),
     /* @__PURE__ */ e(nr, { total: o }),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
         onClose: () => n(!1),
         showConnectWidget: r,
@@ -1011,8 +1011,8 @@ const B = {
     )
   ] });
 }, rr = S(or), $e = S(
-  ({ label: t, value: r, status: n, bottomComponent: o, statusBarData: c = [] }) => {
-    const a = {
+  ({ label: t, value: r, status: n, bottomComponent: o, statusBarData: s = [] }) => {
+    const i = {
       GOOD: {
         progressBarColor: "primary.main"
       },
@@ -1025,14 +1025,14 @@ const B = {
       MISSING: {
         progressBarColor: "text.secondary"
       }
-    }[n], s = c.map((d, l) => c.length === 2 ? {
-      color: l === 0 ? "primary.main" : d.color || a?.progressBarColor,
-      percentage: d.percentage
+    }[n], c = s.map((p, l) => s.length === 2 ? {
+      color: l === 0 ? "primary.main" : p.color || i?.progressBarColor,
+      percentage: p.percentage
     } : {
-      color: d.color || a?.progressBarColor,
-      percentage: d.percentage
+      color: p.color || i?.progressBarColor,
+      percentage: p.percentage
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -1044,9 +1044,9 @@ const B = {
           borderColor: "divider"
         },
         children: [
-          /* @__PURE__ */ i(u, { sx: { gap: 2 }, children: [
+          /* @__PURE__ */ a(u, { sx: { gap: 2 }, children: [
             /* @__PURE__ */ e(I, { variant: "body2", children: t }),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ a(
               u,
               {
                 sx: {
@@ -1062,8 +1062,8 @@ const B = {
               }
             )
           ] }),
-          /* @__PURE__ */ i(u, { children: [
-            /* @__PURE__ */ e(to, { data: s, height: 16 }),
+          /* @__PURE__ */ a(u, { children: [
+            /* @__PURE__ */ e(to, { data: c, height: 16 }),
             o
           ] })
         ]
@@ -1077,9 +1077,9 @@ const B = {
   return /* @__PURE__ */ e(
     $e,
     {
-      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((c) => /* @__PURE__ */ i(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((s) => /* @__PURE__ */ a(u, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
-          ne,
+          oe,
           {
             orientation: "vertical",
             sx: {
@@ -1089,8 +1089,8 @@ const B = {
             }
           }
         ),
-        /* @__PURE__ */ e(I, { variant: "caption", children: c })
-      ] }, c)) }),
+        /* @__PURE__ */ e(I, { variant: "caption", children: s })
+      ] }, s)) }),
       label: ar.sticky_label,
       status: o,
       statusBarData: [
@@ -1106,30 +1106,30 @@ const B = {
   bgcolor: r,
   height: n = "calc(100dvh - 36px)",
   loader: o = /* @__PURE__ */ e(J, { label: "Loading", size: 40 }),
-  onClick: c,
-  showInsights: a = !1,
-  showLoader: s = !1,
-  width: d = "100%",
+  onClick: s,
+  showInsights: i = !1,
+  showLoader: c = !1,
+  width: p = "100%",
   zeroState: l = /* @__PURE__ */ e(ro, {})
 }) => {
-  const { getCategoryName: p } = Ye(), { onEvent: h } = Nn(), { categories: _ } = v(), { clearExpandedSplits: b, setShowInsights: f, toggleSplit: w } = oo(), y = (x) => {
-    const M = t.find(($) => $.guid === x);
+  const { getCategoryName: d } = Ye(), { onEvent: _ } = Nn(), { categories: h } = w(), { clearExpandedSplits: y, setShowInsights: f, toggleSplit: x } = oo(), b = (C) => {
+    const M = t.find(($) => $.guid === C);
     if (M?.has_been_split) {
-      w(M.guid);
+      x(M.guid);
       return;
     }
-    h(ao.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    _(ao.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: M?.account_guid,
-      transaction_guid: x
-    }), c?.(x);
+      transaction_guid: C
+    }), s?.(C);
   }, D = m.useRef(null), g = no({
     count: t.length,
     getScrollElement: () => D.current,
-    estimateSize: (x) => ut + (Ne(x, t) ? _t : 0),
+    estimateSize: (C) => ut + (Ne(C, t) ? _t : 0),
     overscan: 5
   });
-  return m.useEffect(() => g.measure(), [t]), m.useEffect(() => f(a), [a]), m.useEffect(() => () => b(), []), /* @__PURE__ */ e(Re, { sx: { width: d }, children: /* @__PURE__ */ e(C, { height: n, overflow: "auto", ref: D, width: d, children: /* @__PURE__ */ i(
-    C,
+  return m.useEffect(() => g.measure(), [t]), m.useEffect(() => f(i), [i]), m.useEffect(() => () => y(), []), /* @__PURE__ */ e(Re, { sx: { width: p }, children: /* @__PURE__ */ e(v, { height: n, overflow: "auto", ref: D, width: p, children: /* @__PURE__ */ a(
+    v,
     {
       height: (
         // set the height to auto when there are no transactions so the zero state isn't set to 0
@@ -1138,17 +1138,17 @@ const B = {
       position: "relative",
       width: "100%",
       children: [
-        s && o,
-        !s && g.getVirtualItems().length === 0 && l,
-        !s && g.getVirtualItems().length > 0 && g.getVirtualItems().map((x) => {
-          const M = t[x.index], $ = Ne(x.index, t), G = Ft(x.index, t), H = ut + ($ ? _t : 0);
-          return /* @__PURE__ */ i(
-            C,
+        c && o,
+        !c && g.getVirtualItems().length === 0 && l,
+        !c && g.getVirtualItems().length > 0 && g.getVirtualItems().map((C) => {
+          const M = t[C.index], $ = Ne(C.index, t), H = Ft(C.index, t), O = ut + ($ ? _t : 0);
+          return /* @__PURE__ */ a(
+            v,
             {
               sx: {
-                height: H,
+                height: O,
                 position: "absolute",
-                transform: `translateY(${x.start}px)`,
+                transform: `translateY(${C.start}px)`,
                 width: "100%"
               },
               children: [
@@ -1156,17 +1156,17 @@ const B = {
                 /* @__PURE__ */ e(
                   Bt,
                   {
-                    ...c && { onClick: y },
+                    ...s && { onClick: b },
                     transaction: {
                       ...M,
-                      category: _.default_categories[M.top_level_category_guid]?.replace(
+                      category: h.default_categories[M.top_level_category_guid]?.replace(
                         /&amp;/g,
                         "&"
-                      ) ?? p(M.top_level_category_guid)
+                      ) ?? d(M.top_level_category_guid)
                     }
                   }
                 ),
-                /* @__PURE__ */ e(ne, { sx: { ml: G ? 24 : 0 } })
+                /* @__PURE__ */ e(oe, { sx: { ml: H ? 24 : 0 } })
               ]
             },
             M.guid
@@ -1180,30 +1180,30 @@ const B = {
   amountColor: r = "success.main",
   amountPosition: n = "center",
   formatDate: o = Ze,
-  secondaryIcon: c
+  secondaryIcon: s
 }) => {
-  const a = E(), { connect: s, finstrong: d } = v(), [l, p] = m.useState(!1), [h, _] = m.useState(!1), b = 3, f = t.length > b, w = t.length - b;
-  return !t || t.length === 0 ? /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-      W,
+  const i = G(), { connect: c, finstrong: p } = w(), [l, d] = m.useState(!1), [_, h] = m.useState(!1), y = 3, f = t.length > y, x = t.length - y;
+  return !t || t.length === 0 ? /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+      z,
       {
-        onClick: () => _(!0),
+        onClick: () => h(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: d.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: p.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        onClose: () => _(!1),
-        showConnectWidget: h,
-        title: s.mini_title
+        onClose: () => h(!1),
+        showConnectWidget: _,
+        title: c.mini_title
       }
     )
-  ] }) : /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(C, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, b).map((y, D) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ a(u, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(v, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, y).map((b, D) => /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -1217,12 +1217,12 @@ const B = {
           /* @__PURE__ */ e(u, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
             kn,
             {
-              categoryGuid: y.top_level_category_guid || "",
-              merchantGuid: y.merchant_guid || "",
+              categoryGuid: b.top_level_category_guid || "",
+              merchantGuid: b.merchant_guid || "",
               size: 32
             }
           ) }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             u,
             {
               sx: {
@@ -1230,51 +1230,51 @@ const B = {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...D < Math.min(t.length, b) - 1 && {
-                  borderBottom: `1px solid ${a.palette.divider}`
+                ...D < Math.min(t.length, y) - 1 && {
+                  borderBottom: `1px solid ${i.palette.divider}`
                 },
                 pb: 14,
                 pr: 24,
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
-                  /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: y.description }),
-                  /* @__PURE__ */ i(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-                    !!c && c,
-                    /* @__PURE__ */ e(I, { variant: "caption", children: o(y.date) })
+                /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
+                  /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: b.description }),
+                  /* @__PURE__ */ a(u, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+                    !!s && s,
+                    /* @__PURE__ */ e(I, { variant: "caption", children: o(b.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: L(y.amount, "0,0.00") })
+                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: L(b.amount, "0,0.00") })
               ]
             },
-            y.guid || D
+            b.guid || D
           )
         ]
       },
       D
     )) }),
-    f && /* @__PURE__ */ i(z, { children: [
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-        W,
+    f && /* @__PURE__ */ a(E, { children: [
+      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+        z,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => p(!0),
+          onClick: () => d(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
-            w,
+          children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
+            x,
             " ",
-            d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
+            p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
       /* @__PURE__ */ e(
-        te,
+        ne,
         {
           isOpen: l,
-          onClose: () => p(!1),
-          title: d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
+          onClose: () => d(!1),
+          title: p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(dr, { transactions: t })
         }
       )
@@ -1285,10 +1285,10 @@ const B = {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = v(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
+  } = w(), { getSpendingFeeTransactions: r, allTransactions: n } = F();
   return m.useEffect(() => {
     r().finally();
-  }, []), /* @__PURE__ */ e(z, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
     K,
     {
       sx: {
@@ -1301,13 +1301,13 @@ const B = {
       },
       children: [
         /* @__PURE__ */ e(yn, { filled: !0, size: 48, sx: { color: "success.main" } }),
-        /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
+        /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
           /* @__PURE__ */ e(N, { children: t.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ a(
     K,
     {
       sx: {
@@ -1331,8 +1331,8 @@ const B = {
     }
   ) });
 }, ur = S(pr), _r = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, c = Bn(t.spending_fee_transaction_count);
-  return /* @__PURE__ */ i(
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_spend: n } = r, { pay_bills_on_time_drawer: o } = n, s = Bn(t.spending_fee_transaction_count);
+  return /* @__PURE__ */ a(
     u,
     {
       sx: {
@@ -1343,20 +1343,20 @@ const B = {
       },
       children: [
         /* @__PURE__ */ e(k, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
-        /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i(Pe, { children: [
+        /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ a(Pe, { children: [
             t.spending_fee_transaction_count,
             " ",
             o.pay_bills_on_time_sticky_fee_count
           ] }),
-          /* @__PURE__ */ e(Le, { status: c })
+          /* @__PURE__ */ e(Le, { status: s })
         ] })
       ]
     }
   );
 }, hr = S(_r), mr = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Me(), { finstrong: r } = v();
-  return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
+  const { savingsAndCheckingAccountsBalance: t } = ke(), { finstrong: r } = w();
+  return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
@@ -1373,15 +1373,15 @@ const B = {
     )
   ] });
 }, gr = S(mr), yr = () => {
-  const { finstrong: t } = v(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = F(), { isInitialized: a } = j();
+  const { finstrong: t } = w(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: s } = F(), { isInitialized: i } = j();
   m.useEffect(() => {
-    a && (o().finally(), c().finally());
-  }, [a]);
-  const s = m.useMemo(() => {
-    const d = n.spend.map((p) => p.transaction), l = n.debtSpend.map((p) => p.transaction);
-    return [...d, ...l];
+    i && (o().finally(), s().finally());
+  }, [i]);
+  const c = m.useMemo(() => {
+    const p = n.spend.map((d) => d.transaction), l = n.debtSpend.map((d) => d.transaction);
+    return [...p, ...l];
   }, [n.spend, n.debtSpend]);
-  return a ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
+  return i ? /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
@@ -1389,24 +1389,24 @@ const B = {
         title: t.key_indicators_save.drawer_daily_spend
       }
     ),
-    /* @__PURE__ */ e(We, { amountColor: "text.primary", transactions: s })
+    /* @__PURE__ */ e(We, { amountColor: "text.primary", transactions: c })
   ] }) : /* @__PURE__ */ e(J, {});
 }, br = S(yr), fr = () => {
-  const [t, r] = m.useState(0), { finstrong: n } = v();
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(K, { children: [
-      /* @__PURE__ */ i(
+  const [t, r] = m.useState(0), { finstrong: n } = w();
+  return /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(K, { children: [
+      /* @__PURE__ */ a(
         qe,
         {
           "aria-label": n.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (o, c) => r(c),
+          onChange: (o, s) => r(s),
           sx: { mb: 0 },
           value: t,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              pe,
+              ce,
               {
                 "aria-controls": "available-details-tabpanel-0",
                 label: n.key_indicators_save.drawer_available,
@@ -1414,7 +1414,7 @@ const B = {
               }
             ),
             /* @__PURE__ */ e(
-              pe,
+              ce,
               {
                 "aria-controls": "spending-details-tabpanel-1",
                 label: n.key_indicators_save.drawer_spending,
@@ -1424,13 +1424,13 @@ const B = {
           ]
         }
       ),
-      /* @__PURE__ */ e(ue, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
-      /* @__PURE__ */ e(ue, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(br, {}) })
+      /* @__PURE__ */ e(le, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(gr, {}) }),
+      /* @__PURE__ */ e(le, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(br, {}) })
     ] }),
     /* @__PURE__ */ e(Qe, { chartFor: "savingsOverTime" })
   ] });
 }, xr = S(fr), Sr = () => {
-  const { finstrong: t } = v(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), c = 183 / 6, a = Math.floor(n), s = Math.round((n - a) * c), d = n / 6 * 100;
+  const { finstrong: t } = w(), { healthScore: r } = F(), n = r.months_of_cash_on_hand, o = wt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), p = n / 6 * 100;
   return /* @__PURE__ */ e(
     $e,
     {
@@ -1444,7 +1444,7 @@ const B = {
             mt: 2,
             px: 1
           },
-          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ i(
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */ a(
             u,
             {
               sx: {
@@ -1453,7 +1453,7 @@ const B = {
               },
               children: [
                 /* @__PURE__ */ e(
-                  ne,
+                  oe,
                   {
                     orientation: "vertical",
                     sx: {
@@ -1462,10 +1462,10 @@ const B = {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "XSmall", children: p })
+                /* @__PURE__ */ e(I, { variant: "XSmall", children: d })
               ]
             },
-            p
+            d
           ))
         }
       ),
@@ -1473,18 +1473,18 @@ const B = {
       status: o,
       statusBarData: [
         {
-          percentage: `${d}%`
+          percentage: `${p}%`
         }
       ],
-      value: Y(t.key_indicators_save.drawer_progress_bar_value, a, s)
+      value: Y(t.key_indicators_save.drawer_progress_bar_value, i, c)
     }
   );
 }, Cr = S(Sr), vr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((s) => o ? "MISSING" : s <= 30 ? "GOOD" : s >= 31 && s <= 39 ? "FAIR" : s >= 40 ? "OFF_TRACK" : "MISSING")(n);
+  const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, i = ((c) => o ? "MISSING" : c <= 30 ? "GOOD" : c >= 31 && c <= 39 ? "FAIR" : c >= 40 ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     $e,
     {
-      bottomComponent: /* @__PURE__ */ i(
+      bottomComponent: /* @__PURE__ */ a(
         u,
         {
           sx: {
@@ -1497,14 +1497,14 @@ const B = {
           },
           children: [
             /* @__PURE__ */ e(
-              C,
+              v,
               {
                 sx: {
                   left: "30%",
                   position: "absolute",
                   transform: "translateX(-50%)"
                 },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ a(
                   u,
                   {
                     sx: {
@@ -1515,7 +1515,7 @@ const B = {
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        ne,
+                        oe,
                         {
                           orientation: "vertical",
                           sx: {
@@ -1531,7 +1531,7 @@ const B = {
               }
             ),
             /* @__PURE__ */ e(
-              C,
+              v,
               {
                 sx: {
                   display: "flex",
@@ -1550,7 +1550,7 @@ const B = {
         }
       ),
       label: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
-      status: a,
+      status: i,
       statusBarData: [
         {
           percentage: `${n}%`
@@ -1560,8 +1560,8 @@ const B = {
     }
   );
 }, wr = S(vr), kr = () => {
-  const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
-  return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
+  const { healthScore: t, allTransactions: r } = F(), { connect: n, finstrong: o } = w(), [s, i] = m.useState(!1);
+  return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
@@ -1572,29 +1572,29 @@ const B = {
     ),
     r.income.length ? (
       // TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e(We, { transactions: r.income.map((s) => s.transaction) })
+      /* @__PURE__ */ e(We, { transactions: r.income.map((c) => c.transaction) })
     ) : /* @__PURE__ */ e(
-      W,
+      z,
       {
         onClick: () => {
-          a(!0);
+          i(!0);
         },
         variant: "contained",
         children: o.connect_more_accounts_button
       }
     ),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        onClose: () => a(!1),
-        showConnectWidget: c,
+        onClose: () => i(!1),
+        showConnectWidget: s,
         title: n.mini_title
       }
     )
   ] });
 }, Mr = S(kr), Dr = () => {
-  const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = v(), [c, a] = m.useState(!1);
-  return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
+  const { allTransactions: t, healthScore: r } = F(), { connect: n, finstrong: o } = w(), [s, i] = m.useState(!1);
+  return /* @__PURE__ */ a(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Se,
       {
@@ -1609,24 +1609,24 @@ const B = {
         We,
         {
           amountColor: "text.primary",
-          transactions: t.debtSpend.map((s) => s.transaction)
+          transactions: t.debtSpend.map((c) => c.transaction)
         }
       )
     ) : /* @__PURE__ */ e(
-      W,
+      z,
       {
         onClick: () => {
-          a(!0);
+          i(!0);
         },
         variant: "contained",
         children: o.connect_more_accounts_button
       }
     ),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        onClose: () => a(!1),
-        showConnectWidget: c,
+        onClose: () => i(!1),
+        showConnectWidget: s,
         title: n.mini_title
       }
     )
@@ -1636,38 +1636,38 @@ const B = {
   data: r,
   series: n,
   style: o,
-  ...c
+  ...s
 }) => {
-  const a = E(), s = m.useRef(null), { width: d } = uo({
+  const i = G(), c = m.useRef(null), { width: p } = uo({
     width: o.width
   });
   m.useLayoutEffect(() => {
-    const _ = new ResizeObserver(() => {
+    const h = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
-        if (s.current) {
-          const { width: b } = s.current.getBoundingClientRect(), f = b / 2, w = s.current.querySelector("text");
-          w && w.setAttribute("transform", `translate(${f}, -8)`);
+        if (c.current) {
+          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, x = c.current.querySelector("text");
+          x && x.setAttribute("transform", `translate(${f}, -8)`);
         }
       });
     });
-    return s.current && _.observe(s.current), () => {
-      s.current && _.unobserve(s.current);
+    return c.current && h.observe(c.current), () => {
+      c.current && h.unobserve(c.current);
     };
   }, []);
-  const { formattedComparison: l, formattedMain: p } = r[n.index], h = n.type === 0 ? p : l;
-  return /* @__PURE__ */ i("g", { children: [
-    /* @__PURE__ */ e(lt.rect, { ...c, fill: t, ref: s, rx: 2, style: o }),
+  const { formattedComparison: l, formattedMain: d } = r[n.index], _ = n.type === 0 ? d : l;
+  return /* @__PURE__ */ a("g", { children: [
+    /* @__PURE__ */ e(lt.rect, { ...s, fill: t, ref: c, rx: 2, style: o }),
     /* @__PURE__ */ e(
       lt.text,
       {
-        fill: a.palette.text.secondary,
+        fill: i.palette.text.secondary,
         fontSize: 9,
         fontWeight: 400,
         textAnchor: "middle",
-        transform: d.to((_) => `translate(${_ / 2}, -5)`),
+        transform: p.to((h) => `translate(${h / 2}, -5)`),
         x: o.x,
         y: o.y,
-        children: h
+        children: _
       }
     )
   ] });
@@ -1676,15 +1676,15 @@ const B = {
   data: r,
   title: n,
   buttonLabel: o,
-  onClick: c,
-  legendLabelMain: a,
-  legendLabelComparison: s,
-  totalComparison: d,
+  onClick: s,
+  legendLabelMain: i,
+  legendLabelComparison: c,
+  totalComparison: p,
   totalMain: l
 }) => {
-  const p = E(), h = so(p.breakpoints.down("xs")), _ = m.useMemo(
-    () => r.sort((g, x) => g.month - x.month).map((g) => {
-      const x = Ln(g.month), M = {
+  const d = G(), _ = so(d.breakpoints.down("xs")), h = m.useMemo(
+    () => r.sort((g, C) => g.month - C.month).map((g) => {
+      const C = Ln(g.month), M = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1699,23 +1699,23 @@ const B = {
         }
       };
       return {
-        label: x,
+        label: C,
         ...M[t]
       };
     }),
     [r, t]
-  ), b = {
+  ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(..._.map((g) => Math.max(g.main, g.comparison))), w = Math.ceil(f * 1.2 / 1e3) * 1e3, y = w / 3, D = {
+  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), x = Math.ceil(f * 1.2 / 1e3) * 1e3, b = x / 3, D = {
     scaleType: "linear",
     min: 0,
-    max: w,
+    max: x,
     tickNumber: 4,
-    tickMinStep: y,
+    tickMinStep: b,
     valueFormatter: (g) => g === 0 ? "$0" : `$${(g / 1e3).toFixed(0)}K`
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     K,
     {
       sx: {
@@ -1723,7 +1723,7 @@ const B = {
         py: 24
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           u,
           {
             sx: {
@@ -1736,10 +1736,10 @@ const B = {
             children: [
               /* @__PURE__ */ e(N, { children: n }),
               o && /* @__PURE__ */ e(
-                W,
+                z,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
-                  onClick: c,
+                  onClick: s,
                   size: "small",
                   sx: {
                     pl: 8,
@@ -1752,10 +1752,10 @@ const B = {
             ]
           }
         ),
-        /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
-          /* @__PURE__ */ i(u, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
+        /* @__PURE__ */ 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(
-              C,
+              v,
               {
                 sx: {
                   width: 10,
@@ -1765,17 +1765,17 @@ const B = {
                 }
               }
             ),
-            /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-              /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                a,
+            /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+              /* @__PURE__ */ a(I, { variant: "subtitle2", children: [
+                i,
                 " "
               ] }),
-              !h && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !_ && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
             ] })
           ] }),
-          /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
+          /* @__PURE__ */ a(u, { alignItems: "center", direction: "row", spacing: 8, children: [
             /* @__PURE__ */ e(
-              C,
+              v,
               {
                 sx: {
                   width: 10,
@@ -1785,27 +1785,27 @@ const B = {
                 }
               }
             ),
-            /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-              /* @__PURE__ */ i(I, { variant: "subtitle2", children: [
-                s,
+            /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+              /* @__PURE__ */ a(I, { variant: "subtitle2", children: [
+                c,
                 " "
               ] }),
-              !h && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
+              !_ && p && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: p })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           po,
           {
-            colors: [`${p.palette.chartMono.chartMono3}`, `${p.palette.chartMono.chartMono5}`],
-            dataset: _,
+            colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
+            dataset: h,
             height: 240,
             margin: { top: 20, bottom: 30, right: 10, left: 42 },
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
             ],
-            xAxis: [b],
+            xAxis: [y],
             yAxis: [D],
             children: [
               /* @__PURE__ */ e(
@@ -1813,16 +1813,16 @@ const B = {
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: x, style: M, ...$ } = g;
+                      const { ownerState: C, style: M, ...$ } = g;
                       return /* @__PURE__ */ e(
                         Ar,
                         {
                           ...$,
-                          color: x.color,
-                          data: _,
+                          color: C.color,
+                          data: h,
                           series: {
-                            index: x.dataIndex,
-                            type: Number(x.id.toString().split("-").pop())
+                            index: C.dataIndex,
+                            type: Number(C.id.toString().split("-").pop())
                           },
                           style: M
                         }
@@ -1836,10 +1836,10 @@ const B = {
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: p.palette.divider
+                      stroke: d.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: p.palette.divider
+                      stroke: d.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateY(10px)"
@@ -1856,10 +1856,10 @@ const B = {
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: p.palette.divider
+                      stroke: d.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: p.palette.divider
+                      stroke: d.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateX(-8px)"
@@ -1878,36 +1878,36 @@ const B = {
     }
   );
 }, Tr = () => {
-  const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [c, a] = m.useState(0), { finstrong: s } = v();
+  const { loadDebtSpend: t, loadIncome: r, monthlySummaries: n } = F(), { isInitialized: o } = j(), [s, i] = m.useState(0), { finstrong: c } = w();
   return m.useEffect(() => {
     o && (t().finally(), r().finally());
-  }, [o]), /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(K, { children: [
-      /* @__PURE__ */ i(
+  }, [o]), /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(K, { children: [
+      /* @__PURE__ */ a(
         qe,
         {
-          "aria-label": s.key_indicators_save.drawer_title,
+          "aria-label": c.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (d, l) => a(l),
+          onChange: (p, l) => i(l),
           sx: { mb: 0 },
-          value: c,
+          value: s,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              pe,
+              ce,
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
-                label: s.key_indicators_borrow.have_manageable_debt_drawer.income,
+                label: c.key_indicators_borrow.have_manageable_debt_drawer.income,
                 sx: { minHeight: 44 }
               }
             ),
             /* @__PURE__ */ e(
-              pe,
+              ce,
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
-                label: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+                label: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
                 sx: { minHeight: 44 }
               }
             )
@@ -1915,45 +1915,45 @@ const B = {
         }
       ),
       /* @__PURE__ */ e(
-        ue,
+        le,
         {
           "aria-labelledby": "income-details-tab-0",
           index: 0,
           name: "income-details",
-          value: c,
+          value: s,
           children: /* @__PURE__ */ e(Mr, {})
         }
       ),
       /* @__PURE__ */ e(
-        ue,
+        le,
         {
           "aria-labelledby": "debt-payment-details-tab-1",
           index: 1,
           name: "debt-payment-details",
-          value: c,
+          value: s,
           children: /* @__PURE__ */ e(Ir, {})
         }
       )
     ] }),
-    n.length ? /* @__PURE__ */ i(z, { children: [
+    n.length ? /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
         jt,
         {
           chartFor: "debt_payment_vs_income",
           data: n,
-          legendLabelComparison: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-          legendLabelMain: s.key_indicators_borrow.have_manageable_debt_drawer.income,
-          title: s.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
+          legendLabelComparison: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+          legendLabelMain: c.key_indicators_borrow.have_manageable_debt_drawer.income,
+          title: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
       /* @__PURE__ */ e(Qe, { chartFor: "debtOverTime" })
-    ] }) : /* @__PURE__ */ i(z, { children: [
+    ] }) : /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
         Fe,
         {
-          header: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
+          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
+          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1967,9 +1967,9 @@ const B = {
       /* @__PURE__ */ e(
         Fe,
         {
-          header: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
+          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
+          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1983,16 +1983,16 @@ const B = {
     ] })
   ] });
 }, Or = S(Tr), Rr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, a = ((d) => o ? "MISSING" : d < 100 ? "GOOD" : d >= 100 && d <= 109 ? "FAIR" : d >= 110 ? "OFF_TRACK" : "MISSING")(n), s = {
+  const { healthScore: t } = F(), { finstrong: r } = w(), n = Te(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, i = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), c = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     MISSING: [{ percentage: "0%" }]
-  }[a];
+  }[i];
   return /* @__PURE__ */ e(
     $e,
     {
-      bottomComponent: /* @__PURE__ */ i(
+      bottomComponent: /* @__PURE__ */ a(
         u,
         {
           sx: {
@@ -2002,12 +2002,12 @@ const B = {
             mt: 8
           },
           children: [
-            /* @__PURE__ */ i(I, { variant: "body2", children: [
+            /* @__PURE__ */ a(I, { variant: "body2", children: [
               o ? "-" : L(t.ninety_day_income, "0,0.00"),
               " ",
               r?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
-            /* @__PURE__ */ i(I, { variant: "body2", children: [
+            /* @__PURE__ */ a(I, { variant: "body2", children: [
               o ? "-%" : `${n}%`,
               " ",
               r?.key_indicators_spend.spend_less_than_you_make_drawer.spent
@@ -2016,47 +2016,49 @@ const B = {
         }
       ),
       label: r?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
-      status: a,
-      statusBarData: s,
+      status: i,
+      statusBarData: c,
       value: o ? "$0" : L(t.ninety_day_spend, "0,0.00")
     }
   );
-}, Fr = S(Rr), Pr = () => {
-  const t = E(), { monthlySummaries: r, handleFinstrongWidgetPrimaryCtaClick: n } = F(), { finstrong: o, goals: c, spending: a } = v(), { selectedAccounts: s } = j(), { categories: d, dateRangeCategoryTotals: l, loadDateRangeCategoryTotals: p } = Ye(), { appDataStore: h } = Kn(), [_, b] = m.useState("");
+}, Fr = S(Rr), Pr = ({
+  onPrimaryCtaClick: t
+}) => {
+  const r = G(), { monthlySummaries: n } = F(), { finstrong: o, goals: s, spending: i } = w(), { selectedAccounts: c } = j(), { categories: p, dateRangeCategoryTotals: l, loadDateRangeCategoryTotals: d } = Ye(), { appDataStore: _ } = Kn(), [h, y] = m.useState("");
   m.useEffect(() => {
-    p(
-      s,
+    d(
+      c,
       Lt(/* @__PURE__ */ new Date()),
       $t(/* @__PURE__ */ new Date())
     ).finally();
-  }, [s]);
+  }, [c]);
   const f = m.useMemo(
-    () => _o(d, c, t, l),
-    [d, l]
-  ), w = (g) => {
-    b(_ === g ? "" : g);
-  }, { totalSpending: y, totalIncome: D } = m.useMemo(() => r?.reduce(
-    (g, { standard_spend: x = 0, income: M = 0 }) => ({
-      totalSpending: g.totalSpending + x,
+    () => _o(p, s, r, l),
+    [p, l]
+  ), x = (g) => {
+    y(h === g ? "" : g);
+  }, { totalSpending: b, totalIncome: D } = m.useMemo(() => n?.reduce(
+    (g, { standard_spend: C = 0, income: M = 0 }) => ({
+      totalSpending: g.totalSpending + C,
       totalIncome: g.totalIncome + M
     }),
     { totalSpending: 0, totalIncome: 0 }
-  ), [r]);
-  return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
-    r.length ? /* @__PURE__ */ e(
+  ), [n]);
+  return /* @__PURE__ */ a(u, { sx: { gap: 24 }, children: [
+    n.length ? /* @__PURE__ */ e(
       jt,
       {
-        ...h.appData.client_profile?.allow_trends_widget && {
+        ..._.appData.client_profile?.allow_trends_widget && {
           buttonLabel: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
         },
         chartFor: "spending_vs_income",
-        data: r,
+        data: n,
         legendLabelComparison: o.key_indicators_spend.spend_less_than_you_make_drawer.income,
         legendLabelMain: o.key_indicators_spend.spend_less_than_you_make_drawer.spending,
+        onClick: () => t?.("trends"),
         title: o.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: L(D, "0,0.00"),
-        totalMain: L(y, "0,0.00"),
-        onClick: n("Trends")
+        totalMain: L(b, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Fe,
@@ -2079,7 +2081,7 @@ const B = {
         variant: "no-buttons"
       }
     ),
-    f ? /* @__PURE__ */ i(
+    f ? /* @__PURE__ */ a(
       K,
       {
         sx: {
@@ -2087,7 +2089,7 @@ const B = {
           py: 24
         },
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             u,
             {
               sx: {
@@ -2099,39 +2101,39 @@ const B = {
               },
               children: [
                 /* @__PURE__ */ e(N, { children: o.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                h.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  W,
+                _.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                  z,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
+                    onClick: () => t?.("spending"),
                     size: "small",
                     sx: {
                       pl: 8,
                       height: 24
                     },
                     variant: "text",
-                    onClick: n("Spending"),
                     children: o.key_indicators_spend.spend_less_than_you_make_drawer.view_more
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ i(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
+          /* @__PURE__ */ a(u, { sx: { gap: 12, py: 16, flexDirection: "row", justifyContent: "center" }, children: [
             /* @__PURE__ */ e(
               ho,
               {
                 data: f,
-                onSelected: w,
-                selectedId: _,
-                totalLabel: a.total_spending
+                onSelected: x,
+                selectedId: h,
+                totalLabel: i.total_spending
               }
             ),
             /* @__PURE__ */ e(
               mo,
               {
                 data: f,
-                onSelected: w,
-                selectedId: _
+                onSelected: x,
+                selectedId: h
               }
             )
           ] })
@@ -2166,26 +2168,27 @@ const B = {
 }, Lr = ({
   drawerFor: t,
   isOpen: r,
-  onClose: n
+  onClose: n,
+  onPrimaryCtaClick: o
 }) => {
-  const { finstrong: o } = v(), a = {
+  const { finstrong: s } = w(), c = {
     spendLessThanYouMake: {
-      title: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
-      description: o.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
+      title: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
+      description: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
       stickyComponent: /* @__PURE__ */ e(Fr, {}),
-      content: /* @__PURE__ */ e(Br, {}),
+      content: /* @__PURE__ */ e(Br, { onPrimaryCtaClick: o }),
       drawerType: "connectDrawer",
-      connectTitle: o.connect_your_accounts,
-      connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     payBillsOnTime: {
-      title: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
-      description: o.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
+      title: s.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
+      description: s.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
       stickyComponent: /* @__PURE__ */ e(hr, {}),
       content: /* @__PURE__ */ e(ur, {}),
       drawerType: "connectDrawer",
-      connectTitle: o.connect_your_accounts,
-      connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
       content: /* @__PURE__ */ e(rr, {}),
@@ -2193,17 +2196,17 @@ const B = {
       stickyComponent: /* @__PURE__ */ e(cr, {}),
       title: Ee.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
-      connectTitle: o.connect_your_accounts,
-      connectDescription: o.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
+      connectTitle: s.connect_your_accounts,
+      connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     haveManageableDebt: {
-      title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
-      description: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
+      title: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
+      description: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
       stickyComponent: /* @__PURE__ */ e(wr, {}),
       content: /* @__PURE__ */ e(Or, {}),
       drawerType: "connectDrawer",
-      connectTitle: o.dont_see_all_your_accounts,
-      connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
+      connectTitle: s.dont_see_all_your_accounts,
+      connectDescription: s.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
       title: /* @__PURE__ */ e(Xo, {}),
@@ -2212,43 +2215,44 @@ const B = {
       content: /* @__PURE__ */ e(jo, {})
     },
     saveEnoughToLiveOn: {
-      title: o.key_indicators_save.drawer_title,
-      description: o.key_indicators_save.drawer_description,
+      title: s.key_indicators_save.drawer_title,
+      description: s.key_indicators_save.drawer_description,
       stickyComponent: /* @__PURE__ */ e(Cr, {}),
       content: /* @__PURE__ */ e(xr, {}),
       drawerType: "connectDrawer",
-      connectTitle: o.dont_see_all_your_accounts,
-      connectDescription: o.connect_more_accounts_to_view_more_accurate_financial_picture
+      connectTitle: s.dont_see_all_your_accounts,
+      connectDescription: s.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
     Ht,
     {
-      connectDescription: a?.connectDescription,
-      connectTitle: a?.connectTitle,
-      description: a?.description,
-      drawerTitle: o.key_indicators,
-      drawerType: a.drawerType,
+      connectDescription: c?.connectDescription,
+      connectTitle: c?.connectTitle,
+      description: c?.description,
+      drawerTitle: s.key_indicators,
+      drawerType: c.drawerType,
       isOpen: r,
       loadConnectAccountsCard: !0,
       onClose: n,
-      stickyComponent: a.stickyComponent,
-      title: a.title,
-      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: a.content })
+      stickyComponent: c.stickyComponent,
+      title: c.title,
+      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: c.content })
     }
   );
 }, $r = S(Lr), xe = ({
   drawerFor: t,
   title: r,
   description: n,
-  cardState: o = "MISSING"
+  cardState: o = "MISSING",
+  onPrimaryCtaClick: s
 }) => {
-  const [c, a] = m.useState(!1);
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(
+  const [i, c] = m.useState(!1);
+  return /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(
       u,
       {
-        onClick: () => a(!0),
+        onClick: () => c(!0),
         sx: {
           alignItems: "center",
           flexDirection: "row",
@@ -2261,8 +2265,8 @@ const B = {
           cursor: "pointer"
         },
         children: [
-          /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
-            /* @__PURE__ */ i(u, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+          /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
+            /* @__PURE__ */ a(u, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
               /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
               /* @__PURE__ */ e(Le, { status: o })
             ] }),
@@ -2276,175 +2280,177 @@ const B = {
       $r,
       {
         drawerFor: t,
-        isOpen: c,
-        onClose: () => a(!1)
+        isOpen: i,
+        onClose: () => c(!1),
+        onPrimaryCtaClick: s
       }
     )
   ] });
-}, Wr = () => {
-  const { finstrong: t } = v(), { key_indicators_spend: r } = t, { healthScore: n } = F(), o = (s) => {
-    const d = Wn(s), l = {
-      GOOD: r.ratio_good_description,
-      FAIR: r.ratio_fair_description,
-      OFF_TRACK: r.ratio_off_track_description,
-      MISSING: r.ratio_missing_description
-    }, p = d === "MISSING" ? l[d] : Y(l[d], s);
+}, Wr = ({ onPrimaryCtaClick: t }) => {
+  const { finstrong: r } = w(), { key_indicators_spend: n } = r, { healthScore: o } = F(), s = (p) => {
+    const l = Wn(p), d = {
+      GOOD: n.ratio_good_description,
+      FAIR: n.ratio_fair_description,
+      OFF_TRACK: n.ratio_off_track_description,
+      MISSING: n.ratio_missing_description
+    }, _ = l === "MISSING" ? d[l] : Y(d[l], p);
     return {
-      cardState: d,
-      description: p,
-      title: r.ratio_card_title
+      cardState: l,
+      description: _,
+      title: n.ratio_card_title
     };
-  }, { spendToIncomeRatio: c, spendFeeCount: a } = m.useMemo(() => {
-    const s = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = o(s), l = $n(
-      n.spending_fee_transaction_count,
-      r
+  }, { spendToIncomeRatio: i, spendFeeCount: c } = m.useMemo(() => {
+    const p = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null, l = s(p), d = $n(
+      o.spending_fee_transaction_count,
+      n
     );
-    return { spendToIncomeRatio: d, spendFeeCount: l };
+    return { spendToIncomeRatio: l, spendFeeCount: d };
   }, [
-    n.spend_to_income_ratio,
-    n.spending_fee_transaction_count,
-    r,
-    t
+    o.spend_to_income_ratio,
+    o.spending_fee_transaction_count,
+    n,
+    r
   ]);
-  return /* @__PURE__ */ i(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ a(u, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: c.cardState,
-        description: c.description,
-        drawerFor: _e.SpendLessThanYouMake,
-        title: c.title
+        cardState: i.cardState,
+        description: i.description,
+        drawerFor: de.SpendLessThanYouMake,
+        onPrimaryCtaClick: t,
+        title: i.title
       }
     ),
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: a.cardState,
-        description: a.description,
-        drawerFor: _e.PayBillsOnTime,
-        title: a.title
+        cardState: c.cardState,
+        description: c.description,
+        drawerFor: de.PayBillsOnTime,
+        title: c.title
       }
     )
   ] });
 }, zr = S(Wr), Er = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_save: n } = r, o = (d) => {
-    const l = wt(d), p = {
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_save: n } = r, o = (p) => {
+    const l = wt(p), d = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, h = l === "MISSING" ? p[l] : Y(p[l], d);
+    }, _ = l === "MISSING" ? d[l] : Y(d[l], p);
     return {
       cardState: l,
-      description: h,
+      description: _,
       title: n.days_of_cash_title
     };
-  }, c = (d) => {
-    const l = vt(d), p = {
+  }, s = (p) => {
+    const l = vt(p), d = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
       MISSING: n.emergency_savings_missing_description
     };
-    let h;
-    return l === "FAIR" && d !== null ? h = Y(
-      p[l],
-      L(d, "0,0.00")
-    ) : h = p[l], {
+    let _;
+    return l === "FAIR" && p !== null ? _ = Y(
+      d[l],
+      L(p, "0,0.00")
+    ) : _ = d[l], {
       cardState: l,
-      description: h,
+      description: _,
       title: n.emergency_savings_title
     };
-  }, { daysOfCashOnHand: a, emergencySavings: s } = m.useMemo(() => {
-    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, l = o(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, h = c(p);
-    return { daysOfCashOnHand: l, emergencySavings: h };
+  }, { daysOfCashOnHand: i, emergencySavings: c } = m.useMemo(() => {
+    const p = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, l = o(p), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = s(d);
+    return { daysOfCashOnHand: l, emergencySavings: _ };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
     n,
     r
   ]);
-  return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: a.cardState,
-        description: a.description,
-        drawerFor: _e.SaveEnoughToLiveOn,
-        title: a.title
+        cardState: i.cardState,
+        description: i.description,
+        drawerFor: de.SaveEnoughToLiveOn,
+        title: i.title
       }
     ),
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: s.cardState,
-        description: s.description,
-        drawerFor: _e.MaintainEmergencySavings,
-        title: s.title
+        cardState: c.cardState,
+        description: c.description,
+        drawerFor: de.MaintainEmergencySavings,
+        title: c.title
       }
     )
   ] });
 }, Gr = S(Er), Hr = () => {
-  const { healthScore: t } = F(), { finstrong: r } = v(), { key_indicators_borrow: n } = r, { user: o } = Q(), c = (l) => {
-    const p = zn(l), h = {
+  const { healthScore: t } = F(), { finstrong: r } = w(), { key_indicators_borrow: n } = r, { user: o } = Q(), s = (l) => {
+    const d = zn(l), _ = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
       MISSING: n.manage_debit_missing_description
-    }, _ = p === "FAIR" || p === "OFF_TRACK" ? Y(h[p], l) : h[p];
+    }, h = d === "FAIR" || d === "OFF_TRACK" ? Y(_[d], l) : _[d];
     return {
-      cardState: p,
-      description: _,
+      cardState: d,
+      description: h,
       title: n.manage_debit_title
     };
-  }, a = (l) => {
-    const p = Ct(l), h = {
+  }, i = (l) => {
+    const d = Ct(l), _ = {
       GOOD: n.credit_score_good_description,
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
       MISSING: n.credit_score_missing_description
-    }, _ = p === "MISSING" ? h[p] : Y(h[p], l);
+    }, h = d === "MISSING" ? _[d] : Y(_[d], l);
     return {
-      cardState: p,
-      description: _,
+      cardState: d,
+      description: h,
       title: n.credit_score_title
     };
-  }, { manageDebtStatus: s, creditScoreStatus: d } = m.useMemo(() => {
-    const l = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = c(l), h = a(o.credit_score || null);
+  }, { manageDebtStatus: c, creditScoreStatus: p } = m.useMemo(() => {
+    const l = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(l), _ = i(o.credit_score || null);
     return {
-      manageDebtStatus: p,
-      creditScoreStatus: h
+      manageDebtStatus: d,
+      creditScoreStatus: _
     };
   }, [t.debt_to_income_ratio, o.credit_score, n, r]);
-  return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ a(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: s.cardState,
-        description: s.description,
-        drawerFor: _e.HaveManageableDebt,
-        title: s.title
+        cardState: c.cardState,
+        description: c.description,
+        drawerFor: de.HaveManageableDebt,
+        title: c.title
       }
     ),
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: d.cardState,
-        description: d.description,
-        drawerFor: _e.HaveAGoodCreditScore,
-        title: d.title
+        cardState: p.cardState,
+        description: p.description,
+        drawerFor: de.HaveAGoodCreditScore,
+        title: p.title
       }
     )
   ] });
-}, Nr = S(Hr), Kr = () => {
-  const [t, r] = m.useState(0), { finstrong: n } = v();
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(
+}, Nr = S(Hr), Kr = ({ onPrimaryCtaClick: t }) => {
+  const [r, n] = m.useState(0), { finstrong: o } = w();
+  return /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(
       qe,
       {
         "aria-label": "Key Indicators",
         centered: !0,
-        onChange: (o, c) => r(c),
+        onChange: (s, i) => n(i),
         sx: {
           mb: 0,
           "& .MuiTab-root": {
@@ -2452,59 +2458,59 @@ const B = {
           }
         },
         textColor: "primary",
-        value: t,
+        value: r,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            pe,
+            ce,
             {
               "aria-controls": "spend-details-tabpanel-0",
               icon: /* @__PURE__ */ e(Ke, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
-              label: n.key_indicators_spend.title,
+              label: o.key_indicators_spend.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            ce,
             {
               "aria-controls": "save-details-tabpanel-1",
               icon: /* @__PURE__ */ e(fn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
-              label: n.key_indicators_save.title,
+              label: o.key_indicators_save.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            ce,
             {
               "aria-controls": "borrow-details-tabpanel-2",
               icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
-              label: n.key_indicators_borrow.title,
+              label: o.key_indicators_borrow.title,
               sx: { minHeight: 44 }
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(ue, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(zr, {}) }),
-    /* @__PURE__ */ e(ue, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Gr, {}) }),
-    /* @__PURE__ */ e(ue, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Nr, {}) })
+    /* @__PURE__ */ e(le, { index: 0, name: "spend-details", value: r, children: /* @__PURE__ */ e(zr, { onPrimaryCtaClick: t }) }),
+    /* @__PURE__ */ e(le, { index: 1, name: "save-details", value: r, children: /* @__PURE__ */ e(Gr, {}) }),
+    /* @__PURE__ */ e(le, { index: 2, name: "borrow-details", value: r, children: /* @__PURE__ */ e(Nr, {}) })
   ] });
 }, jr = S(Kr), Yr = ({ onClick: t }) => {
-  const { finstrong: r } = v(), { isCopyLoaded: n } = j();
-  return n ? /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
+  const { finstrong: r } = w(), { isCopyLoaded: n } = j();
+  return n ? /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(bt, { size: 48 }),
-    /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
+    /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(N, { children: r.missing_data_title }),
       /* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
     ] }),
-    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-      W,
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+      z,
       {
         endIcon: /* @__PURE__ */ e(Z, {}),
         onClick: t,
@@ -2527,42 +2533,42 @@ const B = {
   frequency: r,
   secondDay: n,
   incomeTransactions: o,
-  setCurrentStep: c,
-  setFirstDay: a,
-  setFrequency: s,
-  setSecondDay: d,
+  setCurrentStep: s,
+  setFirstDay: i,
+  setFrequency: c,
+  setSecondDay: p,
   transaction: l
-}) => /* @__PURE__ */ i(m.Fragment, { children: [
-  /* @__PURE__ */ i(u, { children: [
-    !!o.length && /* @__PURE__ */ e(C, { sx: { pb: 24 }, children: o.reduce((p, h, _) => {
-      if (h.guid === l.guid) return p;
-      const b = Ne(_, o), f = Ft(_, o);
-      return p.push(
-        /* @__PURE__ */ i(m.Fragment, { children: [
-          b && /* @__PURE__ */ e(Pt, { children: Ze(h.date) }),
-          /* @__PURE__ */ e(Bt, { transaction: h }),
-          /* @__PURE__ */ e(ne, { sx: { ml: f ? 44 : 0 } })
-        ] }, h.guid)
-      ), p;
+}) => /* @__PURE__ */ a(m.Fragment, { children: [
+  /* @__PURE__ */ a(u, { children: [
+    !!o.length && /* @__PURE__ */ e(v, { sx: { pb: 24 }, children: o.reduce((d, _, h) => {
+      if (_.guid === l.guid) return d;
+      const y = Ne(h, o), f = Ft(h, o);
+      return d.push(
+        /* @__PURE__ */ a(m.Fragment, { children: [
+          y && /* @__PURE__ */ e(Pt, { children: Ze(_.date) }),
+          /* @__PURE__ */ e(Bt, { transaction: _ }),
+          /* @__PURE__ */ e(oe, { sx: { ml: f ? 44 : 0 } })
+        ] }, _.guid)
+      ), d;
     }, []) }),
     /* @__PURE__ */ e(
       fo,
       {
         firstDay: t,
         frequency: r,
-        onFirstDayChange: a,
-        onFrequencyChange: s,
-        onSecondDayChange: d,
+        onFirstDayChange: i,
+        onFrequencyChange: c,
+        onSecondDayChange: p,
         secondDay: n,
         transaction: l
       }
     )
   ] }),
-  /* @__PURE__ */ e(C, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-    W,
+  /* @__PURE__ */ e(v, { sx: { px: 24 }, children: /* @__PURE__ */ e(
+    z,
     {
       fullWidth: !0,
-      onClick: () => c({ step: O.MonthlyIncome, type: "main" }),
+      onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
       startIcon: /* @__PURE__ */ e(ft, {}),
       children: Xr.add_more_income
     }
@@ -2570,10 +2576,10 @@ const B = {
 ] }), Ur = S(qr), Zr = {
   select_date: "Select Date"
 }, Qr = ({ selectedDate: t, setSelectedDate: r }) => {
-  const n = E(), o = (c) => {
-    r(Math.floor(new Date(c).getTime() / 1e3));
+  const n = G(), o = (s) => {
+    r(Math.floor(new Date(s).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: Wt, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(Co, { dateAdapter: Wt, children: /* @__PURE__ */ e(
     vo,
     {
       disableFuture: !0,
@@ -2607,7 +2613,7 @@ const B = {
   credit_score: "Credit Score"
 }, ta = ({ creditScore: t, setCreditScore: r }) => {
   const n = !isNaN(t);
-  return /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
     Oe,
     {
       error: !n,
@@ -2622,9 +2628,9 @@ const B = {
       value: n ? t : ""
     }
   ) });
-}, na = S(ta), Yt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+}, na = S(ta), Yt = ({ value: t, completeCopy: r }) => /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ e(
-    C,
+    v,
     {
       sx: {
         bgcolor: o < t ? "primary.main" : "neutral.light",
@@ -2635,7 +2641,7 @@ const B = {
     },
     o
   )) }),
-  /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "body2", children: [
+  /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "body2", children: [
     t / 4 * 100,
     "% ",
     r
@@ -2645,14 +2651,14 @@ const B = {
   primaryText: r,
   secondaryText: n,
   value: o
-}) => /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
-  /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+}) => /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
+  /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
     /* @__PURE__ */ e(N, { children: r }),
     /* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
   ] }),
   /* @__PURE__ */ e(Yt, { completeCopy: t, value: o })
 ] }), ht = {
-  step: O.ConnectAccounts,
+  step: T.ConnectAccounts,
   type: "main"
 }, P = {
   add_accounts: "Add Accounts",
@@ -2673,63 +2679,63 @@ const B = {
   do_it_later: "Do It Later",
   next: "Next"
 }, ra = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = Me(), { calculateHealthScore: o } = F(), { finstrong: c } = v(), { setSelectedAccounts: a } = j(), { addRepeatingTransaction: s, setDateRange: d } = Ve(), { filter: l, setFilter: p, transactions: h } = jn(), { user: _, userProfile: b, updateUser: f, updateUserProfile: w } = Q(), [y, D] = m.useState(_.credit_score || 0), [g, x] = m.useState(
+  const { visibleAccounts: n } = ke(), { calculateHealthScore: o } = F(), { finstrong: s } = w(), { setSelectedAccounts: i } = j(), { addRepeatingTransaction: c, setDateRange: p } = Ve(), { filter: l, setFilter: d, transactions: _ } = jn(), { user: h, userProfile: y, updateUser: f, updateUserProfile: x } = Q(), [b, D] = m.useState(h.credit_score || 0), [g, C] = m.useState(
     ht
-  ), [M, $] = m.useState(1), [G, H] = m.useState(Ot.EveryMonth), [T, V] = m.useState([]), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(_.birthday), [ce, he] = m.useState(15), [q, Je] = m.useState("");
+  ), [M, $] = m.useState(1), [H, O] = m.useState(Ot.EveryMonth), [W, V] = m.useState([]), [ee, pe] = m.useState(!1), [ue, _e] = m.useState(!1), [X, he] = m.useState(h.birthday), [ae, Me] = m.useState(15), [q, Je] = m.useState("");
   m.useEffect(() => {
-    d({ start: Lt(dt()), end: $t(dt()) });
+    p({ start: Lt(dt()), end: $t(dt()) });
   }, []), m.useEffect(() => {
-    p({
+    d({
       accounts: n.map((A) => A.guid),
       dateRange: {
         start: bo(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
       custom: pt
-    }), a(n);
+    }), i(n);
   }, [n]);
   const et = m.useMemo(
-    () => h.find((A) => A.guid === q),
-    [q, h]
+    () => _.find((A) => A.guid === q),
+    [q, _]
   ), Vt = m.useMemo(() => ({
-    [O.ConnectAccounts]: !0,
-    [O.MonthlyIncome]: !!q,
-    [O.Birthday]: !!_.birthday || !!X,
-    [O.CreditScore]: !!_.credit_score || !!y
-  })[g.step], [y, g, X, q, _]), le = n.length > 0, Xt = m.useMemo(() => {
+    [T.ConnectAccounts]: !0,
+    [T.MonthlyIncome]: !!q,
+    [T.Birthday]: !!h.birthday || !!X,
+    [T.CreditScore]: !!h.credit_score || !!b
+  })[g.step], [b, g, X, q, h]), ie = n.length > 0, Xt = m.useMemo(() => {
     const { step: A } = g;
     let R = 0;
-    return A >= O.MonthlyIncome && le && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (_.birthday || _.credit_score) && R++, R;
-  }, [g.step, le, T.length, _.birthday, _.credit_score]), qt = (A) => {
-    p({
+    return A >= T.MonthlyIncome && ie && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
+  }, [g.step, ie, W.length, h.birthday, h.credit_score]), qt = (A) => {
+    d({
       ...l,
       custom: (R) => A ? So(R, A) : pt(R)
     });
   }, Ut = {
-    [O.ConnectAccounts]: {
-      main: le ? /* @__PURE__ */ e(Nt, { shouldShowBalance: !1 }) : null,
-      mainActionContent: le ? P.next : P.add_accounts,
+    [T.ConnectAccounts]: {
+      main: ie ? /* @__PURE__ */ e(Nt, { shouldShowBalance: !1 }) : null,
+      mainActionContent: ie ? P.next : P.add_accounts,
       primaryText: P.connect_your_accounts_primary,
       secondaryText: P.connect_your_accounts_secondary
     },
-    [O.MonthlyIncome]: {
+    [T.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
         Ur,
         {
           firstDay: M,
-          frequency: G,
-          incomeTransactions: T,
-          secondDay: ce,
+          frequency: H,
+          incomeTransactions: W,
+          secondDay: ae,
           setCurrentStep: (A) => {
-            x(A), V((R) => {
-              if (R.some((de) => de.guid === q)) return R.filter((de) => de.guid !== q);
-              const Ie = h.find((de) => de.guid === q);
-              return Ie ? [...R, { ...Ie, firstDay: M, frequency: G, secondDay: ce }] : R;
+            C(A), V((R) => {
+              if (R.some((se) => se.guid === q)) return R.filter((se) => se.guid !== q);
+              const Ie = _.find((se) => se.guid === q);
+              return Ie ? [...R, { ...Ie, firstDay: M, frequency: H, secondDay: ae }] : R;
             });
           },
           setFirstDay: $,
-          setFrequency: H,
-          setSecondDay: he,
+          setFrequency: O,
+          setSecondDay: Me,
           transaction: et
         }
       ),
@@ -2739,7 +2745,7 @@ const B = {
         {
           onSearch: qt,
           onSelected: (A) => {
-            x({ step: O.MonthlyIncome, type: "detail" }), Je(A);
+            C({ step: T.MonthlyIncome, type: "detail" }), Je(A);
           }
         }
       ),
@@ -2747,68 +2753,68 @@ const B = {
       primaryText: P.add_income_primary,
       secondaryText: P.add_income_secondary
     },
-    [O.Birthday]: {
-      main: /* @__PURE__ */ e(Jr, { selectedDate: X, setSelectedDate: se }),
+    [T.Birthday]: {
+      main: /* @__PURE__ */ e(Jr, { selectedDate: X, setSelectedDate: he }),
       mainActionContent: P.next,
       primaryText: P.birthday_primary,
       secondaryText: P.birthday_secondary
     },
-    [O.CreditScore]: {
-      main: /* @__PURE__ */ e(na, { creditScore: y, setCreditScore: D }),
+    [T.CreditScore]: {
+      main: /* @__PURE__ */ e(na, { creditScore: b, setCreditScore: D }),
       mainActionContent: P.next,
       primaryText: P.credit_score_primary,
       secondaryText: P.credit_score_secondary
     }
   }, tt = () => {
-    x(ht), ae(!1), Je(""), r();
+    C(ht), pe(!1), Je(""), r();
   }, nt = async () => {
-    ae(!0), await en(T), await o(), await w({ ...b, has_completed_finstrong_onboarding: !0 }), tt();
+    pe(!0), await en(W), await o(), await x({ ...y, has_completed_finstrong_onboarding: !0 }), tt();
   }, Zt = () => {
-    if (g.step === O.CreditScore) {
+    if (g.step === T.CreditScore) {
       nt();
       return;
     }
-    x({ step: g.step + 1, type: "main" });
+    C({ step: g.step + 1, type: "main" });
   }, Qt = () => {
     const { step: A } = g, R = A + 1;
     switch (A) {
-      case O.Birthday:
-        X && X !== _.birthday && f({ ..._, birthday: X });
+      case T.Birthday:
+        X && X !== h.birthday && f({ ...h, birthday: X });
         break;
-      case O.CreditScore:
-        y && y !== _.credit_score && f({ ..._, credit_score: y }), nt();
+      case T.CreditScore:
+        b && b !== h.credit_score && f({ ...h, credit_score: b }), nt();
         return;
-      case O.MonthlyIncome:
-        q && T.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
+      case T.MonthlyIncome:
+        q && W.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
           ...ge,
-          { ...et, firstDay: M, frequency: G, secondDay: ce }
+          { ...et, firstDay: M, frequency: H, secondDay: ae }
         ]);
         break;
-      case O.ConnectAccounts:
-        if (!le) {
-          ie(!0);
+      case T.ConnectAccounts:
+        if (!ie) {
+          _e(!0);
           return;
         }
         break;
     }
-    R in O && x({ step: R, type: "main" });
+    R in T && C({ step: R, type: "main" });
   }, Jt = () => {
     const { step: A, type: R } = g;
     if (R === "detail") {
-      x({ step: A, type: "main" });
+      C({ step: A, type: "main" });
       return;
     }
-    if (A === O.Birthday && T.length) {
-      x({ step: A - 1, type: "detail" });
+    if (A === T.Birthday && W.length) {
+      C({ step: A - 1, type: "detail" });
       return;
     }
-    A > O.ConnectAccounts && x({ step: A - 1, type: "main" });
+    A > T.ConnectAccounts && C({ step: A - 1, type: "main" });
   }, en = async (A) => {
     for (const R of A) {
       const {
         account_guid: ge,
         amount: Ie,
-        date: de,
+        date: se,
         description: on,
         feed_description: rn,
         firstDay: an,
@@ -2817,7 +2823,7 @@ const B = {
         merchant_guid: cn,
         payee: ln,
         transaction_type: dn
-      } = R, pn = Jn(ot, yo(de)), un = {
+      } = R, pn = Jn(ot, yo(se)), un = {
         account_guid: ge,
         amount: Ie,
         created_by: 0,
@@ -2829,17 +2835,17 @@ const B = {
         repeating_transaction_type: Rt.Income,
         second_recurrence_day: sn,
         transaction_type: dn,
-        user_guid: _.guid
+        user_guid: h.guid
       };
-      await s(un, R);
+      await c(un, R);
     }
-  }, me = Ut[g.step], De = g.step === O.ConnectAccounts, tn = {
+  }, me = Ut[g.step], De = g.step === T.ConnectAccounts, tn = {
     fullWidth: !0,
-    ...De && !le && { startIcon: /* @__PURE__ */ e(ft, {}) }
-  }, nn = !De || De && !le;
-  return /* @__PURE__ */ i(m.Fragment, { children: [
-    /* @__PURE__ */ i(
-      te,
+    ...De && !ie && { startIcon: /* @__PURE__ */ e(ft, {}) }
+  }, nn = !De || De && !ie;
+  return /* @__PURE__ */ a(m.Fragment, { children: [
+    /* @__PURE__ */ a(
+      ne,
       {
         footerStyles: { px: 24, py: 16 },
         hasSecondaryAction: !De,
@@ -2851,26 +2857,26 @@ const B = {
         primaryText: me?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: P.back,
-        title: c.title,
-        ...!re && { onPrimaryAction: Qt },
+        title: s.title,
+        ...!ee && { onPrimaryAction: Qt },
         children: [
-          re && /* @__PURE__ */ i(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+          ee && /* @__PURE__ */ a(u, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e(Pe, { children: P.calculate_primary }),
             /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: P.calculate_secondary })
           ] }),
-          me && !re && /* @__PURE__ */ i(m.Fragment, { children: [
+          me && !ee && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
               oa,
               {
-                completeCopy: c.complete,
+                completeCopy: s.complete,
                 primaryText: me.primaryText,
                 secondaryText: me.secondaryText,
                 value: Xt
               }
             ),
-            g.type === "main" && /* @__PURE__ */ i(C, { children: [
+            g.type === "main" && /* @__PURE__ */ a(v, { children: [
               me.main,
-              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
+              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(z, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
             ] }),
             g.type === "detail" && me.detail
           ] })
@@ -2878,10 +2884,10 @@ const B = {
       }
     ),
     /* @__PURE__ */ e(
-      oe,
+      re,
       {
-        onClose: () => ie(!1),
-        showConnectWidget: Ce,
+        onClose: () => _e(!1),
+        showConnectWidget: ue,
         title: P.connect_accounts
       }
     )
@@ -2892,8 +2898,8 @@ const B = {
   get_started: "Get Started"
 }, ia = () => {
   const [t, r] = m.useState(!1);
-  return /* @__PURE__ */ i(m.Fragment, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(m.Fragment, { children: [
+    /* @__PURE__ */ a(
       u,
       {
         sx: {
@@ -2904,30 +2910,30 @@ const B = {
           px: 16
         },
         children: [
-          /* @__PURE__ */ i(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(C, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Sn, { size: 72 }) }),
-            /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
+          /* @__PURE__ */ a(u, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
+            /* @__PURE__ */ e(v, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Sn, { size: 72 }) }),
+            /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
               /* @__PURE__ */ e(Pe, { children: Ge.onboarding_title }),
               /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Ge.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(W, { onClick: () => r(!0), variant: "contained", children: Ge.get_started })
+          /* @__PURE__ */ e(z, { onClick: () => r(!0), variant: "contained", children: Ge.get_started })
         ]
       }
     ),
     /* @__PURE__ */ e(aa, { isOpen: t, onClose: () => r(!1) })
   ] });
 }, sa = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = v(), o = E(), { updateUser: c, user: a } = Q(), [s, d] = m.useState(a.birthday), l = (h) => {
-    d(Math.floor(new Date(h).getTime() / 1e3));
+  const { finstrong: n } = w(), o = G(), { updateUser: s, user: i } = Q(), [c, p] = m.useState(i.birthday), l = (_) => {
+    p(Math.floor(new Date(_).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
-    te,
+    ne,
     {
       isOpen: t,
       onClose: r,
       onPrimaryAction: () => {
-        !s || s === a.birthday || (c({ ...a, birthday: s }), r());
+        !c || c === i.birthday || (s({ ...i, birthday: c }), r());
       },
       onSecondaryAction: r,
       title: n.date_of_birth,
@@ -2961,97 +2967,97 @@ const B = {
               "&:hover": { bgcolor: fe(o.palette.primary.light, 0.1) }
             }
           },
-          value: s ? new Date(s * 1e3) : /* @__PURE__ */ new Date()
+          value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
         }
       ) })
     }
   );
 }, ca = S(sa), la = ({ isOpen: t, onClose: r }) => {
-  const { visibleFinstrongAccounts: n } = Me(), {
+  const { visibleFinstrongAccounts: n } = ke(), {
     accounts: o,
-    common: c,
-    finstrong: a
-  } = v(), { repeatingTransactions: s } = Ve(), { user: d } = Q(), l = s.reduce((f, w) => {
-    const { repeating_transaction_type: y, transactions: D, recurrence_type: g, amount: x } = w;
-    return y === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? f + x : f;
-  }, 0), [p, h] = m.useState(null), b = [
+    common: s,
+    finstrong: i
+  } = w(), { repeatingTransactions: c } = Ve(), { user: p } = Q(), l = c.reduce((f, x) => {
+    const { repeating_transaction_type: b, transactions: D, recurrence_type: g, amount: C } = x;
+    return b === Rt.Income && (D.length > 0 || g === Ot.EveryYear) ? f + C : f;
+  }, 0), [d, _] = m.useState(null), y = [
     {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.monthly_income,
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.monthly_income,
       icon: /* @__PURE__ */ e(Cn, {}),
-      key: ee.MonthlyIncome,
-      label: a.monthly_income,
+      key: te.MonthlyIncome,
+      label: i.monthly_income,
       value: l
     },
     {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.date_of_birth,
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.date_of_birth,
       icon: /* @__PURE__ */ e(vn, {}),
-      key: ee.DateOfBirth,
-      label: a.date_of_birth,
-      value: d.birthday
+      key: te.DateOfBirth,
+      label: i.date_of_birth,
+      value: p.birthday
     },
     {
-      dynamicCopy: a.add_profile_item,
-      fallbackLabel: a.credit_score,
+      dynamicCopy: i.add_profile_item,
+      fallbackLabel: i.credit_score,
       icon: /* @__PURE__ */ e(Ke, {}),
-      key: ee.CreditScore,
-      label: a.credit_score,
-      value: d.credit_score
+      key: te.CreditScore,
+      label: i.credit_score,
+      value: p.credit_score
     },
     {
-      fallbackLabel: a.connect_your_accounts,
+      fallbackLabel: i.connect_your_accounts,
       icon: /* @__PURE__ */ e(yt, {}),
-      key: ee.Connections,
-      label: a.connections,
+      key: te.Connections,
+      label: i.connections,
       value: n.length > 0 ? Y(
-        a.connected_account,
+        i.connected_account,
         String(n.length),
-        n.length > 1 ? a.accounts : a.account
+        n.length > 1 ? i.accounts : i.account
       ) : void 0
     }
   ].map((f) => En(f));
-  return /* @__PURE__ */ i(te, { isOpen: t, onClose: r, title: a.financial_profile, children: [
-    /* @__PURE__ */ i(u, { sx: { gap: 20, p: 24 }, children: [
-      /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(N, { children: a.your_financial_profile }),
-        /* @__PURE__ */ e(k, { children: a.financial_profile_description })
+  return /* @__PURE__ */ a(ne, { isOpen: t, onClose: r, title: i.financial_profile, children: [
+    /* @__PURE__ */ a(u, { sx: { gap: 20, p: 24 }, children: [
+      /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
+        /* @__PURE__ */ e(N, { children: i.your_financial_profile }),
+        /* @__PURE__ */ e(k, { children: i.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
         Yt,
         {
-          completeCopy: a.complete,
-          value: b.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
+          completeCopy: i.complete,
+          value: y.reduce((f, x) => f + (x.isComplete ? 1 : 0), 0)
         }
       )
     ] }),
-    /* @__PURE__ */ e(Gn, { list: b, onClickItem: h }),
-    /* @__PURE__ */ e(C, { sx: { p: 24 }, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Gn, { list: y, onClickItem: _ }),
+    /* @__PURE__ */ e(v, { sx: { p: 24 }, children: /* @__PURE__ */ e(
       Be,
       {
-        description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
+        description: i.connect_more_accounts_to_view_more_accurate_financial_picture,
         drawerType: "connectDrawer",
         isDashboard: !0,
-        title: a.dont_see_all_your_accounts,
-        titleDrawer: c.add_accounts
+        title: i.dont_see_all_your_accounts,
+        titleDrawer: s.add_accounts
       }
     ) }),
     /* @__PURE__ */ e(
-      te,
+      ne,
       {
-        isOpen: p === ee.MonthlyIncome,
-        onClose: () => h(null),
-        title: c.settings,
+        isOpen: d === te.MonthlyIncome,
+        onClose: () => _(null),
+        title: s.settings,
         children: /* @__PURE__ */ e(ko, {})
       }
     ),
-    /* @__PURE__ */ e(ca, { isOpen: p === ee.DateOfBirth, onClose: () => h(null) }),
-    /* @__PURE__ */ e(Gt, { isOpen: p === ee.CreditScore, onClose: () => h(null) }),
+    /* @__PURE__ */ e(ca, { isOpen: d === te.DateOfBirth, onClose: () => _(null) }),
+    /* @__PURE__ */ e(Gt, { isOpen: d === te.CreditScore, onClose: () => _(null) }),
     /* @__PURE__ */ e(
       Mt,
       {
-        onClose: () => h(null),
-        showConnectionsWidget: p === ee.Connections,
+        onClose: () => _(null),
+        showConnectionsWidget: d === te.Connections,
         title: o.manage_connections
       }
     )
@@ -3059,26 +3065,26 @@ const B = {
 }, da = S(la), mt = ({
   content: t,
   islast: r = !1
-}) => /* @__PURE__ */ i(Ao, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ i(Po, { children: [
+}) => /* @__PURE__ */ a(Ao, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ a(Po, { children: [
     /* @__PURE__ */ e(Fo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
     !r && /* @__PURE__ */ e(Oo, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
   /* @__PURE__ */ e(Ro, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), pa = ({ report: t }) => {
-  const { finstrong: r } = v(), { score_history_drawer_timeline: n } = r, {
+  const { finstrong: r } = w(), { score_history_drawer_timeline: n } = r, {
     health_score_point_difference: o,
-    newer_credit_score: c,
-    older_credit_score: a,
-    older_spend_to_income_ratio: s,
-    newer_spend_to_income_ratio: d,
+    newer_credit_score: s,
+    older_credit_score: i,
+    older_spend_to_income_ratio: c,
+    newer_spend_to_income_ratio: p,
     older_health_score: l,
-    newer_health_score: p,
-    newer_score_calculated_at: h
-  } = t, _ = Do(new Date(h), "MMM d"), b = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", f = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, w = () => {
+    newer_health_score: d,
+    newer_score_calculated_at: _
+  } = t, h = Do(new Date(_), "MMM d"), y = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", f = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, x = () => {
     if (o === 0) return null;
-    const y = o > 0 ? n.up_from : n.down_from, D = Y(y, l, p);
-    return /* @__PURE__ */ i(z, { children: [
+    const b = o > 0 ? n.up_from : n.down_from, D = Y(b, l, d);
+    return /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
         Mn,
         {
@@ -3090,8 +3096,8 @@ const B = {
       D
     ] });
   };
-  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(u, { sx: { backgroundColor: "background.paper" }, children: [
-    /* @__PURE__ */ e(C, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ a(u, { sx: { backgroundColor: "background.paper" }, children: [
+    /* @__PURE__ */ e(v, { sx: { borderBottom: "1px solid", borderBottomColor: "divider", p: 16 }, children: /* @__PURE__ */ a(
       u,
       {
         flexDirection: "row",
@@ -3102,7 +3108,7 @@ const B = {
             {
               sx: {
                 alignItems: "center",
-                backgroundColor: b(),
+                backgroundColor: y(),
                 borderRadius: 999,
                 height: 48,
                 justifyContent: "center",
@@ -3111,18 +3117,18 @@ const B = {
               children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
             }
           ),
-          /* @__PURE__ */ i(u, { sx: { gap: 2, width: "80%" }, children: [
+          /* @__PURE__ */ a(u, { sx: { gap: 2, width: "80%" }, children: [
             /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
-            /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-              _,
+            /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
+              h,
               " ",
-              w()
+              x()
             ] })
           ] })
         ]
       }
     ) }),
-    o !== 0 && /* @__PURE__ */ e(C, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
+    o !== 0 && /* @__PURE__ */ e(v, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ a(
       Io,
       {
         sx: {
@@ -3139,8 +3145,8 @@ const B = {
             {
               content: Y(
                 n.spend_to_income_description,
-                Te(s),
-                Te(d)
+                Te(c),
+                Te(p)
               )
             }
           ),
@@ -3149,8 +3155,8 @@ const B = {
             {
               content: Y(
                 n.credit_score_description,
-                a,
-                c
+                i,
+                s
               ),
               islast: !0
             }
@@ -3160,9 +3166,9 @@ const B = {
     ) })
   ] }) });
 }, ua = S(pa), _a = ({ isOpen: t, onClose: r }) => {
-  const n = E(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: a } = j(), { healthScore: s, healthScoreChangeReports: d, augmentedChartData: l } = F();
-  if (!c || !a) return /* @__PURE__ */ e(J, {});
-  const p = je(s.health_score || 0, o), h = d.slice().reverse();
+  const n = G(), { finstrong: o } = w(), { isCopyLoaded: s, isInitialized: i } = j(), { healthScore: c, healthScoreChangeReports: p, augmentedChartData: l } = F();
+  if (!s || !i) return /* @__PURE__ */ e(J, {});
+  const d = je(c.health_score || 0, o), _ = p.slice().reverse();
   return /* @__PURE__ */ e(
     Ht,
     {
@@ -3187,57 +3193,57 @@ const B = {
       isOpen: t,
       loadConnectAccountsCard: !1,
       onClose: r,
-      stickyComponent: /* @__PURE__ */ i(
+      stickyComponent: /* @__PURE__ */ a(
         u,
         {
           direction: "row",
           sx: { backgroundColor: "background.paper", gap: 16, pb: 12, pt: 8, px: 24 },
           children: [
-            /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
               Et,
               {
                 arcRadius: 20,
-                healthScore: s?.health_score,
+                healthScore: c?.health_score,
                 size: "SM"
               }
             ) }),
-            /* @__PURE__ */ i(C, { children: [
-              /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: p.status }),
-              /* @__PURE__ */ e(k, { variant: "caption", children: p.description })
+            /* @__PURE__ */ a(v, { children: [
+              /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
+              /* @__PURE__ */ e(k, { variant: "caption", children: d.description })
             ] })
           ]
         }
       ),
-      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: h.map((_, b) => /* @__PURE__ */ e(ua, { report: _ }, b)) })
+      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((h, y) => /* @__PURE__ */ e(ua, { report: h }, y)) })
     }
   );
 }, ha = S(_a), ma = ({ copy: t }) => {
-  const r = E(), n = [
+  const r = G(), n = [
     r.palette.chartMono.chartMono5,
     r.palette.chartMono.chartMono4,
     r.palette.chartMono.chartMono3,
     r.palette.chartMono.chartMono2
   ];
-  return /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+  return /* @__PURE__ */ a(u, { sx: { gap: 8 }, children: [
     /* @__PURE__ */ e(u, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
       { color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
       { color: "chartMono.chartMono3", text: t.building, value: "26-50" },
       { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
       { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
-    ].map(({ color: o, text: c, value: a }) => /* @__PURE__ */ i(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
-      /* @__PURE__ */ i(C, { children: [
-        /* @__PURE__ */ e(k, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: c }),
-        /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "caption", children: [
+    ].map(({ color: o, text: s, value: i }) => /* @__PURE__ */ a(u, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
+      /* @__PURE__ */ a(v, { children: [
+        /* @__PURE__ */ e(k, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: s }),
+        /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "caption", children: [
           "(",
-          a,
+          i,
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ e(C, { sx: { border: "2px solid", borderColor: o, borderRadius: "3px" } })
-    ] }, c)) }),
-    /* @__PURE__ */ i(C, { children: [
+      /* @__PURE__ */ e(v, { sx: { border: "2px solid", borderColor: o, borderRadius: "3px" } })
+    ] }, s)) }),
+    /* @__PURE__ */ a(v, { children: [
       /* @__PURE__ */ e(
-        C,
+        v,
         {
           sx: {
             background: `linear-gradient(to left, ${n.join(", ")})`,
@@ -3246,13 +3252,13 @@ const B = {
           }
         }
       ),
-      /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((o) => /* @__PURE__ */ i(
+      /* @__PURE__ */ e(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((o) => /* @__PURE__ */ a(
         u,
         {
           sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
           children: [
             /* @__PURE__ */ e(
-              C,
+              v,
               {
                 sx: {
                   borderBottom: "1px solid",
@@ -3272,18 +3278,18 @@ const B = {
     ] })
   ] });
 }, ga = ({ isOpen: t, onClose: r }) => {
-  const { finstrong: n } = v(), { isCopyLoaded: o } = j();
-  return o ? /* @__PURE__ */ e(te, { isOpen: t, onClose: r, title: n.score_rubric, children: /* @__PURE__ */ i(u, { sx: { gap: 36, p: 24 }, children: [
-    /* @__PURE__ */ i(u, { sx: { gap: 20 }, children: [
-      /* @__PURE__ */ i(u, { sx: { gap: 8 }, children: [
+  const { finstrong: n } = w(), { isCopyLoaded: o } = j();
+  return o ? /* @__PURE__ */ e(ne, { isOpen: t, onClose: r, 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(N, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(k, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(ma, { copy: n }) })
+      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(ma, { copy: n }) })
     ] }),
-    /* @__PURE__ */ i(u, { sx: { gap: 12 }, children: [
+    /* @__PURE__ */ a(u, { sx: { gap: 12 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         Re,
         {
           component: "ol",
@@ -3321,9 +3327,9 @@ const B = {
         }
       )
     ] }),
-    /* @__PURE__ */ i(u, { sx: { gap: 4 }, children: [
+    /* @__PURE__ */ a(u, { sx: { gap: 4 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         Re,
         {
           component: "ol",
@@ -3352,13 +3358,13 @@ const B = {
     ] })
   ] }) }) : /* @__PURE__ */ e(J, {});
 }, ya = S(ga), ba = S(() => {
-  const [t, r] = m.useState(!1), n = E(), [o, { width: c }] = It(), { finstrong: a } = v(), { isCopyLoaded: s, isInitialized: d } = j(), { healthScore: l, healthScoreChange: p } = F(), h = n.palette.mode === "dark", _ = je(l?.health_score, a);
-  return !s || !d ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ i(K, { ref: o, sx: { p: 16 }, children: [
+  const [t, r] = m.useState(!1), n = G(), [o, { width: s }] = It(), { finstrong: i } = w(), { isCopyLoaded: c, isInitialized: p } = j(), { healthScore: l, healthScoreChange: d } = F(), _ = n.palette.mode === "dark", h = je(l?.health_score, i);
+  return !c || !p ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ a(K, { ref: o, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Wo,
       {
         action: /* @__PURE__ */ e(
-          W,
+          z,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => r(!0),
@@ -3369,10 +3375,10 @@ const B = {
               color: "primary.main"
             },
             variant: "text",
-            children: a.financial_strength_header_action
+            children: i.financial_strength_header_action
           }
         ),
-        subheader: /* @__PURE__ */ e(N, { color: "text.primary", children: a.financial_strength_header }),
+        subheader: /* @__PURE__ */ e(N, { color: "text.primary", children: i.financial_strength_header }),
         sx: {
           p: 0,
           "& .MuiCardHeader-content": {
@@ -3384,18 +3390,18 @@ const B = {
     /* @__PURE__ */ e(u, { sx: { justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(
       Et,
       {
-        arcRadius: c <= 323 ? 73 : 154,
-        footerCenterContent: p,
+        arcRadius: s <= 323 ? 73 : 154,
+        footerCenterContent: d,
         healthScore: l?.health_score || 0,
-        size: c <= 323 ? "M" : "L"
+        size: s <= 323 ? "M" : "L"
       }
     ) }),
-    l?.health_score ? /* @__PURE__ */ i(
+    l?.health_score ? /* @__PURE__ */ a(
       Bo,
       {
         sx: {
           px: 16,
-          backgroundColor: h ? "grey.800" : "grey.50",
+          backgroundColor: _ ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           "&.Mui-expanded": {
             m: 0
@@ -3416,22 +3422,22 @@ const B = {
                   minHeight: 0
                 }
               },
-              children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
+              children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(Lo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: _.scoreContent }) })
+          /* @__PURE__ */ e(Lo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: h.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
       Be,
       {
-        buttonText: a.connect_more_accounts_title,
-        description: a.health_score_zero_description,
+        buttonText: i.connect_more_accounts_title,
+        description: i.health_score_zero_description,
         drawerType: "connectDrawer",
         hasIcon: !1,
         isDashboard: !0,
         sx: {
-          backgroundColor: h ? "grey.800" : "grey.50",
+          backgroundColor: _ ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           ".connect-more-accounts-title": {
             fontWeight: 600,
@@ -3440,7 +3446,7 @@ const B = {
           },
           ".connect-more-accounts-description": { color: "text.primary" }
         },
-        title: a.health_score_zero_title
+        title: i.health_score_zero_title
       }
     ),
     /* @__PURE__ */ e(
@@ -3451,47 +3457,41 @@ const B = {
       }
     )
   ] });
-}), fa = ({
-  onBackClick: t,
-  sx: r,
-  handleFinstrongWidgetPrimaryCtaClick: n
-}) => {
-  const { visibleAccounts: o } = Me(), { dateRange: c, isDataLoaded: a, loadBudgetData: s, setTheme: d } = Yn(), { reloadCategoryTotals: l } = Ye(), p = F(), {
-    augmentedChartData: h,
+}), fa = ({ onBackClick: t, sx: r, onPrimaryCtaClick: n }) => {
+  const { visibleAccounts: o } = ke(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: p } = Yn(), { reloadCategoryTotals: l } = Ye(), {
+    augmentedChartData: d,
     calculateHealthScore: _,
-    healthScore: b,
-    loadAugmentedChartData: f,
-    loadMonthlySummaries: w
-  } = p, { finstrong: y, connect: D } = v(), { isCopyLoaded: g, isInitialized: x, selectedAccounts: M, setSelectedAccounts: $ } = j(), { loadRepeatingTransactions: G } = Ve(), { isMobile: H } = Ue(), T = E(), { userProfile: V } = Q(), [re, ae] = m.useState(!1), [Ce, ie] = m.useState(!1), [X, se] = m.useState(!1);
+    healthScore: h,
+    loadAugmentedChartData: y,
+    loadMonthlySummaries: f
+  } = F(), { finstrong: x, connect: b } = w(), { isCopyLoaded: D, isInitialized: g, selectedAccounts: C, setSelectedAccounts: M } = j(), { loadRepeatingTransactions: $ } = Ve(), { isMobile: H } = Ue(), O = G(), { userProfile: W } = Q(), [V, ee] = m.useState(!1), [pe, ue] = m.useState(!1), [_e, X] = m.useState(!1);
   if (m.useEffect(() => {
-    d(T);
-  }, []), m.useEffect(() => {
-    n && (p.handleFinstrongWidgetPrimaryCtaClick = n);
-  }, [n, p]), m.useEffect(() => $(o), [o]), m.useEffect(() => {
-    x && (_().finally(), f().finally(), w().finally());
-  }, [x]), m.useEffect(() => {
-    x && (l(M, c.start, c.end), a || (s(), G().finally()));
-  }, [c, a, x, M]), !g || !x) return /* @__PURE__ */ e(J, {});
-  const ce = () => {
-  }, he = () => ae(!0);
-  return /* @__PURE__ */ i(
+    p(O);
+  }, []), m.useEffect(() => M(o), [o]), m.useEffect(() => {
+    g && (_().finally(), y().finally(), f().finally());
+  }, [g]), m.useEffect(() => {
+    g && (l(C, s.start, s.end), i || (c(), $().finally()));
+  }, [s, i, g, C]), !D || !g) return /* @__PURE__ */ e(J, {});
+  const he = () => {
+  }, ae = () => ee(!0);
+  return /* @__PURE__ */ a(
     io,
     {
       accountOptions: o,
       actions: [
         {
           iconName: "person",
-          label: y.profile,
-          onClick: he
+          label: x.profile,
+          onClick: ae
         }
       ],
       hasDivider: !0,
-      onAccountsFilterClick: ce,
+      onAccountsFilterClick: he,
       onBackClick: t,
       sx: r,
-      title: y.title,
+      title: x.title,
       children: [
-        V.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
+        W.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           u,
           {
             sx: {
@@ -3502,77 +3502,77 @@ const B = {
               px: 24
             },
             children: [
-              /* @__PURE__ */ i(u, { sx: { gap: 24, width: { md: 432 } }, children: [
+              /* @__PURE__ */ a(u, { sx: { gap: 24, width: { md: 432 } }, children: [
                 /* @__PURE__ */ e(ba, {}),
                 /* @__PURE__ */ e(
                   Be,
                   {
-                    description: y.connect_more_accounts_description,
+                    description: x.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: y.connect_more_accounts_title
+                    title: x.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ i(K, { sx: { background: T.palette.background.paper, p: 16 }, children: [
-                /* @__PURE__ */ i(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(N, { children: y.key_indicators }),
+              /* @__PURE__ */ e(u, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(K, { sx: { background: O.palette.background.paper, p: 16 }, children: [
+                /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ e(N, { children: x.key_indicators }),
                   /* @__PURE__ */ e(
-                    W,
+                    z,
                     {
                       endIcon: /* @__PURE__ */ e(Z, {}),
-                      onClick: () => ie(!0),
+                      onClick: () => ue(!0),
                       sx: {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: y.whats_changed
+                      children: x.whats_changed
                     }
                   )
                 ] }),
-                h.length ? /* @__PURE__ */ e(
+                d.length ? /* @__PURE__ */ e(
                   Xe,
                   {
-                    axisColor: T.palette.divider,
+                    axisColor: O.palette.divider,
                     baseline: "min",
-                    colors: [T.palette.primary.main],
+                    colors: [O.palette.primary.main],
                     curveType: "natural",
                     customLegendVariant: "XSmall",
-                    datasets: [h],
+                    datasets: [d],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: T.palette.border.dark,
-                    labelFontColor: T.palette.common.white,
-                    labelFontSize: typeof T.typography.XSmall?.fontSize == "string" ? parseFloat(T.typography.XSmall.fontSize) : T.typography.XSmall?.fontSize,
-                    labels: [y.key_indicators_label],
+                    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: [x.key_indicators_label],
                     margin: { right: 20, left: 25 },
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: y.peer_average,
+                    title: x.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e(Vr, { onClick: () => se(!0) }),
-                b.health_score !== null && /* @__PURE__ */ e(jr, {})
+                ) : /* @__PURE__ */ e(Vr, { onClick: () => X(!0) }),
+                h.health_score !== null && /* @__PURE__ */ e(jr, { onPrimaryCtaClick: n })
               ] }) })
             ]
           }
         ) : /* @__PURE__ */ e(ia, {}),
-        /* @__PURE__ */ e(da, { isOpen: re, onClose: () => ae(!1) }),
+        /* @__PURE__ */ e(da, { isOpen: V, onClose: () => ee(!1) }),
         /* @__PURE__ */ e(
-          oe,
+          re,
           {
-            onClose: () => se(!1),
-            showConnectWidget: X,
-            title: D.mini_title
+            onClose: () => X(!1),
+            showConnectWidget: _e,
+            title: b.mini_title
           }
         ),
         /* @__PURE__ */ e(
           ha,
           {
-            isOpen: Ce,
-            onClose: () => ie(!1)
+            isOpen: pe,
+            onClose: () => ue(!1)
           }
         )
       ]