npm - @mx-cartographer/experiences - Versions diffs - 7.7.2 → 7.7.3 - Mend

@mx-cartographer/experiences 7.7.2 → 7.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/CHANGELOG.md +4 -0
package/dist/finstrong/index.es.js +652 -598
package/package.json +1 -1

package/dist/finstrong/index.es.js CHANGED Viewed

@@ -1,76 +1,76 @@
 import { jsxs as i, Fragment as N, jsx as e } from "react/jsx-runtime";
 import M from "@mui/material/Box";
 import p from "@mui/material/Stack";
-import { useTheme as E, alpha as se } from "@mui/material/styles";
-import { PieChart as en } from "@mui/x-charts/PieChart";
-import { P as D, H3 as X, Text as I, InstitutionLogo as st, H2 as Le, MerchantLogo as tn, Icon as nn } from "@mxenabled/mxui";
-import { TrendingUp as on, ArrowRightAlt as rn, TrendingDown as an, AccountBalance as ct, ChevronRight as J, CheckCircle as sn, Cancel as cn, CreditCard as lt, Savings as ln, ContentCopy as dn, MultilineChart as pn, Add as dt, Cardiology as _n, Payments as un, CalendarMonth as hn, ExpandMore as mn } from "@mxenabled/mx-icons";
-import { g as gn, a as yn, r as Ze, b as bn, c as Ge, d as pt, C as ke, e as Me, f as fn, h as xn, i as Sn, j as _t, k as Je, l as Cn, m as et, n as vn, o as ut, p as wn, q as ht, s as Oe, t as mt, u as kn, v as gt, w as Mn, A as ne, x as Dn, P as In } from "../FinstrongStore-bEn_im_e.mjs";
-import { y as gi, F as yi } from "../FinstrongStore-bEn_im_e.mjs";
+import { useTheme as z, alpha as se } from "@mui/material/styles";
+import { PieChart as nn } from "@mui/x-charts/PieChart";
+import { P as D, H3 as X, Text as I, InstitutionLogo as lt, H2 as Fe, MerchantLogo as on, Icon as rn } from "@mxenabled/mxui";
+import { TrendingUp as an, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as dt, ChevronRight as J, CheckCircle as ln, Cancel as dn, CreditCard as pt, Savings as pn, ContentCopy as _n, MultilineChart as un, Add as _t, Cardiology as hn, Payments as mn, CalendarMonth as gn, ExpandMore as yn } from "@mxenabled/mx-icons";
+import { g as bn, a as fn, r as Ze, b as xn, c as Ge, d as ut, C as ke, e as Me, f as Sn, h as Cn, i as vn, j as ht, k as Je, l as wn, m as et, n as kn, o as mt, p as Mn, q as gt, s as Oe, t as yt, u as Dn, v as bt, w as In, A as ne, x as Tn, P as An } from "../FinstrongStore-bEn_im_e.mjs";
+import { y as xi, F as Si } from "../FinstrongStore-bEn_im_e.mjs";
 import * as tt from "d3";
-import { observer as v } from "mobx-react-lite";
-import { u as x, b as U, a as He, o as ee, z as F, p as An, d as Se, m as Ne, f as Tn, j as je, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
+import { observer as k } from "mobx-react-lite";
+import { u as S, b as U, a as He, o as ee, z as B, p as On, d as Se, m as Ne, f as Rn, j as je, h as Ln, i as Fn } from "../hooks-ZMp65DFz.mjs";
 import { L as Q } from "../Loader-DUaFpDGv.mjs";
-import m from "react";
-import B from "@mui/material/Button";
+import m, { useState as Bn, useRef as Pn, useCallback as nt, useEffect as ot } from "react";
+import P from "@mui/material/Button";
 import Y from "@mui/material/Card";
 import { L as Ke } from "../LineChart-kFoTu9Pi.mjs";
-import { C as yt } from "../ConnectionsDrawer-BqR6FWJO.mjs";
-import { l as re, g as bt, A as ze } from "../ConnectDrawer-BOjfI6rz.mjs";
+import { C as ft } from "../ConnectionsDrawer-BqR6FWJO.mjs";
+import { l as re, g as xt, A as Ee } from "../ConnectDrawer-BOjfI6rz.mjs";
 import ce from "@mui/material/Tab";
 import Ve from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
 import { u as Xe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { a as Fn, f as Ln, D as Bn } from "../Dialog-B4PI-_bL.mjs";
-import { u as ft } from "../useDimensions-27p2evRx.mjs";
-import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
-import Pn from "@mui/material/Chip";
+import { a as Wn, f as $n, D as En } from "../Dialog-B4PI-_bL.mjs";
+import { u as St } from "../useDimensions-27p2evRx.mjs";
+import { E as Le } from "../EmptyState-DoxNUae-.mjs";
+import zn from "@mui/material/Chip";
 import { D as oe } from "../Drawer-DV4NTsFg.mjs";
 import de from "@mui/material/Divider";
 import be from "@mui/material/ListItem";
-import xt from "@mui/material/ListItemAvatar";
+import Ct from "@mui/material/ListItemAvatar";
 import fe from "@mui/material/ListItemText";
-import { g as St } from "../AccountFields-yP8QdgPd.mjs";
-import Ee from "@mui/material/List";
-import Wn from "@mui/material/ListItemButton";
-import $n from "@mui/material/ListSubheader";
-import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
+import { g as vt } from "../AccountFields-yP8QdgPd.mjs";
+import ze from "@mui/material/List";
+import Gn from "@mui/material/ListItemButton";
+import Hn from "@mui/material/ListSubheader";
+import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
 import { b as V } from "../Localization-2MODESHW.mjs";
-import { S as nt, F as Ct, e as zn, R as vt } from "../RecurringTransactions-Bf4lX0Cn.mjs";
-import { S as En } from "../StatusBar-BK_uYHAB.mjs";
-import { h as wt } from "../DateUtil-D7U-nc1Y.mjs";
-import { T as Gn, s as Hn, h as Nn, S as jn, b as Kn } from "../TransactionDetails-7MHOshKQ.mjs";
+import { S as rt, F as wt, e as Nn, R as kt } from "../RecurringTransactions-Bf4lX0Cn.mjs";
+import { S as jn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as Mt } from "../DateUtil-D7U-nc1Y.mjs";
+import { T as Kn, s as Vn, h as Xn, S as Yn, b as qn } from "../TransactionDetails-7MHOshKQ.mjs";
 import { T as le } from "../TabContentContainer-j01JYR_7.mjs";
-import Vn from "@mui/material/useMediaQuery";
-import { BarPlot as Xn } from "@mui/x-charts/BarChart";
-import { ChartContainer as Yn } from "@mui/x-charts/ChartContainer";
-import { ChartsXAxis as qn } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Un } from "@mui/x-charts/ChartsYAxis";
-import { startOfMonth as kt } from "date-fns/startOfMonth";
-import { endOfMonth as Mt } from "date-fns/endOfMonth";
-import { g as Qn, S as Zn, b as Jn } from "../SpendingLegend-gTCJLLkV.mjs";
-import { formatISO as eo } from "date-fns/formatISO";
-import { fromUnixTime as to } from "date-fns/fromUnixTime";
-import { startOfToday as ot } from "date-fns/startOfToday";
-import { subDays as no } from "date-fns/subDays";
-import { c as oo, d as rt, S as ro, i as ao } from "../ManageIncome-BrTrlplL.mjs";
-import { LocalizationProvider as io, DatePicker as so, StaticDatePicker as co } from "@mui/x-date-pickers";
-import { AdapterDateFns as Dt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as lo } from "../RecurringSettings-D2V6l77l.mjs";
-import { LocalizationProvider as po } from "@mui/x-date-pickers/LocalizationProvider";
-import { format as _o } from "date-fns/format";
-import uo from "@mui/lab/Timeline";
-import ho, { timelineItemClasses as mo } from "@mui/lab/TimelineItem";
-import go from "@mui/lab/TimelineConnector";
-import yo from "@mui/lab/TimelineContent";
-import bo from "@mui/lab/TimelineDot";
-import fo from "@mui/lab/TimelineSeparator";
-import xo from "@mui/material/Accordion";
-import So from "@mui/material/AccordionDetails";
-import Co from "@mui/material/AccordionSummary";
-import { u as vo } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { W as wo } from "../WidgetContainer-CrK6tyHr.mjs";
-const ko = ({
+import Un from "@mui/material/useMediaQuery";
+import { BarPlot as Qn } from "@mui/x-charts/BarChart";
+import { ChartContainer as Zn } from "@mui/x-charts/ChartContainer";
+import { ChartsXAxis as Jn } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as eo } from "@mui/x-charts/ChartsYAxis";
+import { startOfMonth as Dt } from "date-fns/startOfMonth";
+import { endOfMonth as It } from "date-fns/endOfMonth";
+import { g as to, S as no, b as oo } from "../SpendingLegend-gTCJLLkV.mjs";
+import { formatISO as ro } from "date-fns/formatISO";
+import { fromUnixTime as ao } from "date-fns/fromUnixTime";
+import { startOfToday as at } from "date-fns/startOfToday";
+import { subDays as io } from "date-fns/subDays";
+import { c as so, d as it, S as co, i as lo } from "../ManageIncome-BrTrlplL.mjs";
+import { LocalizationProvider as po, DatePicker as _o, StaticDatePicker as uo } from "@mui/x-date-pickers";
+import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as ho } from "../RecurringSettings-D2V6l77l.mjs";
+import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
+import { format as go } from "date-fns/format";
+import yo from "@mui/lab/Timeline";
+import bo, { timelineItemClasses as fo } from "@mui/lab/TimelineItem";
+import xo from "@mui/lab/TimelineConnector";
+import So from "@mui/lab/TimelineContent";
+import Co from "@mui/lab/TimelineDot";
+import vo from "@mui/lab/TimelineSeparator";
+import wo from "@mui/material/Accordion";
+import ko from "@mui/material/AccordionDetails";
+import Mo from "@mui/material/AccordionSummary";
+import { u as Do } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { W as Io } from "../WidgetContainer-CrK6tyHr.mjs";
+const To = ({
   dialScoreData: t,
   dataIndex: o,
   arcColor: n,
@@ -85,32 +85,32 @@ const ko = ({
   unitsPerSegment: u,
   isFinacialStrengthGraph: b
 }) => {
-  const S = E(), C = [
-    { 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, w] = gn(
+  const v = z(), C = [
+    { offset: "13.62%", color: v.palette.chartMono.chartMono2 },
+    { offset: "36.67%", color: v.palette.chartMono.chartMono3 },
+    { offset: "59.72%", color: v.palette.chartMono.chartMono4 },
+    { offset: "83.46%", color: v.palette.chartMono.chartMono5 }
+  ], [f, x] = bn(
     t,
     s,
     r,
     o
-  ), [k, g] = yn(
+  ), [w, g] = fn(
     f,
-    w,
+    x,
     o,
     u,
     h
-  ), y = tt.arc().innerRadius(d).outerRadius(_).startAngle(f).endAngle(w).padAngle(0.02).cornerRadius(8), $ = tt.arc().innerRadius(d).outerRadius(_).startAngle(k).endAngle(g).padAngle(0.02).cornerRadius(8);
+  ), y = tt.arc().innerRadius(d).outerRadius(_).startAngle(f).endAngle(x).padAngle(0.02).cornerRadius(8), A = tt.arc().innerRadius(d).outerRadius(_).startAngle(w).endAngle(g).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(
       "path",
       {
         d: y({}),
-        fill: b ? S.palette.divider : n
+        fill: b ? v.palette.divider : n
       }
     ),
-    b && /* @__PURE__ */ e("path", { d: $({}), fill: "url(#arcGradient)" }),
+    b && /* @__PURE__ */ e("path", { d: A({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -125,7 +125,7 @@ const ko = ({
       }
     ) })
   ] });
-}, It = ({
+}, At = ({
   arcRadius: t = 100,
   healthScore: o,
   size: n = "L",
@@ -140,7 +140,7 @@ const ko = ({
   footerRightContent: u,
   isFinacialStrengthGraph: b = !1
 }) => {
-  const S = E(), C = -Math.PI / 1.35, f = Math.PI / 1.35, w = f - C, k = w / (a - s), g = (o - s) * k, y = C + g + 0.02, $ = n !== "SM" ? 0.1 : 0.12, L = t, T = t * (1 - $), P = L * 2, z = P / 2, G = P / 2, _e = (T + L) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = bn(_e, y, ue), ve = o / 25, H = {
+  const v = z(), C = -Math.PI / 1.35, f = Math.PI / 1.35, x = f - C, w = x / (a - s), g = (o - s) * w, y = C + g + 0.02, A = n !== "SM" ? 0.1 : 0.12, L = t, T = t * (1 - A), W = L * 2, E = W / 2, G = W / 2, _e = (T + L) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = xn(_e, y, ue), ve = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -150,22 +150,22 @@ const ko = ({
     bottom: 0,
     left: 0,
     ...l
-  }, K = _ === 0 ? rn : an, ae = n !== "SM" ? 3 : 1, he = ae * 4, me = H[n].markerSize * 2 + he;
+  }, K = _ === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, he = ae * 4, me = H[n].markerSize * 2 + he;
   return /* @__PURE__ */ i(
     p,
     {
       sx: {
-        width: P,
-        height: n === "SM" ? P - 7 : P,
+        width: W,
+        height: n === "SM" ? W - 7 : W,
         position: "relative",
         alignSelf: "center",
         overflow: "visible"
       },
       children: [
         /* @__PURE__ */ e(
-          en,
+          nn,
           {
-            height: n === "SM" ? P - 7 : P,
+            height: n === "SM" ? W - 7 : W,
             hideLegend: !0,
             margin: we,
             series: [
@@ -182,12 +182,12 @@ const ko = ({
             skipAnimation: !0,
             slots: {
               pieArc: (q) => /* @__PURE__ */ e(
-                ko,
+                To,
                 {
                   arcColor: q.color,
                   arcRadius: t,
                   arcStartAngle: C,
-                  centerX: z,
+                  centerX: E,
                   centerY: G,
                   dataIndex: q.dataIndex,
                   dialScoreData: r,
@@ -195,7 +195,7 @@ const ko = ({
                   isFinacialStrengthGraph: b,
                   outterArcRadius: L,
                   progressEndAngle: y,
-                  totalAngularSpan: w,
+                  totalAngularSpan: x,
                   unitsPerSegment: ve
                 }
               )
@@ -205,7 +205,7 @@ const ko = ({
                 stroke: "none"
               }
             },
-            width: P
+            width: W
           }
         ),
         o >= s && o <= a && /* @__PURE__ */ e(
@@ -214,18 +214,18 @@ const ko = ({
             height: me,
             style: {
               position: "absolute",
-              left: z + te - H[n].markerSize - 5,
+              left: E + te - H[n].markerSize - 5,
               top: G + j - H[n].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${z + te - H[n].markerSize - 5} ${G + j - H[n].markerSize - 5} ${me} ${me}`,
+            viewBox: `${E + te - H[n].markerSize - 5} ${G + j - H[n].markerSize - 5} ${me} ${me}`,
             width: me,
             children: /* @__PURE__ */ e(
               "circle",
               {
-                cx: z + te,
+                cx: E + te,
                 cy: G + j,
-                fill: S.palette.common.white,
+                fill: v.palette.common.white,
                 r: H[n].markerSize,
                 stroke: b ? "url(#arcGradient)" : c,
                 strokeWidth: ae
@@ -239,7 +239,7 @@ const ko = ({
             sx: {
               position: "absolute",
               top: `${G}px`,
-              left: `${z}px`,
+              left: `${E}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -272,7 +272,7 @@ const ko = ({
             sx: {
               position: "absolute",
               top: `${G * 2 * 0.83}px`,
-              left: `${z}px`,
+              left: `${E}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -286,7 +286,7 @@ const ko = ({
                   mt: 24
                 },
                 children: [
-                  _ > 0 ? /* @__PURE__ */ e(on, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(K, { size: 16, sx: { color: "text.secondary" } }),
+                  _ > 0 ? /* @__PURE__ */ e(an, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(K, { size: 16, sx: { color: "text.secondary" } }),
                   /* @__PURE__ */ e(
                     D,
                     {
@@ -309,7 +309,7 @@ const ko = ({
             sx: {
               position: "absolute",
               top: `${G * 2 * 0.83}px`,
-              left: `${z - z / 2}px`,
+              left: `${E - E / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
@@ -323,7 +323,7 @@ const ko = ({
             sx: {
               position: "absolute",
               top: `${G * 2 * 0.83}px`,
-              left: `${z + z / 2}px`,
+              left: `${E + E / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
@@ -333,7 +333,7 @@ const ko = ({
       ]
     }
   );
-}, At = v(
+}, Ot = k(
   ({
     arcRadius: t,
     size: o = "L",
@@ -346,9 +346,9 @@ const ko = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: l } = x(), c = Ge(n, l);
+    ], { finstrong: l } = S(), c = Ge(n, l);
     return /* @__PURE__ */ e(
-      It,
+      At,
       {
         arcRadius: t,
         dialScoreData: a,
@@ -361,7 +361,7 @@ const ko = ({
       }
     );
   }
-), Mo = v(
+), Ao = k(
   ({
     arcRadius: t,
     size: o = "L",
@@ -370,7 +370,7 @@ const ko = ({
     minValue: s = 300,
     footerCenterContent: a
   }) => {
-    const c = E().palette.mode === "dark", d = [
+    const c = z().palette.mode === "dark", d = [
       {
         id: 1,
         label: "Poor",
@@ -401,15 +401,15 @@ const ko = ({
         value: 12,
         color: c ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
       }
-    ], { finstrong: _ } = x(), { isCopyLoaded: h } = U();
+    ], { finstrong: _ } = S(), { isCopyLoaded: h } = U();
     if (!h) return /* @__PURE__ */ e(Q, {});
-    const { status: u, color: b = "none" } = pt(
+    const { status: u, color: b = "none" } = ut(
       n,
       c,
       _.credit_score_status
     );
     return /* @__PURE__ */ e(
-      It,
+      At,
       {
         arcRadius: t,
         dialScoreData: d,
@@ -435,7 +435,7 @@ const ko = ({
   description: l,
   sx: c
 }) => {
-  const [d, _] = m.useState(!1), { connect: h, finstrong: u } = x(), { config: b } = He();
+  const [d, _] = m.useState(!1), { connect: h, finstrong: u } = S(), { config: b } = He();
   return t && b.show_connections_widget_in_master ? /* @__PURE__ */ i(
     Y,
     {
@@ -455,7 +455,7 @@ const ko = ({
               ...o && { flexDirection: "row", alignItems: "center" }
             },
             children: [
-              n && /* @__PURE__ */ e(ct, { sx: { height: 20, width: 20 } }),
+              n && /* @__PURE__ */ e(dt, { sx: { height: 20, width: 20 } }),
               /* @__PURE__ */ e(X, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || u.connect_more_accounts_title })
             ]
           }
@@ -470,7 +470,7 @@ const ko = ({
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          P,
           {
             endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => _(!0),
@@ -488,7 +488,7 @@ const ko = ({
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          yt,
+          ft,
           {
             onClose: () => _(!1),
             showConnectionsWidget: d,
@@ -500,14 +500,14 @@ const ko = ({
   ) : null;
 };
 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 Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Io = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = Xe(), { updateUser: a, user: l } = ee(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), h = () => {
+const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Ro = ({ isOpen: t, onClose: o }) => {
+  const { common: n, finstrong: r } = S(), { isMobile: s } = Xe(), { updateUser: a, user: l } = ee(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), h = () => {
     o(), setTimeout(() => d(l.credit_score || 0), 300);
   }, u = () => {
     !c || c === l.credit_score || a({ ...l, credit_score: c });
   };
   return /* @__PURE__ */ e(
-    Fn,
+    Wn,
     {
       copy: { close_aria: n.close_aria, title: r.edit_credit_score },
       disablePrimaryButton: !c || !_,
@@ -546,8 +546,8 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     }
   );
-}, Tt = v(Io), Ao = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = ee(), { finstrong: a } = x(), [l, { width: c }] = ft(), d = {
+}, Rt = k(Ro), Lo = ({ chartFor: t }) => {
+  const o = z(), n = o.palette.mode === "dark", { monthlySummaries: r } = B(), { user: s } = ee(), { finstrong: a } = S(), [l, { width: c }] = St(), d = {
     savingsOverTime: {
       icon: "trending_up",
       title: a.key_indicators_save.zero_state_title,
@@ -576,15 +576,15 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: a.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], u = fn(r, h.valueKey), b = r.map((T) => T[h.valueKey]), S = Math.max(...b), C = Math.min(...b), f = () => S >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : S >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: w, leftMargin: k } = f(), g = h.title, y = t === "creditOverTime";
-  let $;
+  }[t], u = Sn(r, h.valueKey), b = r.map((T) => T[h.valueKey]), v = Math.max(...b), C = Math.min(...b), f = () => v >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : v >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: x, leftMargin: w } = f(), g = h.title, y = t === "creditOverTime";
+  let A;
   if (y) {
-    const { color: T } = pt(
+    const { color: T } = ut(
       s?.credit_score ?? 0,
       n,
       a.credit_score_status
     );
-    $ = T;
+    A = T;
   }
   const L = u.some((T) => T.y !== 0);
   return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: L ? /* @__PURE__ */ i(p, { gap: 8, sx: { pl: 18 }, children: [
@@ -592,7 +592,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(
       Ke,
       {
-        areaColor: $,
+        areaColor: A,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
@@ -603,7 +603,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         labelFontColor: y ? "text.primary" : "",
         labelFontSize: y ? 13 : void 0,
         labels: [a.key_indicators_label],
-        margin: { left: k, top: y ? 25 : 15, right: 20 },
+        margin: { left: w, top: y ? 25 : 15, right: 20 },
         markStyles: (T) => y ? {
           markLabelStyles: {
             marginLeft: 16,
@@ -611,7 +611,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
             fontWeight: 600,
             fill: o.palette.text.primary
           },
-          stroke: $
+          stroke: A
         } : {},
         maxRange: y ? 850 : void 0,
         minRange: (() => {
@@ -626,12 +626,12 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         showYAxis: y,
         showYAxisTicks: y,
         useCustomMark: !0,
-        valueFormatterString: y ? void 0 : w,
+        valueFormatterString: y ? void 0 : x,
         width: c < 342 ? c - 48 : 342
       }
     )
   ] }) : /* @__PURE__ */ e(
-    Fe,
+    Le,
     {
       header: d.title,
       icon: d.icon,
@@ -651,12 +651,12 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       variant: "no-buttons"
     }
   ) });
-}, Ye = v(Ao), To = () => {
-  const { healthScoreChangeReports: t } = F(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = Xe(r), [a, l] = m.useState(!1), c = t.at(-1);
+}, Ye = k(Lo), Fo = () => {
+  const { healthScoreChangeReports: t } = B(), { finstrong: o } = S(), { user: n } = ee(), { availableWidth: r } = On(), { isSmallMobile: s } = Xe(r), [a, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ i(M, { children: [
     /* @__PURE__ */ i(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
-        Mo,
+        Ao,
         {
           arcRadius: s ? 124 : 154,
           footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
@@ -664,20 +664,20 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(P, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
     ] }),
-    /* @__PURE__ */ e(Tt, { isOpen: a, onClose: () => l(!1) })
+    /* @__PURE__ */ e(Rt, { isOpen: a, onClose: () => l(!1) })
   ] });
-}, Oo = v(To), Pe = ({ status: t }) => {
-  const { finstrong: o } = x(), n = xn(Sn[t]), r = {
+}, Bo = k(Fo), Pe = ({ status: t }) => {
+  const { finstrong: o } = S(), n = Cn(vn[t]), r = {
     GOOD: o.key_indicators_good,
     FAIR: o.key_indicators_fair,
     OFF_TRACK: o.key_indicators_off_track,
     MISSING: o.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    Pn,
+    zn,
     {
       label: /* @__PURE__ */ e(
         D,
@@ -697,13 +697,13 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       variant: "filled"
     }
   );
-}, Ro = () => {
-  const { finstrong: t } = x(), { user: o } = ee(), n = _t(o.credit_score ?? null);
+}, Po = () => {
+  const { finstrong: t } = S(), { user: o } = ee(), n = ht(o.credit_score ?? null);
   return /* @__PURE__ */ i(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(X, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e(Pe, { status: n })
   ] });
-}, Fo = v(Ro), Lo = ({
+}, Wo = k(Po), $o = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
@@ -717,55 +717,90 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   title: h,
   drawerType: u
 }) => {
-  const { finstrong: b } = x(), { isCopyLoaded: S } = U();
-  return S ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: d, title: a || b.key_indicators, children: /* @__PURE__ */ i(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    (h || s) && /* @__PURE__ */ i(
-      p,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          gap: 8,
-          p: 24,
-          pb: _ ? 0 : 24
-        },
-        children: [
-          h && typeof h == "string" ? /* @__PURE__ */ e(X, { children: h }) : h,
-          s && /* @__PURE__ */ e(D, { sx: { lineHeight: "24px" }, children: s })
-        ]
-      }
-    ),
-    _ && /* @__PURE__ */ e(
-      M,
-      {
-        sx: {
-          position: "sticky",
-          top: 0,
-          zIndex: 1
-        },
-        children: _
-      }
-    ),
-    t && /* @__PURE__ */ e(M, { children: t }),
-    /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
-      r,
-      c && /* @__PURE__ */ e(
-        Be,
-        {
-          description: n,
-          drawerType: u,
-          isDashboard: !0,
-          sx: { backgroundColor: "background.paper" },
-          title: o
+  const { finstrong: b } = S(), { isCopyLoaded: v } = U(), [C, f] = Bn(!1), x = Pn(null), w = nt(() => {
+    if (x.current) {
+      const y = x.current.scrollTop > 0;
+      f((A) => A !== y ? y : A);
+    }
+  }, []), g = nt(
+    (y) => {
+      if (x.current && x.current.removeEventListener("scroll", w), y) {
+        let A = y.parentElement;
+        for (; A; ) {
+          const { overflow: L, overflowY: T } = window.getComputedStyle(A);
+          if (L === "auto" || T === "auto" || L === "scroll" || T === "scroll") {
+            x.current = A, A.addEventListener("scroll", w, { passive: !0 });
+            break;
+          }
+          A = A.parentElement;
         }
-      )
-    ] })
-  ] }) }) : /* @__PURE__ */ e(Q, {});
-}, Ot = v(Lo), Bo = ({
+      }
+    },
+    [w]
+  );
+  return ot(() => {
+    l || f(!1);
+  }, [l]), ot(() => () => {
+    x.current && x.current.removeEventListener("scroll", w);
+  }, [w]), v ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: d, title: a || b.key_indicators, children: /* @__PURE__ */ i(
+    p,
+    {
+      ref: g,
+      sx: { backgroundColor: "background.default", height: "100%" },
+      children: [
+        (h || s) && /* @__PURE__ */ i(
+          p,
+          {
+            sx: {
+              backgroundColor: "background.paper",
+              gap: 8,
+              p: 24,
+              pb: _ ? 0 : 24
+            },
+            children: [
+              h && typeof h == "string" ? /* @__PURE__ */ e(X, { children: h }) : h,
+              s && /* @__PURE__ */ e(D, { sx: { lineHeight: "24px" }, children: s })
+            ]
+          }
+        ),
+        _ && /* @__PURE__ */ e(
+          M,
+          {
+            sx: {
+              position: "sticky",
+              top: 0,
+              zIndex: 1,
+              "& > *": {
+                borderBottom: C ? "1px solid" : "none",
+                borderColor: C ? "divider" : "transparent"
+              }
+            },
+            children: _
+          }
+        ),
+        t && /* @__PURE__ */ e(M, { children: t }),
+        /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
+          r,
+          c && /* @__PURE__ */ e(
+            Be,
+            {
+              description: n,
+              drawerType: u,
+              isDashboard: !0,
+              sx: { backgroundColor: "background.paper" },
+              title: o
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) : /* @__PURE__ */ e(Q, {});
+}, Lt = k($o), Eo = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = He(), { accounts: s } = x(), { selectedAccounts: a } = U(), l = m.useCallback(
+  const { config: r } = He(), { accounts: s } = S(), { selectedAccounts: a } = U(), l = m.useCallback(
     (d) => {
       t?.(d);
     },
@@ -782,19 +817,19 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       { accountsForType: [], totalBalanceForType: 0 }
     );
     return /* @__PURE__ */ i(
-      Ee,
+      ze,
       {
-        subheader: /* @__PURE__ */ e($n, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+        subheader: /* @__PURE__ */ e(Hn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: s.account_types[d] }),
-          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: W(h, "0,0.00") })
+          o && /* @__PURE__ */ e(I, { bold: !0, variant: "caption", children: $(h, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
           _.map((u, b) => {
-            const { firstValue: S } = St(u, s), C = bt(u, {
+            const { firstValue: v } = vt(u, s), C = xt(u, {
               allowNickname: r?.show_account_nicknames_in_master
             }), f = /* @__PURE__ */ i(N, { children: [
-              /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(st, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
+              /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: u.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 fe,
                 {
@@ -802,10 +837,10 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              o && /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: W(S ?? 0, "0,0.00") })
+              o && /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: $(v ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(m.Fragment, { children: [
-              /* @__PURE__ */ e(be, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Wn, { onClick: () => l(u), children: f }) : f }),
+              /* @__PURE__ */ e(be, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Gn, { onClick: () => l(u), children: f }) : f }),
               b !== _.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
             ] }, u.guid);
           }),
@@ -815,37 +850,37 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       d
     );
   }) }) : null;
-}, Rt = v(Bo), Po = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = E(), { config: r } = He(), { connect: s, finstrong: a } = x(), { accounts: l } = x(), { selectedAccounts: c } = U(), [d, _] = m.useState(!1), [h, u] = m.useState(!1), b = m.useMemo(
+}, Ft = k(Eo), zo = ({ loadAccounts: t, loadMoreLabel: o }) => {
+  const n = z(), { config: r } = He(), { connect: s, finstrong: a } = S(), { accounts: l } = S(), { selectedAccounts: c } = U(), [d, _] = m.useState(!1), [h, u] = m.useState(!1), b = m.useMemo(
     () => c.filter(
       (f) => t ? t.includes(f.account_type) : !0
     ),
     [c, t]
-  ), S = m.useMemo(() => b.slice(0, 3), [b]), C = (f) => {
-    const { firstValue: w } = St(f, l);
-    return w;
+  ), v = m.useMemo(() => b.slice(0, 3), [b]), C = (f) => {
+    const { firstValue: x } = vt(f, l);
+    return x;
   };
   return b.length >= 1 ? /* @__PURE__ */ i(N, { children: [
-    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((f, w) => /* @__PURE__ */ i(m.Fragment, { children: [
+    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: v.map((f, x) => /* @__PURE__ */ i(m.Fragment, { children: [
       /* @__PURE__ */ i(be, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(st, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
+        /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: f.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
           fe,
           {
-            primary: `${bt(f, {
+            primary: `${xt(f, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
               ${f.account_number ? ` *${f.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: W(C(f), "0,0.00") })
+        /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: $(C(f), "0,0.00") })
       ] }),
-      w < S.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
+      x < v.length - 1 && /* @__PURE__ */ e(de, { variant: "inset" })
     ] }, f.guid)) }),
     b.length > 3 && /* @__PURE__ */ i(N, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => _(!0),
@@ -858,11 +893,11 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(oe, { isOpen: d, onClose: () => _(!1), title: a.accounts, children: /* @__PURE__ */ e(Rt, { loadAccounts: t }) })
+      /* @__PURE__ */ e(oe, { isOpen: d, onClose: () => _(!1), title: a.accounts, children: /* @__PURE__ */ e(Ft, { loadAccounts: t }) })
     ] })
   ] }) : /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => u(!0),
         size: "small",
@@ -880,7 +915,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       }
     )
   ] });
-}, Ft = v(Po), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ i(
+}, Bt = k(zo), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ i(
   p,
   {
     sx: {
@@ -893,14 +928,14 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(D, { variant: "h2", children: W(t, "0,0.00") }) : t,
+      typeof t == "number" ? /* @__PURE__ */ e(D, { variant: "h2", children: $(t, "0,0.00") }) : t,
       /* @__PURE__ */ e(D, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
     ]
   }
 );
-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 || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), 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 Wo = ({ total: t }) => {
-  const { finstrong: o } = x(), n = [
+var R = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(R || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), 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 Go = ({ total: t }) => {
+  const { finstrong: o } = S(), 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 },
@@ -916,14 +951,14 @@ const Wo = ({ total: t }) => {
     { id: De.Days, label: o.maintain_emergency_savings_days }
   ], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, _] = m.useState(Je(t)), [h, u] = m.useState(
     Je(t)
-  ), [b, S] = m.useState(a), [C, f] = m.useState(Cn(t)), [w, k] = m.useState(De.Months);
+  ), [b, v] = m.useState(a), [C, f] = m.useState(wn(t)), [x, w] = m.useState(De.Months);
   m.useEffect(() => {
     c(
       et({
         contribution: h,
         goalAmount: b,
         goalPeriod: C,
-        targetPeriod: w,
+        targetPeriod: x,
         totalSaved: t
       })
     ), _(h);
@@ -934,7 +969,7 @@ const Wo = ({ total: t }) => {
         contribution: h,
         goalAmount: b,
         goalPeriod: C,
-        targetPeriod: w,
+        targetPeriod: x,
         totalSaved: t
       })
     ), _(h);
@@ -944,7 +979,7 @@ const Wo = ({ total: t }) => {
       Ce,
       {
         balance: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(I, { variant: "h2", children: W(l, "0,0") }),
+          /* @__PURE__ */ e(I, { variant: "h2", children: $(l, "0,0") }),
           /* @__PURE__ */ i(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             r[d]
@@ -959,7 +994,7 @@ const Wo = ({ total: t }) => {
         "aria-label": o.maintain_emergency_savings_savings_goal,
         helperText: V(
           o.maintain_emergency_savings_suggested_goal,
-          W(a, "0,0")
+          $(a, "0,0")
         ),
         inputProps: {
           noValidate: !0,
@@ -967,13 +1002,13 @@ const Wo = ({ total: t }) => {
         },
         label: o.maintain_emergency_savings_savings_goal,
         onChange: (y) => {
-          y.target.value && S(Number(y.target.value.replace(/[^0-9]/g, "")));
+          y.target.value && v(Number(y.target.value.replace(/[^0-9]/g, "")));
         },
-        value: b ? W(b, "0,0") : ""
+        value: b ? $(b, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
-      nt,
+      rt,
       {
         label: o.maintain_emergency_savings_how_often_contribute,
         onChange: u,
@@ -1020,14 +1055,14 @@ const Wo = ({ total: t }) => {
               }
             }
           },
-          children: /* @__PURE__ */ e(nt, { label: "", onChange: k, options: s, value: w })
+          children: /* @__PURE__ */ e(rt, { label: "", onChange: w, options: s, value: x })
         }
       )
     ] }),
-    /* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
-}, $o = v(Wo), zo = () => {
-  const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
+}, Ho = k(Go), No = () => {
+  const { savingsAccounts: t } = Se(), { finstrong: o } = S(), [n, r] = m.useState(!1), s = m.useMemo(
     () => t.reduce((a, l) => a + (l.balance ?? 0), 0),
     [t]
   );
@@ -1035,14 +1070,14 @@ const Wo = ({ total: t }) => {
     /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(p, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
-        Ft,
+        Bt,
         {
-          loadAccounts: [ze.SAVINGS],
+          loadAccounts: [Ee.SAVINGS],
           loadMoreLabel: o.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(P, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
     ] }) }),
-    /* @__PURE__ */ e($o, { total: s }),
+    /* @__PURE__ */ e(Ho, { total: s }),
     /* @__PURE__ */ e(
       re,
       {
@@ -1052,7 +1087,7 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Eo = v(zo), We = v(
+}, jo = k(No), We = k(
   ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
     const a = {
       GOOD: {
@@ -1097,28 +1132,28 @@ const Wo = ({ total: t }) => {
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ e(Le, { children: o }),
+                  /* @__PURE__ */ e(Fe, { children: o }),
                   /* @__PURE__ */ e(Pe, { status: n })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e(En, { data: l, height: 16 }),
+            /* @__PURE__ */ e(jn, { data: l, height: 16 }),
             r
           ] })
         ]
       }
     );
   }
-), Go = {
+), Ko = {
   sticky_label: "You have saved"
-}, Ho = ["$0", "$250", "$500", "$750", "$1k"], No = () => {
-  const { healthScore: t } = F(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = vn(o), r = ut(o);
+}, Vo = ["$0", "$250", "$500", "$750", "$1k"], Xo = () => {
+  const { healthScore: t } = B(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = kn(o), r = mt(o);
   return /* @__PURE__ */ e(
     We,
     {
-      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Ho.map((s) => /* @__PURE__ */ i(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Vo.map((s) => /* @__PURE__ */ i(p, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
           de,
           {
@@ -1132,34 +1167,34 @@ const Wo = ({ total: t }) => {
         ),
         /* @__PURE__ */ e(I, { variant: "caption", children: s })
       ] }, s)) }),
-      label: Go.sticky_label,
+      label: Ko.sticky_label,
       status: r,
       statusBarData: [
         {
           percentage: n
         }
       ],
-      value: W(o ?? 0, "0,0.00")
+      value: $(o ?? 0, "0,0.00")
     }
   );
-}, jo = v(No), $e = ({
+}, Yo = k(Xo), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
-  formatDate: r = wt,
+  formatDate: r = Mt,
   secondaryIcon: s
 }) => {
-  const a = E(), { connect: l, finstrong: c, categories: d } = x(), [_, h] = m.useState(!1), [u, b] = m.useState(!1), { getCategoryName: S } = Ne(), C = 3, f = t.length > C, w = t.length - C;
-  let k = t;
-  return f && (k = t.map((g) => ({
+  const a = z(), { connect: l, finstrong: c, categories: d } = S(), [_, h] = m.useState(!1), [u, b] = m.useState(!1), { getCategoryName: v } = Ne(), C = 3, f = t.length > C, x = t.length - C;
+  let w = t;
+  return f && (w = t.map((g) => ({
     ...g,
     category: d.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
-    ) ?? S(g.top_level_category_guid)
+    ) ?? v(g.top_level_category_guid)
   })).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => b(!0),
         size: "small",
@@ -1189,7 +1224,7 @@ const Wo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(p, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            tn,
+            on,
             {
               categoryGuid: g.top_level_category_guid || "",
               merchantGuid: g.merchant_guid || "",
@@ -1219,7 +1254,7 @@ const Wo = ({ total: t }) => {
                     /* @__PURE__ */ e(I, { variant: "caption", children: r(g.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(D, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: W(g.amount, "0,0.00") })
+                /* @__PURE__ */ e(D, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
               ]
             },
             g.guid || y
@@ -1230,14 +1265,14 @@ const Wo = ({ total: t }) => {
     )) }),
     f && /* @__PURE__ */ i(N, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        B,
+        P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => h(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
           children: /* @__PURE__ */ i(I, { bold: !0, variant: "body1", children: [
-            w,
+            x,
             " ",
             c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
@@ -1249,17 +1284,17 @@ const Wo = ({ total: t }) => {
           isOpen: _,
           onClose: () => h(!1),
           title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Gn, { transaction: k })
+          children: /* @__PURE__ */ e(Kn, { transaction: w })
         }
       )
     ] })
   ] });
-}, Ko = () => {
+}, qo = () => {
   const [t, o] = m.useState(!0), {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: n }
     }
-  } = x(), { getSpendingFeeTransactions: r, allTransactions: s } = F();
+  } = S(), { getSpendingFeeTransactions: r, allTransactions: s } = B();
   return m.useEffect(() => {
     r().finally(() => o(!1));
   }, []), t ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(N, { children: s.spendingFee.length === 0 ? /* @__PURE__ */ i(
@@ -1274,7 +1309,7 @@ const Wo = ({ total: t }) => {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ e(sn, { filled: !0, size: 48, sx: { color: "success.main" } }),
+        /* @__PURE__ */ e(ln, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
           /* @__PURE__ */ e(X, { children: n.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.pay_bills_on_time_zero_fees_description })
@@ -1296,16 +1331,16 @@ const Wo = ({ total: t }) => {
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (a) => Ln(new Date(a * 1e3), Bn.MONTH_DAY),
-            secondaryIcon: /* @__PURE__ */ e(cn, { color: "error", filled: !0, size: 12 }),
+            formatDate: (a) => $n(new Date(a * 1e3), En.MONTH_DAY),
+            secondaryIcon: /* @__PURE__ */ e(dn, { color: "error", filled: !0, size: 12 }),
             transactions: s.spendingFee
           }
         )
       ]
     }
   ) });
-}, Vo = v(Ko), Xo = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = wn(t.spending_fee_transaction_count);
+}, Uo = k(qo), Qo = () => {
+  const { healthScore: t } = B(), { finstrong: o } = S(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = Mn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     p,
     {
@@ -1318,7 +1353,7 @@ const Wo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(D, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
         /* @__PURE__ */ i(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i(Le, { children: [
+          /* @__PURE__ */ i(Fe, { children: [
             t.spending_fee_transaction_count,
             " ",
             r.pay_bills_on_time_sticky_fee_count
@@ -1328,8 +1363,8 @@ const Wo = ({ total: t }) => {
       ]
     }
   );
-}, Yo = v(Xo), qo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = x();
+}, Zo = k(Qo), Jo = () => {
+  const { savingsAndCheckingAccountsBalance: t } = Se(), { finstrong: o } = S();
   return /* @__PURE__ */ i(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1339,21 +1374,21 @@ const Wo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Ft,
+      Bt,
       {
-        loadAccounts: [ze.SAVINGS, ze.CHECKING],
+        loadAccounts: [Ee.SAVINGS, Ee.CHECKING],
         loadMoreLabel: o.more_accounts
       }
     )
   ] });
-}, Uo = v(qo), Qo = () => {
-  const { finstrong: t } = x(), {
+}, er = k(Jo), tr = () => {
+  const { finstrong: t } = S(), {
     isSpendingInitialized: o,
     healthScore: n,
     allTransactions: r,
     loadSpendTransactions: s,
     loadDebtSpend: a
-  } = F();
+  } = B();
   m.useEffect(() => {
     o || (s().finally(), a().finally());
   }, [o]);
@@ -1371,8 +1406,8 @@ const Wo = ({ total: t }) => {
     ),
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
   ] }) : /* @__PURE__ */ e(Q, {});
-}, Zo = v(Qo), Jo = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
+}, nr = k(tr), or = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
   return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ i(Y, { children: [
       /* @__PURE__ */ i(
@@ -1405,13 +1440,13 @@ const Wo = ({ total: t }) => {
           ]
         }
       ),
-      /* @__PURE__ */ e(le, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Uo, {}) }),
-      /* @__PURE__ */ e(le, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(Zo, {}) })
+      /* @__PURE__ */ e(le, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(er, {}) }),
+      /* @__PURE__ */ e(le, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(nr, {}) })
     ] }),
     /* @__PURE__ */ e(Ye, { chartFor: "savingsOverTime" })
   ] });
-}, er = v(Jo), tr = () => {
-  const { finstrong: t } = x(), { healthScore: o } = F(), n = o.months_of_cash_on_hand, r = ht(n ? n * 30 : null), s = 183 / 6, a = Math.floor(n), l = Math.round((n - a) * s), c = n / 6 * 100;
+}, rr = k(or), ar = () => {
+  const { finstrong: t } = S(), { healthScore: o } = B(), n = o.months_of_cash_on_hand, r = gt(n ? n * 30 : null), s = 183 / 6, a = Math.floor(n), l = Math.round((n - a) * s), c = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1460,8 +1495,8 @@ const Wo = ({ total: t }) => {
       value: V(t.key_indicators_save.drawer_progress_bar_value, a, l)
     }
   );
-}, nr = v(tr), or = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), n = Oe(t.debt_to_income_ratio), r = mt(n);
+}, ir = k(ar), sr = () => {
+  const { healthScore: t } = B(), { finstrong: o } = S(), n = Oe(t.debt_to_income_ratio), r = yt(n);
   return /* @__PURE__ */ e(
     We,
     {
@@ -1537,11 +1572,11 @@ const Wo = ({ total: t }) => {
           percentage: `${n}%`
         }
       ],
-      value: W(t.ninety_day_debt_spend, "0,0.00")
+      value: $(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, rr = v(or), ar = () => {
-  const { healthScore: t, allTransactions: o } = F(), { connect: n, finstrong: r } = x(), [s, a] = m.useState(!1);
+}, cr = k(sr), lr = () => {
+  const { healthScore: t, allTransactions: o } = B(), { connect: n, finstrong: r } = S(), [s, a] = m.useState(!1);
   return /* @__PURE__ */ i(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1555,7 +1590,7 @@ const Wo = ({ total: t }) => {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e($e, { transactions: o.income.map((l) => l.transaction) })
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           a(!0);
@@ -1573,8 +1608,8 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, ir = v(ar), sr = () => {
-  const { allTransactions: t, healthScore: o } = F(), { connect: n, finstrong: r } = x(), [s, a] = m.useState(!1);
+}, dr = k(lr), pr = () => {
+  const { allTransactions: t, healthScore: o } = B(), { connect: n, finstrong: r } = S(), [s, a] = m.useState(!1);
   return /* @__PURE__ */ i(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
@@ -1594,7 +1629,7 @@ const Wo = ({ total: t }) => {
         }
       )
     ) : /* @__PURE__ */ e(
-      B,
+      P,
       {
         onClick: () => {
           a(!0);
@@ -1612,22 +1647,22 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, cr = v(sr), lr = ({
+}, _r = k(pr), ur = ({
   color: t,
   data: o,
   series: n,
   style: r,
   ...s
 }) => {
-  const a = E(), l = m.useRef(null), c = m.useRef(null), [d, _] = m.useState(r.width || 0);
+  const a = z(), l = m.useRef(null), c = m.useRef(null), [d, _] = m.useState(r.width || 0);
   m.useLayoutEffect(() => {
     _(r.width || 0);
   }, [r.width]), m.useLayoutEffect(() => {
     const f = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (l.current) {
-          const { width: w } = l.current.getBoundingClientRect(), k = w / 2, g = l.current.querySelector("text");
-          g && g.setAttribute("transform", `translate(${k}, -8)`);
+          const { width: x } = l.current.getBoundingClientRect(), w = x / 2, g = l.current.querySelector("text");
+          g && g.setAttribute("transform", `translate(${w}, -8)`);
         }
       });
     });
@@ -1635,12 +1670,12 @@ const Wo = ({ total: t }) => {
       l.current && f.unobserve(l.current);
     };
   }, []);
-  const { formattedComparison: h, formattedMain: u } = o[n.index], b = n.type === 0 ? u : h, S = {
+  const { formattedComparison: h, formattedMain: u } = o[n.index], b = n.type === 0 ? u : h, v = {
     ...r,
     transition: "all 0.3s ease-in-out"
   }, C = `translate(${d / 2}, -5)`;
   return /* @__PURE__ */ i("g", { children: [
-    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: S }),
+    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: v }),
     /* @__PURE__ */ e(
       "text",
       {
@@ -1657,10 +1692,10 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Te = (t, o = 1e3) => {
+}, Ae = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
-  return W(t, n);
-}, Lt = ({
+  return $(t, n);
+}, Pt = ({
   chartFor: t,
   data: o,
   title: n,
@@ -1671,38 +1706,38 @@ const Wo = ({ total: t }) => {
   totalComparison: c,
   totalMain: d
 }) => {
-  const _ = E(), h = Vn(_.breakpoints.down("xs")), u = m.useMemo(
+  const _ = z(), h = Un(_.breakpoints.down("xs")), u = m.useMemo(
     () => o.sort((g, y) => g.month - y.month).map((g) => {
-      const y = kn(g.month), $ = {
+      const y = Dn(g.month), A = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: Te(g.standard_spend),
-          formattedComparison: Te(g.income)
+          formattedMain: Ae(g.standard_spend),
+          formattedComparison: Ae(g.income)
         },
         debt_payment_vs_income: {
           main: g.income,
           comparison: g.debt_spend,
-          formattedMain: Te(g.income),
-          formattedComparison: Te(g.debt_spend)
+          formattedMain: Ae(g.income),
+          formattedComparison: Ae(g.debt_spend)
         }
       };
       return {
         label: y,
-        ...$[t]
+        ...A[t]
       };
     }),
     [o, t]
   ), b = {
     dataKey: "label",
     scaleType: "band"
-  }, S = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), f = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && S === 0 ? 100 : Math.ceil(S * 1.2 / 1e3) * 1e3, w = f / 3, k = {
+  }, v = Math.max(...u.map((g) => Math.max(g.main, g.comparison))), f = Math.min(...u.map((g) => Math.min(g.main, g.comparison))) === 0 && v === 0 ? 100 : Math.ceil(v * 1.2 / 1e3) * 1e3, x = f / 3, w = {
     scaleType: "linear",
     min: 0,
     max: f,
     tickNumber: 4,
-    tickMinStep: w,
-    valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
+    tickMinStep: x,
+    valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
   };
   return /* @__PURE__ */ i(Y, { children: [
     /* @__PURE__ */ i(
@@ -1720,7 +1755,7 @@ const Wo = ({ total: t }) => {
         children: [
           /* @__PURE__ */ e(X, { children: n }),
           r && /* @__PURE__ */ e(
-            B,
+            P,
             {
               endIcon: /* @__PURE__ */ e(J, {}),
               onClick: s,
@@ -1780,7 +1815,7 @@ const Wo = ({ total: t }) => {
         ] })
       ] }),
       /* @__PURE__ */ i(
-        Yn,
+        Zn,
         {
           colors: [
             `${_.palette.chartMono.chartMono3}`,
@@ -1794,18 +1829,18 @@ const Wo = ({ total: t }) => {
             { dataKey: "comparison", type: "bar" }
           ],
           xAxis: [b],
-          yAxis: [k],
+          yAxis: [w],
           children: [
             /* @__PURE__ */ e(
-              Xn,
+              Qn,
               {
                 slots: {
                   bar: (g) => {
-                    const { ownerState: y, ...$ } = g;
+                    const { ownerState: y, ...A } = g;
                     return /* @__PURE__ */ e(
-                      lr,
+                      ur,
                       {
-                        ...$,
+                        ...A,
                         color: y.color,
                         data: u,
                         series: {
@@ -1824,7 +1859,7 @@ const Wo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              qn,
+              Jn,
               {
                 sx: () => ({
                   ".MuiChartsAxis-line": {
@@ -1844,7 +1879,7 @@ const Wo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              Un,
+              eo,
               {
                 sx: () => ({
                   ".MuiChartsAxis-line": {
@@ -1868,8 +1903,8 @@ const Wo = ({ total: t }) => {
       )
     ] })
   ] });
-}, dr = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = F(), [s, a] = m.useState(0), { finstrong: l } = x();
+}, hr = () => {
+  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = B(), [s, a] = m.useState(0), { finstrong: l } = S();
   if (m.useEffect(() => {
     t || (o().finally(), n().finally());
   }, [t]), !t) return /* @__PURE__ */ e(Q, {});
@@ -1917,7 +1952,7 @@ const Wo = ({ total: t }) => {
           index: 0,
           name: "income-details",
           value: s,
-          children: /* @__PURE__ */ e(ir, {})
+          children: /* @__PURE__ */ e(dr, {})
         }
       ),
       /* @__PURE__ */ e(
@@ -1927,12 +1962,12 @@ const Wo = ({ total: t }) => {
           index: 1,
           name: "debt-payment-details",
           value: s,
-          children: /* @__PURE__ */ e(cr, {})
+          children: /* @__PURE__ */ e(_r, {})
         }
       )
     ] }),
     c ? /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
-      Lt,
+      Pt,
       {
         chartFor: "debt_payment_vs_income",
         data: r,
@@ -1941,7 +1976,7 @@ const Wo = ({ total: t }) => {
         title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
       }
     ) }) : /* @__PURE__ */ e(
-      Fe,
+      Le,
       {
         header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
         icon: "multiline_chart",
@@ -1963,8 +1998,8 @@ const Wo = ({ total: t }) => {
     ),
     /* @__PURE__ */ e(Ye, { chartFor: "debtOverTime" })
   ] });
-}, pr = v(dr), _r = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, a = gt(n), l = {
+}, mr = k(hr), gr = () => {
+  const { healthScore: t } = B(), { finstrong: o } = S(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, a = bt(n), l = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
@@ -1984,7 +2019,7 @@ const Wo = ({ total: t }) => {
           },
           children: [
             /* @__PURE__ */ i(I, { variant: "body2", children: [
-              t.ninety_day_income <= 0 ? "-" : W(t.ninety_day_income, "0,0.00"),
+              t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
               " ",
               o?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
@@ -1999,33 +2034,33 @@ const Wo = ({ total: t }) => {
       label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: a,
       statusBarData: l,
-      value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
+      value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
     }
   );
-}, ur = v(_r), hr = () => {
-  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ne(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: a } = F(), { appDataStore: l } = Tn(), { finstrong: c, goals: d, spending: _ } = x(), h = E(), [u, b] = m.useState("");
+}, yr = k(gr), br = () => {
+  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ne(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: a } = B(), { appDataStore: l } = Rn(), { finstrong: c, goals: d, spending: _ } = S(), h = z(), [u, b] = m.useState("");
   m.useEffect(() => {
     r(
       t,
-      kt(/* @__PURE__ */ new Date()),
-      Mt(/* @__PURE__ */ new Date())
+      Dt(/* @__PURE__ */ new Date()),
+      It(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
-  const S = m.useMemo(
-    () => Qn(o, d, h, n),
+  const v = m.useMemo(
+    () => to(o, d, h, n),
     [o, n]
-  ), C = (k) => {
-    b(u === k ? "" : k);
-  }, { totalSpending: f, totalIncome: w } = m.useMemo(() => s?.reduce(
-    (k, { standard_spend: g = 0, income: y = 0 }) => ({
-      totalSpending: k.totalSpending + g,
-      totalIncome: k.totalIncome + y
+  ), C = (w) => {
+    b(u === w ? "" : w);
+  }, { totalSpending: f, totalIncome: x } = m.useMemo(() => s?.reduce(
+    (w, { standard_spend: g = 0, income: y = 0 }) => ({
+      totalSpending: w.totalSpending + g,
+      totalIncome: w.totalIncome + y
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [s]);
   return /* @__PURE__ */ i(p, { sx: { gap: 24 }, children: [
-    w > 0 || f > 0 ? /* @__PURE__ */ e(
-      Lt,
+    x > 0 || f > 0 ? /* @__PURE__ */ e(
+      Pt,
       {
         ...l.appData.client_profile?.allow_trends_widget && {
           buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
@@ -2036,11 +2071,11 @@ const Wo = ({ total: t }) => {
         legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
         onClick: () => a("trends")(),
         title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
-        totalComparison: W(w, "0,0.00"),
-        totalMain: W(f, "0,0.00")
+        totalComparison: $(x, "0,0.00"),
+        totalMain: $(f, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
-      Fe,
+      Le,
       {
         header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
         icon: "multiline_chart",
@@ -2060,7 +2095,7 @@ const Wo = ({ total: t }) => {
         variant: "no-buttons"
       }
     ),
-    S.donutData.length > 0 ? /* @__PURE__ */ i(
+    v.donutData.length > 0 ? /* @__PURE__ */ i(
       Y,
       {
         sx: {
@@ -2083,7 +2118,7 @@ const Wo = ({ total: t }) => {
               children: [
                 /* @__PURE__ */ e(X, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  B,
+                  P,
                   {
                     endIcon: /* @__PURE__ */ e(J, {}),
                     onClick: () => a("spending")(),
@@ -2105,18 +2140,18 @@ const Wo = ({ total: t }) => {
               sx: { flexDirection: "row", gap: 12, justifyContent: "center", pb: 32, pt: 16, px: 24 },
               children: [
                 /* @__PURE__ */ e(
-                  Zn,
+                  no,
                   {
-                    data: S,
+                    data: v,
                     onSelected: C,
                     selectedId: u,
                     totalLabel: _.total_spending
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Jn,
+                  oo,
                   {
-                    data: S,
+                    data: v,
                     onSelected: C,
                     selectedId: u
                   }
@@ -2127,7 +2162,7 @@ const Wo = ({ total: t }) => {
         ]
       }
     ) : /* @__PURE__ */ e(
-      Fe,
+      Le,
       {
         header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
         icon: "donut_small",
@@ -2148,17 +2183,17 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, mr = v(hr), gr = ({
+}, fr = k(br), xr = ({
   drawerFor: t,
   isOpen: o,
   onClose: n
 }) => {
-  const { finstrong: r } = x(), a = {
+  const { finstrong: r } = S(), a = {
     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,
-      stickyComponent: /* @__PURE__ */ e(ur, {}),
-      content: /* @__PURE__ */ e(mr, {}),
+      stickyComponent: /* @__PURE__ */ e(yr, {}),
+      content: /* @__PURE__ */ e(fr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2166,16 +2201,16 @@ const Wo = ({ total: t }) => {
     payBillsOnTime: {
       title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
       description: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_description,
-      stickyComponent: /* @__PURE__ */ e(Yo, {}),
-      content: /* @__PURE__ */ e(Vo, {}),
+      stickyComponent: /* @__PURE__ */ e(Zo, {}),
+      content: /* @__PURE__ */ e(Uo, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(Eo, {}),
+      content: /* @__PURE__ */ e(jo, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(jo, {}),
+      stickyComponent: /* @__PURE__ */ e(Yo, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2184,30 +2219,30 @@ const Wo = ({ total: t }) => {
     haveManageableDebt: {
       title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
       description: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
-      stickyComponent: /* @__PURE__ */ e(rr, {}),
-      content: /* @__PURE__ */ e(pr, {}),
+      stickyComponent: /* @__PURE__ */ e(cr, {}),
+      content: /* @__PURE__ */ e(mr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(Fo, {}),
+      title: /* @__PURE__ */ e(Wo, {}),
       description: r.credit_score_description,
       stickyComponent: null,
-      content: /* @__PURE__ */ e(Oo, {})
+      content: /* @__PURE__ */ e(Bo, {})
     },
     saveEnoughToLiveOn: {
       title: r.key_indicators_save.drawer_title,
       description: r.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(nr, {}),
-      content: /* @__PURE__ */ e(er, {}),
+      stickyComponent: /* @__PURE__ */ e(ir, {}),
+      content: /* @__PURE__ */ e(rr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
-    Ot,
+    Lt,
     {
       connectDescription: a?.connectDescription,
       connectTitle: a?.connectTitle,
@@ -2222,13 +2257,13 @@ const Wo = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: a.content })
     }
   );
-}, yr = v(gr), xe = ({
+}, Sr = k(xr), xe = ({
   drawerFor: t,
   title: o,
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = x(), [a, l] = m.useState(!1), c = (d) => {
+  const { finstrong: s } = S(), [a, l] = m.useState(!1), c = (d) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(!0));
   };
   return /* @__PURE__ */ i(N, { children: [
@@ -2264,7 +2299,7 @@ const Wo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      yr,
+      Sr,
       {
         drawerFor: t,
         isOpen: a,
@@ -2272,9 +2307,9 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, br = () => {
-  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = F(), r = (l) => {
-    const c = gt(l), d = {
+}, Cr = () => {
+  const { finstrong: t } = S(), { key_indicators_spend: o } = t, { healthScore: n } = B(), r = (l) => {
+    const c = bt(l), d = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
@@ -2286,7 +2321,7 @@ const Wo = ({ total: t }) => {
       title: o.ratio_card_title
     };
   }, { spendToIncomeRatio: s, spendFeeCount: a } = m.useMemo(() => {
-    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), d = Mn(
+    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), d = In(
       n.spending_fee_transaction_count,
       o
     );
@@ -2317,9 +2352,9 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, fr = v(br), xr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (c) => {
-    const d = ht(c), _ = {
+}, vr = k(Cr), wr = () => {
+  const { healthScore: t } = B(), { finstrong: o } = S(), { 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,
@@ -2331,7 +2366,7 @@ const Wo = ({ total: t }) => {
       title: n.days_of_cash_title
     };
   }, s = (c) => {
-    const d = ut(c), _ = {
+    const d = mt(c), _ = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
@@ -2340,7 +2375,7 @@ const Wo = ({ total: t }) => {
     let h;
     return d === "FAIR" && c !== null ? h = V(
       _[d],
-      W(c, "0,0.00")
+      $(c, "0,0.00")
     ) : h = _[d], {
       cardState: d,
       description: h,
@@ -2375,9 +2410,9 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Sr = v(xr), Cr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (d) => {
-    const _ = mt(d), h = {
+}, kr = k(wr), Mr = () => {
+  const { healthScore: t } = B(), { finstrong: o } = S(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (d) => {
+    const _ = yt(d), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
       OFF_TRACK: n.manage_debit_off_track_description,
@@ -2389,7 +2424,7 @@ const Wo = ({ total: t }) => {
       title: n.manage_debit_title
     };
   }, a = (d) => {
-    const _ = _t(d), h = {
+    const _ = ht(d), h = {
       GOOD: n.credit_score_good_description,
       FAIR: n.credit_score_fair_description,
       OFF_TRACK: n.credit_score_off_track_description,
@@ -2427,8 +2462,8 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, vr = v(Cr), wr = () => {
-  const [t, o] = m.useState(0), { finstrong: n } = x();
+}, Dr = k(Mr), Ir = () => {
+  const [t, o] = m.useState(0), { finstrong: n } = S();
   return /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ i(
       Ve,
@@ -2451,7 +2486,7 @@ const Wo = ({ total: t }) => {
             ce,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(lt, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(pt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
               label: n.key_indicators_spend.title,
@@ -2462,7 +2497,7 @@ const Wo = ({ total: t }) => {
             ce,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(ln, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(pn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
               label: n.key_indicators_save.title,
@@ -2473,7 +2508,7 @@ const Wo = ({ total: t }) => {
             ce,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(dn, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(_n, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
               label: n.key_indicators_borrow.title,
@@ -2483,20 +2518,20 @@ const Wo = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(le, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(fr, {}) }),
-    /* @__PURE__ */ e(le, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Sr, {}) }),
-    /* @__PURE__ */ e(le, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(vr, {}) })
+    /* @__PURE__ */ e(le, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
+    /* @__PURE__ */ e(le, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(kr, {}) }),
+    /* @__PURE__ */ e(le, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Dr, {}) })
   ] });
-}, kr = v(wr), Mr = ({ onClick: t }) => {
-  const { finstrong: o } = x(), { isCopyLoaded: n } = U();
+}, Tr = k(Ir), Ar = ({ onClick: t }) => {
+  const { finstrong: o } = S(), { isCopyLoaded: n } = U();
   return n ? /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(pn, { size: 48 }),
+    /* @__PURE__ */ e(un, { size: 48 }),
     /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(X, { children: o.missing_data_title }),
       /* @__PURE__ */ e(D, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         endIcon: /* @__PURE__ */ e(J, {}),
         onClick: t,
@@ -2512,7 +2547,7 @@ const Wo = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(Q, {});
-}, Dr = v(Mr), Ir = ({
+}, Or = k(Ar), Rr = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
@@ -2523,22 +2558,22 @@ const Wo = ({ total: t }) => {
   setSecondDay: c,
   transaction: d
 }) => {
-  const { finstrong: _ } = x();
+  const { finstrong: _ } = S();
   return /* @__PURE__ */ i(m.Fragment, { children: [
     /* @__PURE__ */ i(p, { children: [
       !!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((h, u, b) => {
         if (u.guid === d.guid) return h;
-        const S = Hn(b, r), C = Nn(b, r);
+        const v = Vn(b, r), C = Xn(b, r);
         return h.push(
           /* @__PURE__ */ i(m.Fragment, { children: [
-            S && /* @__PURE__ */ e(jn, { children: wt(u.date) }),
-            /* @__PURE__ */ e(Kn, { transaction: u }),
+            v && /* @__PURE__ */ e(Yn, { children: Mt(u.date) }),
+            /* @__PURE__ */ e(qn, { transaction: u }),
             /* @__PURE__ */ e(de, { sx: { ml: C ? 44 : 0 } })
           ] }, u.guid)
         ), h;
       }, []) }),
       /* @__PURE__ */ e(
-        oo,
+        so,
         {
           firstDay: t,
           frequency: o,
@@ -2551,21 +2586,21 @@ const Wo = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(M, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      B,
+      P,
       {
         fullWidth: !0,
-        onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
-        startIcon: /* @__PURE__ */ e(dt, {}),
+        onClick: () => s({ step: R.MonthlyIncome, type: "main" }),
+        startIcon: /* @__PURE__ */ e(_t, {}),
         children: _.onboarding_add_more_income
       }
     ) })
   ] });
-}, Ar = v(Ir), Tr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = x(), r = E(), s = (a) => {
+}, Lr = k(Rr), Fr = ({ selectedDate: t, setSelectedDate: o }) => {
+  const { finstrong: n } = S(), r = z(), s = (a) => {
     o(Math.floor(new Date(a).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(io, { dateAdapter: Dt, children: /* @__PURE__ */ e(
-    so,
+  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(po, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+    _o,
     {
       disableFuture: !0,
       label: n.onboarding_select_date,
@@ -2594,8 +2629,8 @@ const Wo = ({ total: t }) => {
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Or = v(Tr), Rr = ({ creditScore: t, setCreditScore: o }) => {
-  const { finstrong: n } = x(), r = !isNaN(t);
+}, Br = k(Fr), Pr = ({ creditScore: t, setCreditScore: o }) => {
+  const { finstrong: n } = S(), r = !isNaN(t);
   return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
     Re,
     {
@@ -2611,7 +2646,7 @@ const Wo = ({ total: t }) => {
       value: r ? t : ""
     }
   ) });
-}, Fr = v(Rr), Bt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ i(p, { sx: { gap: 8 }, children: [
+}, Wr = k(Pr), Wt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ i(p, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
     M,
     {
@@ -2629,7 +2664,7 @@ const Wo = ({ total: t }) => {
     "% ",
     o
   ] })
-] }), Lr = ({
+] }), $r = ({
   completeCopy: t,
   primaryText: o,
   secondaryText: n,
@@ -2639,66 +2674,66 @@ const Wo = ({ total: t }) => {
     /* @__PURE__ */ e(X, { children: o }),
     /* @__PURE__ */ e(D, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(Bt, { completeCopy: t, value: r })
-] }), at = {
-  step: O.ConnectAccounts,
+  /* @__PURE__ */ e(Wt, { completeCopy: t, value: r })
+] }), st = {
+  step: R.ConnectAccounts,
   type: "main"
-}, Br = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = x(), { setSelectedAccounts: a } = U(), { addRepeatingTransaction: l, setDateRange: c } = je(), { filter: d, setFilter: _, transactions: h } = On(), { user: u, userProfile: b, updateUser: S, updateUserProfile: C } = ee(), [f, w] = m.useState(u.credit_score || 0), [k, g] = m.useState(
-    at
-  ), [y, $] = m.useState(1), [L, T] = m.useState(Ct.EveryMonth), [P, z] = m.useState([]), [G, _e] = m.useState(!1), [ue, te] = m.useState(!1), [j, ve] = m.useState(u.birthday), [H, we] = m.useState(15), [K, ae] = m.useState("");
+}, Er = ({ isOpen: t, onClose: o }) => {
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = B(), { finstrong: s } = S(), { setSelectedAccounts: a } = U(), { addRepeatingTransaction: l, setDateRange: c } = je(), { filter: d, setFilter: _, transactions: h } = Ln(), { user: u, userProfile: b, updateUser: v, updateUserProfile: C } = ee(), [f, x] = m.useState(u.credit_score || 0), [w, g] = m.useState(
+    st
+  ), [y, A] = m.useState(1), [L, T] = m.useState(wt.EveryMonth), [W, E] = m.useState([]), [G, _e] = m.useState(!1), [ue, te] = m.useState(!1), [j, ve] = m.useState(u.birthday), [H, we] = m.useState(15), [K, ae] = m.useState("");
   m.useEffect(() => {
-    c({ start: kt(ot()), end: Mt(ot()) });
+    c({ start: Dt(at()), end: It(at()) });
   }, []), m.useEffect(() => {
     _({
-      accounts: n.map((A) => A.guid),
+      accounts: n.map((O) => O.guid),
       dateRange: {
-        start: no(/* @__PURE__ */ new Date(), 90),
+        start: io(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
-      custom: rt
+      custom: it
     }), a(n);
   }, [n]);
   const he = m.useMemo(
-    () => h.find((A) => A.guid === K),
+    () => h.find((O) => O.guid === K),
     [K, h]
   ), me = m.useMemo(() => ({
-    [O.ConnectAccounts]: !0,
-    [O.MonthlyIncome]: !!K,
-    [O.Birthday]: !!u.birthday || !!j,
-    [O.CreditScore]: !!u.credit_score || !!f
-  })[k.step], [f, k, j, K, u]), q = n.length > 0, Pt = m.useMemo(() => {
-    const { step: A } = k;
-    let R = 0;
-    return A >= O.MonthlyIncome && q && R++, A >= O.Birthday && P.length && R++, A >= O.CreditScore && (u.birthday || u.credit_score) && R++, R;
-  }, [k.step, q, P.length, u.birthday, u.credit_score]), Wt = (A) => {
+    [R.ConnectAccounts]: !0,
+    [R.MonthlyIncome]: !!K,
+    [R.Birthday]: !!u.birthday || !!j,
+    [R.CreditScore]: !!u.credit_score || !!f
+  })[w.step], [f, w, j, K, u]), q = n.length > 0, $t = m.useMemo(() => {
+    const { step: O } = w;
+    let F = 0;
+    return O >= R.MonthlyIncome && q && F++, O >= R.Birthday && W.length && F++, O >= R.CreditScore && (u.birthday || u.credit_score) && F++, F;
+  }, [w.step, q, W.length, u.birthday, u.credit_score]), Et = (O) => {
     _({
       ...d,
-      custom: (R) => A ? ao(R, A) : rt(R)
+      custom: (F) => O ? lo(F, O) : it(F)
     });
-  }, $t = {
-    [O.ConnectAccounts]: {
-      main: q ? /* @__PURE__ */ e(Rt, { shouldShowBalance: !1 }) : null,
+  }, zt = {
+    [R.ConnectAccounts]: {
+      main: q ? /* @__PURE__ */ e(Ft, { shouldShowBalance: !1 }) : null,
       mainActionContent: q ? s.onboarding_next : s.onboarding_add_accounts,
       primaryText: s.connect_your_accounts,
       secondaryText: s.onboarding_connect_your_accounts_secondary
     },
-    [O.MonthlyIncome]: {
+    [R.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Ar,
+        Lr,
         {
           firstDay: y,
           frequency: L,
-          incomeTransactions: P,
+          incomeTransactions: W,
           secondDay: H,
-          setCurrentStep: (A) => {
-            g(A), z((R) => {
-              if (R.some((ie) => ie.guid === K)) return R.filter((ie) => ie.guid !== K);
-              const Ae = h.find((ie) => ie.guid === K);
-              return Ae ? [...R, { ...Ae, firstDay: y, frequency: L, secondDay: H }] : R;
+          setCurrentStep: (O) => {
+            g(O), E((F) => {
+              if (F.some((ie) => ie.guid === K)) return F.filter((ie) => ie.guid !== K);
+              const Te = h.find((ie) => ie.guid === K);
+              return Te ? [...F, { ...Te, firstDay: y, frequency: L, secondDay: H }] : F;
             });
           },
-          setFirstDay: $,
+          setFirstDay: A,
           setFrequency: T,
           setSecondDay: we,
           transaction: he
@@ -2706,11 +2741,11 @@ const Wo = ({ total: t }) => {
       ),
       detailActionContent: s.onboarding_confirm_income,
       main: /* @__PURE__ */ e(
-        ro,
+        co,
         {
-          onSearch: Wt,
-          onSelected: (A) => {
-            g({ step: O.MonthlyIncome, type: "detail" }), ae(A);
+          onSearch: Et,
+          onSelected: (O) => {
+            g({ step: R.MonthlyIncome, type: "detail" }), ae(O);
           }
         }
       ),
@@ -2718,96 +2753,96 @@ const Wo = ({ total: t }) => {
       primaryText: s.onboarding_add_income_primary,
       secondaryText: s.onboarding_add_income_secondary
     },
-    [O.Birthday]: {
-      main: /* @__PURE__ */ e(Or, { selectedDate: j, setSelectedDate: ve }),
+    [R.Birthday]: {
+      main: /* @__PURE__ */ e(Br, { selectedDate: j, setSelectedDate: ve }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_birthday_primary,
       secondaryText: s.onboarding_birthday_secondary
     },
-    [O.CreditScore]: {
-      main: /* @__PURE__ */ e(Fr, { creditScore: f, setCreditScore: w }),
+    [R.CreditScore]: {
+      main: /* @__PURE__ */ e(Wr, { creditScore: f, setCreditScore: x }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_credit_score_primary,
       secondaryText: s.onboarding_credit_score_secondary
     }
   }, qe = () => {
-    g(at), _e(!1), ae(""), o();
+    g(st), _e(!1), ae(""), o();
   }, Ue = async () => {
-    _e(!0), await Ht(P), await r(), await C({ ...b, has_completed_finstrong_onboarding: !0 }), qe();
-  }, zt = () => {
-    if (k.step === O.CreditScore) {
+    _e(!0), await jt(W), await r(), await C({ ...b, has_completed_finstrong_onboarding: !0 }), qe();
+  }, Gt = () => {
+    if (w.step === R.CreditScore) {
       Ue();
       return;
     }
-    g({ step: k.step + 1, type: "main" });
-  }, Et = () => {
-    const { step: A } = k, R = A + 1;
-    switch (A) {
-      case O.Birthday:
-        j && j !== u.birthday && S({ ...u, birthday: j });
+    g({ step: w.step + 1, type: "main" });
+  }, Ht = () => {
+    const { step: O } = w, F = O + 1;
+    switch (O) {
+      case R.Birthday:
+        j && j !== u.birthday && v({ ...u, birthday: j });
         break;
-      case O.CreditScore:
-        f && f !== u.credit_score && S({ ...u, credit_score: f }), Ue();
+      case R.CreditScore:
+        f && f !== u.credit_score && v({ ...u, credit_score: f }), Ue();
         return;
-      case O.MonthlyIncome:
-        K && P.findIndex(({ guid: ye }) => ye === K) === -1 && z((ye) => [
+      case R.MonthlyIncome:
+        K && W.findIndex(({ guid: ye }) => ye === K) === -1 && E((ye) => [
           ...ye,
           { ...he, firstDay: y, frequency: L, secondDay: H }
         ]);
         break;
-      case O.ConnectAccounts:
+      case R.ConnectAccounts:
         if (!q) {
           te(!0);
           return;
         }
         break;
     }
-    R in O && g({ step: R, type: "main" });
-  }, Gt = () => {
-    const { step: A, type: R } = k;
-    if (R === "detail") {
-      g({ step: A, type: "main" });
+    F in R && g({ step: F, type: "main" });
+  }, Nt = () => {
+    const { step: O, type: F } = w;
+    if (F === "detail") {
+      g({ step: O, type: "main" });
       return;
     }
-    if (A === O.Birthday && P.length) {
-      g({ step: A - 1, type: "detail" });
+    if (O === R.Birthday && W.length) {
+      g({ step: O - 1, type: "detail" });
       return;
     }
-    A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
-  }, Ht = async (A) => {
-    for (const R of A) {
+    O > R.ConnectAccounts && g({ step: O - 1, type: "main" });
+  }, jt = async (O) => {
+    for (const F of O) {
       const {
         account_guid: ye,
-        amount: Ae,
+        amount: Te,
         date: ie,
-        description: Kt,
-        feed_description: Vt,
-        firstDay: Xt,
+        description: Xt,
+        feed_description: Yt,
+        firstDay: qt,
         frequency: Qe,
-        secondDay: Yt,
-        merchant_guid: qt,
-        payee: Ut,
-        transaction_type: Qt
-      } = R, Zt = zn(Qe, to(ie)), Jt = {
+        secondDay: Ut,
+        merchant_guid: Qt,
+        payee: Zt,
+        transaction_type: Jt
+      } = F, en = Nn(Qe, ao(ie)), tn = {
         account_guid: ye,
-        amount: Ae,
+        amount: Te,
         created_by: 0,
-        description: Ut || Kt || Vt,
-        merchant_guid: qt,
-        predicted_occurs_on: eo(Zt, { representation: "date" }),
-        recurrence_day: Xt,
+        description: Zt || Xt || Yt,
+        merchant_guid: Qt,
+        predicted_occurs_on: ro(en, { representation: "date" }),
+        recurrence_day: qt,
         recurrence_type: Qe,
-        repeating_transaction_type: vt.Income,
-        second_recurrence_day: Yt,
-        transaction_type: Qt,
+        repeating_transaction_type: kt.Income,
+        second_recurrence_day: Ut,
+        transaction_type: Jt,
         user_guid: u.guid
       };
-      await l(Jt, R);
+      await l(tn, F);
     }
-  }, ge = $t[k.step], Ie = k.step === O.ConnectAccounts, Nt = {
+  }, ge = zt[w.step], Ie = w.step === R.ConnectAccounts, Kt = {
     fullWidth: !0,
-    ...Ie && !q && { startIcon: /* @__PURE__ */ e(dt, {}) }
-  }, jt = !Ie || Ie && !q;
+    ...Ie && !q && { startIcon: /* @__PURE__ */ e(_t, {}) }
+  }, Vt = !Ie || Ie && !q;
   return /* @__PURE__ */ i(m.Fragment, { children: [
     /* @__PURE__ */ e(
       oe,
@@ -2817,34 +2852,34 @@ const Wo = ({ total: t }) => {
         isOpen: t,
         isPrimaryDisabled: !me,
         onClose: qe,
-        onSecondaryAction: Gt,
-        primaryButtonProps: Nt,
+        onSecondaryAction: Nt,
+        primaryButtonProps: Kt,
         primaryText: ge?.mainActionContent,
         secondaryColor: "primary",
         secondaryText: s.onboarding_back,
         title: s.title,
-        ...!G && { onPrimaryAction: Et },
+        ...!G && { onPrimaryAction: Ht },
         children: /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
           G && /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: Do, style: { minHeight: 100, width: 211 } }),
-            /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
+            /* @__PURE__ */ e("img", { alt: "", src: Oo, style: { minHeight: 100, width: 211 } }),
+            /* @__PURE__ */ e(Fe, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
           ge && !G && /* @__PURE__ */ i(m.Fragment, { children: [
             /* @__PURE__ */ e(
-              Lr,
+              $r,
               {
                 completeCopy: s.complete,
                 primaryText: ge.primaryText,
                 secondaryText: ge.secondaryText,
-                value: Pt
+                value: $t
               }
             ),
-            k.type === "main" && /* @__PURE__ */ i(M, { sx: { bgcolor: "background.default" }, children: [
+            w.type === "main" && /* @__PURE__ */ i(M, { sx: { bgcolor: "background.default" }, children: [
               ge.main,
-              jt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: zt, children: s.onboarding_do_it_later }) })
+              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 }) })
             ] }),
-            k.type === "detail" && ge.detail
+            w.type === "detail" && ge.detail
           ] })
         ] })
       }
@@ -2858,8 +2893,8 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Pr = v(Br), Wr = () => {
-  const { finstrong: t } = x(), [o, n] = m.useState(!1);
+}, zr = k(Er), Gr = () => {
+  const { finstrong: t } = S(), [o, n] = m.useState(!1);
   return /* @__PURE__ */ i(m.Fragment, { children: [
     /* @__PURE__ */ i(
       p,
@@ -2875,20 +2910,20 @@ const Wo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ i(p, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(_n, { size: 72 }) }),
+            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(hn, { size: 72 }) }),
             /* @__PURE__ */ i(p, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
-              /* @__PURE__ */ e(Le, { children: t.onboarding_title }),
+              /* @__PURE__ */ e(Fe, { children: t.onboarding_title }),
               /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(P, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
-    /* @__PURE__ */ e(Pr, { isOpen: o, onClose: () => n(!1) })
+    /* @__PURE__ */ e(zr, { isOpen: o, onClose: () => n(!1) })
   ] });
-}, $r = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = E(), { updateUser: s, user: a } = ee(), [l, c] = m.useState(a.birthday), d = (h) => {
+}, Hr = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), r = z(), { updateUser: s, user: a } = ee(), [l, c] = m.useState(a.birthday), d = (h) => {
     c(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2902,8 +2937,8 @@ const Wo = ({ total: t }) => {
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(po, { dateAdapter: Dt, children: /* @__PURE__ */ e(
-        co,
+      children: /* @__PURE__ */ e(p, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Tt, children: /* @__PURE__ */ e(
+        uo,
         {
           disableFuture: !0,
           onChange: d,
@@ -2943,20 +2978,20 @@ const Wo = ({ total: t }) => {
       ) }) })
     }
   );
-}, zr = v($r), Er = ({ isOpen: t, onClose: o }) => {
+}, Nr = k(Hr), jr = ({ isOpen: t, onClose: o }) => {
   const { visibleFinstrongAccounts: n } = Se(), {
     accounts: r,
     common: s,
     finstrong: a,
     recurring: l
-  } = x(), { repeatingTransactions: c } = je(), { user: d } = ee(), _ = c.reduce((C, f) => {
-    const { repeating_transaction_type: w, transactions: k, recurrence_type: g, amount: y } = f;
-    return w === vt.Income && (k.length > 0 || g === Ct.EveryYear) ? C + y : C;
-  }, 0), [h, u] = m.useState(null), S = [
+  } = S(), { repeatingTransactions: c } = je(), { user: d } = ee(), _ = c.reduce((C, f) => {
+    const { repeating_transaction_type: x, transactions: w, recurrence_type: g, amount: y } = f;
+    return x === kt.Income && (w.length > 0 || g === wt.EveryYear) ? C + y : C;
+  }, 0), [h, u] = m.useState(null), v = [
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.monthly_income,
-      icon: /* @__PURE__ */ e(un, {}),
+      icon: /* @__PURE__ */ e(mn, {}),
       key: ne.MonthlyIncome,
       label: a.monthly_income,
       value: _
@@ -2964,7 +2999,7 @@ const Wo = ({ total: t }) => {
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.date_of_birth,
-      icon: /* @__PURE__ */ e(hn, {}),
+      icon: /* @__PURE__ */ e(gn, {}),
       key: ne.DateOfBirth,
       label: a.date_of_birth,
       value: d.birthday
@@ -2972,14 +3007,14 @@ const Wo = ({ total: t }) => {
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.credit_score,
-      icon: /* @__PURE__ */ e(lt, {}),
+      icon: /* @__PURE__ */ e(pt, {}),
       key: ne.CreditScore,
       label: a.credit_score,
       value: d.credit_score
     },
     {
       fallbackLabel: a.connect_your_accounts,
-      icon: /* @__PURE__ */ e(ct, {}),
+      icon: /* @__PURE__ */ e(dt, {}),
       key: ne.Connections,
       label: a.connections,
       value: n.length > 0 ? V(
@@ -2988,7 +3023,7 @@ const Wo = ({ total: t }) => {
         n.length > 1 ? a.accounts : a.account
       ) : void 0
     }
-  ].map((C) => Dn(C));
+  ].map((C) => Tn(C));
   return /* @__PURE__ */ i(oe, { isOpen: t, onClose: o, title: a.financial_profile, children: [
     /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ i(p, { sx: { gap: 20, p: 24 }, children: [
@@ -2997,14 +3032,14 @@ const Wo = ({ total: t }) => {
           /* @__PURE__ */ e(D, { children: a.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
-          Bt,
+          Wt,
           {
             completeCopy: a.complete,
-            value: S.reduce((C, f) => C + (f.isComplete ? 1 : 0), 0)
+            value: v.reduce((C, f) => C + (f.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(In, { list: S, onClickItem: u }),
+      /* @__PURE__ */ e(An, { list: v, onClickItem: u }),
       /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
         Be,
         {
@@ -3023,13 +3058,13 @@ const Wo = ({ total: t }) => {
         onClose: () => u(null),
         shouldShowHeaderBorders: !1,
         title: l.action_title,
-        children: /* @__PURE__ */ e(lo, {})
+        children: /* @__PURE__ */ e(ho, {})
       }
     ),
-    /* @__PURE__ */ e(zr, { isOpen: h === ne.DateOfBirth, onClose: () => u(null) }),
-    /* @__PURE__ */ e(Tt, { isOpen: h === ne.CreditScore, onClose: () => u(null) }),
+    /* @__PURE__ */ e(Nr, { isOpen: h === ne.DateOfBirth, onClose: () => u(null) }),
+    /* @__PURE__ */ e(Rt, { isOpen: h === ne.CreditScore, onClose: () => u(null) }),
     /* @__PURE__ */ e(
-      yt,
+      ft,
       {
         onClose: () => u(null),
         showConnectionsWidget: h === ne.Connections,
@@ -3037,17 +3072,28 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Gr = v(Er), it = ({
+}, Kr = k(jr), ct = ({
   content: t,
   islast: o = !1
-}) => /* @__PURE__ */ i(ho, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ i(fo, { children: [
-    /* @__PURE__ */ e(bo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
-    !o && /* @__PURE__ */ e(go, { sx: { bgcolor: "divider", width: 0.1 } })
+}) => /* @__PURE__ */ i(bo, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ i(vo, { children: [
+    /* @__PURE__ */ e(Co, { sx: { bgcolor: "divider", boxShadow: "none", p: 2 } }),
+    !o && /* @__PURE__ */ e(
+      xo,
+      {
+        sx: {
+          bgcolor: "background.paper",
+          borderLeft: "1px solid",
+          borderColor: "divider",
+          borderRadius: 1,
+          m: -4
+        }
+      }
+    )
   ] }),
-  /* @__PURE__ */ e(yo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(D, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), Hr = ({ report: t }) => {
-  const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
+  /* @__PURE__ */ e(So, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(D, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), Vr = ({ report: t }) => {
+  const { finstrong: o } = S(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
     newer_credit_score: s,
     older_credit_score: a,
@@ -3056,19 +3102,19 @@ const Wo = ({ total: t }) => {
     older_health_score: d,
     newer_health_score: _,
     newer_score_calculated_at: h
-  } = t, u = _o(new Date(h), "MMM d"), b = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", S = () => r === 0 ? V(n.stayed_at, d) : r > 0 ? n.less_spending : n.more_spending, C = () => {
+  } = t, u = go(new Date(h), "MMM d"), b = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", v = () => r === 0 ? V(n.stayed_at, d) : r > 0 ? n.less_spending : n.more_spending, C = () => {
     if (r === 0) return null;
-    const f = r > 0 ? n.up_from : n.down_from, w = V(f, d, _);
+    const f = r > 0 ? n.up_from : n.down_from, x = V(f, d, _);
     return /* @__PURE__ */ i(N, { children: [
       /* @__PURE__ */ e(
-        nn,
+        rn,
         {
           fill: !0,
           name: "circle",
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      w
+      x
     ] });
   };
   return /* @__PURE__ */ i(Y, { children: [
@@ -3102,7 +3148,7 @@ const Wo = ({ total: t }) => {
                 }
               ),
               /* @__PURE__ */ i(p, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: S() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: v() }),
                 /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
                   u,
                   " ",
@@ -3115,10 +3161,10 @@ const Wo = ({ total: t }) => {
       }
     ),
     r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
-      uo,
+      yo,
       {
         sx: {
-          [`& .${mo.root}:before`]: {
+          [`& .${fo.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -3127,7 +3173,7 @@ const Wo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            it,
+            ct,
             {
               content: V(
                 n.spend_to_income_description,
@@ -3137,7 +3183,7 @@ const Wo = ({ total: t }) => {
             }
           ),
           /* @__PURE__ */ e(
-            it,
+            ct,
             {
               content: V(
                 n.credit_score_description,
@@ -3151,32 +3197,42 @@ const Wo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
-  const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: a } = U(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: _ } = F();
+}, Xr = k(Vr), Yr = ({ isOpen: t, onClose: o }) => {
+  const n = z(), { finstrong: r } = S(), { isCopyLoaded: s, isInitialized: a } = U(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: _ } = B();
   if (!s || !a) return /* @__PURE__ */ e(Q, {});
   const h = Ge(c.health_score || 0, r), u = d.slice().reverse();
   return /* @__PURE__ */ e(
-    Ot,
+    Lt,
     {
-      additionalContent: /* @__PURE__ */ e(p, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(
-        Ke,
+      additionalContent: /* @__PURE__ */ e(
+        p,
         {
-          axisColor: n.palette.divider,
-          baseline: "min",
-          colors: [n.palette.primary.main],
-          curveType: "natural",
-          datasets: [l],
-          height: 160,
-          isGraphClippingXAxis: !0,
-          labels: [r.key_indicators_label],
-          margin: { top: 24, bottom: 6, right: 24, left: -17 },
-          peerAverage: Math.round(_?.average_health_score?.average_health_score || 0),
-          showArea: !0,
-          showAverage: !0,
-          title: r.peer_average,
-          useCustomMark: !0
+          sx: {
+            backgroundColor: "background.paper",
+            borderBottom: "1px solid",
+            borderColor: "divider"
+          },
+          children: /* @__PURE__ */ e(
+            Ke,
+            {
+              axisColor: n.palette.divider,
+              baseline: "min",
+              colors: [n.palette.primary.main],
+              curveType: "natural",
+              datasets: [l],
+              height: 160,
+              isGraphClippingXAxis: !0,
+              labels: [r.key_indicators_label],
+              margin: { top: 24, bottom: 6, right: 24, left: -17 },
+              peerAverage: Math.round(_?.average_health_score?.average_health_score || 0),
+              showArea: !0,
+              showAverage: !0,
+              title: r.peer_average,
+              useCustomMark: !0
+            }
+          )
         }
-      ) }),
+      ),
       drawerTitle: r.score_history,
       isOpen: t,
       loadConnectAccountsCard: !1,
@@ -3186,15 +3242,13 @@ const Wo = ({ total: t }) => {
         {
           sx: {
             backgroundColor: "background.paper",
-            borderBottom: "1px solid",
-            borderColor: "divider",
             pb: 11,
             pt: 8,
             px: 24
           },
           children: /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
             /* @__PURE__ */ e(
-              At,
+              Ot,
               {
                 arcRadius: 24,
                 healthScore: c?.health_score,
@@ -3209,11 +3263,11 @@ const Wo = ({ total: t }) => {
           ] })
         }
       ),
-      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((b, S) => /* @__PURE__ */ e(Nr, { report: b }, S)) })
+      children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: u.map((b, v) => /* @__PURE__ */ e(Xr, { report: b }, v)) })
     }
   );
-}, Kr = v(jr), Vr = ({ copy: t }) => {
-  const o = E(), n = [
+}, qr = k(Yr), Ur = ({ copy: t }) => {
+  const o = z(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
     o.palette.chartMono.chartMono3,
@@ -3272,20 +3326,20 @@ const Wo = ({ total: t }) => {
       )) })
     ] })
   ] });
-}, Xr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), { isCopyLoaded: r } = U();
+}, Qr = ({ isOpen: t, onClose: o }) => {
+  const { finstrong: n } = S(), { isCopyLoaded: r } = U();
   return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ i(p, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ i(p, { sx: { gap: 8 }, children: [
         /* @__PURE__ */ e(X, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Vr, { copy: n }) })
+      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Ur, { copy: n }) })
     ] }),
     /* @__PURE__ */ i(p, { sx: { gap: 12 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
       /* @__PURE__ */ i(
-        Ee,
+        ze,
         {
           component: "ol",
           sx: {
@@ -3325,7 +3379,7 @@ const Wo = ({ total: t }) => {
     /* @__PURE__ */ i(p, { sx: { gap: 4 }, children: [
       /* @__PURE__ */ e(I, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
       /* @__PURE__ */ i(
-        Ee,
+        ze,
         {
           component: "ol",
           sx: {
@@ -3352,13 +3406,13 @@ const Wo = ({ total: t }) => {
       )
     ] })
   ] }) }) : /* @__PURE__ */ e(Q, {});
-}, Yr = v(Xr), qr = v(() => {
-  const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = ft(), { finstrong: a } = x(), { isCopyLoaded: l, isInitialized: c } = U(), { healthScore: d, healthScoreChange: _ } = F(), h = n.palette.mode === "dark", u = Ge(d?.health_score, a);
+}, Zr = k(Qr), Jr = k(() => {
+  const [t, o] = m.useState(!1), n = z(), [r, { width: s }] = St(), { finstrong: a } = S(), { isCopyLoaded: l, isInitialized: c } = U(), { healthScore: d, healthScoreChange: _ } = B(), h = n.palette.mode === "dark", u = Ge(d?.health_score, a);
   return !l || !c ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ i(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ i(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ e(X, { children: a.financial_strength_header }),
       /* @__PURE__ */ e(
-        B,
+        P,
         {
           endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => o(!0),
@@ -3385,7 +3439,7 @@ const Wo = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(p, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
-      At,
+      Ot,
       {
         arcRadius: s <= 323 ? 72.5 : 154,
         footerCenterContent: _,
@@ -3394,7 +3448,7 @@ const Wo = ({ total: t }) => {
       }
     ) }),
     d?.health_score ? /* @__PURE__ */ i(
-      xo,
+      wo,
       {
         sx: {
           px: 16,
@@ -3409,9 +3463,9 @@ const Wo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            Co,
+            Mo,
             {
-              expandIcon: /* @__PURE__ */ e(mn, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(yn, { size: 20 }),
               sx: {
                 "&.MuiAccordionSummary-root": {
                   minHeight: 0
@@ -3425,7 +3479,7 @@ const Wo = ({ total: t }) => {
               children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(So, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(D, { variant: "subtitle1", children: u.scoreContent }) })
+          /* @__PURE__ */ e(ko, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(D, { variant: "subtitle1", children: u.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
@@ -3450,44 +3504,44 @@ const Wo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Yr,
+      Zr,
       {
         isOpen: t,
         onClose: () => o(!1)
       }
     )
   ] });
-}), Ur = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: a, loadBudgetData: l, setTheme: c } = Rn(), { reloadCategoryTotals: d } = Ne(), _ = F(), {
+}), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
+  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: a, loadBudgetData: l, setTheme: c } = Fn(), { reloadCategoryTotals: d } = Ne(), _ = B(), {
     augmentedChartData: h,
     calculateHealthScore: u,
     loadAugmentedChartData: b,
-    loadMonthlySummaries: S,
+    loadMonthlySummaries: v,
     loadPeerScore: C,
     peerScore: f
-  } = _, { finstrong: w, connect: k } = x(), { isCopyLoaded: g, isInitialized: y } = U(), { loadRepeatingTransactions: $ } = je(), { isSmallMobile: L } = Xe(), T = E(), { userProfile: P } = ee(), [z, G] = m.useState(!1), [_e, ue] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1);
-  if (vo({
+  } = _, { finstrong: x, connect: w } = S(), { isCopyLoaded: g, isInitialized: y } = U(), { loadRepeatingTransactions: A } = je(), { isSmallMobile: L } = Xe(), T = z(), { userProfile: W } = ee(), [E, G] = m.useState(!1), [_e, ue] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1);
+  if (Do({
     widgetName: "FinstrongWidget",
-    isLoaded: z
+    isLoaded: E
   }), m.useEffect(() => {
     c(T);
   }, []), m.useEffect(() => {
     n && (_.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, _]), m.useEffect(() => {
-    y && (S().finally(), C().finally(), u().finally(), b().finally());
+    y && (v().finally(), C().finally(), u().finally(), b().finally());
   }, [y]), m.useEffect(() => {
     y && (d(r, s.start, s.end).finally(() => {
       G(!0);
-    }), a || (l(), $().finally()));
-  }, [s, a, y, r]), !g || !y || !z) return /* @__PURE__ */ e(Q, {});
+    }), a || (l(), A().finally()));
+  }, [s, a, y, r]), !g || !y || !E) return /* @__PURE__ */ e(Q, {});
   const we = () => ue(!0), K = Math.round(f?.average_health_score?.average_health_score || 0), ae = h.some((he) => he.y !== 0);
   return /* @__PURE__ */ i(
-    wo,
+    Io,
     {
       actions: [
         {
           iconName: "person",
-          label: w.profile,
+          label: x.profile,
           onClick: we
         }
       ],
@@ -3503,9 +3557,9 @@ const Wo = ({ total: t }) => {
         },
         ...o
       },
-      title: w.title,
+      title: x.title,
       children: [
-        P.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
+        W.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
           p,
           {
             sx: {
@@ -3518,13 +3572,13 @@ const Wo = ({ total: t }) => {
             },
             children: [
               /* @__PURE__ */ i(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
-                /* @__PURE__ */ e(qr, {}),
+                /* @__PURE__ */ e(Jr, {}),
                 /* @__PURE__ */ e(
                   Be,
                   {
-                    description: w.connect_more_accounts_description,
+                    description: x.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: w.connect_more_accounts_title
+                    title: x.connect_more_accounts_title
                   }
                 )
               ] }),
@@ -3535,9 +3589,9 @@ const Wo = ({ total: t }) => {
                     direction: "row",
                     sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
                     children: [
-                      /* @__PURE__ */ e(X, { children: w.key_indicators }),
+                      /* @__PURE__ */ e(X, { children: x.key_indicators }),
                       /* @__PURE__ */ e(
-                        B,
+                        P,
                         {
                           endIcon: /* @__PURE__ */ e(J, {}),
                           onClick: () => j(!0),
@@ -3549,7 +3603,7 @@ const Wo = ({ total: t }) => {
                             }
                           },
                           variant: "text",
-                          children: /* @__PURE__ */ e(I, { bold: !0, variant: "body2", children: w.whats_changed })
+                          children: /* @__PURE__ */ e(I, { bold: !0, variant: "body2", children: x.whats_changed })
                         }
                       )
                     ]
@@ -3571,7 +3625,7 @@ const Wo = ({ total: t }) => {
                     labelBackgroundColor: T.palette.border.dark,
                     labelFontColor: T.palette.common.white,
                     labelFontSize: typeof T.typography.XSmall?.fontSize == "string" ? parseFloat(T.typography.XSmall.fontSize) : T.typography.XSmall?.fontSize,
-                    labels: [w.key_indicators_label],
+                    labels: [x.key_indicators_label],
                     margin: { right: 12, left: -37 },
                     peerAverage: K,
                     showArea: !0,
@@ -3580,25 +3634,25 @@ const Wo = ({ total: t }) => {
                     showMarkLabel: !0,
                     showTooltip: !0,
                     showXAxis: !0,
-                    title: w.peer_average
+                    title: x.peer_average
                   }
-                ) : /* @__PURE__ */ e(Dr, { onClick: () => H(!0) }),
-                /* @__PURE__ */ e(kr, {})
+                ) : /* @__PURE__ */ e(Or, { onClick: () => H(!0) }),
+                /* @__PURE__ */ e(Tr, {})
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ e(Wr, {}),
-        /* @__PURE__ */ e(Gr, { isOpen: _e, onClose: () => ue(!1) }),
+        ) : /* @__PURE__ */ e(Gr, {}),
+        /* @__PURE__ */ e(Kr, { isOpen: _e, onClose: () => ue(!1) }),
         /* @__PURE__ */ e(
           re,
           {
             onClose: () => H(!1),
             showConnectWidget: ve,
-            title: k.mini_title
+            title: w.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          Kr,
+          qr,
           {
             isOpen: te,
             onClose: () => j(!1)
@@ -3607,12 +3661,12 @@ const Wo = ({ total: t }) => {
       ]
     }
   );
-}, ui = v(Ur);
+}, yi = k(ea);
 export {
-  Mo as CreditScoreGraph,
-  It as DialScoreCard,
-  At as FinancialStrengthGraph,
-  gi as FinstrongApi,
-  yi as FinstrongStore,
-  ui as FinstrongWidget
+  Ao as CreditScoreGraph,
+  At as DialScoreCard,
+  Ot as FinancialStrengthGraph,
+  xi as FinstrongApi,
+  Si as FinstrongStore,
+  yi as FinstrongWidget
 };