@mx-cartographer/experiences 7.6.3 → 7.6.5

package/dist/finstrong/index.es.js

@@ -1,35 +1,35 @@
 import { jsxs as a, Fragment as E, jsx as e } from "react/jsx-runtime";
 import k from "@mui/material/Box";
 import p from "@mui/material/Stack";
-import { useTheme as G, alpha as fe } from "@mui/material/styles";
+import { useTheme as G, alpha as se } from "@mui/material/styles";
 import { PieChart as nn } from "@mui/x-charts/PieChart";
 import { P as M, H3 as K, Text as I, InstitutionLogo as ct, H2 as Le, MerchantLogo as on, Icon as rn } from "@mxenabled/mxui";
 import { TrendingUp as lt, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as dt, ChevronRight as J, MultilineChart as pt, CreditCard as Ge, CheckCircle as cn, Cancel as ln, Savings as dn, ContentCopy as pn, Add as _t, Cardiology as _n, Payments as hn, CalendarMonth as un, ExpandMore as mn } from "@mxenabled/mx-icons";
-import { g as gn, a as yn, r as Je, b as bn, c as He, d as ht, C as we, e as ke, f as fn, h as xn, i as Sn, j as ut, k as et, l as Cn, m as tt, n as vn, o as mt, p as wn, q as gt, s as Oe, t as yt, u as kn, v as bt, w as Mn, A as ne, x as Dn, P as In } from "../FinstrongStore-DzK8bMoz.mjs";
-import { y as bi, F as fi } from "../FinstrongStore-DzK8bMoz.mjs";
+import { g as gn, a as yn, r as Je, b as bn, c as He, d as ht, C as we, e as ke, f as fn, h as xn, i as Sn, j as ut, k as et, l as Cn, m as tt, n as vn, o as mt, p as wn, q as gt, s as Oe, t as yt, u as kn, v as bt, w as Mn, A as ne, x as Dn, P as In } from "../FinstrongStore-DA67hQcM.mjs";
+import { y as bi, F as fi } from "../FinstrongStore-DA67hQcM.mjs";
 import * as nt from "d3";
-import { observer as v } from "mobx-react-lite";
-import { u as S, b as U, a as Ne, o as ee, z as F, p as An, d as Se, m as je, f as Tn, j as Ke, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
+import { observer as w } from "mobx-react-lite";
+import { u as x, b as U, a as Ne, o as ee, z as L, p as An, d as Se, m as je, f as Tn, j as Ke, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import P from "@mui/material/Button";
 import V from "@mui/material/Card";
 import { L as Ve } from "../LineChart-BF4QA-Lx.mjs";
-import { C as ft } from "../ConnectionsDrawer-CecygbxT.mjs";
-import { l as re, g as xt, A as ze } from "../ConnectDrawer-cXpqSnbj.mjs";
-import se from "@mui/material/Tab";
+import { C as ft } from "../ConnectionsDrawer-BFC4fpyR.mjs";
+import { l as re, g as xt, A as ze } from "../ConnectDrawer-DJV-yWGN.mjs";
+import ce from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
 import { u as Ye } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Fn, f as Ln, a as Bn } from "../Dialog-BlnUNqVo.mjs";
 import { u as St } from "../useDimensions-27p2evRx.mjs";
 import Pn from "@mui/material/Chip";
-import { D as oe } from "../Drawer-HUhV0NVP.mjs";
-import le from "@mui/material/Divider";
-import ye from "@mui/material/ListItem";
+import { D as oe } from "../Drawer-DV4NTsFg.mjs";
+import de from "@mui/material/Divider";
+import be from "@mui/material/ListItem";
 import Ct from "@mui/material/ListItemAvatar";
-import be from "@mui/material/ListItemText";
-import { g as vt } from "../AccountFields-D9Jil_7P.mjs";
+import fe from "@mui/material/ListItemText";
+import { g as vt } from "../AccountFields-C1HYZrHp.mjs";
 import Ee from "@mui/material/List";
 import Wn from "@mui/material/ListItemButton";
 import $n from "@mui/material/ListSubheader";
@@ -38,8 +38,8 @@ import { b as j } from "../Localization-2MODESHW.mjs";
 import { S as ot, F as wt, e as zn, R as kt } from "../RecurringTransactions-BQ383pPY.mjs";
 import { S as En } from "../StatusBar-BK_uYHAB.mjs";
 import { h as Mt } from "../DateUtil-RJ9d88qV.mjs";
-import { T as Gn, s as Hn, h as Nn, S as jn, b as Kn } from "../TransactionDetails-C9i9wuQA.mjs";
-import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
+import { T as Gn, s as Hn, h as Nn, S as jn, b as Kn } from "../TransactionDetails-vXstDuDk.mjs";
+import { T as le } from "../TabContentContainer-j01JYR_7.mjs";
 import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
 import Vn from "@mui/material/useMediaQuery";
 import { BarPlot as Xn } from "@mui/x-charts/BarChart";
@@ -48,15 +48,15 @@ import { ChartsXAxis as qn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Un } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as Dt } from "date-fns/startOfMonth";
 import { endOfMonth as It } from "date-fns/endOfMonth";
-import { g as Qn, S as Zn, b as Jn } from "../SpendingLegend-u3H8xKq0.mjs";
+import { g as Qn, S as Zn, b as Jn } from "../SpendingLegend-CJFdclHt.mjs";
 import { formatISO as eo } from "date-fns/formatISO";
 import { fromUnixTime as to } from "date-fns/fromUnixTime";
 import { startOfToday as rt } from "date-fns/startOfToday";
 import { subDays as no } from "date-fns/subDays";
-import { c as oo, d as at, S as ro, i as ao } from "../ManageIncome-CV5uVBTz.mjs";
+import { c as oo, d as at, S as ro, i as ao } from "../ManageIncome-DO3i-WA4.mjs";
 import { LocalizationProvider as io, DatePicker as so, StaticDatePicker as co } from "@mui/x-date-pickers";
 import { AdapterDateFns as At } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as lo } from "../RecurringSettings-CS7FWUf4.mjs";
+import { R as lo } from "../RecurringSettings-B1hgFaEZ.mjs";
 import { LocalizationProvider as po } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as _o } from "date-fns/format";
 import ho from "@mui/lab/Timeline";
@@ -70,7 +70,7 @@ import So from "@mui/material/AccordionDetails";
 import Co from "@mui/material/AccordionSummary";
 import vo from "@mui/material/CardHeader";
 import { u as wo } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { W as ko } from "../WidgetContainer-DyotIGdv.mjs";
+import { W as ko } from "../WidgetContainer-8RexRzms.mjs";
 const Mo = ({
   dialScoreData: t,
   dataIndex: o,
@@ -80,38 +80,38 @@ const Mo = ({
   centerX: i,
   centerY: l,
   arcRadius: c,
-  innerArcRadius: _,
-  outterArcRadius: d,
-  progressEndAngle: h,
-  unitsPerSegment: u,
+  innerArcRadius: d,
+  outterArcRadius: _,
+  progressEndAngle: u,
+  unitsPerSegment: h,
   isFinacialStrengthGraph: y
 }) => {
-  const f = G(), w = [
-    { offset: "13.62%", color: f.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
-  ], [x, D] = gn(
+  const S = G(), v = [
+    { offset: "13.62%", color: S.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: S.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: S.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: S.palette.chartMono.chartMono5 }
+  ], [f, D] = gn(
     t,
     s,
     r,
     o
   ), [C, g] = yn(
-    x,
+    f,
     D,
     o,
-    u,
-    h
-  ), b = nt.arc().innerRadius(_).outerRadius(d).startAngle(x).endAngle(D).padAngle(0.02).cornerRadius(8), L = nt.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
+    h,
+    u
+  ), b = nt.arc().innerRadius(d).outerRadius(_).startAngle(f).endAngle(D).padAngle(0.02).cornerRadius(8), R = nt.arc().innerRadius(d).outerRadius(_).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: b({}),
-        fill: y ? f.palette.divider : n
+        fill: y ? S.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: L({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: R({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -122,7 +122,7 @@ const Mo = ({
         x2: i - c * 0.8 * Math.cos(Math.PI / 1.35),
         y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
         y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((B, Y) => /* @__PURE__ */ e("stop", { offset: B.offset, stopColor: B.color }, Y))
+        children: v.map((B, Y) => /* @__PURE__ */ e("stop", { offset: B.offset, stopColor: B.color }, Y))
       }
     ) })
   ] });
@@ -135,23 +135,23 @@ const Mo = ({
   maxValue: i = 100,
   margin: l,
   markerColor: c,
-  healthScoreStatus: _,
-  footerCenterContent: d,
-  footerLeftContent: h,
-  footerRightContent: u,
+  healthScoreStatus: d,
+  footerCenterContent: _,
+  footerLeftContent: u,
+  footerRightContent: h,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = G(), w = -Math.PI / 1.35, x = Math.PI / 1.35, D = x - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, L = n !== "SM" ? 0.1 : 0.12, B = t, Y = t * (1 - L), T = B * 2, $ = T / 2, z = T / 2, pe = (Y + B) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, X] = bn(pe, b, ve), _e = o / 25, H = {
+  const S = G(), v = -Math.PI / 1.35, f = Math.PI / 1.35, D = f - v, C = D / (i - s), g = (o - s) * C, b = v + g + 0.02, R = n !== "SM" ? 0.1 : 0.12, B = t, Y = t * (1 - R), T = B * 2, $ = T / 2, z = T / 2, _e = (Y + B) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, X] = bn(_e, b, ve), he = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, he = {
+  }, ue = {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
     ...l
-  }, N = d === 0 ? an : sn, ae = n !== "SM" ? 3 : 1, De = ae * 4, ue = H[n].markerSize * 2 + De;
+  }, N = _ === 0 ? an : sn, ae = n !== "SM" ? 3 : 1, De = ae * 4, me = H[n].markerSize * 2 + De;
   return /* @__PURE__ */ a(
     p,
     {
@@ -168,15 +168,15 @@ const Mo = ({
           {
             height: n === "SM" ? T - 7 : T,
             hideLegend: !0,
-            margin: he,
+            margin: ue,
             series: [
               {
                 data: r,
                 innerRadius: Y,
                 outerRadius: B,
-                startAngle: Math.round(Je(w)),
+                startAngle: Math.round(Je(v)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(Je(x))
+                endAngle: Math.round(Je(f))
                 // Use Math.degrees to convert
               }
             ],
@@ -187,7 +187,7 @@ const Mo = ({
                 {
                   arcColor: q.color,
                   arcRadius: t,
-                  arcStartAngle: w,
+                  arcStartAngle: v,
                   centerX: $,
                   centerY: z,
                   dataIndex: q.dataIndex,
@@ -197,7 +197,7 @@ const Mo = ({
                   outterArcRadius: B,
                   progressEndAngle: b,
                   totalAngularSpan: D,
-                  unitsPerSegment: _e
+                  unitsPerSegment: he
                 }
               )
             },
@@ -212,21 +212,21 @@ const Mo = ({
         o >= s && o <= i && /* @__PURE__ */ e(
           "svg",
           {
-            height: ue,
+            height: me,
             style: {
               position: "absolute",
               left: $ + Q - H[n].markerSize - 5,
               top: z + X - H[n].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${$ + Q - H[n].markerSize - 5} ${z + X - H[n].markerSize - 5} ${ue} ${ue}`,
-            width: ue,
+            viewBox: `${$ + Q - H[n].markerSize - 5} ${z + X - H[n].markerSize - 5} ${me} ${me}`,
+            width: me,
             children: /* @__PURE__ */ e(
               "circle",
               {
                 cx: $ + Q,
                 cy: z + X,
-                fill: f.palette.common.white,
+                fill: S.palette.common.white,
                 r: H[n].markerSize,
                 stroke: y ? "url(#arcGradient)" : c,
                 strokeWidth: ae
@@ -261,13 +261,13 @@ const Mo = ({
                       children: o
                     }
                   ),
-                  n !== "SM" && /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: _ })
+                  n !== "SM" && /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
                 ]
               }
             )
           }
         ),
-        d !== void 0 && /* @__PURE__ */ e(
+        _ !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -277,7 +277,7 @@ const Mo = ({
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof d == "number" ? /* @__PURE__ */ a(
+            children: typeof _ == "number" ? /* @__PURE__ */ a(
               p,
               {
                 sx: {
@@ -287,24 +287,24 @@ const Mo = ({
                   mt: 24
                 },
                 children: [
-                  d > 0 ? /* @__PURE__ */ e(lt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(N, { size: 16, sx: { color: "text.secondary" } }),
+                  _ > 0 ? /* @__PURE__ */ e(lt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(N, { size: 16, sx: { color: "text.secondary" } }),
                   /* @__PURE__ */ e(
                     M,
                     {
                       sx: {
                         fontWeight: 600,
-                        color: d > 0 ? "success.main" : "text.secondary"
+                        color: _ > 0 ? "success.main" : "text.secondary"
                       },
                       variant: "body1",
-                      children: Math.abs(d)
+                      children: Math.abs(_)
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: d })
+            ) : /* @__PURE__ */ e(M, { sx: { color: "text.secondary" }, variant: "subtitle2", children: _ })
           }
         ),
-        h !== void 0 && /* @__PURE__ */ e(
+        u !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -315,10 +315,10 @@ const Mo = ({
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
           }
         ),
-        u !== void 0 && /* @__PURE__ */ e(
+        h !== void 0 && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -328,13 +328,13 @@ const Mo = ({
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(M, { variant: "body1", children: u })
+            children: /* @__PURE__ */ e(M, { variant: "body1", children: h })
           }
         )
       ]
     }
   );
-}, Ot = v(
+}, Ot = w(
   ({
     arcRadius: t,
     size: o = "L",
@@ -347,7 +347,7 @@ const Mo = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: l } = S(), c = He(n, l);
+    ], { finstrong: l } = x(), c = He(n, l);
     return /* @__PURE__ */ e(
       Tt,
       {
@@ -362,7 +362,7 @@ const Mo = ({
       }
     );
   }
-), Do = v(
+), Do = w(
   ({
     arcRadius: t,
     size: o = "L",
@@ -371,7 +371,7 @@ const Mo = ({
     minValue: s = 300,
     footerCenterContent: i
   }) => {
-    const c = G().palette.mode === "dark", _ = [
+    const c = G().palette.mode === "dark", d = [
       {
         id: 1,
         label: "Poor",
@@ -402,23 +402,23 @@ const Mo = ({
         value: 12,
         color: c ? we.EXCEPTIONAL : ke.EXCEPTIONAL
       }
-    ], { finstrong: d } = S(), { isCopyLoaded: h } = U();
-    if (!h) return /* @__PURE__ */ e(te, {});
-    const { status: u, color: y = "none" } = ht(
+    ], { finstrong: _ } = x(), { isCopyLoaded: u } = U();
+    if (!u) return /* @__PURE__ */ e(te, {});
+    const { status: h, color: y = "none" } = ht(
       n,
       c,
-      d.credit_score_status
+      _.credit_score_status
     );
     return /* @__PURE__ */ e(
       Tt,
       {
         arcRadius: t,
-        dialScoreData: _,
+        dialScoreData: d,
         footerCenterContent: i,
         footerLeftContent: s,
         footerRightContent: r,
         healthScore: n,
-        healthScoreStatus: u,
+        healthScoreStatus: h,
         markerColor: y,
         maxValue: r,
         minValue: s,
@@ -436,7 +436,7 @@ const Mo = ({
   description: l,
   sx: c
 }) => {
-  const [_, d] = m.useState(!1), { connect: h, finstrong: u } = S(), { config: y } = Ne();
+  const [d, _] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = Ne();
   return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
     V,
     {
@@ -457,7 +457,7 @@ const Mo = ({
             },
             children: [
               n && /* @__PURE__ */ e(dt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || u.connect_more_accounts_title })
+              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || h.connect_more_accounts_title })
             ]
           }
         ),
@@ -467,55 +467,55 @@ const Mo = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: l || u.connect_more_accounts_description
+            children: l || h.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
           P,
           {
             endIcon: /* @__PURE__ */ e(J, {}),
-            onClick: () => d(!0),
+            onClick: () => _(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || u.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
           re,
           {
-            onClose: () => d(!1),
-            showConnectWidget: _,
-            title: i || h.mini_title
+            onClose: () => _(!1),
+            showConnectWidget: d,
+            title: i || u.mini_title
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
           ft,
           {
-            onClose: () => d(!1),
-            showConnectionsWidget: _,
-            title: i || h.mini_title
+            onClose: () => _(!1),
+            showConnectionsWidget: d,
+            title: i || u.mini_title
           }
         )
       ]
     }
   ) : null;
 };
-var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
+var pe = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(pe || {});
 const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Ao = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = S(), { isMobile: s } = Ye(), { updateUser: i, user: l } = ee(), [c, _] = m.useState(l.credit_score || 0), d = !isNaN(c), h = () => {
-    o(), setTimeout(() => _(l.credit_score || 0), 300);
-  }, u = () => {
+  const { common: n, finstrong: r } = x(), { isMobile: s } = Ye(), { updateUser: i, user: l } = ee(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), u = () => {
+    o(), setTimeout(() => d(l.credit_score || 0), 300);
+  }, h = () => {
     !c || c === l.credit_score || i({ ...l, credit_score: c });
   };
   return /* @__PURE__ */ e(
     Fn,
     {
       copy: { close_aria: n.close_aria, title: r.edit_credit_score },
-      disablePrimaryButton: !c || !d,
+      disablePrimaryButton: !c || !_,
       isOpen: t,
       maxWidth: "xs",
-      onClose: h,
-      onPrimaryAction: u,
+      onClose: u,
+      onPrimaryAction: h,
       primaryColor: "primary",
       primaryText: n.save_button,
       sx: {
@@ -527,28 +527,28 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         "form",
         {
           onSubmit: (y) => {
-            y.preventDefault(), u(), h();
+            y.preventDefault(), h(), u();
           },
           children: /* @__PURE__ */ e(
             Re,
             {
-              error: !d,
+              error: !_,
               fullWidth: !0,
               inputMode: "numeric",
               inputProps: {
                 noValidate: !0,
                 pattern: "[0-9]*"
               },
-              onChange: (y) => _(Number(y.target.value)),
-              value: d ? c : ""
+              onChange: (y) => d(Number(y.target.value)),
+              value: _ ? c : ""
             }
           )
         }
       )
     }
   );
-}, Rt = v(Ao), To = ({ chartFor: t }) => {
-  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = ee(), { finstrong: i } = S(), [l, { width: c }] = St(), _ = {
+}, Rt = w(Ao), To = ({ chartFor: t }) => {
+  const o = G(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [l, { width: c }] = St(), d = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(lt, { size: 48, sx: { marginBottom: 8 } }),
       title: i.key_indicators_save.zero_state_title,
@@ -564,7 +564,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: i.credit_over_time_title,
       description: i.credit_over_time_zero_state_desc
     }
-  }[t], h = {
+  }[t], u = {
     savingsOverTime: {
       title: i.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
@@ -577,28 +577,28 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: i.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], u = fn(r, h.valueKey), y = r.map((B) => B[h.valueKey]), f = Math.max(...y), w = Math.min(...y), x = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : f >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: D, leftMargin: C } = x(), g = h.title, b = t === "creditOverTime";
-  let L;
+  }[t], h = fn(r, u.valueKey), y = r.map((B) => B[u.valueKey]), S = Math.max(...y), v = Math.min(...y), f = () => S >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : S >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: D, leftMargin: C } = f(), g = u.title, b = t === "creditOverTime";
+  let R;
   if (b) {
     const { color: B } = ht(
       s?.credit_score ?? 0,
       n,
       i.credit_score_status
     );
-    L = B;
+    R = B;
   }
-  return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: u.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
       Ve,
       {
-        areaColor: L,
+        areaColor: R,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
         curveType: b ? "linear" : "natural",
-        datasets: u ? [u] : [],
+        datasets: h ? [h] : [],
         height: 244,
         labelFontColor: b ? "text.primary" : "",
         labelFontSize: b ? 13 : void 0,
@@ -607,16 +607,16 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         markStyles: (B) => b ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: B === u.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: B === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
             fill: o.palette.text.primary
           },
-          stroke: L
+          stroke: R
         } : {},
         maxRange: b ? 850 : void 0,
         minRange: (() => {
           if (b)
-            return w < 300 ? 0 : 300;
+            return v < 300 ? 0 : 300;
         })(),
         showArea: !0,
         showAverage: !b,
@@ -631,12 +631,12 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       }
     )
   ] }) : /* @__PURE__ */ a(p, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
-    _.icon,
-    /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
-    /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
+    d.icon,
+    /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: d.title }),
+    /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: d.description })
   ] }) });
-}, qe = v(To), Oo = () => {
-  const { healthScoreChangeReports: t } = F(), { finstrong: o } = S(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = Ye(r), [i, l] = m.useState(!1), c = t.at(-1);
+}, qe = w(To), Oo = () => {
+  const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = Ye(r), [i, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
@@ -653,8 +653,8 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ] }),
     /* @__PURE__ */ e(Rt, { isOpen: i, onClose: () => l(!1) })
   ] });
-}, Ro = v(Oo), Pe = ({ status: t }) => {
-  const { finstrong: o } = S(), n = xn(Sn[t]), r = {
+}, Ro = w(Oo), Pe = ({ status: t }) => {
+  const { finstrong: o } = x(), n = xn(Sn[t]), r = {
     GOOD: o.key_indicators_good,
     FAIR: o.key_indicators_fair,
     OFF_TRACK: o.key_indicators_off_track,
@@ -682,12 +682,12 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     }
   );
 }, Fo = () => {
-  const { finstrong: t } = S(), { user: o } = ee(), n = ut(o.credit_score ?? null);
+  const { finstrong: t } = x(), { user: o } = ee(), n = ut(o.credit_score ?? null);
   return /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(K, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e(Pe, { status: n })
   ] });
-}, Lo = v(Fo), Bo = ({
+}, Lo = w(Fo), Bo = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
@@ -696,28 +696,29 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   drawerTitle: i,
   isOpen: l,
   loadConnectAccountsCard: c = !0,
-  onClose: _,
-  stickyComponent: d,
-  title: h,
-  drawerType: u
+  onClose: d,
+  stickyComponent: _,
+  title: u,
+  drawerType: h
 }) => {
-  const { finstrong: y } = S(), { isCopyLoaded: f } = U();
-  return f ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    (h || s) && /* @__PURE__ */ a(
+  const { finstrong: y } = x(), { isCopyLoaded: S } = U();
+  return S ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: d, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    (u || s) && /* @__PURE__ */ a(
       p,
       {
         sx: {
           backgroundColor: "background.paper",
           gap: 8,
-          p: 24
+          p: 24,
+          pb: _ ? 0 : 24
         },
         children: [
-          h && typeof h == "string" ? /* @__PURE__ */ e(K, { children: h }) : h,
+          u && typeof u == "string" ? /* @__PURE__ */ e(K, { children: u }) : u,
           s && /* @__PURE__ */ e(M, { sx: { lineHeight: "24px" }, children: s })
         ]
       }
     ),
-    d && /* @__PURE__ */ e(
+    _ && /* @__PURE__ */ e(
       k,
       {
         sx: {
@@ -725,7 +726,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           top: 0,
           zIndex: 1
         },
-        children: d
+        children: _
       }
     ),
     t && /* @__PURE__ */ e(k, { children: t }),
@@ -735,7 +736,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         Be,
         {
           description: n,
-          drawerType: u,
+          drawerType: h,
           isDashboard: !0,
           sx: { backgroundColor: "background.paper" },
           title: o
@@ -743,95 +744,95 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(te, {});
-}, Ft = v(Bo), Po = ({
+}, Ft = w(Bo), Po = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = Ne(), { accounts: s } = S(), { selectedAccounts: i } = U(), l = m.useCallback(
-    (_) => {
-      t?.(_);
+  const { config: r } = Ne(), { accounts: s } = x(), { selectedAccounts: i } = U(), l = m.useCallback(
+    (d) => {
+      t?.(d);
     },
     [t]
   ), c = m.useMemo(
-    () => Array.from(new Set(i.map((_) => _.account_type))).filter(
-      (_) => n ? n.includes(_) : !0
+    () => Array.from(new Set(i.map((d) => d.account_type))).filter(
+      (d) => n ? n.includes(d) : !0
     ),
     [i, n]
   );
-  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((_) => {
-    const { accountsForType: d, totalBalanceForType: h } = i.reduce(
-      (u, y) => (y.account_type === _ && (u.accountsForType.push(y), u.totalBalanceForType += y.balance || 0), u),
+  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((d) => {
+    const { accountsForType: _, totalBalanceForType: u } = i.reduce(
+      (h, y) => (y.account_type === d && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ a(
       Ee,
       {
         subheader: /* @__PURE__ */ e($n, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[_] }),
-          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
+          /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[d] }),
+          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(u, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          d.map((u, y) => {
-            const { firstValue: f } = vt(u, s), w = xt(u, {
+          _.map((h, y) => {
+            const { firstValue: S } = vt(h, s), v = xt(h, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), x = /* @__PURE__ */ a(E, { children: [
-              /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
+            }), f = /* @__PURE__ */ a(E, { children: [
+              /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                be,
+                fe,
                 {
-                  primary: `${w}${u.account_number ? ` *${u.account_number}` : ""}`,
+                  primary: `${v}${h.account_number ? ` *${h.account_number}` : ""}`,
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(f ?? 0, "0,0.00") })
+              o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(S ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Wn, { onClick: () => l(u), children: x }) : x }),
-              y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-            ] }, u.guid);
+              /* @__PURE__ */ e(be, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Wn, { onClick: () => l(h), children: f }) : f }),
+              y !== _.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
+            ] }, h.guid);
           }),
-          /* @__PURE__ */ e(le, {})
+          /* @__PURE__ */ e(de, {})
         ]
       },
-      _
+      d
     );
   }) }) : null;
-}, Lt = v(Po), Wo = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = G(), { config: r } = Ne(), { connect: s, finstrong: i } = S(), { accounts: l } = S(), { selectedAccounts: c } = U(), [_, d] = m.useState(!1), [h, u] = m.useState(!1), y = m.useMemo(
+}, Lt = w(Po), Wo = ({ loadAccounts: t, loadMoreLabel: o }) => {
+  const n = G(), { config: r } = Ne(), { connect: s, finstrong: i } = x(), { accounts: l } = x(), { selectedAccounts: c } = U(), [d, _] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
     () => c.filter(
-      (x) => t ? t.includes(x.account_type) : !0
+      (f) => t ? t.includes(f.account_type) : !0
     ),
     [c, t]
-  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (x) => {
-    const { firstValue: D } = vt(x, l);
+  ), S = m.useMemo(() => y.slice(0, 3), [y]), v = (f) => {
+    const { firstValue: D } = vt(f, l);
     return D;
   };
   return y.length >= 1 ? /* @__PURE__ */ a(E, { children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((x, D) => /* @__PURE__ */ a(m.Fragment, { children: [
-      /* @__PURE__ */ a(ye, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: x.institution_guid ?? "" }) }),
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((f, D) => /* @__PURE__ */ a(m.Fragment, { children: [
+      /* @__PURE__ */ a(be, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ct, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          be,
+          fe,
           {
-            primary: `${xt(x, {
+            primary: `${xt(f, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
-              ${x.account_number ? ` *${x.account_number}` : ""}`,
+              ${f.account_number ? ` *${f.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(w(x), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(v(f), "0,0.00") })
       ] }),
-      D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-    ] }, x.guid)) }),
+      D < S.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
+    ] }, f.guid)) }),
     y.length > 3 && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
         P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => d(!0),
+          onClick: () => _(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
@@ -841,13 +842,13 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(oe, { isOpen: _, onClose: () => d(!1), title: i.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(oe, { isOpen: d, onClose: () => _(!1), title: i.accounts, children: /* @__PURE__ */ e(Lt, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
       P,
       {
-        onClick: () => u(!0),
+        onClick: () => h(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
@@ -857,13 +858,13 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(
       re,
       {
-        onClose: () => u(!1),
-        showConnectWidget: h,
+        onClose: () => h(!1),
+        showConnectWidget: u,
         title: s.mini_title
       }
     )
   ] });
-}, Bt = v(Wo), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, Bt = w(Wo), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   p,
   {
     sx: {
@@ -883,7 +884,7 @@ const Io = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
 );
 var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), Me = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Me || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
 const $o = ({ total: t }) => {
-  const { finstrong: o } = S(), n = [
+  const { finstrong: o } = x(), n = [
     { id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
     { id: Z.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
     { id: Z.Weekly, label: o.maintain_emergency_savings_weekly },
@@ -897,30 +898,30 @@ const $o = ({ total: t }) => {
     { id: Me.Months, label: o.maintain_emergency_savings_months },
     { id: Me.Years, label: o.maintain_emergency_savings_years },
     { id: Me.Days, label: o.maintain_emergency_savings_days }
-  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [_, d] = m.useState(et(t)), [h, u] = m.useState(
+  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, _] = m.useState(et(t)), [u, h] = m.useState(
     et(t)
-  ), [y, f] = m.useState(i), [w, x] = m.useState(Cn(t)), [D, C] = m.useState(Me.Months);
+  ), [y, S] = m.useState(i), [v, f] = m.useState(Cn(t)), [D, C] = m.useState(Me.Months);
   m.useEffect(() => {
     c(
       tt({
-        contribution: h,
+        contribution: u,
         goalAmount: y,
-        goalPeriod: w,
+        goalPeriod: v,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(h);
+    ), _(u);
   }, []);
   const g = (b) => {
     b.preventDefault(), c(
       tt({
-        contribution: h,
+        contribution: u,
         goalAmount: y,
-        goalPeriod: w,
+        goalPeriod: v,
         targetPeriod: D,
         totalSaved: t
       })
-    ), d(h);
+    ), _(u);
   };
   return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
@@ -930,7 +931,7 @@ const $o = ({ total: t }) => {
           /* @__PURE__ */ e(I, { variant: "h2", children: W(l, "0,0") }),
           /* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
-            r[_]
+            r[d]
           ] })
         ] }),
         title: o.maintain_emergency_savings_estimated_contribution
@@ -950,7 +951,7 @@ const $o = ({ total: t }) => {
         },
         label: o.maintain_emergency_savings_savings_goal,
         onChange: (b) => {
-          b.target.value && f(Number(b.target.value.replace(/[^0-9]/g, "")));
+          b.target.value && S(Number(b.target.value.replace(/[^0-9]/g, "")));
         },
         value: y ? W(y, "0,0") : ""
       }
@@ -959,10 +960,10 @@ const $o = ({ total: t }) => {
       ot,
       {
         label: o.maintain_emergency_savings_how_often_contribute,
-        onChange: u,
+        onChange: h,
         options: n,
         required: !0,
-        value: h
+        value: u
       }
     ),
     /* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
@@ -977,7 +978,7 @@ const $o = ({ total: t }) => {
           },
           label: o.maintain_emergency_savings_meet_your_goal_within,
           onChange: (b) => {
-            isNaN(Number(b.target.value)) || x(Number(b.target.value));
+            isNaN(Number(b.target.value)) || f(Number(b.target.value));
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -988,7 +989,7 @@ const $o = ({ total: t }) => {
               }
             }
           },
-          value: w
+          value: v
         }
       ),
       /* @__PURE__ */ e(
@@ -1009,8 +1010,8 @@ const $o = ({ total: t }) => {
     ] }),
     /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
-}, zo = v($o), Eo = () => {
-  const { savingsAccounts: t } = Se(), { finstrong: o } = S(), [n, r] = m.useState(!1), s = m.useMemo(
+}, zo = w($o), Eo = () => {
+  const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
     () => t.reduce((i, l) => i + (l.balance ?? 0), 0),
     [t]
   );
@@ -1035,7 +1036,7 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, Go = v(Eo), We = v(
+}, Go = w(Eo), We = w(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
     const i = {
       GOOD: {
@@ -1050,8 +1051,8 @@ const $o = ({ total: t }) => {
       MISSING: {
         progressBarColor: "text.secondary"
       }
-    }[n], l = s.map((c, _) => s.length === 2 ? {
-      color: _ === 0 ? "primary.main" : c.color || i?.progressBarColor,
+    }[n], l = s.map((c, d) => s.length === 2 ? {
+      color: d === 0 ? "primary.main" : c.color || i?.progressBarColor,
       percentage: c.percentage
     } : {
       color: c.color || i?.progressBarColor,
@@ -1064,7 +1065,6 @@ const $o = ({ total: t }) => {
           backgroundColor: "background.paper",
           gap: 8,
           p: 24,
-          pt: 0,
           borderBottom: "1px solid",
           borderColor: "divider"
         },
@@ -1098,13 +1098,13 @@ const $o = ({ total: t }) => {
 ), Ho = {
   sticky_label: "You have saved"
 }, No = ["$0", "$250", "$500", "$750", "$1k"], jo = () => {
-  const { healthScore: t } = F(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = vn(o), r = mt(o);
+  const { healthScore: t } = L(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = vn(o), r = mt(o);
   return /* @__PURE__ */ e(
     We,
     {
       bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: No.map((s) => /* @__PURE__ */ a(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
-          le,
+          de,
           {
             orientation: "vertical",
             sx: {
@@ -1126,21 +1126,21 @@ const $o = ({ total: t }) => {
       value: W(o ?? 0, "0,0.00")
     }
   );
-}, Ko = v(jo), $e = ({
+}, Ko = w(jo), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
   formatDate: r = Mt,
   secondaryIcon: s
 }) => {
-  const i = G(), { connect: l, finstrong: c, categories: _ } = S(), [d, h] = m.useState(!1), [u, y] = m.useState(!1), { getCategoryName: f } = je(), w = 3, x = t.length > w, D = t.length - w;
+  const i = G(), { connect: l, finstrong: c, categories: d } = x(), [_, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: S } = je(), v = 3, f = t.length > v, D = t.length - v;
   let C = t;
-  return x && (C = t.map((g) => ({
+  return f && (C = t.map((g) => ({
     ...g,
-    category: _.default_categories[g.top_level_category_guid]?.replace(
+    category: d.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
-    ) ?? f(g.top_level_category_guid)
+    ) ?? S(g.top_level_category_guid)
   })).sort((g, b) => b.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
       P,
@@ -1156,12 +1156,12 @@ const $o = ({ total: t }) => {
       re,
       {
         onClose: () => y(!1),
-        showConnectWidget: u,
+        showConnectWidget: h,
         title: l.mini_title
       }
     )
   ] }) : /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, w).sort((g, b) => b.date - g.date).map((g, b) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${i.palette.divider}`, borderRadius: 2 }, children: t.slice(0, v).sort((g, b) => b.date - g.date).map((g, b) => /* @__PURE__ */ a(
       p,
       {
         sx: {
@@ -1188,7 +1188,7 @@ const $o = ({ total: t }) => {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...b < Math.min(t.length, w) - 1 && {
+                ...b < Math.min(t.length, v) - 1 && {
                   borderBottom: `1px solid ${i.palette.divider}`
                 },
                 pb: 13,
@@ -1212,12 +1212,12 @@ const $o = ({ total: t }) => {
       },
       b
     )) }),
-    x && /* @__PURE__ */ a(E, { children: [
+    f && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
         P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
-          onClick: () => h(!0),
+          onClick: () => u(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
@@ -1230,8 +1230,8 @@ const $o = ({ total: t }) => {
       /* @__PURE__ */ e(
         oe,
         {
-          isOpen: d,
-          onClose: () => h(!1),
+          isOpen: _,
+          onClose: () => u(!1),
           title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(Gn, { transaction: C })
         }
@@ -1243,7 +1243,7 @@ const $o = ({ total: t }) => {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
-  } = S(), { getSpendingFeeTransactions: o, allTransactions: n } = F();
+  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = L();
   return m.useEffect(() => {
     o().finally();
   }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ a(
@@ -1288,14 +1288,13 @@ const $o = ({ total: t }) => {
       ]
     }
   ) });
-}, Xo = v(Vo), Yo = () => {
-  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = wn(t.spending_fee_transaction_count);
+}, Xo = w(Vo), Yo = () => {
+  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = wn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ a(
     p,
     {
       sx: {
-        px: 24,
-        pb: 24,
+        p: 24,
         backgroundColor: "background.paper",
         borderBottom: "1px solid",
         borderColor: "divider"
@@ -1313,8 +1312,8 @@ const $o = ({ total: t }) => {
       ]
     }
   );
-}, qo = v(Yo), Uo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = S();
+}, qo = w(Yo), Uo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = x();
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1331,20 +1330,20 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, Qo = v(Uo), Zo = () => {
-  const { finstrong: t } = S(), {
+}, Qo = w(Uo), Zo = () => {
+  const { finstrong: t } = x(), {
     isSpendingInitialized: o,
     healthScore: n,
     allTransactions: r,
     loadSpendTransactions: s,
     loadDebtSpend: i
-  } = F();
+  } = L();
   m.useEffect(() => {
     o || (s().finally(), i().finally());
   }, [o]);
   const l = m.useMemo(() => {
-    const c = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
-    return [...c, ..._];
+    const c = r.spend.map((_) => _.transaction), d = r.debtSpend.map((_) => _.transaction);
+    return [...c, ...d];
   }, [r.spend, r.debtSpend]);
   return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1356,8 +1355,8 @@ const $o = ({ total: t }) => {
     ),
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Jo = v(Zo), er = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = S();
+}, Jo = w(Zo), er = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = x();
   return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(V, { children: [
       /* @__PURE__ */ a(
@@ -1372,7 +1371,7 @@ const $o = ({ total: t }) => {
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              se,
+              ce,
               {
                 "aria-controls": "available-details-tabpanel-0",
                 label: n.key_indicators_save.drawer_available,
@@ -1380,7 +1379,7 @@ const $o = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              se,
+              ce,
               {
                 "aria-controls": "spending-details-tabpanel-1",
                 label: n.key_indicators_save.drawer_spending,
@@ -1390,13 +1389,13 @@ const $o = ({ total: t }) => {
           ]
         }
       ),
-      /* @__PURE__ */ e(ce, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Qo, {}) }),
-      /* @__PURE__ */ e(ce, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Jo, {}) })
+      /* @__PURE__ */ e(le, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Qo, {}) }),
+      /* @__PURE__ */ e(le, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Jo, {}) })
     ] }),
     /* @__PURE__ */ e(qe, { chartFor: "savingsOverTime" })
   ] });
-}, tr = v(er), nr = () => {
-  const { finstrong: t } = S(), { healthScore: o } = F(), n = o.months_of_cash_on_hand, r = gt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), l = Math.round((n - i) * s), c = n / 6 * 100;
+}, tr = w(er), nr = () => {
+  const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = gt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), l = Math.round((n - i) * s), c = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1410,7 +1409,7 @@ const $o = ({ total: t }) => {
             mt: 2,
             px: 1
           },
-          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((d) => /* @__PURE__ */ a(
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((_) => /* @__PURE__ */ a(
             p,
             {
               sx: {
@@ -1419,7 +1418,7 @@ const $o = ({ total: t }) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  le,
+                  de,
                   {
                     orientation: "vertical",
                     sx: {
@@ -1428,10 +1427,10 @@ const $o = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "XSmall", children: d })
+                /* @__PURE__ */ e(I, { variant: "XSmall", children: _ })
               ]
             },
-            d
+            _
           ))
         }
       ),
@@ -1445,8 +1444,8 @@ const $o = ({ total: t }) => {
       value: j(t.key_indicators_save.drawer_progress_bar_value, i, l)
     }
   );
-}, or = v(nr), rr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.debt_to_income_ratio), r = yt(n);
+}, or = w(nr), rr = () => {
+  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = yt(n);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1481,7 +1480,7 @@ const $o = ({ total: t }) => {
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        le,
+                        de,
                         {
                           orientation: "vertical",
                           sx: {
@@ -1525,8 +1524,8 @@ const $o = ({ total: t }) => {
       value: W(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, ar = v(rr), ir = () => {
-  const { healthScore: t, allTransactions: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
+}, ar = w(rr), ir = () => {
+  const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1558,8 +1557,8 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, sr = v(ir), cr = () => {
-  const { allTransactions: t, healthScore: o } = F(), { connect: n, finstrong: r } = S(), [s, i] = m.useState(!1);
+}, sr = w(ir), cr = () => {
+  const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1597,18 +1596,18 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, lr = v(cr), dr = ({
+}, lr = w(cr), dr = ({
   color: t,
   data: o,
   series: n,
   style: r,
   ...s
 }) => {
-  const i = G(), l = m.useRef(null), c = m.useRef(null), [_, d] = m.useState(r.width || 0);
+  const i = G(), l = m.useRef(null), c = m.useRef(null), [d, _] = m.useState(r.width || 0);
   m.useLayoutEffect(() => {
-    d(r.width || 0);
+    _(r.width || 0);
   }, [r.width]), m.useLayoutEffect(() => {
-    const x = new ResizeObserver(() => {
+    const f = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (l.current) {
           const { width: D } = l.current.getBoundingClientRect(), C = D / 2, g = l.current.querySelector("text");
@@ -1616,16 +1615,16 @@ const $o = ({ total: t }) => {
         }
       });
     });
-    return l.current && x.observe(l.current), () => {
-      l.current && x.unobserve(l.current);
+    return l.current && f.observe(l.current), () => {
+      l.current && f.unobserve(l.current);
     };
   }, []);
-  const { formattedComparison: h, formattedMain: u } = o[n.index], y = n.type === 0 ? u : h, f = {
+  const { formattedComparison: u, formattedMain: h } = o[n.index], y = n.type === 0 ? h : u, S = {
     ...r,
     transition: "all 0.3s ease-in-out"
-  }, w = `translate(${_ / 2}, -5)`;
+  }, v = `translate(${d / 2}, -5)`;
   return /* @__PURE__ */ a("g", { children: [
-    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: f }),
+    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: S }),
     /* @__PURE__ */ e(
       "text",
       {
@@ -1635,7 +1634,7 @@ const $o = ({ total: t }) => {
         ref: c,
         style: { transition: "transform 0.3s ease-in-out" },
         textAnchor: "middle",
-        transform: w,
+        transform: v,
         x: r.x,
         y: r.y,
         children: y
@@ -1654,11 +1653,11 @@ const $o = ({ total: t }) => {
   legendLabelMain: i,
   legendLabelComparison: l,
   totalComparison: c,
-  totalMain: _
+  totalMain: d
 }) => {
-  const d = G(), h = Vn(d.breakpoints.down("xs")), u = m.useMemo(
+  const _ = G(), u = Vn(_.breakpoints.down("xs")), h = m.useMemo(
     () => o.sort((g, b) => g.month - b.month).map((g) => {
-      const b = kn(g.month), L = {
+      const b = kn(g.month), R = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
@@ -1674,17 +1673,17 @@ const $o = ({ total: t }) => {
       };
       return {
         label: b,
-        ...L[t]
+        ...R[t]
       };
     }),
     [o, t]
   ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), x = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = x / 3, C = {
+  }, S = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), f = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && S === 0 ? 100 : Math.ceil(S * 1.2 / 1e3) * 1e3, D = f / 3, C = {
     scaleType: "linear",
     min: 0,
-    max: x,
+    max: f,
     tickNumber: 4,
     tickMinStep: D,
     valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
@@ -1744,7 +1743,7 @@ const $o = ({ total: t }) => {
                 i,
                 " "
               ] }),
-              !h && _ && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: _ })
+              !u && d && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
             ] })
           ] }),
           /* @__PURE__ */ a(p, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1764,15 +1763,15 @@ const $o = ({ total: t }) => {
                 l,
                 " "
               ] }),
-              !h && c && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
+              !u && c && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ a(
           Yn,
           {
-            colors: [`${d.palette.chartMono.chartMono3}`, `${d.palette.chartMono.chartMono5}`],
-            dataset: u,
+            colors: [`${_.palette.chartMono.chartMono3}`, `${_.palette.chartMono.chartMono5}`],
+            dataset: h,
             height: 240,
             margin: { top: 14, bottom: 10, right: 2, left: -2 },
             series: [
@@ -1787,13 +1786,13 @@ const $o = ({ total: t }) => {
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: b, ...L } = g;
+                      const { ownerState: b, ...R } = g;
                       return /* @__PURE__ */ e(
                         dr,
                         {
-                          ...L,
+                          ...R,
                           color: b.color,
-                          data: u,
+                          data: h,
                           series: {
                             index: b.dataIndex,
                             type: Number(b.id.toString().split("-").pop())
@@ -1814,10 +1813,10 @@ const $o = ({ total: t }) => {
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: d.palette.divider
+                      stroke: _.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: d.palette.divider
+                      stroke: _.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateY(10px)"
@@ -1834,10 +1833,10 @@ const $o = ({ total: t }) => {
                 {
                   sx: () => ({
                     ".MuiChartsAxis-line": {
-                      stroke: d.palette.divider
+                      stroke: _.palette.divider
                     },
                     ".MuiChartsAxis-tick": {
-                      stroke: d.palette.divider
+                      stroke: _.palette.divider
                     },
                     ".MuiChartsAxis-tickLabel": {
                       transform: "translateX(-8px)"
@@ -1856,7 +1855,7 @@ const $o = ({ total: t }) => {
     }
   );
 }, pr = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = F(), [s, i] = m.useState(0), { finstrong: l } = S();
+  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: l } = x();
   return m.useEffect(() => {
     t || (o().finally(), n().finally());
   }, [t]), t ? /* @__PURE__ */ a(E, { children: [
@@ -1866,14 +1865,14 @@ const $o = ({ total: t }) => {
         {
           "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (c, _) => i(_),
+          onChange: (c, d) => i(d),
           selectionFollowsFocus: !0,
           sx: { mb: 0 },
           value: s,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              se,
+              ce,
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
@@ -1882,7 +1881,7 @@ const $o = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              se,
+              ce,
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
@@ -1894,7 +1893,7 @@ const $o = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        ce,
+        le,
         {
           "aria-labelledby": "income-details-tab-0",
           index: 0,
@@ -1904,7 +1903,7 @@ const $o = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        ce,
+        le,
         {
           "aria-labelledby": "debt-payment-details-tab-1",
           index: 1,
@@ -1961,8 +1960,8 @@ const $o = ({ total: t }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(te, {});
-}, _r = v(pr), hr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = S(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = bt(n), l = {
+}, _r = w(pr), hr = () => {
+  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = bt(n), l = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
@@ -2000,8 +1999,8 @@ const $o = ({ total: t }) => {
       value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
     }
   );
-}, ur = v(hr), mr = () => {
-  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = je(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = F(), { appDataStore: l } = Tn(), { finstrong: c, goals: _, spending: d } = S(), h = G(), [u, y] = m.useState("");
+}, ur = w(hr), mr = () => {
+  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = je(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: l } = Tn(), { finstrong: c, goals: d, spending: _ } = x(), u = G(), [h, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
@@ -2009,12 +2008,12 @@ const $o = ({ total: t }) => {
       It(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
-  const f = m.useMemo(
-    () => Qn(o, _, h, n),
+  const S = m.useMemo(
+    () => Qn(o, d, u, n),
     [o, n]
-  ), w = (C) => {
-    y(u === C ? "" : C);
-  }, { totalSpending: x, totalIncome: D } = m.useMemo(() => s?.reduce(
+  ), v = (C) => {
+    y(h === C ? "" : C);
+  }, { totalSpending: f, totalIncome: D } = m.useMemo(() => s?.reduce(
     (C, { standard_spend: g = 0, income: b = 0 }) => ({
       totalSpending: C.totalSpending + g,
       totalIncome: C.totalIncome + b
@@ -2035,7 +2034,7 @@ const $o = ({ total: t }) => {
         onClick: () => i("trends")(),
         title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: W(D, "0,0.00"),
-        totalMain: W(x, "0,0.00")
+        totalMain: W(f, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Fe,
@@ -2058,7 +2057,7 @@ const $o = ({ total: t }) => {
         variant: "no-buttons"
       }
     ),
-    f ? /* @__PURE__ */ a(
+    S ? /* @__PURE__ */ a(
       V,
       {
         sx: {
@@ -2099,18 +2098,18 @@ const $o = ({ total: t }) => {
             /* @__PURE__ */ e(
               Zn,
               {
-                data: f,
-                onSelected: w,
-                selectedId: u,
-                totalLabel: d.total_spending
+                data: S,
+                onSelected: v,
+                selectedId: h,
+                totalLabel: _.total_spending
               }
             ),
             /* @__PURE__ */ e(
               Jn,
               {
-                data: f,
-                onSelected: w,
-                selectedId: u
+                data: S,
+                onSelected: v,
+                selectedId: h
               }
             )
           ] })
@@ -2138,12 +2137,12 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, gr = v(mr), yr = ({
+}, gr = w(mr), yr = ({
   drawerFor: t,
   isOpen: o,
   onClose: n
 }) => {
-  const { finstrong: r } = S(), i = {
+  const { finstrong: r } = x(), i = {
     spendLessThanYouMake: {
       title: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: r.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
@@ -2212,14 +2211,14 @@ const $o = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
     }
   );
-}, br = v(yr), xe = ({
+}, br = w(yr), xe = ({
   drawerFor: t,
   title: o,
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = S(), [i, l] = m.useState(!1), c = (_) => {
-    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), l(!0));
+  const { finstrong: s } = x(), [i, l] = m.useState(!1), c = (d) => {
+    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(!0));
   };
   return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
@@ -2263,24 +2262,24 @@ const $o = ({ total: t }) => {
     )
   ] });
 }, fr = () => {
-  const { finstrong: t } = S(), { key_indicators_spend: o } = t, { healthScore: n } = F(), r = (l) => {
-    const c = bt(l), _ = {
+  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (l) => {
+    const c = bt(l), d = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
       MISSING: o.ratio_missing_description
-    }, d = c === "MISSING" ? _[c] : j(_[c], l);
+    }, _ = c === "MISSING" ? d[c] : j(d[c], l);
     return {
       cardState: c,
-      description: d,
+      description: _,
       title: o.ratio_card_title
     };
   }, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
-    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), _ = Mn(
+    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), d = Mn(
       n.spending_fee_transaction_count,
       o
     );
-    return { spendToIncomeRatio: c, spendFeeCount: _ };
+    return { spendToIncomeRatio: c, spendFeeCount: d };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
@@ -2293,7 +2292,7 @@ const $o = ({ total: t }) => {
       {
         cardState: s.cardState,
         description: s.description,
-        drawerFor: de.SpendLessThanYouMake,
+        drawerFor: pe.SpendLessThanYouMake,
         title: s.title
       }
     ),
@@ -2302,43 +2301,43 @@ const $o = ({ total: t }) => {
       {
         cardState: i.cardState,
         description: i.description,
-        drawerFor: de.PayBillsOnTime,
+        drawerFor: pe.PayBillsOnTime,
         title: i.title
       }
     )
   ] });
-}, xr = v(fr), Sr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_save: n } = o, r = (c) => {
-    const _ = gt(c), d = {
+}, xr = w(fr), Sr = () => {
+  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (c) => {
+    const d = gt(c), _ = {
       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 = _ === "MISSING" ? d[_] : j(d[_], c);
+    }, u = d === "MISSING" ? _[d] : j(_[d], c);
     return {
-      cardState: _,
-      description: h,
+      cardState: d,
+      description: u,
       title: n.days_of_cash_title
     };
   }, s = (c) => {
-    const _ = mt(c), d = {
+    const d = mt(c), _ = {
       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 _ === "FAIR" && c !== null ? h = j(
-      d[_],
+    let u;
+    return d === "FAIR" && c !== null ? u = j(
+      _[d],
       W(c, "0,0.00")
-    ) : h = d[_], {
-      cardState: _,
-      description: h,
+    ) : u = _[d], {
+      cardState: d,
+      description: u,
       title: n.emergency_savings_title
     };
   }, { daysOfCashOnHand: i, emergencySavings: l } = m.useMemo(() => {
-    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(c), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, h = s(d);
-    return { daysOfCashOnHand: _, emergencySavings: h };
+    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c), _ = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(_);
+    return { daysOfCashOnHand: d, emergencySavings: u };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
@@ -2351,7 +2350,7 @@ const $o = ({ total: t }) => {
       {
         cardState: i.cardState,
         description: i.description,
-        drawerFor: de.SaveEnoughToLiveOn,
+        drawerFor: pe.SaveEnoughToLiveOn,
         title: i.title
       }
     ),
@@ -2360,41 +2359,41 @@ const $o = ({ total: t }) => {
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: de.MaintainEmergencySavings,
+        drawerFor: pe.MaintainEmergencySavings,
         title: l.title
       }
     )
   ] });
-}, Cr = v(Sr), vr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = S(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (_) => {
-    const d = yt(_), h = {
+}, Cr = w(Sr), vr = () => {
+  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (d) => {
+    const _ = yt(d), u = {
       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
-    }, u = d === "FAIR" || d === "OFF_TRACK" ? j(h[d], _) : h[d];
+    }, h = _ === "FAIR" || _ === "OFF_TRACK" ? j(u[_], d) : u[_];
     return {
-      cardState: d,
-      description: u,
+      cardState: _,
+      description: h,
       title: n.manage_debit_title
     };
-  }, i = (_) => {
-    const d = ut(_), h = {
+  }, i = (d) => {
+    const _ = ut(d), u = {
       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
-    }, u = d === "MISSING" ? h[d] : j(h[d], _);
+    }, h = _ === "MISSING" ? u[_] : j(u[_], d);
     return {
-      cardState: d,
-      description: u,
+      cardState: _,
+      description: h,
       title: n.credit_score_title
     };
   }, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
-    const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), h = i(r.credit_score || null);
+    const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, _ = s(d), u = i(r.credit_score || null);
     return {
-      manageDebtStatus: d,
-      creditScoreStatus: h
+      manageDebtStatus: _,
+      creditScoreStatus: u
     };
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ a(p, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
@@ -2403,7 +2402,7 @@ const $o = ({ total: t }) => {
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: de.HaveManageableDebt,
+        drawerFor: pe.HaveManageableDebt,
         title: l.title
       }
     ),
@@ -2412,13 +2411,13 @@ const $o = ({ total: t }) => {
       {
         cardState: c.cardState,
         description: c.description,
-        drawerFor: de.HaveAGoodCreditScore,
+        drawerFor: pe.HaveAGoodCreditScore,
         title: c.title
       }
     )
   ] });
-}, wr = v(vr), kr = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = S();
+}, wr = w(vr), kr = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = x();
   return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ a(
       Xe,
@@ -2438,7 +2437,7 @@ const $o = ({ total: t }) => {
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            se,
+            ce,
             {
               "aria-controls": "spend-details-tabpanel-0",
               icon: /* @__PURE__ */ e(Ge, { sx: { mr: 8 } }),
@@ -2449,7 +2448,7 @@ const $o = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            se,
+            ce,
             {
               "aria-controls": "save-details-tabpanel-1",
               icon: /* @__PURE__ */ e(dn, { sx: { mr: 8 } }),
@@ -2460,7 +2459,7 @@ const $o = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            se,
+            ce,
             {
               "aria-controls": "borrow-details-tabpanel-2",
               icon: /* @__PURE__ */ e(pn, { sx: { mr: 8 } }),
@@ -2473,12 +2472,12 @@ const $o = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(ce, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(xr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Cr, {}) }),
-    /* @__PURE__ */ e(ce, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(wr, {}) })
+    /* @__PURE__ */ e(le, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(xr, {}) }),
+    /* @__PURE__ */ e(le, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Cr, {}) }),
+    /* @__PURE__ */ e(le, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(wr, {}) })
   ] });
-}, Mr = v(kr), Dr = ({ onClick: t }) => {
-  const { finstrong: o } = S(), { isCopyLoaded: n } = U();
+}, Mr = w(kr), Dr = ({ onClick: t }) => {
+  const { finstrong: o } = x(), { isCopyLoaded: n } = U();
   return n ? /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(pt, { size: 48 }),
     /* @__PURE__ */ a(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
@@ -2502,7 +2501,7 @@ const $o = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Ir = v(Dr), Ar = ({
+}, Ir = w(Dr), Ar = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
@@ -2511,21 +2510,21 @@ const $o = ({ total: t }) => {
   setFirstDay: i,
   setFrequency: l,
   setSecondDay: c,
-  transaction: _
+  transaction: d
 }) => {
-  const { finstrong: d } = S();
+  const { finstrong: _ } = x();
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(p, { children: [
-      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((h, u, y) => {
-        if (u.guid === _.guid) return h;
-        const f = Hn(y, r), w = Nn(y, r);
-        return h.push(
+      !!r.length && /* @__PURE__ */ e(k, { sx: { pb: 24 }, children: r.reduce((u, h, y) => {
+        if (h.guid === d.guid) return u;
+        const S = Hn(y, r), v = Nn(y, r);
+        return u.push(
           /* @__PURE__ */ a(m.Fragment, { children: [
-            f && /* @__PURE__ */ e(jn, { children: Mt(u.date) }),
-            /* @__PURE__ */ e(Kn, { transaction: u }),
-            /* @__PURE__ */ e(le, { sx: { ml: w ? 44 : 0 } })
-          ] }, u.guid)
-        ), h;
+            S && /* @__PURE__ */ e(jn, { children: Mt(h.date) }),
+            /* @__PURE__ */ e(Kn, { transaction: h }),
+            /* @__PURE__ */ e(de, { sx: { ml: v ? 44 : 0 } })
+          ] }, h.guid)
+        ), u;
       }, []) }),
       /* @__PURE__ */ e(
         oo,
@@ -2536,7 +2535,7 @@ const $o = ({ total: t }) => {
           onFrequencyChange: l,
           onSecondDayChange: c,
           secondDay: n,
-          transaction: _
+          transaction: d
         }
       )
     ] }),
@@ -2546,12 +2545,12 @@ const $o = ({ total: t }) => {
         fullWidth: !0,
         onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
         startIcon: /* @__PURE__ */ e(_t, {}),
-        children: d.onboarding_add_more_income
+        children: _.onboarding_add_more_income
       }
     ) })
   ] });
-}, Tr = v(Ar), Or = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = S(), r = G(), s = (i) => {
+}, Tr = w(Ar), Or = ({ selectedDate: t, setSelectedDate: o }) => {
+  const { finstrong: n } = x(), r = G(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(io, { dateAdapter: At, children: /* @__PURE__ */ e(
@@ -2564,13 +2563,13 @@ const $o = ({ total: t }) => {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2578,14 +2577,14 @@ const $o = ({ total: t }) => {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Rr = v(Or), Fr = ({ creditScore: t, setCreditScore: o }) => {
-  const { finstrong: n } = S(), r = !isNaN(t);
+}, Rr = w(Or), Fr = ({ creditScore: t, setCreditScore: o }) => {
+  const { finstrong: n } = x(), r = !isNaN(t);
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
     Re,
     {
@@ -2601,7 +2600,7 @@ const $o = ({ total: t }) => {
       value: r ? t : ""
     }
   ) });
-}, Lr = v(Fr), Wt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
+}, Lr = w(Fr), Wt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
     k,
     {
@@ -2634,13 +2633,13 @@ const $o = ({ total: t }) => {
   step: O.ConnectAccounts,
   type: "main"
 }, Pr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = S(), { setSelectedAccounts: i } = U(), { addRepeatingTransaction: l, setDateRange: c } = Ke(), { filter: _, setFilter: d, transactions: h } = On(), { user: u, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [x, D] = m.useState(u.credit_score || 0), [C, g] = m.useState(
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = U(), { addRepeatingTransaction: l, setDateRange: c } = Ke(), { filter: d, setFilter: _, transactions: u } = On(), { user: h, userProfile: y, updateUser: S, updateUserProfile: v } = ee(), [f, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
     it
-  ), [b, L] = m.useState(1), [B, Y] = m.useState(wt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [X, _e] = m.useState(u.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
+  ), [b, R] = m.useState(1), [B, Y] = m.useState(wt.EveryMonth), [T, $] = m.useState([]), [z, _e] = m.useState(!1), [ve, Q] = m.useState(!1), [X, he] = m.useState(h.birthday), [H, ue] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
     c({ start: Dt(rt()), end: It(rt()) });
   }, []), m.useEffect(() => {
-    d({
+    _({
       accounts: n.map((A) => A.guid),
       dateRange: {
         start: no(/* @__PURE__ */ new Date(), 90),
@@ -2650,21 +2649,21 @@ const $o = ({ total: t }) => {
     }), i(n);
   }, [n]);
   const De = m.useMemo(
-    () => h.find((A) => A.guid === N),
-    [N, h]
-  ), ue = m.useMemo(() => ({
+    () => u.find((A) => A.guid === N),
+    [N, u]
+  ), me = m.useMemo(() => ({
     [O.ConnectAccounts]: !0,
     [O.MonthlyIncome]: !!N,
-    [O.Birthday]: !!u.birthday || !!X,
-    [O.CreditScore]: !!u.credit_score || !!x
-  })[C.step], [x, C, X, N, u]), q = n.length > 0, $t = m.useMemo(() => {
+    [O.Birthday]: !!h.birthday || !!X,
+    [O.CreditScore]: !!h.credit_score || !!f
+  })[C.step], [f, C, X, N, h]), q = n.length > 0, $t = m.useMemo(() => {
     const { step: A } = C;
-    let R = 0;
-    return A >= O.MonthlyIncome && q && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (u.birthday || u.credit_score) && R++, R;
-  }, [C.step, q, T.length, u.birthday, u.credit_score]), zt = (A) => {
-    d({
-      ..._,
-      custom: (R) => A ? ao(R, A) : at(R)
+    let F = 0;
+    return A >= O.MonthlyIncome && q && F++, A >= O.Birthday && T.length && F++, A >= O.CreditScore && (h.birthday || h.credit_score) && F++, F;
+  }, [C.step, q, T.length, h.birthday, h.credit_score]), zt = (A) => {
+    _({
+      ...d,
+      custom: (F) => A ? ao(F, A) : at(F)
     });
   }, Et = {
     [O.ConnectAccounts]: {
@@ -2682,15 +2681,15 @@ const $o = ({ total: t }) => {
           incomeTransactions: T,
           secondDay: H,
           setCurrentStep: (A) => {
-            g(A), $((R) => {
-              if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
-              const Ae = h.find((ie) => ie.guid === N);
-              return Ae ? [...R, { ...Ae, firstDay: b, frequency: B, secondDay: H }] : R;
+            g(A), $((F) => {
+              if (F.some((ie) => ie.guid === N)) return F.filter((ie) => ie.guid !== N);
+              const Ae = u.find((ie) => ie.guid === N);
+              return Ae ? [...F, { ...Ae, firstDay: b, frequency: B, secondDay: H }] : F;
             });
           },
-          setFirstDay: L,
+          setFirstDay: R,
           setFrequency: Y,
-          setSecondDay: he,
+          setSecondDay: ue,
           transaction: De
         }
       ),
@@ -2709,21 +2708,21 @@ const $o = ({ total: t }) => {
       secondaryText: s.onboarding_add_income_secondary
     },
     [O.Birthday]: {
-      main: /* @__PURE__ */ e(Rr, { selectedDate: X, setSelectedDate: _e }),
+      main: /* @__PURE__ */ e(Rr, { selectedDate: X, setSelectedDate: he }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_birthday_primary,
       secondaryText: s.onboarding_birthday_secondary
     },
     [O.CreditScore]: {
-      main: /* @__PURE__ */ e(Lr, { creditScore: x, setCreditScore: D }),
+      main: /* @__PURE__ */ e(Lr, { creditScore: f, setCreditScore: D }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_credit_score_primary,
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, Ue = () => {
-    g(it), pe(!1), ae(""), o();
+    g(it), _e(!1), ae(""), o();
   }, Qe = async () => {
-    pe(!0), await jt(T), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Ue();
+    _e(!0), await jt(T), await r(), await v({ ...y, has_completed_finstrong_onboarding: !0 }), Ue();
   }, Gt = () => {
     if (C.step === O.CreditScore) {
       Qe();
@@ -2731,17 +2730,17 @@ const $o = ({ total: t }) => {
     }
     g({ step: C.step + 1, type: "main" });
   }, Ht = () => {
-    const { step: A } = C, R = A + 1;
+    const { step: A } = C, F = A + 1;
     switch (A) {
       case O.Birthday:
-        X && X !== u.birthday && f({ ...u, birthday: X });
+        X && X !== h.birthday && S({ ...h, birthday: X });
         break;
       case O.CreditScore:
-        x && x !== u.credit_score && f({ ...u, credit_score: x }), Qe();
+        f && f !== h.credit_score && S({ ...h, credit_score: f }), Qe();
         return;
       case O.MonthlyIncome:
-        N && T.findIndex(({ guid: ge }) => ge === N) === -1 && $((ge) => [
-          ...ge,
+        N && T.findIndex(({ guid: ye }) => ye === N) === -1 && $((ye) => [
+          ...ye,
           { ...De, firstDay: b, frequency: B, secondDay: H }
         ]);
         break;
@@ -2752,10 +2751,10 @@ const $o = ({ total: t }) => {
         }
         break;
     }
-    R in O && g({ step: R, type: "main" });
+    F in O && g({ step: F, type: "main" });
   }, Nt = () => {
-    const { step: A, type: R } = C;
-    if (R === "detail") {
+    const { step: A, type: F } = C;
+    if (F === "detail") {
       g({ step: A, type: "main" });
       return;
     }
@@ -2765,9 +2764,9 @@ const $o = ({ total: t }) => {
     }
     A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
   }, jt = async (A) => {
-    for (const R of A) {
+    for (const F of A) {
       const {
-        account_guid: ge,
+        account_guid: ye,
         amount: Ae,
         date: ie,
         description: Xt,
@@ -2778,8 +2777,8 @@ const $o = ({ total: t }) => {
         merchant_guid: Qt,
         payee: Zt,
         transaction_type: Jt
-      } = R, en = zn(Ze, to(ie)), tn = {
-        account_guid: ge,
+      } = F, en = zn(Ze, to(ie)), tn = {
+        account_guid: ye,
         amount: Ae,
         created_by: 0,
         description: Zt || Xt || Yt,
@@ -2790,11 +2789,11 @@ const $o = ({ total: t }) => {
         repeating_transaction_type: kt.Income,
         second_recurrence_day: Ut,
         transaction_type: Jt,
-        user_guid: u.guid
+        user_guid: h.guid
       };
-      await l(tn, R);
+      await l(tn, F);
     }
-  }, me = Et[C.step], Ie = C.step === O.ConnectAccounts, Kt = {
+  }, ge = Et[C.step], Ie = C.step === O.ConnectAccounts, Kt = {
     fullWidth: !0,
     ...Ie && !q && { startIcon: /* @__PURE__ */ e(_t, {}) }
   }, Vt = !Ie || Ie && !q;
@@ -2805,11 +2804,11 @@ const $o = ({ total: t }) => {
         footerStyles: { px: 24, py: 16 },
         hasSecondaryAction: !Ie,
         isOpen: t,
-        isPrimaryDisabled: !ue,
+        isPrimaryDisabled: !me,
         onClose: Ue,
         onSecondaryAction: Nt,
         primaryButtonProps: Kt,
-        primaryText: me?.mainActionContent,
+        primaryText: ge?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
@@ -2820,21 +2819,21 @@ const $o = ({ total: t }) => {
             /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
-          me && !z && /* @__PURE__ */ a(m.Fragment, { children: [
+          ge && !z && /* @__PURE__ */ a(m.Fragment, { children: [
             /* @__PURE__ */ e(
               Br,
               {
                 completeCopy: s.complete,
-                primaryText: me.primaryText,
-                secondaryText: me.secondaryText,
+                primaryText: ge.primaryText,
+                secondaryText: ge.secondaryText,
                 value: $t
               }
             ),
             C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
-              me.main,
+              ge.main,
               Vt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: Gt, children: s.onboarding_do_it_later }) })
             ] }),
-            C.type === "detail" && me.detail
+            C.type === "detail" && ge.detail
           ] })
         ] })
       }
@@ -2848,8 +2847,8 @@ const $o = ({ total: t }) => {
       }
     )
   ] });
-}, Wr = v(Pr), $r = () => {
-  const { finstrong: t } = S(), [o, n] = m.useState(!1);
+}, Wr = w(Pr), $r = () => {
+  const { finstrong: t } = x(), [o, n] = m.useState(!1);
   return /* @__PURE__ */ a(m.Fragment, { children: [
     /* @__PURE__ */ a(
       p,
@@ -2876,8 +2875,8 @@ const $o = ({ total: t }) => {
     /* @__PURE__ */ e(Wr, { isOpen: o, onClose: () => n(!1) })
   ] });
 }, zr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = S(), r = G(), { updateUser: s, user: i } = ee(), [l, c] = m.useState(i.birthday), _ = (h) => {
-    c(Math.floor(new Date(h).getTime() / 1e3));
+  const { finstrong: n } = x(), r = G(), { updateUser: s, user: i } = ee(), [l, c] = m.useState(i.birthday), d = (u) => {
+    c(Math.floor(new Date(u).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     oe,
@@ -2893,18 +2892,24 @@ const $o = ({ total: t }) => {
         co,
         {
           disableFuture: !0,
-          onChange: _,
+          onChange: d,
           slotProps: {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
+              }
+            },
+            switchViewButton: {
+              sx: {
+                color: "primary.main",
+                "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2916,7 +2921,7 @@ const $o = ({ total: t }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: se(r.palette.primary.light, 0.1) }
             }
           },
           value: l ? new Date(l * 1e3) : /* @__PURE__ */ new Date()
@@ -2924,15 +2929,16 @@ const $o = ({ total: t }) => {
       ) }) })
     }
   );
-}, Er = v(zr), Gr = ({ isOpen: t, onClose: o }) => {
+}, Er = w(zr), Gr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = Se(), {
     accounts: r,
     common: s,
-    finstrong: i
-  } = S(), { repeatingTransactions: l } = Ke(), { user: c } = ee(), _ = l.reduce((f, w) => {
-    const { repeating_transaction_type: x, transactions: D, recurrence_type: C, amount: g } = w;
-    return x === kt.Income && (D.length > 0 || C === wt.EveryYear) ? f + g : f;
-  }, 0), [d, h] = m.useState(null), y = [
+    finstrong: i,
+    recurring: l
+  } = x(), { repeatingTransactions: c } = Ke(), { user: d } = ee(), _ = c.reduce((v, f) => {
+    const { repeating_transaction_type: D, transactions: C, recurrence_type: g, amount: b } = f;
+    return D === kt.Income && (C.length > 0 || g === wt.EveryYear) ? v + b : v;
+  }, 0), [u, h] = m.useState(null), S = [
     {
       dynamicCopy: i.add_profile_item,
       fallbackLabel: i.monthly_income,
@@ -2947,7 +2953,7 @@ const $o = ({ total: t }) => {
       icon: /* @__PURE__ */ e(un, {}),
       key: ne.DateOfBirth,
       label: i.date_of_birth,
-      value: c.birthday
+      value: d.birthday
     },
     {
       dynamicCopy: i.add_profile_item,
@@ -2955,7 +2961,7 @@ const $o = ({ total: t }) => {
       icon: /* @__PURE__ */ e(Ge, {}),
       key: ne.CreditScore,
       label: i.credit_score,
-      value: c.credit_score
+      value: d.credit_score
     },
     {
       fallbackLabel: i.connect_your_accounts,
@@ -2968,7 +2974,7 @@ const $o = ({ total: t }) => {
         n.length > 1 ? i.accounts : i.account
       ) : void 0
     }
-  ].map((f) => Dn(f));
+  ].map((v) => Dn(v));
   return /* @__PURE__ */ a(oe, { isOpen: t, onClose: o, title: i.financial_profile, children: [
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 20, p: 24 }, children: [
@@ -2980,11 +2986,11 @@ const $o = ({ total: t }) => {
           Wt,
           {
             completeCopy: i.complete,
-            value: y.reduce((f, w) => f + (w.isComplete ? 1 : 0), 0)
+            value: S.reduce((v, f) => v + (f.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(In, { list: y, onClickItem: h }),
+      /* @__PURE__ */ e(In, { list: S, onClickItem: h }),
       /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
         Be,
         {
@@ -2999,24 +3005,25 @@ const $o = ({ total: t }) => {
     /* @__PURE__ */ e(
       oe,
       {
-        isOpen: d === ne.MonthlyIncome,
+        isOpen: u === ne.MonthlyIncome,
         onClose: () => h(null),
-        title: s.settings,
+        shouldShowHeaderBorders: !1,
+        title: l.action_title,
         children: /* @__PURE__ */ e(lo, {})
       }
     ),
-    /* @__PURE__ */ e(Er, { isOpen: d === ne.DateOfBirth, onClose: () => h(null) }),
-    /* @__PURE__ */ e(Rt, { isOpen: d === ne.CreditScore, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Er, { isOpen: u === ne.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Rt, { isOpen: u === ne.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
       ft,
       {
         onClose: () => h(null),
-        showConnectionsWidget: d === ne.Connections,
+        showConnectionsWidget: u === ne.Connections,
         title: r.manage_connections
       }
     )
   ] });
-}, Hr = v(Gr), st = ({
+}, Hr = w(Gr), st = ({
   content: t,
   islast: o = !1
 }) => /* @__PURE__ */ a(uo, { sx: { minHeight: 0 }, children: [
@@ -3026,18 +3033,18 @@ const $o = ({ total: t }) => {
   ] }),
   /* @__PURE__ */ e(yo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), Nr = ({ report: t }) => {
-  const { finstrong: o } = S(), { score_history_drawer_timeline: n } = o, {
+  const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
     newer_credit_score: s,
     older_credit_score: i,
     older_spend_to_income_ratio: l,
     newer_spend_to_income_ratio: c,
-    older_health_score: _,
-    newer_health_score: d,
-    newer_score_calculated_at: h
-  } = t, u = _o(new Date(h), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? j(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
+    older_health_score: d,
+    newer_health_score: _,
+    newer_score_calculated_at: u
+  } = t, h = _o(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", S = () => r === 0 ? j(n.stayed_at, d) : r > 0 ? n.less_spending : n.more_spending, v = () => {
     if (r === 0) return null;
-    const x = r > 0 ? n.up_from : n.down_from, D = j(x, _, d);
+    const f = r > 0 ? n.up_from : n.down_from, D = j(f, d, _);
     return /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(
         rn,
@@ -3081,11 +3088,11 @@ const $o = ({ total: t }) => {
                 }
               ),
               /* @__PURE__ */ a(p, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: S() }),
                 /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-                  u,
+                  h,
                   " ",
-                  w()
+                  v()
                 ] })
               ] })
             ]
@@ -3130,10 +3137,10 @@ const $o = ({ total: t }) => {
       }
     ) })
   ] });
-}, jr = v(Nr), Kr = ({ isOpen: t, onClose: o }) => {
-  const n = G(), { finstrong: r } = S(), { isCopyLoaded: s, isInitialized: i } = U(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: _, peerScore: d } = F();
+}, jr = w(Nr), Kr = ({ isOpen: t, onClose: o }) => {
+  const n = G(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = U(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: _ } = L();
   if (!s || !i) return /* @__PURE__ */ e(te, {});
-  const h = He(c.health_score || 0, r), u = _.slice().reverse();
+  const u = He(c.health_score || 0, r), h = d.slice().reverse();
   return /* @__PURE__ */ e(
     Ft,
     {
@@ -3149,7 +3156,7 @@ const $o = ({ total: t }) => {
           isGraphClippingXAxis: !0,
           labels: [r.key_indicators_label],
           margin: { top: 24, bottom: 6, right: 24, left: -17 },
-          peerAverage: Math.round(d?.average_health_score?.average_health_score || 0),
+          peerAverage: Math.round(_?.average_health_score?.average_health_score || 0),
           showArea: !0,
           showAverage: !0,
           title: r.peer_average,
@@ -3182,16 +3189,16 @@ const $o = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
-              /* @__PURE__ */ e(M, { variant: "h3", children: h.status }),
-              /* @__PURE__ */ e(M, { variant: "XSmall", children: h.description })
+              /* @__PURE__ */ e(M, { variant: "h3", children: u.status }),
+              /* @__PURE__ */ e(M, { variant: "XSmall", children: u.description })
             ] })
           ] })
         }
       ),
-      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((y, f) => /* @__PURE__ */ e(jr, { report: y }, f)) })
+      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: h.map((y, S) => /* @__PURE__ */ e(jr, { report: y }, S)) })
     }
   );
-}, Vr = v(Kr), Xr = ({ copy: t }) => {
+}, Vr = w(Kr), Xr = ({ copy: t }) => {
   const o = G(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
@@ -3252,7 +3259,7 @@ const $o = ({ total: t }) => {
     ] })
   ] });
 }, Yr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = S(), { isCopyLoaded: r } = U();
+  const { finstrong: n } = x(), { isCopyLoaded: r } = U();
   return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ a(p, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ a(p, { sx: { gap: 8 }, children: [
@@ -3283,15 +3290,15 @@ const $o = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              be,
+            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              fe,
               {
                 primary: n.understand_your_habits,
                 secondary: n.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              be,
+            /* @__PURE__ */ e(be, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              fe,
               {
                 primary: n.see_whats_possible,
                 secondary: n.see_whats_possible_description
@@ -3324,15 +3331,15 @@ const $o = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(fe, { secondary: n.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(be, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(fe, { secondary: n.we_ask_questions_description_2 }) })
           ]
         }
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(te, {});
-}, qr = v(Yr), Ur = v(() => {
-  const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = St(), { finstrong: i } = S(), { isCopyLoaded: l, isInitialized: c } = U(), { healthScore: _, healthScoreChange: d } = F(), h = n.palette.mode === "dark", u = He(_?.health_score, i);
+}, qr = w(Yr), Ur = w(() => {
+  const [t, o] = m.useState(!1), n = G(), [r, { width: s }] = St(), { finstrong: i } = x(), { isCopyLoaded: l, isInitialized: c } = U(), { healthScore: d, healthScoreChange: _ } = L(), u = n.palette.mode === "dark", h = He(d?.health_score, i);
   return !l || !c ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e(
       vo,
@@ -3365,17 +3372,17 @@ const $o = ({ total: t }) => {
       Ot,
       {
         arcRadius: s <= 323 ? 72.5 : 154,
-        footerCenterContent: d,
-        healthScore: _?.health_score || 0,
+        footerCenterContent: _,
+        healthScore: d?.health_score || 0,
         size: s <= 323 ? "M" : "L"
       }
     ) }),
-    _?.health_score ? /* @__PURE__ */ a(
+    d?.health_score ? /* @__PURE__ */ a(
       xo,
       {
         sx: {
           px: 16,
-          backgroundColor: h ? "grey.800" : "grey.50",
+          backgroundColor: u ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           "&.Mui-expanded": {
             m: 0
@@ -3399,7 +3406,7 @@ const $o = ({ total: t }) => {
               children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: i.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(So, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: u.scoreContent }) })
+          /* @__PURE__ */ e(So, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(M, { variant: "subtitle1", children: h.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
@@ -3411,7 +3418,7 @@ const $o = ({ total: t }) => {
         hasIcon: !1,
         isDashboard: !0,
         sx: {
-          backgroundColor: h ? "grey.800" : "grey.50",
+          backgroundColor: u ? "grey.800" : "grey.50",
           //TODO: Need to change the background color to palette (supporting both darkmode and lightmode)
           ".connect-more-accounts-title": {
             fontWeight: 600,
@@ -3432,29 +3439,29 @@ const $o = ({ total: t }) => {
     )
   ] });
 }), Qr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Rn(), { reloadCategoryTotals: _ } = je(), d = F(), {
-    augmentedChartData: h,
-    calculateHealthScore: u,
+  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Rn(), { reloadCategoryTotals: d } = je(), _ = L(), {
+    augmentedChartData: u,
+    calculateHealthScore: h,
     healthScore: y,
-    loadAugmentedChartData: f,
-    loadMonthlySummaries: w,
-    loadPeerScore: x,
+    loadAugmentedChartData: S,
+    loadMonthlySummaries: v,
+    loadPeerScore: f,
     peerScore: D
-  } = d, { finstrong: C, connect: g } = S(), { isCopyLoaded: b, isInitialized: L } = U(), { loadRepeatingTransactions: B } = Ke(), { isSmallMobile: Y } = Ye(), T = G(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [X, _e] = m.useState(!1), [H, he] = m.useState(!1);
+  } = _, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: R } = U(), { loadRepeatingTransactions: B } = Ke(), { isSmallMobile: Y } = Ye(), T = G(), { userProfile: $ } = ee(), [z, _e] = m.useState(!1), [ve, Q] = m.useState(!1), [X, he] = m.useState(!1), [H, ue] = m.useState(!1);
   if (wo({
     widgetName: "FinstrongWidget",
     isLoaded: z
   }), m.useEffect(() => {
     c(T);
   }, []), m.useEffect(() => {
-    n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
-  }, [n, d]), m.useEffect(() => {
-    L && (w().finally(), x().finally(), u().finally(), f().finally());
-  }, [L]), m.useEffect(() => {
-    L && (_(r, s.start, s.end).finally(() => {
-      pe(!0);
+    n && (_.handleFinstrongWidgetPrimaryCtaClick = n);
+  }, [n, _]), m.useEffect(() => {
+    R && (v().finally(), f().finally(), h().finally(), S().finally());
+  }, [R]), m.useEffect(() => {
+    R && (d(r, s.start, s.end).finally(() => {
+      _e(!0);
     }), i || (l(), B().finally()));
-  }, [s, i, L, r]), !b || !L || !z) return /* @__PURE__ */ e(te, {});
+  }, [s, i, R, r]), !b || !R || !z) return /* @__PURE__ */ e(te, {});
   const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
   return /* @__PURE__ */ a(
     ko,
@@ -3506,7 +3513,7 @@ const $o = ({ total: t }) => {
                         P,
                         {
                           endIcon: /* @__PURE__ */ e(J, {}),
-                          onClick: () => _e(!0),
+                          onClick: () => he(!0),
                           size: "small",
                           variant: "text",
                           children: /* @__PURE__ */ e(I, { bold: !0, sx: { flexShrink: 0 }, variant: "body2", children: C.whats_changed })
@@ -3515,7 +3522,7 @@ const $o = ({ total: t }) => {
                     ]
                   }
                 ),
-                h.length ? /* @__PURE__ */ e(
+                u.length ? /* @__PURE__ */ e(
                   Ve,
                   {
                     axisColor: T.palette.divider,
@@ -3525,7 +3532,7 @@ const $o = ({ total: t }) => {
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
                     customLegendVariant: "XSmall",
-                    datasets: [h],
+                    datasets: [u],
                     height: 300,
                     isGraphClippingXAxis: !0,
                     labelBackgroundColor: T.palette.border.dark,
@@ -3543,7 +3550,7 @@ const $o = ({ total: t }) => {
                     useCustomMark: !0,
                     xAxisScaleType: "band"
                   }
-                ) : /* @__PURE__ */ e(Ir, { onClick: () => he(!0) }),
+                ) : /* @__PURE__ */ e(Ir, { onClick: () => ue(!0) }),
                 y.health_score !== null && /* @__PURE__ */ e(Mr, {})
               ] }) })
             ]
@@ -3553,7 +3560,7 @@ const $o = ({ total: t }) => {
         /* @__PURE__ */ e(
           re,
           {
-            onClose: () => he(!1),
+            onClose: () => ue(!1),
             showConnectWidget: H,
             title: g.mini_title
           }
@@ -3562,13 +3569,13 @@ const $o = ({ total: t }) => {
           Vr,
           {
             isOpen: X,
-            onClose: () => _e(!1)
+            onClose: () => he(!1)
           }
         )
       ]
     }
   );
-}, mi = v(Qr);
+}, mi = w(Qr);
 export {
   Do as CreditScoreGraph,
   Tt as DialScoreCard,