@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0-ram1-bug-alpha-testing

package/dist/finstrong/index.es.js

@@ -1,118 +1,344 @@
-import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
 import M from "@mui/material/Box";
 import _ from "@mui/material/Stack";
-import { useTheme as E, alpha as le } from "@mui/material/styles";
-import { PieChart as tn } from "@mui/x-charts/PieChart";
-import { P as I, H3 as K, Text as A, InstitutionLogo as lt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
-import { TrendingUp as rn, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as dt, ChevronRight as Z, CheckCircle as cn, Cancel as ln, CreditCard as pt, Savings as dn, ContentCopy as pn, MultilineChart as _n, Add as _t, Cardiology as un, Payments as hn, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { g as yn, a as bn, r as Ze, b as fn, c as Ge, d as ut, C as we, e as ke, f as xn, h as Sn, i as vn, j as ht, k as Je, l as Cn, m as et, n as wn, o as mt, p as kn, q as gt, s as Oe, t as yt, u as Mn, v as bt, w as Dn, A as ne, x as In, P as An } from "../FinstrongStore-BjFkMTIL.mjs";
-import { y as Si, F as vi } from "../FinstrongStore-BjFkMTIL.mjs";
-import * as tt from "d3";
+import { useTheme as W, alpha as ue } from "@mui/material/styles";
+import { PieChart as pn } from "@mui/x-charts/PieChart";
+import { Text as D, P as A, H3 as j, InstitutionLogo as yt, H2 as Ge, MerchantLogo as un, Icon as _n } from "@mxenabled/mxui";
+import { ChevronRight as J, Check as mn, TrendingUp as hn, ArrowRightAlt as gn, TrendingDown as yn, AccountBalance as ft, CheckCircle as fn, Cancel as bn, CreditCard as bt, Savings as xn, ContentCopy as Cn, MultilineChart as Sn, Add as xt, Cardiology as vn, Payments as wn, CalendarMonth as kn, ExpandMore as Mn } from "@mxenabled/mx-icons";
+import { addDays as Dn } from "date-fns/addDays";
+import { addMonths as In } from "date-fns/addMonths";
+import { addYears as An } from "date-fns/addYears";
+import { differenceInDays as Tn } from "date-fns/differenceInDays";
+import { differenceInMonths as On } from "date-fns/differenceInMonths";
+import { differenceInWeeks as it } from "date-fns/differenceInWeeks";
+import { format as Ct } from "date-fns/format";
+import { startOfToday as Ve } from "date-fns/startOfToday";
+import m, { useState as Rn, useRef as Fn, useCallback as st, useEffect as ct } from "react";
+import Ln from "@mui/material/Avatar";
+import ae from "@mui/material/Divider";
+import Le from "@mui/material/List";
+import _e from "@mui/material/ListItem";
+import Ye from "@mui/material/ListItemAvatar";
+import St from "@mui/material/ListItemButton";
+import me from "@mui/material/ListItemText";
+import { f as B } from "../NumberFormatting--XMeeBfr.mjs";
+import { b as z } from "../Localization-DnoVyBNK.mjs";
+import { f as Xe, D as Ue } from "../DateFormats-HudZ3Bjs.mjs";
+import * as lt from "d3";
 import { observer as w } from "mobx-react-lite";
-import { u as v, b as J, a as He, o as ee, A as B, p as Tn, d as xe, m as Ne, f as On, j as je, h as Rn, i as Ln } from "../hooks-fY_n74f7.mjs";
-import { L as U } from "../Loader-BSWSYqvn.mjs";
-import h, { useState as Fn, useRef as Bn, useCallback as nt, useEffect as ot } from "react";
-import P from "@mui/material/Button";
-import V from "@mui/material/Card";
-import { L as Ke } from "../LineChart-DHj-Bufi.mjs";
-import { C as ft } from "../ConnectionsDrawer-BExzgE16.mjs";
-import { b as re } from "../GlobalAccountFilter-BpWlPAl5.mjs";
-import de from "@mui/material/Tab";
-import Ve from "@mui/material/Tabs";
-import Re from "@mui/material/TextField";
-import { a as Pn, f as Wn, D as $n } from "../Dialog-CWymUiuO.mjs";
-import { u as Xe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as xt } from "../useDimensions-27p2evRx.mjs";
-import { E as Le } from "../EmptyState-DoxNUae-.mjs";
-import En from "@mui/material/Chip";
-import { D as oe } from "../Drawer-Bet2ZPJo.mjs";
-import _e from "@mui/material/Divider";
-import ye from "@mui/material/ListItem";
-import St from "@mui/material/ListItemAvatar";
-import be from "@mui/material/ListItemText";
-import { g as vt } from "../AccountDisplayName-CO7z3v99.mjs";
-import { g as Ct } from "../AccountFields-BRRH37K1.mjs";
-import Ee from "@mui/material/List";
-import zn from "@mui/material/ListItemButton";
-import Gn from "@mui/material/ListSubheader";
-import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
-import { b as j } from "../Localization-2MODESHW.mjs";
-import { S as rt, F as wt, e as Hn, R as kt } from "../RepeatingTransaction-C2txVA9O.mjs";
-import { A as ze } from "../Account-CMjOp7S2.mjs";
-import { S as Nn } from "../StatusBar-CPfSXe80.mjs";
-import { h as Mt } from "../DateUtil-CVsMhbZU.mjs";
-import { T as jn, s as Kn, h as Vn, S as Xn, b as Yn } from "../TransactionDetails-CPwv9xtZ.mjs";
-import { T as pe } from "../TabContentContainer-CnMXkVqr.mjs";
-import qn from "@mui/material/useMediaQuery";
+import { u as S, b as ne, a as qe, C as oe, s as L, D as Pn, d as ke, l as Qe, f as Bn, i as Ze, h as En, o as Gn } from "../hooks-BaO_gOI6.mjs";
+import { L as ee } from "../Loader-CxeBwuPG.mjs";
+import E from "@mui/material/Button";
+import Y from "@mui/material/Card";
+import { L as Je } from "../LineChart-CejWS_rh.mjs";
+import { C as vt } from "../ConnectionsDrawer-CtfPXk0M.mjs";
+import { C as se } from "../ConnectDrawer-Cnjr3Ddg.mjs";
+import he from "@mui/material/Tab";
+import et from "@mui/material/Tabs";
+import Pe from "@mui/material/TextField";
+import { u as tt } from "../useScreenSize-mWpmnh5w.mjs";
+import { D as Wn } from "../Dialog-CwWc0AbH.mjs";
+import { u as wt } from "../useDimensions-CeDR9V8N.mjs";
+import { E as Be } from "../EmptyState-CJUDc3kD.mjs";
+import $n from "@mui/material/Chip";
+import { D as ie } from "../Drawer-BXqqBMxg.mjs";
+import { g as kt } from "../AccountDisplayName-CO7z3v99.mjs";
+import { g as Mt } from "../AccountFields-mwJ8NXsX.mjs";
+import Nn from "@mui/material/ListSubheader";
+import { S as dt } from "../Select-BFt-HD-L.mjs";
+import { A as je } from "../Account-BaJmiJAG.mjs";
+import { S as zn } from "../StatusBar-CPfSXe80.mjs";
+import { i as Dt } from "../DateUtil-Bhq59ZVg.mjs";
+import { T as Hn, s as Kn, h as Vn, S as jn, a as Yn } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as ge } from "../TabContentContainer-CnMXkVqr.mjs";
+import Xn from "@mui/material/useMediaQuery";
 import { BarPlot as Un } from "@mui/x-charts/BarChart";
-import { ChartContainer as Qn } from "@mui/x-charts/ChartContainer";
-import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
-import { startOfMonth as Dt } from "date-fns/startOfMonth";
-import { endOfMonth as It } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-BxefXiQd.mjs";
-import { formatISO as oo } from "date-fns/formatISO";
-import { fromUnixTime as ro } from "date-fns/fromUnixTime";
-import { startOfToday as at } from "date-fns/startOfToday";
-import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as it, S as so, i as co } from "../ManageIncome-DIIyqDTp.mjs";
-import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
-import { AdapterDateFns as At } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-BpCUcE8w.mjs";
-import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
-import { format as mo } from "date-fns/format";
-import go from "@mui/lab/Timeline";
-import yo, { timelineItemClasses as bo } from "@mui/lab/TimelineItem";
+import { ChartContainer as qn } from "@mui/x-charts/ChartContainer";
+import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as Zn } from "@mui/x-charts/ChartsYAxis";
+import { startOfMonth as It } from "date-fns/startOfMonth";
+import { endOfMonth as At } from "date-fns/endOfMonth";
+import { g as Jn, S as eo, b as to } from "../SpendingLegend-5Ct_FZ8o.mjs";
+import { formatISO as no } from "date-fns/formatISO";
+import { fromUnixTime as oo } from "date-fns/fromUnixTime";
+import { subDays as ro } from "date-fns/subDays";
+import { c as ao, b as pt, S as io, i as so } from "../ManageIncome-B1JfqslT.mjs";
+import { F as Tt, c as co, R as Ot } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
+import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as uo } from "@mui/x-date-pickers";
+import { AdapterDateFns as Rt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { R as _o } from "../RecurringSettings-cm6MK_aS.mjs";
+import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
+import ho from "@mui/lab/Timeline";
+import go, { timelineItemClasses as yo } from "@mui/lab/TimelineItem";
 import fo from "@mui/lab/TimelineConnector";
-import xo from "@mui/lab/TimelineContent";
-import So from "@mui/lab/TimelineDot";
-import vo from "@mui/lab/TimelineSeparator";
-import Co from "@mui/material/Accordion";
-import wo from "@mui/material/AccordionDetails";
-import ko from "@mui/material/AccordionSummary";
-import { u as Mo } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
-import { W as Do } from "../WidgetContainer-mzejMmz2.mjs";
-const Io = ({
+import bo from "@mui/lab/TimelineContent";
+import xo from "@mui/lab/TimelineDot";
+import Co from "@mui/lab/TimelineSeparator";
+import So from "@mui/material/Accordion";
+import vo from "@mui/material/AccordionDetails";
+import wo from "@mui/material/AccordionSummary";
+import { u as ko } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { W as Mo } from "../WidgetContainer-DNuz_s7W.mjs";
+const Ae = {
+  creditScore: {
+    poor: 600,
+    good: 720
+  },
+  daysOfCashOnHand: {
+    poor: 30,
+    good: 90
+  },
+  debtToIncomeRatio: {
+    poor: 40,
+    good: 30
+  },
+  emergencySavings: {
+    poor: 750,
+    good: 1e3
+  },
+  spendToIncomeRatio: {
+    poor: 110,
+    good: 100
+  }
+}, De = {
+  GOOD: "GOOD",
+  FAIR: "FAIR",
+  OFF_TRACK: "OFF TRACK",
+  MISSING: "MISSING DATA"
+};
+var q = /* @__PURE__ */ ((t) => (t.Connections = "connections", t.CreditScore = "credit_score", t.DateOfBirth = "date_of_birth", t.MonthlyIncome = "monthly_income", t))(q || {});
+const Do = ({ list: t, onClickItem: n }) => /* @__PURE__ */ e(M, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(
+  Le,
+  {
+    sx: {
+      "& .MuiListItemSecondaryAction-root": {
+        color: "text.primary",
+        pr: 24
+      }
+    },
+    children: t.map((o, r) => /* @__PURE__ */ s(m.Fragment, { children: [
+      /* @__PURE__ */ e(_e, { secondaryAction: /* @__PURE__ */ e(J, {}), children: /* @__PURE__ */ s(St, { onClick: () => n(o.key), children: [
+        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(
+          Ln,
+          {
+            sx: {
+              bgcolor: "primary.main",
+              ...!o.isComplete && {
+                bgcolor: "transparent",
+                borderColor: "action.active",
+                borderStyle: "solid",
+                borderWidth: 1,
+                color: "action.active"
+              }
+            },
+            children: o.icon
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          me,
+          {
+            primary: /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "caption", children: o.primaryText }),
+            secondary: /* @__PURE__ */ e(D, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: o.secondaryText })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e(ae, { sx: { color: "divider", ml: r === t.length - 1 ? 0 : 68 } })
+    ] }, o.key))
+  }
+) }), ut = (t) => t * (180 / Math.PI), nt = (t, n) => [
+  {
+    description: n.vulnerable_description,
+    max: 25,
+    scoreContent: n.accordion_details_text.vulnerable,
+    status: n.vulnerable
+  },
+  {
+    description: n.building_description,
+    max: 50,
+    scoreContent: n.accordion_details_text.building,
+    status: n.building
+  },
+  {
+    description: n.stable_description,
+    max: 75,
+    scoreContent: n.accordion_details_text.stable,
+    status: n.stable
+  },
+  {
+    description: n.strong_description,
+    max: 100,
+    scoreContent: n.accordion_details_text.strong,
+    status: n.strong
+  }
+].find((i) => t > 0 && t <= i.max) || { status: n.insufficient_data, description: "", scoreContent: "" }, Q = {
+  POOR: "#8C0E0E",
+  FAIR: "#E32727",
+  GOOD: "#FFB70D",
+  VERY_GOOD: "#0EA26C",
+  EXCEPTIONAL: "#005C3D"
+}, Z = {
+  POOR: "#B21C1C",
+  FAIR: "#FF3232",
+  GOOD: "#FFC02C",
+  VERY_GOOD: "#29C76B",
+  EXCEPTIONAL: "#008A5A"
+}, Ft = (t, n, o) => t >= 300 && t < 580 ? {
+  status: o.poor,
+  color: n ? Z.POOR : Q.POOR
+} : t >= 580 && t < 670 ? {
+  status: o.fair,
+  color: n ? Z.FAIR : Q.FAIR
+} : t >= 670 && t < 740 ? {
+  status: o.good,
+  color: n ? Z.GOOD : Q.GOOD
+} : t >= 740 && t < 800 ? {
+  status: o.very_good,
+  color: n ? Z.VERY_GOOD : Q.VERY_GOOD
+} : t >= 800 && t <= 850 ? {
+  status: o.exceptional,
+  color: n ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
+} : { status: o.missing_data }, Io = (t, n, o, r) => {
+  const i = t.reduce((c, d) => c + d.value, 0);
+  let a = 0;
+  const l = t.map((c) => {
+    const d = c.value / i * n, p = o + a, u = p + d;
+    return a += d, {
+      ...c,
+      startAngle: p,
+      endAngle: u
+    };
+  });
+  return [l[r].startAngle, l[r].endAngle];
+}, Ao = (t, n, o, r, i) => {
+  let a = 0, l = 0;
+  const c = Math.floor(r), d = r - c;
+  return c > o ? (a = t, l = n) : c === o && d > 0 && (a = t, l = i), [a, l];
+}, To = (t, n, o = 0) => {
+  const r = t * Math.sin(n - o), i = -t * Math.cos(n - o);
+  return [r, i];
+}, Oo = ({
+  dynamicCopy: t,
+  fallbackLabel: n,
+  icon: o,
+  key: r,
+  label: i,
+  value: a
+}) => {
+  const l = !!a, c = l ? Ro(r, a) : t && z(t, n) || n;
+  return {
+    icon: l ? /* @__PURE__ */ e(mn, {}) : o,
+    isComplete: l,
+    key: r,
+    primaryText: i,
+    secondaryText: c
+  };
+}, Ro = (t, n) => ({
+  [q.DateOfBirth]: (r) => Ct(new Date(Number(r) * 1e3), "MMM d, yyyy"),
+  [q.MonthlyIncome]: (r) => B(Number(r), "0.00")
+})[t]?.(n) ?? String(n), Ee = (t) => t !== null ? Math.round(t * 100) : null, Fo = (t) => {
+  const n = new Date((/* @__PURE__ */ new Date()).getFullYear(), t - 1, 1);
+  return Xe(n, Ue.MONTH_SHORT);
+}, Lt = (t) => {
+  const { good: n, poor: o } = Ae.daysOfCashOnHand;
+  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
+}, Pt = (t) => {
+  const { good: n, poor: o } = Ae.emergencySavings;
+  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
+}, Bt = (t) => {
+  const { good: n, poor: o } = Ae.spendToIncomeRatio;
+  return t === null ? "MISSING" : t < n ? "GOOD" : t < o ? "FAIR" : "OFF_TRACK";
+}, Et = (t) => {
+  const { good: n, poor: o } = Ae.debtToIncomeRatio;
+  return t === null ? "MISSING" : t <= n ? "GOOD" : t <= o ? "FAIR" : "OFF_TRACK";
+}, Gt = (t) => {
+  const { good: n, poor: o } = Ae.creditScore;
+  return t === null ? "MISSING" : t >= n ? "GOOD" : t >= o ? "FAIR" : "OFF_TRACK";
+}, Wt = (t) => t === null ? "MISSING" : t === 0 ? "GOOD" : "OFF_TRACK", Lo = (t, n) => {
+  const o = Wt(t), r = {
+    GOOD: n.count_good_description,
+    OFF_TRACK: n.count_off_track_description,
+    MISSING: n.count_missing_description
+  };
+  return {
+    cardState: o,
+    description: r[o],
+    title: n.count_card_title
+  };
+}, Po = (t) => ({
+  [De.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
+  [De.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
+  [De.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
+  [De.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
+})[t], Bo = 1, Eo = 1, Go = {
+  1: In,
+  2: An,
+  3: Dn
+}, Wo = {
+  1: On,
+  2: (t, n) => it(t, n) / 2,
+  3: it,
+  4: Tn
+}, $t = [
+  { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
+  { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
+  { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
+], _t = ({
+  contribution: t,
+  goalAmount: n,
+  goalPeriod: o,
+  targetPeriod: r,
+  totalSaved: i
+}) => {
+  const a = n - i;
+  if (a <= 0) return 0;
+  const l = Ve(), c = Go[r], d = Wo[t];
+  if (!c || !d) return a;
+  const p = c(l, o), u = d(p, l);
+  return Math.max(a / (u || 1), 1);
+}, $o = (t) => !t || t <= 0 ? "0%" : t >= 1e3 ? "100%" : `${Math.round(t / 10)}%`, No = (t) => $t.find((o) => t < o.upperLimit)?.targetAmount ?? Eo, mt = (t) => $t.find((r) => t < r.upperLimit)?.contributionPeriodIndex ?? Bo, zo = (t, n) => [...t].sort((r, i) => r.year === i.year ? r.month - i.month : r.year - i.year).map((r) => ({
+  x: Xe(new Date(0, r.month - 1, 1), Ue.MONTH_SHORT),
+  y: r[n]
+})), Ho = ({
   dialScoreData: t,
-  dataIndex: o,
-  arcColor: n,
+  dataIndex: n,
+  arcColor: o,
   arcStartAngle: r,
-  totalAngularSpan: s,
+  totalAngularSpan: i,
   centerX: a,
   centerY: l,
   arcRadius: c,
   innerArcRadius: d,
   outterArcRadius: p,
   progressEndAngle: u,
-  unitsPerSegment: m,
-  isFinacialStrengthGraph: b
+  unitsPerSegment: h,
+  isFinacialStrengthGraph: f
 }) => {
-  const C = E(), x = [
-    { offset: "13.62%", color: C.palette.chartMono.chartMono2 },
-    { offset: "36.67%", color: C.palette.chartMono.chartMono3 },
-    { offset: "59.72%", color: C.palette.chartMono.chartMono4 },
-    { offset: "83.46%", color: C.palette.chartMono.chartMono5 }
-  ], [S, y] = yn(
+  const v = W(), x = [
+    { 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 }
+  ], [C, b] = Io(
     t,
-    s,
+    i,
     r,
-    o
-  ), [k, g] = bn(
-    S,
-    y,
-    o,
-    m,
+    n
+  ), [k, g] = Ao(
+    C,
+    b,
+    n,
+    h,
     u
-  ), f = tt.arc().innerRadius(d).outerRadius(p).startAngle(S).endAngle(y).padAngle(0.02).cornerRadius(8), T = tt.arc().innerRadius(d).outerRadius(p).startAngle(k).endAngle(g).padAngle(0.02).cornerRadius(8);
-  return /* @__PURE__ */ i(z, { children: [
+  ), y = lt.arc().innerRadius(d).outerRadius(p).startAngle(C).endAngle(b).padAngle(0.02).cornerRadius(8), I = lt.arc().innerRadius(d).outerRadius(p).startAngle(k).endAngle(g).padAngle(0.02).cornerRadius(8);
+  return /* @__PURE__ */ s(H, { children: [
     /* @__PURE__ */ e(
       "path",
       {
-        d: f({}),
-        fill: b ? C.palette.divider : n
+        d: y({}),
+        fill: f ? v.palette.divider : o
       }
     ),
-    b && /* @__PURE__ */ e("path", { d: T({}), fill: "url(#arcGradient)" }),
+    f && /* @__PURE__ */ e("path", { d: I({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -123,82 +349,82 @@ const Io = ({
         x2: a - c * 0.8 * Math.cos(Math.PI / 1.35),
         y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
         y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
-        children: x.map((L, D) => /* @__PURE__ */ e("stop", { offset: L.offset, stopColor: L.color }, D))
+        children: x.map((G, O) => /* @__PURE__ */ e("stop", { offset: G.offset, stopColor: G.color }, O))
       }
     ) })
   ] });
-}, Tt = ({
+}, Nt = ({
   arcRadius: t = 100,
-  healthScore: o,
-  size: n = "L",
+  healthScore: n,
+  size: o = "L",
   dialScoreData: r,
-  minValue: s = 0,
+  minValue: i = 0,
   maxValue: a = 100,
   margin: l,
   markerColor: c,
   healthScoreStatus: d,
   footerCenterContent: p,
   footerLeftContent: u,
-  footerRightContent: m,
-  isFinacialStrengthGraph: b = !1
+  footerRightContent: h,
+  isFinacialStrengthGraph: f = !1
 }) => {
-  const C = E(), x = -Math.PI / 1.35, S = Math.PI / 1.35, y = S - x, k = y / (a - s), g = (o - s) * k, f = x + g + 0.02, T = n !== "SM" ? 0.1 : 0.12, L = t, D = t * (1 - T), G = L * 2, W = G / 2, H = G / 2, ve = (D + L) / 2, ae = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [X, te] = fn(ve, f, ae), ie = o / 25, Y = {
+  const v = W(), x = -Math.PI / 1.35, C = Math.PI / 1.35, b = C - x, k = b / (a - i), g = (n - i) * k, y = x + g + 0.02, I = o !== "SM" ? 0.1 : 0.12, G = t, O = t * (1 - I), $ = G * 2, F = $ / 2, K = $ / 2, fe = (O + G) / 2, be = n !== 25 && n !== 50 && n !== 75 && n !== 100 ? 0 : 0.12, [X, re] = To(fe, y, be), ce = n / 25, U = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
-  }, N = {
+  }, V = {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
     ...l
-  }, he = p === 0 ? an : sn, se = n !== "SM" ? 3 : 1, Ce = se * 4, q = Y[n].markerSize * 2 + Ce;
-  return /* @__PURE__ */ i(
+  }, le = p === 0 ? gn : yn, de = o !== "SM" ? 3 : 1, xe = de * 4, N = U[o].markerSize * 2 + xe;
+  return /* @__PURE__ */ s(
     _,
     {
       sx: {
-        width: G,
-        height: n === "SM" ? G - 7 : G,
+        width: $,
+        height: o === "SM" ? $ - 7 : $,
         position: "relative",
         alignSelf: "center",
         overflow: "visible"
       },
       children: [
         /* @__PURE__ */ e(
-          tn,
+          pn,
           {
-            height: n === "SM" ? G - 7 : G,
+            height: o === "SM" ? $ - 7 : $,
             hideLegend: !0,
-            margin: N,
+            margin: V,
             series: [
               {
                 data: r,
-                innerRadius: D,
-                outerRadius: L,
-                startAngle: Math.round(Ze(x)),
+                innerRadius: O,
+                outerRadius: G,
+                startAngle: Math.round(ut(x)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(Ze(S))
+                endAngle: Math.round(ut(C))
                 // Use Math.degrees to convert
               }
             ],
             skipAnimation: !0,
             slots: {
-              pieArc: (De) => /* @__PURE__ */ e(
-                Io,
+              pieArc: (Ce) => /* @__PURE__ */ e(
+                Ho,
                 {
-                  arcColor: De.color,
+                  arcColor: Ce.color,
                   arcRadius: t,
                   arcStartAngle: x,
-                  centerX: W,
-                  centerY: H,
-                  dataIndex: De.dataIndex,
+                  centerX: F,
+                  centerY: K,
+                  dataIndex: Ce.dataIndex,
                   dialScoreData: r,
-                  innerArcRadius: D,
-                  isFinacialStrengthGraph: b,
-                  outterArcRadius: L,
-                  progressEndAngle: f,
-                  totalAngularSpan: y,
-                  unitsPerSegment: ie
+                  innerArcRadius: O,
+                  isFinacialStrengthGraph: f,
+                  outterArcRadius: G,
+                  progressEndAngle: y,
+                  totalAngularSpan: b,
+                  unitsPerSegment: ce
                 }
               )
             },
@@ -207,30 +433,30 @@ const Io = ({
                 stroke: "none"
               }
             },
-            width: G
+            width: $
           }
         ),
-        o >= s && o <= a && /* @__PURE__ */ e(
+        n >= i && n <= a && /* @__PURE__ */ e(
           "svg",
           {
-            height: q,
+            height: N,
             style: {
               position: "absolute",
-              left: W + X - Y[n].markerSize - 5,
-              top: H + te - Y[n].markerSize - 5,
+              left: F + X - U[o].markerSize - 5,
+              top: K + re - U[o].markerSize - 5,
               overflow: "visible"
             },
-            viewBox: `${W + X - Y[n].markerSize - 5} ${H + te - Y[n].markerSize - 5} ${q} ${q}`,
-            width: q,
+            viewBox: `${F + X - U[o].markerSize - 5} ${K + re - U[o].markerSize - 5} ${N} ${N}`,
+            width: N,
             children: /* @__PURE__ */ e(
               "circle",
               {
-                cx: W + X,
-                cy: H + te,
-                fill: C.palette.common.white,
-                r: Y[n].markerSize,
-                stroke: b ? "url(#arcGradient)" : c,
-                strokeWidth: se
+                cx: F + X,
+                cy: K + re,
+                fill: v.palette.common.white,
+                r: U[o].markerSize,
+                stroke: f ? "url(#arcGradient)" : c,
+                strokeWidth: de
               }
             )
           }
@@ -240,29 +466,29 @@ const Io = ({
           {
             sx: {
               position: "absolute",
-              top: `${H}px`,
-              left: `${W}px`,
+              top: `${K}px`,
+              left: `${F}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ s(
               _,
               {
                 spacing: 1,
-                sx: { alignItems: "center", justifyContent: "center", gap: n !== "M" ? 10 : 3 },
+                sx: { alignItems: "center", justifyContent: "center", gap: o !== "M" ? 10 : 3 },
                 children: [
                   /* @__PURE__ */ e(
-                    I,
+                    A,
                     {
                       sx: {
-                        fontSize: Y[n].healthScoreFontSize,
-                        lineHeight: n !== "SM" ? "48px" : "100%"
+                        fontSize: U[o].healthScoreFontSize,
+                        lineHeight: o !== "SM" ? "48px" : "100%"
                       },
-                      variant: "H1",
-                      children: o
+                      variant: "h1",
+                      children: n
                     }
                   ),
-                  n !== "SM" && /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: d })
+                  o !== "SM" && /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: o === "L" ? "body1" : "body2", children: d })
                 ]
               }
             )
@@ -273,12 +499,12 @@ const Io = ({
           {
             sx: {
               position: "absolute",
-              top: `${H * 2 * 0.83}px`,
-              left: `${W}px`,
+              top: `${K * 2 * 0.83}px`,
+              left: `${F}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
-            children: typeof p == "number" ? /* @__PURE__ */ i(
+            children: typeof p == "number" ? /* @__PURE__ */ s(
               _,
               {
                 sx: {
@@ -288,9 +514,9 @@ const Io = ({
                   mt: 24
                 },
                 children: [
-                  p > 0 ? /* @__PURE__ */ e(rn, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(he, { size: 16, sx: { color: "text.secondary" } }),
+                  p > 0 ? /* @__PURE__ */ e(hn, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(le, { size: 16, sx: { color: "text.secondary" } }),
                   /* @__PURE__ */ e(
-                    I,
+                    A,
                     {
                       sx: {
                         fontWeight: 600,
@@ -302,7 +528,7 @@ const Io = ({
                   )
                 ]
               }
-            ) : /* @__PURE__ */ e(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: p })
+            ) : /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: p })
           }
         ),
         u !== void 0 && /* @__PURE__ */ e(
@@ -310,136 +536,136 @@ const Io = ({
           {
             sx: {
               position: "absolute",
-              top: `${H * 2 * 0.83}px`,
-              left: `${W - W / 2}px`,
+              top: `${K * 2 * 0.83}px`,
+              left: `${F - F / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(I, { variant: "body1", children: u })
+            children: /* @__PURE__ */ e(A, { variant: "body1", children: u })
           }
         ),
-        m !== void 0 && /* @__PURE__ */ e(
+        h !== void 0 && /* @__PURE__ */ e(
           M,
           {
             sx: {
               position: "absolute",
-              top: `${H * 2 * 0.83}px`,
-              left: `${W + W / 2}px`,
+              top: `${K * 2 * 0.83}px`,
+              left: `${F + F / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(I, { variant: "body1", children: m })
+            children: /* @__PURE__ */ e(A, { variant: "body1", children: h })
           }
         )
       ]
     }
   );
-}, Ot = w(
+}, zt = w(
   ({
     arcRadius: t,
-    size: o = "L",
-    healthScore: n,
+    size: n = "L",
+    healthScore: o,
     footerCenterContent: r,
-    margin: s
+    margin: i
   }) => {
     const a = [
       { id: 1, label: "Group A", value: 25 },
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: l } = v(), c = Ge(n, l);
+    ], { finstrong: l } = S(), c = nt(o, l);
     return /* @__PURE__ */ e(
-      Tt,
+      Nt,
       {
         arcRadius: t,
         dialScoreData: a,
-        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : r,
-        healthScore: n,
+        footerCenterContent: n === "L" ? l.footer_center_content_updated_just_now : r,
+        healthScore: o,
         healthScoreStatus: c.status,
         isFinacialStrengthGraph: !0,
-        margin: s,
-        size: o
+        margin: i,
+        size: n
       }
     );
   }
-), Ao = w(
+), Ko = w(
   ({
     arcRadius: t,
-    size: o = "L",
-    healthScore: n,
+    size: n = "L",
+    healthScore: o,
     maxValue: r = 850,
-    minValue: s = 300,
+    minValue: i = 300,
     footerCenterContent: a
   }) => {
-    const c = E().palette.mode === "dark", d = [
+    const c = W().palette.mode === "dark", d = [
       {
         id: 1,
         label: "Poor",
         value: 29,
-        color: c ? we.POOR : ke.POOR
+        color: c ? Z.POOR : Q.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: c ? we.FAIR : ke.FAIR
+        color: c ? Z.FAIR : Q.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: c ? we.GOOD : ke.GOOD
+        color: c ? Z.GOOD : Q.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: c ? we.VERY_GOOD : ke.VERY_GOOD
+        color: c ? Z.VERY_GOOD : Q.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: c ? we.EXCEPTIONAL : ke.EXCEPTIONAL
+        color: c ? Z.EXCEPTIONAL : Q.EXCEPTIONAL
       }
-    ], { finstrong: p } = v(), { isCopyLoaded: u } = J();
-    if (!u) return /* @__PURE__ */ e(U, {});
-    const { status: m, color: b = "none" } = ut(
-      n,
+    ], { finstrong: p } = S(), { isCopyLoaded: u } = ne();
+    if (!u) return /* @__PURE__ */ e(ee, {});
+    const { status: h, color: f = "none" } = Ft(
+      o,
       c,
       p.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Tt,
+      Nt,
       {
         arcRadius: t,
         dialScoreData: d,
         footerCenterContent: a,
-        footerLeftContent: s,
+        footerLeftContent: i,
         footerRightContent: r,
-        healthScore: n,
-        healthScoreStatus: m,
-        markerColor: b,
+        healthScore: o,
+        healthScoreStatus: h,
+        markerColor: f,
         maxValue: r,
-        minValue: s,
-        size: o
+        minValue: i,
+        size: n
       }
     );
   }
-), Be = ({
+), We = ({
   drawerType: t,
-  isDashboard: o = !1,
-  hasIcon: n = !0,
+  isDashboard: n = !1,
+  hasIcon: o = !0,
   buttonText: r,
-  title: s,
+  title: i,
   titleDrawer: a,
   description: l,
   sx: c
 }) => {
-  const [d, p] = h.useState(!1), { connect: u, finstrong: m } = v(), { config: b } = He();
-  return t && b.show_connections_widget_in_master ? /* @__PURE__ */ i(
-    V,
+  const [d, p] = m.useState(!1), { connect: u, finstrong: h } = S(), { config: f } = qe();
+  return t && f.show_connections_widget_in_master ? /* @__PURE__ */ s(
+    Y,
     {
       sx: {
         pb: 24,
@@ -449,40 +675,40 @@ const Io = ({
         ...c
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           _,
           {
             sx: {
               gap: 8,
-              ...o && { flexDirection: "row", alignItems: "center" }
+              ...n && { flexDirection: "row", alignItems: "center" }
             },
             children: [
-              n && /* @__PURE__ */ e(dt, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(K, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || m.connect_more_accounts_title })
+              o && /* @__PURE__ */ e(ft, { sx: { height: 20, width: 20 } }),
+              /* @__PURE__ */ e(j, { className: "connect-more-accounts-title", sx: { ...n && { fontSize: 15 } }, children: i || h.connect_more_accounts_title })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          A,
           {
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: l || m.connect_more_accounts_description
+            children: l || h.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
-          P,
+          E,
           {
-            endIcon: /* @__PURE__ */ e(Z, {}),
+            endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => p(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body2", children: r || m.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body2", children: r || h.connect_more_accounts_button })
           }
         ),
         t === "connectDrawer" && /* @__PURE__ */ e(
-          re,
+          se,
           {
             onClose: () => p(!1),
             showConnectWidget: d,
@@ -490,7 +716,7 @@ const Io = ({
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          ft,
+          vt,
           {
             onClose: () => p(!1),
             showConnectionsWidget: d,
@@ -501,46 +727,48 @@ const Io = ({
     }
   ) : null;
 };
-var ue = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(ue || {});
-const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Oo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = v(), { isMobile: s } = Xe(), { updateUser: a, user: l } = ee(), [c, d] = h.useState(l.credit_score || 0), p = !isNaN(c), u = () => {
-    o(), setTimeout(() => d(l.credit_score || 0), 300);
-  }, m = () => {
+var ye = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(ye || {});
+const Vo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", jo = ({ isOpen: t, onClose: n }) => {
+  const { common: o, finstrong: r } = S(), { isMobile: i } = tt(), { updateUser: a, user: l } = oe(), [c, d] = m.useState(l.credit_score || 0), p = !isNaN(c), u = () => {
+    n(), setTimeout(() => d(l.credit_score || 0), 300);
+  }, h = () => {
     !c || c === l.credit_score || a({ ...l, credit_score: c });
   };
   return /* @__PURE__ */ e(
-    Pn,
+    Wn,
     {
-      copy: { close_aria: n.close_aria, title: r.edit_credit_score },
+      copy: { close_aria: o.close_aria, title: r.edit_credit_score },
       disablePrimaryButton: !c || !p,
       isOpen: t,
       maxWidth: "xs",
       onClose: u,
-      onPrimaryAction: m,
+      onPrimaryAction: h,
       primaryColor: "primary",
-      primaryText: n.save_button,
+      primaryText: o.save_button,
       sx: {
         "& .MuiDialog-paper": {
-          minWidth: s ? "100%" : 400
+          minWidth: i ? "100%" : 400
         }
       },
       children: /* @__PURE__ */ e(
         "form",
         {
-          onSubmit: (b) => {
-            b.preventDefault(), m(), u();
+          onSubmit: (f) => {
+            f.preventDefault(), h(), u();
           },
           children: /* @__PURE__ */ e(
-            Re,
+            Pe,
             {
               error: !p,
               fullWidth: !0,
               inputMode: "numeric",
-              inputProps: {
-                noValidate: !0,
-                pattern: "[0-9]*"
+              onChange: (f) => d(Number(f.target.value)),
+              slotProps: {
+                htmlInput: {
+                  noValidate: !0,
+                  pattern: "[0-9]*"
+                }
               },
-              onChange: (b) => d(Number(b.target.value)),
               value: p ? c : ""
             }
           )
@@ -548,8 +776,8 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       )
     }
   );
-}, Rt = w(Oo), Ro = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = B(), { user: s } = ee(), { finstrong: a } = v(), [l, { width: c }] = xt(), d = {
+}, Ht = w(jo), Yo = ({ chartFor: t }) => {
+  const n = W(), o = n.palette.mode === "dark", { monthlySummaries: r } = L(), { user: i } = oe(), { finstrong: a } = S(), [l, { width: c }] = wt(), d = {
     savingsOverTime: {
       icon: "trending_up",
       title: a.key_indicators_save.zero_state_title,
@@ -578,62 +806,62 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: a.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], m = xn(r, u.valueKey), b = r.map((D) => D[u.valueKey]), C = Math.max(...b), x = Math.min(...b), S = () => C >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : C >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: y, leftMargin: k } = S(), g = u.title, f = t === "creditOverTime";
-  let T;
-  if (f) {
-    const { color: D } = ut(
-      s?.credit_score ?? 0,
-      n,
+  }[t], h = zo(r, u.valueKey), f = r.map((O) => O[u.valueKey]), v = Math.max(...f), x = Math.min(...f), C = () => v >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : v >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: b, leftMargin: k } = C(), g = u.title, y = t === "creditOverTime";
+  let I;
+  if (y) {
+    const { color: O } = Ft(
+      i?.credit_score ?? 0,
+      o,
       a.credit_score_status
     );
-    T = D;
+    I = O;
   }
-  const L = m.some((D) => D.y !== 0);
-  return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: L ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(I, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
+  const G = h.some((O) => O.y !== 0);
+  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: G ? /* @__PURE__ */ s(_, { gap: 8, sx: { pl: 18 }, children: [
+    /* @__PURE__ */ e(A, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
-      Ke,
+      Je,
       {
-        areaColor: T,
-        axisColor: o.palette.divider,
+        areaColor: I,
+        axisColor: n.palette.divider,
         baseline: "min",
         chartFor: t,
-        colors: [o.palette.primary.main],
-        curveType: f ? "linear" : "monotoneX",
-        datasets: m ? [m] : [],
+        colors: [n.palette.primary.main],
+        curveType: y ? "linear" : "monotoneX",
+        datasets: h ? [h] : [],
         height: 244,
-        labelFontColor: f ? "text.primary" : "",
-        labelFontSize: f ? 13 : void 0,
+        labelFontColor: y ? "text.primary" : "",
+        labelFontSize: y ? 13 : void 0,
         labels: [a.key_indicators_label],
-        margin: { left: k, top: f ? 25 : 15, right: 20 },
-        markStyles: (D) => f ? {
+        margin: { left: k, top: y ? 25 : 15, right: 20 },
+        markStyles: (O) => y ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: D === m.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: O === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
-            fill: o.palette.text.primary
+            fill: n.palette.text.primary
           },
-          stroke: T
+          stroke: I
         } : {},
-        maxRange: f ? 850 : void 0,
+        maxRange: y ? 850 : void 0,
         minRange: (() => {
-          if (f)
+          if (y)
             return x < 300 ? 0 : 300;
         })(),
         showArea: !0,
-        showAverage: !f,
-        showMark: !f,
-        showMarkLabel: f,
+        showAverage: !y,
+        showMark: !y,
+        showMarkLabel: y,
         showXAxis: !0,
-        showYAxis: f,
-        showYAxisTicks: f,
+        showYAxis: y,
+        showYAxisTicks: y,
         useCustomMark: !0,
-        valueFormatterString: f ? void 0 : y,
+        valueFormatterString: y ? void 0 : b,
         width: c < 342 ? c - 48 : 342
       }
     )
   ] }) : /* @__PURE__ */ e(
-    Le,
+    Be,
     {
       header: d.title,
       icon: d.icon,
@@ -649,43 +877,42 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           lineHeight: "24px",
           mt: 8
         }
-      },
-      variant: "no-buttons"
+      }
     }
   ) });
-}, Ye = w(Ro), Lo = () => {
-  const { healthScoreChangeReports: t } = B(), { finstrong: o } = v(), { user: n } = ee(), { availableWidth: r } = Tn(), { isSmallMobile: s } = Xe(r), [a, l] = h.useState(!1), c = t.at(-1);
-  return /* @__PURE__ */ i(M, { children: [
-    /* @__PURE__ */ i(_, { sx: { gap: 28 }, children: [
+}, ot = w(Yo), Xo = () => {
+  const { healthScoreChangeReports: t } = L(), { finstrong: n } = S(), { user: o } = oe(), { availableWidth: r } = Pn(), { isSmallMobile: i } = tt(r), [a, l] = m.useState(!1), c = t.at(-1);
+  return /* @__PURE__ */ s(M, { children: [
+    /* @__PURE__ */ s(_, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
-        Ao,
+        Ko,
         {
-          arcRadius: s ? 124 : 154,
+          arcRadius: i ? 124 : 154,
           footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
-          healthScore: n.credit_score ?? 0,
-          size: s ? "M" : "L"
+          healthScore: o.credit_score ?? 0,
+          size: i ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(P, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
-      /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
+      /* @__PURE__ */ e(E, { onClick: () => l(!0), variant: "contained", children: n.credit_score_updated_score }),
+      /* @__PURE__ */ e(ot, { chartFor: "creditOverTime" })
     ] }),
-    /* @__PURE__ */ e(Rt, { isOpen: a, onClose: () => l(!1) })
+    /* @__PURE__ */ e(Ht, { isOpen: a, onClose: () => l(!1) })
   ] });
-}, Fo = w(Lo), Pe = ({ status: t }) => {
-  const { finstrong: o } = v(), n = Sn(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
+}, Uo = w(Xo), $e = ({ status: t }) => {
+  const { finstrong: n } = S(), o = Po(De[t]), r = {
+    GOOD: n.key_indicators_good,
+    FAIR: n.key_indicators_fair,
+    OFF_TRACK: n.key_indicators_off_track,
+    MISSING: n.key_indicators_missing
   }[t];
   return /* @__PURE__ */ e(
-    En,
+    $n,
     {
       label: /* @__PURE__ */ e(
-        I,
+        A,
         {
           fontWeight: 700,
-          sx: { color: n.color, minHeight: 12 },
+          sx: { color: o.color, minHeight: 12 },
           uppercase: !0,
           variant: "tiny",
           children: r
@@ -693,64 +920,64 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       ),
       size: "small",
       sx: {
-        bgcolor: n.backgroundColor,
+        bgcolor: o.backgroundColor,
         height: 16
       },
       variant: "filled"
     }
   );
-}, Bo = () => {
-  const { finstrong: t } = v(), { user: o } = ee(), n = ht(o.credit_score ?? null);
-  return /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(K, { children: t.credit_score_keep_strong_credit_score }),
-    /* @__PURE__ */ e(Pe, { status: n })
+}, qo = () => {
+  const { finstrong: t } = S(), { user: n } = oe(), o = Gt(n.credit_score ?? null);
+  return /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ e(j, { children: t.credit_score_keep_strong_credit_score }),
+    /* @__PURE__ */ e($e, { status: o })
   ] });
-}, Po = w(Bo), Wo = ({
+}, Qo = w(qo), Zo = ({
   additionalContent: t,
-  connectTitle: o,
-  connectDescription: n,
+  connectTitle: n,
+  connectDescription: o,
   children: r,
-  description: s,
+  description: i,
   drawerTitle: a,
   isOpen: l,
   loadConnectAccountsCard: c = !0,
   onClose: d,
   stickyComponent: p,
   title: u,
-  drawerType: m
+  drawerType: h
 }) => {
-  const { finstrong: b } = v(), { isCopyLoaded: C } = J(), [x, S] = Fn(!1), y = Bn(null), k = nt(() => {
-    if (y.current) {
-      const f = y.current.scrollTop > 0;
-      S((T) => T !== f ? f : T);
+  const { finstrong: f } = S(), { isCopyLoaded: v } = ne(), [x, C] = Rn(!1), b = Fn(null), k = st(() => {
+    if (b.current) {
+      const y = b.current.scrollTop > 0;
+      C((I) => I !== y ? y : I);
     }
-  }, []), g = nt(
-    (f) => {
-      if (y.current && y.current.removeEventListener("scroll", k), f) {
-        let T = f.parentElement;
-        for (; T; ) {
-          const { overflow: L, overflowY: D } = window.getComputedStyle(T);
-          if (L === "auto" || D === "auto" || L === "scroll" || D === "scroll") {
-            y.current = T, T.addEventListener("scroll", k, { passive: !0 });
+  }, []), g = st(
+    (y) => {
+      if (b.current && b.current.removeEventListener("scroll", k), y) {
+        let I = y.parentElement;
+        for (; I; ) {
+          const { overflow: G, overflowY: O } = window.getComputedStyle(I);
+          if (G === "auto" || O === "auto" || G === "scroll" || O === "scroll") {
+            b.current = I, I.addEventListener("scroll", k, { passive: !0 });
             break;
           }
-          T = T.parentElement;
+          I = I.parentElement;
         }
       }
     },
     [k]
   );
-  return ot(() => {
-    l || S(!1);
-  }, [l]), ot(() => () => {
-    y.current && y.current.removeEventListener("scroll", k);
-  }, [k]), C ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: d, title: a || b.key_indicators, children: /* @__PURE__ */ i(
+  return ct(() => {
+    l || C(!1);
+  }, [l]), ct(() => () => {
+    b.current && b.current.removeEventListener("scroll", k);
+  }, [k]), v ? /* @__PURE__ */ e(ie, { isOpen: l, onClose: d, title: a || f.key_indicators, children: /* @__PURE__ */ s(
     _,
     {
       ref: g,
       sx: { backgroundColor: "background.default", height: "100%" },
       children: [
-        (u || s) && /* @__PURE__ */ i(
+        (u || i) && /* @__PURE__ */ s(
           _,
           {
             sx: {
@@ -760,8 +987,8 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               pb: p ? 0 : 24
             },
             children: [
-              u && typeof u == "string" ? /* @__PURE__ */ e(K, { children: u }) : u,
-              s && /* @__PURE__ */ e(I, { sx: { lineHeight: "24px" }, children: s })
+              u && typeof u == "string" ? /* @__PURE__ */ e(j, { children: u }) : u,
+              i && /* @__PURE__ */ e(A, { sx: { lineHeight: "24px" }, children: i })
             ]
           }
         ),
@@ -781,143 +1008,151 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           }
         ),
         t && /* @__PURE__ */ e(M, { children: t }),
-        /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
+        /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
           r,
           c && /* @__PURE__ */ e(
-            Be,
+            We,
             {
-              description: n,
-              drawerType: m,
+              description: o,
+              drawerType: h,
               isDashboard: !0,
               sx: { backgroundColor: "background.paper" },
-              title: o
+              title: n
             }
           )
         ] })
       ]
     }
-  ) }) : /* @__PURE__ */ e(U, {});
-}, Lt = w(Wo), $o = ({
+  ) }) : /* @__PURE__ */ e(ee, {});
+}, Kt = w(Zo), Jo = ({
   onClick: t,
-  shouldShowBalance: o = !0,
-  loadAccounts: n
+  shouldShowBalance: n = !0,
+  loadAccounts: o
 }) => {
-  const { config: r } = He(), { accounts: s } = v(), { selectedAccounts: a } = J(), l = h.useCallback(
+  const { config: r } = qe(), { accounts: i } = S(), { selectedAccounts: a } = ne(), l = m.useCallback(
     (d) => {
       t?.(d);
     },
     [t]
-  ), c = h.useMemo(
+  ), c = m.useMemo(
     () => Array.from(new Set(a.map((d) => d.account_type))).filter(
-      (d) => n ? n.includes(d) : !0
+      (d) => o ? o.includes(d) : !0
     ),
-    [a, n]
+    [a, o]
   );
-  return a.length ? /* @__PURE__ */ e(h.Fragment, { children: c.map((d) => {
+  return a.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((d) => {
     const { accountsForType: p, totalBalanceForType: u } = a.reduce(
-      (m, b) => (b.account_type === d && (m.accountsForType.push(b), m.totalBalanceForType += b.balance || 0), m),
+      (h, f) => (f.account_type === d && (h.accountsForType.push(f), h.totalBalanceForType += f.balance || 0), h),
       { accountsForType: [], totalBalanceForType: 0 }
     );
-    return /* @__PURE__ */ i(
-      Ee,
+    return /* @__PURE__ */ s(
+      Le,
       {
-        subheader: /* @__PURE__ */ e(Gn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: s.account_types[d] }),
-          o && /* @__PURE__ */ e(A, { bold: !0, variant: "caption", children: $(u, "0,0.00") })
+        subheader: /* @__PURE__ */ e(Nn, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: i.account_types[d] }),
+          n && /* @__PURE__ */ e(D, { bold: !0, variant: "caption", children: B(u, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
-          p.map((m, b) => {
-            const { firstValue: C } = Ct(m, s), x = vt(m, {
+          p.map((h, f) => {
+            const { firstValue: v } = Mt(
+              h,
+              i,
+              r.display_available_balance_in_accounts
+            ), x = kt(h, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), S = /* @__PURE__ */ i(z, { children: [
-              /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
+            }), C = /* @__PURE__ */ s(H, { children: [
+              /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
-                be,
+                me,
                 {
-                  primary: `${x}${m.account_number ? ` *${m.account_number}` : ""}`,
-                  primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
+                  primary: `${x}${h.account_number ? ` *${h.account_number}` : ""}`,
+                  slotProps: { primary: { noWrap: !0, pr: 4, variant: "body1" } }
                 }
               ),
-              o && /* @__PURE__ */ e(I, { bold: !0, variant: "body2", children: $(C ?? 0, "0,0.00") })
+              n && /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(v ?? 0, "0,0.00") })
             ] });
-            return /* @__PURE__ */ i(h.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(zn, { onClick: () => l(m), children: S }) : S }),
-              b !== p.length - 1 && /* @__PURE__ */ e(_e, { variant: "inset" })
-            ] }, m.guid);
+            return /* @__PURE__ */ s(m.Fragment, { children: [
+              /* @__PURE__ */ e(_e, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(St, { onClick: () => l(h), children: C }) : C }),
+              f !== p.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
+            ] }, h.guid);
           }),
-          /* @__PURE__ */ e(_e, {})
+          /* @__PURE__ */ e(ae, {})
         ]
       },
       d
     );
   }) }) : null;
-}, Ft = w($o), Eo = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = E(), { config: r } = He(), { connect: s, finstrong: a } = v(), { accounts: l } = v(), { selectedAccounts: c } = J(), [d, p] = h.useState(!1), [u, m] = h.useState(!1), b = h.useMemo(
+}, Vt = w(Jo), er = ({ loadAccounts: t, loadMoreLabel: n }) => {
+  const o = W(), { config: r } = qe(), { connect: i, finstrong: a } = S(), { accounts: l } = S(), { selectedAccounts: c } = ne(), [d, p] = m.useState(!1), [u, h] = m.useState(!1), f = m.useMemo(
     () => c.filter(
-      (S) => t ? t.includes(S.account_type) : !0
+      (C) => t ? t.includes(C.account_type) : !0
     ),
     [c, t]
-  ), C = h.useMemo(() => b.slice(0, 3), [b]), x = (S) => {
-    const { firstValue: y } = Ct(S, l);
-    return y;
+  ), v = m.useMemo(() => f.slice(0, 3), [f]), x = (C) => {
+    const { firstValue: b } = Mt(
+      C,
+      l,
+      r.display_available_balance_in_accounts
+    );
+    return b;
   };
-  return b.length >= 1 ? /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: C.map((S, y) => /* @__PURE__ */ i(h.Fragment, { children: [
-      /* @__PURE__ */ i(ye, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
+  return f.length >= 1 ? /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${o.palette.divider}`, borderRadius: 2 }, children: v.map((C, b) => /* @__PURE__ */ s(m.Fragment, { children: [
+      /* @__PURE__ */ s(_e, { sx: { px: 24 }, children: [
+        /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(yt, { alt: "MX", institutionGuid: C.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
-          be,
+          me,
           {
-            primary: `${vt(S, {
+            primary: `${kt(C, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
-              ${S.account_number ? ` *${S.account_number}` : ""}`,
-            primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
+              ${C.account_number ? ` *${C.account_number}` : ""}`,
+            slotProps: { primary: { noWrap: !0, pr: 4, variant: "body1" } }
           }
         ),
-        /* @__PURE__ */ e(I, { bold: !0, variant: "body2", children: $(x(S), "0,0.00") })
+        /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: B(x(C), "0,0.00") })
       ] }),
-      y < C.length - 1 && /* @__PURE__ */ e(_e, { variant: "inset" })
-    ] }, S.guid)) }),
-    b.length > 3 && /* @__PURE__ */ i(z, { children: [
+      b < v.length - 1 && /* @__PURE__ */ e(ae, { variant: "inset" })
+    ] }, C.guid)) }),
+    f.length > 3 && /* @__PURE__ */ s(H, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        P,
+        E,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => p(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(A, { bold: !0, variant: "body1", children: [
-            b.length - 3,
+          children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
+            f.length - 3,
             " ",
-            o
+            n
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(oe, { isOpen: d, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Ft, { loadAccounts: t }) })
+      /* @__PURE__ */ e(ie, { isOpen: d, onClose: () => p(!1), title: a.accounts, children: /* @__PURE__ */ e(Vt, { loadAccounts: t }) })
     ] })
-  ] }) : /* @__PURE__ */ i(z, { children: [
+  ] }) : /* @__PURE__ */ s(H, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      P,
+      E,
       {
-        onClick: () => m(!0),
+        onClick: () => h(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: a.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
-        onClose: () => m(!1),
+        onClose: () => h(!1),
         showConnectWidget: u,
-        title: s.mini_title
+        title: i.mini_title
       }
     )
   ] });
-}, Bt = w(Eo), Se = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ i(
+}, jt = w(er), Me = ({ balance: t, title: n, sx: o }) => /* @__PURE__ */ s(
   _,
   {
     sx: {
@@ -927,111 +1162,115 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       height: 72,
       justifyContent: "center",
       p: 12,
-      ...n
+      ...o
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(I, { variant: "h2", children: $(t, "0,0.00") }) : t,
-      /* @__PURE__ */ e(I, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: o })
+      typeof t == "number" ? /* @__PURE__ */ e(A, { variant: "h2", children: B(t, "0,0.00") }) : t,
+      /* @__PURE__ */ e(A, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: 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 || {}), Me = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Me || {}), Q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Q || {});
-const zo = ({ total: t }) => {
-  const { finstrong: o } = v(), n = [
-    { id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
-    { id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
-    { id: Q.Weekly, label: o.maintain_emergency_savings_weekly },
-    { id: Q.Daily, label: o.maintain_emergency_savings_daily }
+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 || {}), Ie = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(Ie || {}), te = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(te || {});
+const tr = ({ total: t }) => {
+  const { finstrong: n } = S(), o = [
+    { id: te.Monthly, label: n.maintain_emergency_savings_monthly },
+    { id: te.BiWeekly, label: n.maintain_emergency_savings_bi_weekly },
+    { id: te.Weekly, label: n.maintain_emergency_savings_weekly },
+    { id: te.Daily, label: n.maintain_emergency_savings_daily }
   ], r = {
-    [Q.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
-    [Q.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
-    [Q.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
-    [Q.Daily]: o.maintain_emergency_savings_estimated_period_daily
-  }, s = [
-    { id: Me.Months, label: o.maintain_emergency_savings_months },
-    { id: Me.Years, label: o.maintain_emergency_savings_years },
-    { id: Me.Days, label: o.maintain_emergency_savings_days }
-  ], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = h.useState(0), [d, p] = h.useState(Je(t)), [u, m] = h.useState(
-    Je(t)
-  ), [b, C] = h.useState(a), [x, S] = h.useState(Cn(t)), [y, k] = h.useState(Me.Months);
-  h.useEffect(() => {
+    [te.Monthly]: n.maintain_emergency_savings_estimated_period_monthly,
+    [te.BiWeekly]: n.maintain_emergency_savings_estimated_period_bi_weekly,
+    [te.Weekly]: n.maintain_emergency_savings_estimated_period_weekly,
+    [te.Daily]: n.maintain_emergency_savings_estimated_period_daily
+  }, i = [
+    { id: Ie.Months, label: n.maintain_emergency_savings_months },
+    { id: Ie.Years, label: n.maintain_emergency_savings_years },
+    { id: Ie.Days, label: n.maintain_emergency_savings_days }
+  ], a = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [d, p] = m.useState(mt(t)), [u, h] = m.useState(
+    mt(t)
+  ), [f, v] = m.useState(a), [x, C] = m.useState(No(t)), [b, k] = m.useState(Ie.Months);
+  m.useEffect(() => {
     c(
-      et({
+      _t({
         contribution: u,
-        goalAmount: b,
+        goalAmount: f,
         goalPeriod: x,
-        targetPeriod: y,
+        targetPeriod: b,
         totalSaved: t
       })
     ), p(u);
   }, []);
-  const g = (f) => {
-    f.preventDefault(), c(
-      et({
+  const g = (y) => {
+    y.preventDefault(), c(
+      _t({
         contribution: u,
-        goalAmount: b,
+        goalAmount: f,
         goalPeriod: x,
-        targetPeriod: y,
+        targetPeriod: b,
         totalSaved: t
       })
     ), p(u);
   };
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ s(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Me,
       {
-        balance: /* @__PURE__ */ i(_, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(A, { variant: "h2", children: $(l, "0,0") }),
-          /* @__PURE__ */ i(A, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
+        balance: /* @__PURE__ */ s(_, { sx: { flexDirection: "row", height: 32 }, children: [
+          /* @__PURE__ */ e(D, { variant: "h2", children: B(l, "0,0") }),
+          /* @__PURE__ */ s(D, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             r[d]
           ] })
         ] }),
-        title: o.maintain_emergency_savings_estimated_contribution
+        title: n.maintain_emergency_savings_estimated_contribution
       }
     ),
     /* @__PURE__ */ e(
-      Re,
+      Pe,
       {
-        "aria-label": o.maintain_emergency_savings_savings_goal,
-        helperText: j(
-          o.maintain_emergency_savings_suggested_goal,
-          $(a, "0,0")
+        "aria-label": n.maintain_emergency_savings_savings_goal,
+        helperText: z(
+          n.maintain_emergency_savings_suggested_goal,
+          B(a, "0,0")
         ),
-        inputProps: {
-          noValidate: !0,
-          pattern: "[0-9]*"
+        label: n.maintain_emergency_savings_savings_goal,
+        onChange: (y) => {
+          y.target.value && v(Number(y.target.value.replace(/[^0-9]/g, "")));
         },
-        label: o.maintain_emergency_savings_savings_goal,
-        onChange: (f) => {
-          f.target.value && C(Number(f.target.value.replace(/[^0-9]/g, "")));
+        slotProps: {
+          htmlInput: {
+            noValidate: !0,
+            pattern: "[0-9]*"
+          }
         },
-        value: b ? $(b, "0,0") : ""
+        value: f ? B(f, "0,0") : ""
       }
     ),
     /* @__PURE__ */ e(
-      rt,
+      dt,
       {
-        label: o.maintain_emergency_savings_how_often_contribute,
-        onChange: m,
-        options: n,
+        label: n.maintain_emergency_savings_how_often_contribute,
+        onChange: h,
+        options: o,
         required: !0,
         value: u
       }
     ),
-    /* @__PURE__ */ i(_, { sx: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ s(_, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
-        Re,
+        Pe,
         {
-          "aria-label": o.maintain_emergency_savings_meet_your_goal_within,
+          "aria-label": n.maintain_emergency_savings_meet_your_goal_within,
           fullWidth: !0,
-          inputProps: {
-            noValidate: !0,
-            pattern: "[0-9]*"
+          label: n.maintain_emergency_savings_meet_your_goal_within,
+          onChange: (y) => {
+            isNaN(Number(y.target.value)) || C(Number(y.target.value));
           },
-          label: o.maintain_emergency_savings_meet_your_goal_within,
-          onChange: (f) => {
-            isNaN(Number(f.target.value)) || S(Number(f.target.value));
+          slotProps: {
+            htmlInput: {
+              noValidate: !0,
+              pattern: "[0-9]*"
+            }
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -1057,40 +1296,40 @@ const zo = ({ total: t }) => {
               }
             }
           },
-          children: /* @__PURE__ */ e(rt, { label: "", onChange: k, options: s, value: y })
+          children: /* @__PURE__ */ e(dt, { label: "", onChange: k, options: i, value: b })
         }
       )
     ] }),
-    /* @__PURE__ */ e(P, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(E, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: n.maintain_emergency_savings_calculate })
   ] }) }) });
-}, Go = w(zo), Ho = () => {
-  const { savingsAccounts: t } = xe(), { finstrong: o } = v(), [n, r] = h.useState(!1), s = h.useMemo(
+}, nr = w(tr), or = () => {
+  const { savingsAccounts: t } = ke(), { finstrong: n } = S(), [o, r] = m.useState(!1), i = m.useMemo(
     () => t.reduce((a, l) => a + (l.balance ?? 0), 0),
     [t]
   );
-  return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(V, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(Se, { balance: s, title: o.maintain_emergency_savings_your_savings }),
+  return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
+    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
+      /* @__PURE__ */ e(Me, { balance: i, title: n.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
-        Bt,
+        jt,
         {
-          loadAccounts: [ze.SAVINGS],
-          loadMoreLabel: o.connect_more_accounts_button
+          loadAccounts: [je.SAVINGS],
+          loadMoreLabel: n.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(P, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(E, { onClick: () => r(!0), variant: "contained", children: n.connect_more_accounts_button })
     ] }) }),
-    /* @__PURE__ */ e(Go, { total: s }),
+    /* @__PURE__ */ e(nr, { total: i }),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
         onClose: () => r(!1),
-        showConnectWidget: n,
-        title: o.connect_more_accounts_button
+        showConnectWidget: o,
+        title: n.connect_more_accounts_button
       }
     )
   ] });
-}, No = w(Ho), We = w(
-  ({ label: t, value: o, status: n, bottomComponent: r, statusBarData: s = [] }) => {
+}, rr = w(or), Ne = w(
+  ({ label: t, value: n, status: o, bottomComponent: r, statusBarData: i = [] }) => {
     const a = {
       GOOD: {
         progressBarColor: "primary.main"
@@ -1104,14 +1343,14 @@ const zo = ({ total: t }) => {
       MISSING: {
         progressBarColor: "text.secondary"
       }
-    }[n], l = s.map((c, d) => s.length === 2 ? {
+    }[o], l = i.map((c, d) => i.length === 2 ? {
       color: d === 0 ? "primary.main" : c.color || a?.progressBarColor,
       percentage: c.percentage
     } : {
       color: c.color || a?.progressBarColor,
       percentage: c.percentage
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ s(
       _,
       {
         sx: {
@@ -1122,9 +1361,9 @@ const zo = ({ total: t }) => {
           borderColor: "divider"
         },
         children: [
-          /* @__PURE__ */ i(_, { sx: { gap: 2 }, children: [
-            /* @__PURE__ */ e(A, { variant: "body2", children: t }),
-            /* @__PURE__ */ i(
+          /* @__PURE__ */ s(_, { sx: { gap: 2 }, children: [
+            /* @__PURE__ */ e(D, { variant: "body2", children: t }),
+            /* @__PURE__ */ s(
               _,
               {
                 sx: {
@@ -1134,30 +1373,30 @@ const zo = ({ total: t }) => {
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ e(Fe, { children: o }),
-                  /* @__PURE__ */ e(Pe, { status: n })
+                  /* @__PURE__ */ e(Ge, { children: n }),
+                  /* @__PURE__ */ e($e, { status: o })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ i(_, { children: [
-            /* @__PURE__ */ e(Nn, { data: l, height: 16 }),
+          /* @__PURE__ */ s(_, { children: [
+            /* @__PURE__ */ e(zn, { data: l, height: 16 }),
             r
           ] })
         ]
       }
     );
   }
-), jo = {
+), ar = {
   sticky_label: "You have saved"
-}, Ko = ["$0", "$250", "$500", "$750", "$1k"], Vo = () => {
-  const { healthScore: t } = B(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = wn(o), r = mt(o);
+}, ir = ["$0", "$250", "$500", "$750", "$1k"], sr = () => {
+  const { healthScore: t } = L(), n = Math.round(t.emergency_savings_on_hand ?? NaN) || null, o = $o(n), r = Pt(n);
   return /* @__PURE__ */ e(
-    We,
+    Ne,
     {
-      bottomComponent: /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: Ko.map((s) => /* @__PURE__ */ i(_, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
+      bottomComponent: /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: ir.map((i) => /* @__PURE__ */ s(_, { sx: { alignItems: "center", height: 24, width: 30 }, children: [
         /* @__PURE__ */ e(
-          _e,
+          ae,
           {
             orientation: "vertical",
             sx: {
@@ -1167,54 +1406,54 @@ const zo = ({ total: t }) => {
             }
           }
         ),
-        /* @__PURE__ */ e(A, { variant: "caption", children: s })
-      ] }, s)) }),
-      label: jo.sticky_label,
+        /* @__PURE__ */ e(D, { variant: "caption", children: i })
+      ] }, i)) }),
+      label: ar.sticky_label,
       status: r,
       statusBarData: [
         {
-          percentage: n
+          percentage: o
         }
       ],
-      value: $(o ?? 0, "0,0.00")
+      value: B(n ?? 0, "0,0.00")
     }
   );
-}, Xo = w(Vo), $e = ({
+}, cr = w(sr), ze = ({
   transactions: t = [],
-  amountColor: o = "success.main",
-  amountPosition: n = "center",
-  formatDate: r = Mt,
-  secondaryIcon: s
+  amountColor: n = "success.main",
+  amountPosition: o = "center",
+  formatDate: r = Dt,
+  secondaryIcon: i
 }) => {
-  const a = E(), { connect: l, finstrong: c, categories: d } = v(), [p, u] = h.useState(!1), [m, b] = h.useState(!1), { getCategoryName: C } = Ne(), x = 3, S = t.length > x, y = t.length - x;
+  const a = W(), { connect: l, finstrong: c, categories: d } = S(), [p, u] = m.useState(!1), [h, f] = m.useState(!1), { getCategoryName: v } = Qe(), x = 3, C = t.length > x, b = t.length - x;
   let k = t;
-  return S && (k = t.map((g) => ({
+  return C && (k = t.map((g) => ({
     ...g,
     category: d.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
       "&"
-    ) ?? C(g.top_level_category_guid)
-  })).sort((g, f) => f.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ i(z, { children: [
+    ) ?? v(g.top_level_category_guid)
+  })).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ s(H, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      P,
+      E,
       {
-        onClick: () => b(!0),
+        onClick: () => f(!0),
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(D, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
-        onClose: () => b(!1),
-        showConnectWidget: m,
+        onClose: () => f(!1),
+        showConnectWidget: h,
         title: l.mini_title
       }
     )
-  ] }) : /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, x).sort((g, f) => f.date - g.date).map((g, f) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ s(_, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(M, { sx: { border: `1px solid ${a.palette.divider}`, borderRadius: 2 }, children: t.slice(0, x).sort((g, y) => y.date - g.date).map((g, y) => /* @__PURE__ */ s(
       _,
       {
         sx: {
@@ -1226,22 +1465,22 @@ const zo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(_, { sx: { pb: 14 }, children: /* @__PURE__ */ e(
-            nn,
+            un,
             {
               categoryGuid: g.top_level_category_guid || "",
               merchantGuid: g.merchant_guid || "",
               size: 32
             }
           ) }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ s(
             _,
             {
               sx: {
-                alignItems: n,
+                alignItems: o,
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...f < Math.min(t.length, x) - 1 && {
+                ...y < Math.min(t.length, x) - 1 && {
                   borderBottom: `1px solid ${a.palette.divider}`
                 },
                 pb: 13,
@@ -1249,58 +1488,58 @@ const zo = ({ total: t }) => {
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ i(_, { children: [
-                  /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: g.description }),
-                  /* @__PURE__ */ i(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
-                    !!s && s,
-                    /* @__PURE__ */ e(A, { variant: "caption", children: r(g.date) })
+                /* @__PURE__ */ s(_, { children: [
+                  /* @__PURE__ */ e(A, { bold: !0, variant: "body1", children: g.description }),
+                  /* @__PURE__ */ s(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
+                    !!i && i,
+                    /* @__PURE__ */ e(D, { variant: "caption", children: r(g.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(I, { bold: !0, sx: { color: o, flexShrink: 0 }, variant: "body1", children: $(g.amount, "0,0.00") })
+                /* @__PURE__ */ e(A, { bold: !0, sx: { color: n, flexShrink: 0 }, variant: "body1", children: B(g.amount, "0,0.00") })
               ]
             },
-            g.guid || f
+            g.guid || y
           )
         ]
       },
-      f
+      y
     )) }),
-    S && /* @__PURE__ */ i(z, { children: [
+    C && /* @__PURE__ */ s(H, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        P,
+        E,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => u(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
-          children: /* @__PURE__ */ i(A, { bold: !0, variant: "body1", children: [
-            y,
+          children: /* @__PURE__ */ s(D, { bold: !0, variant: "body1", children: [
+            b,
             " ",
             c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
       /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           isOpen: p,
           onClose: () => u(!1),
           title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(jn, { transaction: k })
+          children: /* @__PURE__ */ e(Hn, { transaction: k })
         }
       )
     ] })
   ] });
-}, Yo = () => {
-  const [t, o] = h.useState(!0), {
+}, lr = () => {
+  const [t, n] = m.useState(!0), {
     finstrong: {
-      key_indicators_spend: { pay_bills_on_time_drawer: n }
+      key_indicators_spend: { pay_bills_on_time_drawer: o }
     }
-  } = v(), { getSpendingFeeTransactions: r, allTransactions: s } = B();
-  return h.useEffect(() => {
-    r().finally(() => o(!1));
-  }, []), t ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(z, { children: s.spendingFee.length === 0 ? /* @__PURE__ */ i(
-    V,
+  } = S(), { getSpendingFeeTransactions: r, allTransactions: i } = L();
+  return m.useEffect(() => {
+    r().finally(() => n(!1));
+  }, []), t ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(H, { children: i.spendingFee.length === 0 ? /* @__PURE__ */ s(
+    Y,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1311,15 +1550,15 @@ const zo = ({ total: t }) => {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ e(cn, { filled: !0, size: 48, sx: { color: "success.main" } }),
-        /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(K, { children: n.pay_bills_on_time_zero_fees_title }),
-          /* @__PURE__ */ e(I, { variant: "subtitle1", children: n.pay_bills_on_time_zero_fees_description })
+        /* @__PURE__ */ e(fn, { filled: !0, size: 48, sx: { color: "success.main" } }),
+        /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
+          /* @__PURE__ */ e(j, { children: o.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(A, { variant: "subtitle1", children: o.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
-  ) : /* @__PURE__ */ i(
-    V,
+  ) : /* @__PURE__ */ s(
+    Y,
     {
       sx: {
         p: 16,
@@ -1327,23 +1566,23 @@ const zo = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(K, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(j, { sx: { textAlign: "left", pb: 16 }, children: o.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
-          $e,
+          ze,
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (a) => Wn(new Date(a * 1e3), $n.MONTH_DAY),
-            secondaryIcon: /* @__PURE__ */ e(ln, { color: "error", filled: !0, size: 12 }),
-            transactions: s.spendingFee
+            formatDate: (a) => Xe(new Date(a * 1e3), Ue.MONTH_DAY),
+            secondaryIcon: /* @__PURE__ */ e(bn, { color: "error", filled: !0, size: 12 }),
+            transactions: i.spendingFee
           }
         )
       ]
     }
   ) });
-}, qo = w(Yo), Uo = () => {
-  const { healthScore: t } = B(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = kn(t.spending_fee_transaction_count);
-  return /* @__PURE__ */ i(
+}, dr = w(lr), pr = () => {
+  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_spend: o } = n, { pay_bills_on_time_drawer: r } = o, i = Wt(t.spending_fee_transaction_count);
+  return /* @__PURE__ */ s(
     _,
     {
       sx: {
@@ -1353,104 +1592,104 @@ const zo = ({ total: t }) => {
         borderColor: "divider"
       },
       children: [
-        /* @__PURE__ */ e(I, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
-        /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i(Fe, { children: [
+        /* @__PURE__ */ e(A, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
+        /* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ s(Ge, { children: [
             t.spending_fee_transaction_count,
             " ",
             r.pay_bills_on_time_sticky_fee_count
           ] }),
-          /* @__PURE__ */ e(Pe, { status: s })
+          /* @__PURE__ */ e($e, { status: i })
         ] })
       ]
     }
   );
-}, Qo = w(Uo), Zo = () => {
-  const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = v();
-  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+}, ur = w(pr), _r = () => {
+  const { savingsAndCheckingAccountsBalance: t } = ke(), { finstrong: n } = S();
+  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Me,
       {
         balance: t,
-        title: o.key_indicators_save.drawer_available_balance
+        title: n.key_indicators_save.drawer_available_balance
       }
     ),
     /* @__PURE__ */ e(
-      Bt,
+      jt,
       {
-        loadAccounts: [ze.SAVINGS, ze.CHECKING],
-        loadMoreLabel: o.more_accounts
+        loadAccounts: [je.SAVINGS, je.CHECKING],
+        loadMoreLabel: n.more_accounts
       }
     )
   ] });
-}, Jo = w(Zo), er = () => {
-  const { finstrong: t } = v(), {
-    isSpendingInitialized: o,
-    healthScore: n,
+}, mr = w(_r), hr = () => {
+  const { finstrong: t } = S(), {
+    isSpendingInitialized: n,
+    healthScore: o,
     allTransactions: r,
-    loadSpendTransactions: s,
+    loadSpendTransactions: i,
     loadDebtSpend: a
-  } = B();
-  h.useEffect(() => {
-    o || (s().finally(), a().finally());
-  }, [o]);
-  const l = h.useMemo(() => {
+  } = L();
+  m.useEffect(() => {
+    n || (i().finally(), a().finally());
+  }, [n]);
+  const l = m.useMemo(() => {
     const c = r.spend.map((p) => p.transaction), d = r.debtSpend.map((p) => p.transaction);
     return [...c, ...d];
   }, [r.spend, r.debtSpend]);
-  return o ? /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+  return n ? /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Me,
       {
-        balance: n.ninety_day_spend / 90,
+        balance: o.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
       }
     ),
-    /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
-  ] }) : /* @__PURE__ */ e(U, {});
-}, tr = w(er), nr = () => {
-  const [t, o] = h.useState(0), { finstrong: n } = v();
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(V, { children: [
-      /* @__PURE__ */ i(
-        Ve,
+    /* @__PURE__ */ e(ze, { amountColor: "text.primary", transactions: l })
+  ] }) : /* @__PURE__ */ e(ee, {});
+}, gr = w(hr), yr = () => {
+  const [t, n] = m.useState(0), { finstrong: o } = S();
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ s(Y, { children: [
+      /* @__PURE__ */ s(
+        et,
         {
-          "aria-label": n.key_indicators_save.drawer_title,
+          "aria-label": o.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (r, s) => o(s),
+          onChange: (r, i) => n(i),
           selectionFollowsFocus: !0,
           sx: { mb: 0 },
           value: t,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              de,
+              he,
               {
                 "aria-controls": "available-details-tabpanel-0",
-                label: n.key_indicators_save.drawer_available,
+                label: o.key_indicators_save.drawer_available,
                 sx: { minHeight: 44 }
               }
             ),
             /* @__PURE__ */ e(
-              de,
+              he,
               {
                 "aria-controls": "spending-details-tabpanel-1",
-                label: n.key_indicators_save.drawer_spending,
+                label: o.key_indicators_save.drawer_spending,
                 sx: { minHeight: 44 }
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ e(pe, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(Jo, {}) }),
-      /* @__PURE__ */ e(pe, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(tr, {}) })
+      /* @__PURE__ */ e(ge, { index: 0, name: "available-details", value: t, children: /* @__PURE__ */ e(mr, {}) }),
+      /* @__PURE__ */ e(ge, { index: 1, name: "spending-details", value: t, children: /* @__PURE__ */ e(gr, {}) })
     ] }),
-    /* @__PURE__ */ e(Ye, { chartFor: "savingsOverTime" })
+    /* @__PURE__ */ e(ot, { chartFor: "savingsOverTime" })
   ] });
-}, or = w(nr), rr = () => {
-  const { finstrong: t } = v(), { 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;
+}, fr = w(yr), br = () => {
+  const { finstrong: t } = S(), { healthScore: n } = L(), o = n.months_of_cash_on_hand, r = Lt(o ? o * 30 : null), i = 183 / 6, a = Math.floor(o), l = Math.round((o - a) * i), c = o / 6 * 100;
   return /* @__PURE__ */ e(
-    We,
+    Ne,
     {
       bottomComponent: /* @__PURE__ */ e(
         _,
@@ -1462,7 +1701,7 @@ const zo = ({ total: t }) => {
             mt: 2,
             px: 1
           },
-          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ i(
+          children: ["0 Mo", "1 Mo", "2 Mo", "3 Mo", "4 Mo", "5 Mo", "6 Mo"].map((p) => /* @__PURE__ */ s(
             _,
             {
               sx: {
@@ -1471,7 +1710,7 @@ const zo = ({ total: t }) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  _e,
+                  ae,
                   {
                     orientation: "vertical",
                     sx: {
@@ -1480,7 +1719,7 @@ const zo = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(A, { variant: "XSmall", children: p })
+                /* @__PURE__ */ e(D, { variant: "caption", children: p })
               ]
             },
             p
@@ -1494,15 +1733,15 @@ const zo = ({ total: t }) => {
           percentage: `${c}%`
         }
       ],
-      value: j(t.key_indicators_save.drawer_progress_bar_value, a, l)
+      value: z(t.key_indicators_save.drawer_progress_bar_value, a, l)
     }
   );
-}, ar = w(rr), ir = () => {
-  const { healthScore: t } = B(), { finstrong: o } = v(), n = Oe(t.debt_to_income_ratio), r = yt(n);
+}, xr = w(br), Cr = () => {
+  const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.debt_to_income_ratio), r = Et(o);
   return /* @__PURE__ */ e(
-    We,
+    Ne,
     {
-      bottomComponent: /* @__PURE__ */ i(
+      bottomComponent: /* @__PURE__ */ s(
         _,
         {
           sx: {
@@ -1522,7 +1761,7 @@ const zo = ({ total: t }) => {
                   position: "absolute",
                   transform: "translateX(-50%)"
                 },
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ s(
                   _,
                   {
                     sx: {
@@ -1533,7 +1772,7 @@ const zo = ({ total: t }) => {
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        _e,
+                        ae,
                         {
                           orientation: "vertical",
                           sx: {
@@ -1542,7 +1781,7 @@ const zo = ({ total: t }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(A, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
+                      /* @__PURE__ */ e(D, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
                     ]
                   }
                 )
@@ -1558,41 +1797,41 @@ const zo = ({ total: t }) => {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(A, { variant: "Small", children: t.debt_to_income_ratio ? j(
-                  o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
-                  n
+                children: /* @__PURE__ */ e(D, { variant: "body2", children: t.debt_to_income_ratio ? z(
+                  n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
+                  o
                 ) : "-" })
               }
             )
           ]
         }
       ),
-      label: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
+      label: n.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
       status: r,
       statusBarData: [
         {
-          percentage: `${n}%`
+          percentage: `${o}%`
         }
       ],
-      value: $(t.ninety_day_debt_spend, "0,0.00")
+      value: B(t.ninety_day_debt_spend, "0,0.00")
     }
   );
-}, sr = w(ir), cr = () => {
-  const { healthScore: t, allTransactions: o } = B(), { connect: n, finstrong: r } = v(), [s, a] = h.useState(!1);
-  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+}, Sr = w(Cr), vr = () => {
+  const { healthScore: t, allTransactions: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
+  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Me,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
         title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
       }
     ),
-    o.income.length ? (
+    n.income.length ? (
       // TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e($e, { transactions: o.income.map((l) => l.transaction) })
+      /* @__PURE__ */ e(ze, { transactions: n.income.map((l) => l.transaction) })
     ) : /* @__PURE__ */ e(
-      P,
+      E,
       {
         onClick: () => {
           a(!0);
@@ -1602,21 +1841,21 @@ const zo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
         onClose: () => a(!1),
-        showConnectWidget: s,
-        title: n.mini_title
+        showConnectWidget: i,
+        title: o.mini_title
       }
     )
   ] });
-}, lr = w(cr), dr = () => {
-  const { allTransactions: t, healthScore: o } = B(), { connect: n, finstrong: r } = v(), [s, a] = h.useState(!1);
-  return /* @__PURE__ */ i(_, { gap: 16, sx: { p: 16 }, children: [
+}, wr = w(vr), kr = () => {
+  const { allTransactions: t, healthScore: n } = L(), { connect: o, finstrong: r } = S(), [i, a] = m.useState(!1);
+  return /* @__PURE__ */ s(_, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Me,
       {
-        balance: o.ninety_day_debt_spend,
+        balance: n.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
         title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
       }
@@ -1624,14 +1863,14 @@ const zo = ({ total: t }) => {
     t.debtSpend.length ? (
       //TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e(
-        $e,
+        ze,
         {
           amountColor: "text.primary",
           transactions: t.debtSpend.map((l) => l.transaction)
         }
       )
     ) : /* @__PURE__ */ e(
-      P,
+      E,
       {
         onClick: () => {
           a(!0);
@@ -1641,43 +1880,43 @@ const zo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
         onClose: () => a(!1),
-        showConnectWidget: s,
-        title: n.mini_title
+        showConnectWidget: i,
+        title: o.mini_title
       }
     )
   ] });
-}, pr = w(dr), _r = ({
+}, Mr = w(kr), Dr = ({
   color: t,
-  data: o,
-  series: n,
+  data: n,
+  series: o,
   style: r,
-  ...s
+  ...i
 }) => {
-  const a = E(), l = h.useRef(null), c = h.useRef(null), [d, p] = h.useState(r.width || 0);
-  h.useLayoutEffect(() => {
+  const a = W(), l = m.useRef(null), c = m.useRef(null), [d, p] = m.useState(r.width || 0);
+  m.useLayoutEffect(() => {
     p(r.width || 0);
-  }, [r.width]), h.useLayoutEffect(() => {
-    const S = new ResizeObserver(() => {
+  }, [r.width]), m.useLayoutEffect(() => {
+    const C = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (l.current) {
-          const { width: y } = l.current.getBoundingClientRect(), k = y / 2, g = l.current.querySelector("text");
+          const { width: b } = l.current.getBoundingClientRect(), k = b / 2, g = l.current.querySelector("text");
           g && g.setAttribute("transform", `translate(${k}, -8)`);
         }
       });
     });
-    return l.current && S.observe(l.current), () => {
-      l.current && S.unobserve(l.current);
+    return l.current && C.observe(l.current), () => {
+      l.current && C.unobserve(l.current);
     };
   }, []);
-  const { formattedComparison: u, formattedMain: m } = o[n.index], b = n.type === 0 ? m : u, C = {
+  const { formattedComparison: u, formattedMain: h } = n[o.index], f = o.type === 0 ? h : u, v = {
     ...r,
     transition: "all 0.3s ease-in-out"
   }, x = `translate(${d / 2}, -5)`;
-  return /* @__PURE__ */ i("g", { children: [
-    /* @__PURE__ */ e("rect", { ...s, fill: t, ref: l, rx: 2, style: C }),
+  return /* @__PURE__ */ s("g", { children: [
+    /* @__PURE__ */ e("rect", { ...i, fill: t, ref: l, rx: 2, style: v }),
     /* @__PURE__ */ e(
       "text",
       {
@@ -1690,59 +1929,59 @@ const zo = ({ total: t }) => {
         transform: x,
         x: r.x,
         y: r.y,
-        children: b
+        children: f
       }
     )
   ] });
-}, Te = (t, o = 1e3) => {
-  const n = Math.abs(t) >= o ? "0.[0]a" : "0";
-  return $(t, n);
-}, Pt = ({
+}, Fe = (t, n = 1e3) => {
+  const o = Math.abs(t) >= n ? "0.[0]a" : "0";
+  return B(t, o);
+}, Yt = ({
   chartFor: t,
-  data: o,
-  title: n,
+  data: n,
+  title: o,
   buttonLabel: r,
-  onClick: s,
+  onClick: i,
   legendLabelMain: a,
   legendLabelComparison: l,
   totalComparison: c,
   totalMain: d
 }) => {
-  const p = E(), u = qn(p.breakpoints.down("xs")), m = h.useMemo(
-    () => o.sort((g, f) => g.month - f.month).map((g) => {
-      const f = Mn(g.month), T = {
+  const p = W(), u = Xn(p.breakpoints.down("xs")), h = m.useMemo(
+    () => n.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
+      const y = Fo(g.month), I = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: Te(g.standard_spend),
-          formattedComparison: Te(g.income)
+          formattedMain: Fe(g.standard_spend),
+          formattedComparison: Fe(g.income)
         },
         debt_payment_vs_income: {
           main: g.income,
           comparison: g.debt_spend,
-          formattedMain: Te(g.income),
-          formattedComparison: Te(g.debt_spend)
+          formattedMain: Fe(g.income),
+          formattedComparison: Fe(g.debt_spend)
         }
       };
       return {
-        label: f,
-        ...T[t]
+        label: y,
+        ...I[t]
       };
     }),
-    [o, t]
-  ), b = {
+    [n, t]
+  ), f = {
     dataKey: "label",
     scaleType: "band"
-  }, C = Math.max(...m.map((g) => Math.max(g.main, g.comparison))), S = Math.min(...m.map((g) => Math.min(g.main, g.comparison))) === 0 && C === 0 ? 100 : Math.ceil(C * 1.2 / 1e3) * 1e3, y = S / 3, k = {
+  }, v = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && v === 0 ? 100 : Math.ceil(v * 1.2 / 1e3) * 1e3, b = C / 3, k = {
     scaleType: "linear",
     min: 0,
-    max: S,
+    max: C,
     tickNumber: 4,
-    tickMinStep: y,
-    valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
+    tickMinStep: b,
+    valueFormatter: (g) => g === 0 ? "$0" : B(g, "0.[0]a")
   };
-  return /* @__PURE__ */ i(V, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(Y, { children: [
+    /* @__PURE__ */ s(
       _,
       {
         sx: {
@@ -1755,12 +1994,12 @@ const zo = ({ total: t }) => {
           px: 16
         },
         children: [
-          /* @__PURE__ */ e(K, { children: n }),
+          /* @__PURE__ */ e(j, { children: o }),
           r && /* @__PURE__ */ e(
-            P,
+            E,
             {
-              endIcon: /* @__PURE__ */ e(Z, {}),
-              onClick: s,
+              endIcon: /* @__PURE__ */ e(J, {}),
+              onClick: i,
               size: "small",
               sx: {
                 pl: 8,
@@ -1773,9 +2012,9 @@ const zo = ({ total: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ i(_, { sx: { pb: 24, pl: 16, pr: 24 }, children: [
-      /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
-        /* @__PURE__ */ i(_, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
+    /* @__PURE__ */ s(_, { sx: { pb: 24, pl: 16, pr: 24 }, children: [
+      /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 24, py: 4 }, children: [
+        /* @__PURE__ */ s(_, { sx: { gap: 8, alignItems: "center", flexDirection: "row" }, children: [
           /* @__PURE__ */ e(
             M,
             {
@@ -1787,15 +2026,15 @@ const zo = ({ total: t }) => {
               }
             }
           ),
-          /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-            /* @__PURE__ */ i(A, { variant: "subtitle2", children: [
+          /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+            /* @__PURE__ */ s(D, { variant: "subtitle2", children: [
               a,
               " "
             ] }),
-            !u && d && /* @__PURE__ */ e(A, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
+            !u && d && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: d })
           ] })
         ] }),
-        /* @__PURE__ */ i(_, { alignItems: "center", direction: "row", spacing: 8, children: [
+        /* @__PURE__ */ s(_, { alignItems: "center", direction: "row", spacing: 8, children: [
           /* @__PURE__ */ e(
             M,
             {
@@ -1807,30 +2046,30 @@ const zo = ({ total: t }) => {
               }
             }
           ),
-          /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-            /* @__PURE__ */ i(A, { variant: "subtitle2", children: [
+          /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+            /* @__PURE__ */ s(D, { variant: "subtitle2", children: [
               l,
               " "
             ] }),
-            !u && c && /* @__PURE__ */ e(A, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
+            !u && c && /* @__PURE__ */ e(D, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ i(
-        Qn,
+      /* @__PURE__ */ s(
+        qn,
         {
           colors: [
             `${p.palette.chartMono.chartMono3}`,
             `${p.palette.chartMono.chartMono5}`
           ],
-          dataset: m,
+          dataset: h,
           height: 240,
           margin: { top: 14, bottom: 10, right: 2, left: -2 },
           series: [
             { dataKey: "main", type: "bar" },
             { dataKey: "comparison", type: "bar" }
           ],
-          xAxis: [b],
+          xAxis: [f],
           yAxis: [k],
           children: [
             /* @__PURE__ */ e(
@@ -1838,16 +2077,16 @@ const zo = ({ total: t }) => {
               {
                 slots: {
                   bar: (g) => {
-                    const { ownerState: f, ...T } = g;
+                    const { ownerState: y, ...I } = g;
                     return /* @__PURE__ */ e(
-                      _r,
+                      Dr,
                       {
-                        ...T,
-                        color: f.color,
-                        data: m,
+                        ...I,
+                        color: y.color,
+                        data: h,
                         series: {
-                          index: f.dataIndex,
-                          type: Number(f.id.toString().split("-").pop())
+                          index: y.dataIndex,
+                          type: Number(y.id.toString().split("-").pop())
                         },
                         style: {
                           x: g.x,
@@ -1861,7 +2100,7 @@ const zo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              Zn,
+              Qn,
               {
                 sx: () => ({
                   ".MuiChartsAxis-line": {
@@ -1881,7 +2120,7 @@ const zo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              Jn,
+              Zn,
               {
                 sx: () => ({
                   ".MuiChartsAxis-line": {
@@ -1905,29 +2144,29 @@ const zo = ({ total: t }) => {
       )
     ] })
   ] });
-}, ur = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = B(), [s, a] = h.useState(0), { finstrong: l } = v();
-  if (h.useEffect(() => {
-    t || (o().finally(), n().finally());
-  }, [t]), !t) return /* @__PURE__ */ e(U, {});
+}, Ir = () => {
+  const { isIncomeInitialized: t, loadDebtSpend: n, loadIncome: o, monthlySummaries: r } = L(), [i, a] = m.useState(0), { finstrong: l } = S();
+  if (m.useEffect(() => {
+    t || (n().finally(), o().finally());
+  }, [t]), !t) return /* @__PURE__ */ e(ee, {});
   const c = r.some(
     (d) => d.debt_spend !== 0 || d.income !== 0
   );
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(V, { children: [
-      /* @__PURE__ */ i(
-        Ve,
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ s(Y, { children: [
+      /* @__PURE__ */ s(
+        et,
         {
           "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
           onChange: (d, p) => a(p),
           selectionFollowsFocus: !0,
           sx: { mb: 0 },
-          value: s,
+          value: i,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(
-              de,
+              he,
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
@@ -1936,7 +2175,7 @@ const zo = ({ total: t }) => {
               }
             ),
             /* @__PURE__ */ e(
-              de,
+              he,
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
@@ -1948,28 +2187,28 @@ const zo = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           "aria-labelledby": "income-details-tab-0",
           index: 0,
           name: "income-details",
-          value: s,
-          children: /* @__PURE__ */ e(lr, {})
+          value: i,
+          children: /* @__PURE__ */ e(wr, {})
         }
       ),
       /* @__PURE__ */ e(
-        pe,
+        ge,
         {
           "aria-labelledby": "debt-payment-details-tab-1",
           index: 1,
           name: "debt-payment-details",
-          value: s,
-          children: /* @__PURE__ */ e(pr, {})
+          value: i,
+          children: /* @__PURE__ */ e(Mr, {})
         }
       )
     ] }),
-    c ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
-      Pt,
+    c ? /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+      Yt,
       {
         chartFor: "debt_payment_vs_income",
         data: r,
@@ -1978,7 +2217,7 @@ const zo = ({ total: t }) => {
         title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
       }
     ) }) : /* @__PURE__ */ e(
-      Le,
+      Be,
       {
         header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
         icon: "multiline_chart",
@@ -1994,23 +2233,22 @@ const zo = ({ total: t }) => {
             lineHeight: "24px",
             mt: 8
           }
-        },
-        variant: "no-buttons"
+        }
       }
     ),
-    /* @__PURE__ */ e(Ye, { chartFor: "debtOverTime" })
+    /* @__PURE__ */ e(ot, { chartFor: "debtOverTime" })
   ] });
-}, hr = w(ur), mr = () => {
-  const { healthScore: t } = B(), { finstrong: o } = v(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, a = bt(n), l = {
+}, Ar = w(Ir), Tr = () => {
+  const { healthScore: t } = L(), { finstrong: n } = S(), o = Ee(t.spend_to_income_ratio), r = o ?? 0, i = Object.keys(t).length === 0, a = Bt(o), l = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     MISSING: [{ percentage: "0%" }]
   }[a];
   return /* @__PURE__ */ e(
-    We,
+    Ne,
     {
-      bottomComponent: /* @__PURE__ */ i(
+      bottomComponent: /* @__PURE__ */ s(
         _,
         {
           sx: {
@@ -2020,64 +2258,64 @@ const zo = ({ total: t }) => {
             mt: 8
           },
           children: [
-            /* @__PURE__ */ i(A, { variant: "body2", children: [
-              t.ninety_day_income <= 0 ? "-" : $(t.ninety_day_income, "0,0.00"),
+            /* @__PURE__ */ s(D, { variant: "body2", children: [
+              t.ninety_day_income <= 0 ? "-" : B(t.ninety_day_income, "0,0.00"),
               " ",
-              o?.key_indicators_spend.spend_less_than_you_make_drawer.income
+              n?.key_indicators_spend.spend_less_than_you_make_drawer.income
             ] }),
-            /* @__PURE__ */ i(A, { variant: "body2", children: [
+            /* @__PURE__ */ s(D, { variant: "body2", children: [
               r <= 0 ? "-%" : `${r}%`,
               " ",
-              o?.key_indicators_spend.spend_less_than_you_make_drawer.spent
+              n?.key_indicators_spend.spend_less_than_you_make_drawer.spent
             ] })
           ]
         }
       ),
-      label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
+      label: n?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: a,
       statusBarData: l,
-      value: s ? "$0" : $(t.ninety_day_spend, "0,0.00")
+      value: i ? "$0" : B(t.ninety_day_spend, "0,0.00")
     }
   );
-}, gr = w(mr), yr = () => {
-  const { accounts: t } = xe(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ne(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: a } = B(), { appDataStore: l } = On(), { finstrong: c, goals: d, spending: p } = v(), u = E(), [m, b] = h.useState("");
-  h.useEffect(() => {
+}, Or = w(Tr), Rr = () => {
+  const { accounts: t } = ke(), { categories: n, dateRangeCategoryTotals: o, loadDateRangeCategoryTotals: r } = Qe(), { monthlySummaries: i, handleFinstrongWidgetPrimaryCtaClick: a } = L(), { appDataStore: l } = Bn(), { finstrong: c, goals: d, spending: p } = S(), u = W(), [h, f] = m.useState("");
+  m.useEffect(() => {
     r(
       t,
-      Dt(/* @__PURE__ */ new Date()),
-      It(/* @__PURE__ */ new Date())
+      It(/* @__PURE__ */ new Date()),
+      At(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
-  const C = h.useMemo(
-    () => eo(o, d, u, n),
-    [o, n]
+  const v = m.useMemo(
+    () => Jn(n, d, u, o),
+    [n, o]
   ), x = (k) => {
-    b(m === k ? "" : k);
-  }, { totalSpending: S, totalIncome: y } = h.useMemo(() => s?.reduce(
-    (k, { standard_spend: g = 0, income: f = 0 }) => ({
+    f(h === k ? "" : k);
+  }, { totalSpending: C, totalIncome: b } = m.useMemo(() => i?.reduce(
+    (k, { standard_spend: g = 0, income: y = 0 }) => ({
       totalSpending: k.totalSpending + g,
-      totalIncome: k.totalIncome + f
+      totalIncome: k.totalIncome + y
     }),
     { totalSpending: 0, totalIncome: 0 }
-  ), [s]);
-  return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
-    y > 0 || S > 0 ? /* @__PURE__ */ e(
-      Pt,
+  ), [i]);
+  return /* @__PURE__ */ s(_, { sx: { gap: 24 }, children: [
+    b > 0 || C > 0 ? /* @__PURE__ */ e(
+      Yt,
       {
         ...l.appData.client_profile?.allow_trends_widget && {
           buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
         },
         chartFor: "spending_vs_income",
-        data: s,
+        data: i,
         legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
         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: $(y, "0,0.00"),
-        totalMain: $(S, "0,0.00")
+        totalComparison: B(b, "0,0.00"),
+        totalMain: B(C, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
-      Le,
+      Be,
       {
         header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
         icon: "multiline_chart",
@@ -2093,19 +2331,18 @@ const zo = ({ total: t }) => {
             lineHeight: "24px",
             mt: 8
           }
-        },
-        variant: "no-buttons"
+        }
       }
     ),
-    C.donutData.length > 0 ? /* @__PURE__ */ i(
-      V,
+    v.donutData.length > 0 ? /* @__PURE__ */ s(
+      Y,
       {
         sx: {
           px: 16,
           py: 24
         },
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ s(
             _,
             {
               sx: {
@@ -2118,11 +2355,11 @@ const zo = ({ total: t }) => {
                 px: 16
               },
               children: [
-                /* @__PURE__ */ e(K, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                /* @__PURE__ */ e(j, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  P,
+                  E,
                   {
-                    endIcon: /* @__PURE__ */ e(Z, {}),
+                    endIcon: /* @__PURE__ */ e(J, {}),
                     onClick: () => a("spending")(),
                     size: "small",
                     sx: {
@@ -2136,26 +2373,26 @@ const zo = ({ total: t }) => {
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ s(
             _,
             {
               sx: { flexDirection: "row", gap: 12, justifyContent: "center", pb: 32, pt: 16, px: 24 },
               children: [
                 /* @__PURE__ */ e(
-                  to,
+                  eo,
                   {
-                    data: C,
+                    data: v,
                     onSelected: x,
-                    selectedId: m,
+                    selectedId: h,
                     totalLabel: p.total_spending
                   }
                 ),
                 /* @__PURE__ */ e(
-                  no,
+                  to,
                   {
-                    data: C,
+                    data: v,
                     onSelected: x,
-                    selectedId: m
+                    selectedId: h
                   }
                 )
               ]
@@ -2164,7 +2401,7 @@ const zo = ({ total: t }) => {
         ]
       }
     ) : /* @__PURE__ */ e(
-      Le,
+      Be,
       {
         header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
         icon: "donut_small",
@@ -2180,22 +2417,21 @@ const zo = ({ total: t }) => {
             lineHeight: "24px",
             mt: 8
           }
-        },
-        variant: "no-buttons"
+        }
       }
     )
   ] });
-}, br = w(yr), fr = ({
+}, Fr = w(Rr), Lr = ({
   drawerFor: t,
-  isOpen: o,
-  onClose: n
+  isOpen: n,
+  onClose: o
 }) => {
-  const { finstrong: r } = v(), 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(gr, {}),
-      content: /* @__PURE__ */ e(br, {}),
+      stickyComponent: /* @__PURE__ */ e(Or, {}),
+      content: /* @__PURE__ */ e(Fr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2203,16 +2439,16 @@ const zo = ({ 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(Qo, {}),
-      content: /* @__PURE__ */ e(qo, {}),
+      stickyComponent: /* @__PURE__ */ e(ur, {}),
+      content: /* @__PURE__ */ e(dr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
       connectDescription: r.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     maintainEmergencySavings: {
-      content: /* @__PURE__ */ e(No, {}),
+      content: /* @__PURE__ */ e(rr, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Xo, {}),
+      stickyComponent: /* @__PURE__ */ e(cr, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2221,58 +2457,58 @@ const zo = ({ 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(sr, {}),
-      content: /* @__PURE__ */ e(hr, {}),
+      stickyComponent: /* @__PURE__ */ e(Sr, {}),
+      content: /* @__PURE__ */ e(Ar, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(Po, {}),
+      title: /* @__PURE__ */ e(Qo, {}),
       description: r.credit_score_description,
       stickyComponent: null,
-      content: /* @__PURE__ */ e(Fo, {})
+      content: /* @__PURE__ */ e(Uo, {})
     },
     saveEnoughToLiveOn: {
       title: r.key_indicators_save.drawer_title,
       description: r.key_indicators_save.drawer_description,
-      stickyComponent: /* @__PURE__ */ e(ar, {}),
-      content: /* @__PURE__ */ e(or, {}),
+      stickyComponent: /* @__PURE__ */ e(xr, {}),
+      content: /* @__PURE__ */ e(fr, {}),
       drawerType: "connectDrawer",
       connectTitle: r.dont_see_all_your_accounts,
       connectDescription: r.connect_more_accounts_to_view_more_accurate_financial_picture
     }
   }[t];
   return /* @__PURE__ */ e(
-    Lt,
+    Kt,
     {
       connectDescription: a?.connectDescription,
       connectTitle: a?.connectTitle,
       description: a?.description,
       drawerTitle: r.key_indicators,
       drawerType: a.drawerType,
-      isOpen: o,
+      isOpen: n,
       loadConnectAccountsCard: !0,
-      onClose: n,
+      onClose: o,
       stickyComponent: a.stickyComponent,
       title: a.title,
       children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: a.content })
     }
   );
-}, xr = w(fr), fe = ({
+}, Pr = w(Lr), we = ({
   drawerFor: t,
-  title: o,
-  description: n,
+  title: n,
+  description: o,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = v(), [a, l] = h.useState(!1), c = (d) => {
+  const { finstrong: i } = S(), [a, l] = m.useState(!1), c = (d) => {
     (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(!0));
   };
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ s(
       _,
       {
-        "aria-label": `${s.key_indicators_open} ${o}`,
+        "aria-label": `${i.key_indicators_open} ${n}`,
         onClick: () => l(!0),
         onKeyDown: c,
         role: "button",
@@ -2289,19 +2525,19 @@ const zo = ({ total: t }) => {
         },
         tabIndex: 0,
         children: [
-          /* @__PURE__ */ i(_, { sx: { gap: 8, minWidth: 0 }, children: [
-            /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-              /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: o }),
-              /* @__PURE__ */ e(Pe, { status: r })
+          /* @__PURE__ */ s(_, { sx: { gap: 8, minWidth: 0 }, children: [
+            /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+              /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: n }),
+              /* @__PURE__ */ e($e, { status: r })
             ] }),
-            /* @__PURE__ */ e(I, { color: "secondary", variant: "subtitle2", children: n })
+            /* @__PURE__ */ e(A, { color: "secondary", variant: "subtitle2", children: o })
           ] }),
-          /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
+          /* @__PURE__ */ e(J, { color: "secondary", size: 24 })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      xr,
+      Pr,
       {
         drawerFor: t,
         isOpen: a,
@@ -2309,170 +2545,170 @@ const zo = ({ total: t }) => {
       }
     )
   ] });
-}, Sr = () => {
-  const { finstrong: t } = v(), { 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,
-      MISSING: o.ratio_missing_description
-    }, p = c === "MISSING" ? d[c] : j(d[c], l);
+}, Br = () => {
+  const { finstrong: t } = S(), { key_indicators_spend: n } = t, { healthScore: o } = L(), r = (l) => {
+    const c = Bt(l), d = {
+      GOOD: n.ratio_good_description,
+      FAIR: n.ratio_fair_description,
+      OFF_TRACK: n.ratio_off_track_description,
+      MISSING: n.ratio_missing_description
+    }, p = c === "MISSING" ? d[c] : z(d[c], l);
     return {
       cardState: c,
       description: p,
-      title: o.ratio_card_title
+      title: n.ratio_card_title
     };
-  }, { spendToIncomeRatio: s, spendFeeCount: a } = h.useMemo(() => {
-    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), d = Dn(
-      n.spending_fee_transaction_count,
-      o
+  }, { spendToIncomeRatio: i, spendFeeCount: a } = m.useMemo(() => {
+    const l = o.spend_to_income_ratio !== null ? Math.round(o.spend_to_income_ratio * 100) : null, c = r(l), d = Lo(
+      o.spending_fee_transaction_count,
+      n
     );
     return { spendToIncomeRatio: c, spendFeeCount: d };
   }, [
-    n.spend_to_income_ratio,
-    n.spending_fee_transaction_count,
-    o,
+    o.spend_to_income_ratio,
+    o.spending_fee_transaction_count,
+    n,
     t
   ]);
-  return /* @__PURE__ */ i(_, { sx: { gap: 24, p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ s(_, { sx: { gap: 24, p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
-        cardState: s.cardState,
-        description: s.description,
-        drawerFor: ue.SpendLessThanYouMake,
-        title: s.title
+        cardState: i.cardState,
+        description: i.description,
+        drawerFor: ye.SpendLessThanYouMake,
+        title: i.title
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
         cardState: a.cardState,
         description: a.description,
-        drawerFor: ue.PayBillsOnTime,
+        drawerFor: ye.PayBillsOnTime,
         title: a.title
       }
     )
   ] });
-}, vr = w(Sr), Cr = () => {
-  const { healthScore: t } = B(), { finstrong: o } = v(), { key_indicators_save: n } = o, r = (c) => {
-    const d = gt(c), p = {
-      GOOD: n.days_of_cash_good_description,
-      FAIR: n.days_of_cash_fair_description,
-      OFF_TRACK: n.days_of_cash_off_track_description,
-      MISSING: n.days_of_cash_missing_description
-    }, u = d === "MISSING" ? p[d] : j(p[d], c);
+}, Er = w(Br), Gr = () => {
+  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_save: o } = n, r = (c) => {
+    const d = Lt(c), p = {
+      GOOD: o.days_of_cash_good_description,
+      FAIR: o.days_of_cash_fair_description,
+      OFF_TRACK: o.days_of_cash_off_track_description,
+      MISSING: o.days_of_cash_missing_description
+    }, u = d === "MISSING" ? p[d] : z(p[d], c);
     return {
       cardState: d,
       description: u,
-      title: n.days_of_cash_title
+      title: o.days_of_cash_title
     };
-  }, s = (c) => {
-    const d = mt(c), p = {
-      GOOD: n.emergency_savings_good_description,
-      FAIR: n.emergency_savings_fair_description,
-      OFF_TRACK: n.emergency_savings_off_track_description,
-      MISSING: n.emergency_savings_missing_description
+  }, i = (c) => {
+    const d = Pt(c), p = {
+      GOOD: o.emergency_savings_good_description,
+      FAIR: o.emergency_savings_fair_description,
+      OFF_TRACK: o.emergency_savings_off_track_description,
+      MISSING: o.emergency_savings_missing_description
     };
     let u;
-    return d === "FAIR" && c !== null ? u = j(
+    return d === "FAIR" && c !== null ? u = z(
       p[d],
-      $(c, "0,0.00")
+      B(c, "0,0.00")
     ) : u = p[d], {
       cardState: d,
       description: u,
-      title: n.emergency_savings_title
+      title: o.emergency_savings_title
     };
-  }, { daysOfCashOnHand: a, emergencySavings: l } = h.useMemo(() => {
-    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(p);
+  }, { daysOfCashOnHand: a, emergencySavings: l } = m.useMemo(() => {
+    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, d = r(c), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = i(p);
     return { daysOfCashOnHand: d, emergencySavings: u };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
-    n,
-    o
+    o,
+    n
   ]);
-  return /* @__PURE__ */ i(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
         cardState: a.cardState,
         description: a.description,
-        drawerFor: ue.SaveEnoughToLiveOn,
+        drawerFor: ye.SaveEnoughToLiveOn,
         title: a.title
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: ue.MaintainEmergencySavings,
+        drawerFor: ye.MaintainEmergencySavings,
         title: l.title
       }
     )
   ] });
-}, wr = w(Cr), kr = () => {
-  const { healthScore: t } = B(), { finstrong: o } = v(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (d) => {
-    const p = yt(d), u = {
-      GOOD: n.manage_debit_good_description,
-      FAIR: n.manage_debit_fair_description,
-      OFF_TRACK: n.manage_debit_off_track_description,
-      MISSING: n.manage_debit_missing_description
-    }, m = p === "FAIR" || p === "OFF_TRACK" ? j(u[p], d) : u[p];
+}, Wr = w(Gr), $r = () => {
+  const { healthScore: t } = L(), { finstrong: n } = S(), { key_indicators_borrow: o } = n, { user: r } = oe(), i = (d) => {
+    const p = Et(d), u = {
+      GOOD: o.manage_debit_good_description,
+      FAIR: o.manage_debit_fair_description,
+      OFF_TRACK: o.manage_debit_off_track_description,
+      MISSING: o.manage_debit_missing_description
+    }, h = p === "FAIR" || p === "OFF_TRACK" ? z(u[p], d) : u[p];
     return {
       cardState: p,
-      description: m,
-      title: n.manage_debit_title
+      description: h,
+      title: o.manage_debit_title
     };
   }, a = (d) => {
-    const p = ht(d), u = {
-      GOOD: n.credit_score_good_description,
-      FAIR: n.credit_score_fair_description,
-      OFF_TRACK: n.credit_score_off_track_description,
-      MISSING: n.credit_score_missing_description
-    }, m = p === "MISSING" ? u[p] : j(u[p], d);
+    const p = Gt(d), u = {
+      GOOD: o.credit_score_good_description,
+      FAIR: o.credit_score_fair_description,
+      OFF_TRACK: o.credit_score_off_track_description,
+      MISSING: o.credit_score_missing_description
+    }, h = p === "MISSING" ? u[p] : z(u[p], d);
     return {
       cardState: p,
-      description: m,
-      title: n.credit_score_title
+      description: h,
+      title: o.credit_score_title
     };
-  }, { manageDebtStatus: l, creditScoreStatus: c } = h.useMemo(() => {
-    const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = s(d), u = a(r.credit_score || null);
+  }, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
+    const d = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = i(d), u = a(r.credit_score || null);
     return {
       manageDebtStatus: p,
       creditScoreStatus: u
     };
-  }, [t.debt_to_income_ratio, r.credit_score, n, o]);
-  return /* @__PURE__ */ i(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
+  }, [t.debt_to_income_ratio, r.credit_score, o, n]);
+  return /* @__PURE__ */ s(_, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
         cardState: l.cardState,
         description: l.description,
-        drawerFor: ue.HaveManageableDebt,
+        drawerFor: ye.HaveManageableDebt,
         title: l.title
       }
     ),
     /* @__PURE__ */ e(
-      fe,
+      we,
       {
         cardState: c.cardState,
         description: c.description,
-        drawerFor: ue.HaveAGoodCreditScore,
+        drawerFor: ye.HaveAGoodCreditScore,
         title: c.title
       }
     )
   ] });
-}, Mr = w(kr), Dr = () => {
-  const [t, o] = h.useState(0), { finstrong: n } = v();
-  return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ i(
-      Ve,
+}, Nr = w($r), zr = () => {
+  const [t, n] = m.useState(0), { finstrong: o } = S();
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ s(
+      et,
       {
         "aria-label": "Key Indicators",
         centered: !0,
-        onChange: (r, s) => o(s),
+        onChange: (r, i) => n(i),
         selectionFollowsFocus: !0,
         sx: {
           mb: 0,
@@ -2485,57 +2721,57 @@ const zo = ({ total: t }) => {
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            de,
+            he,
             {
               "aria-controls": "spend-details-tabpanel-0",
-              icon: /* @__PURE__ */ e(pt, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(bt, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "spend-details-tab-0",
-              label: n.key_indicators_spend.title,
+              label: o.key_indicators_spend.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            de,
+            he,
             {
               "aria-controls": "save-details-tabpanel-1",
-              icon: /* @__PURE__ */ e(dn, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(xn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "save-details-tab-1",
-              label: n.key_indicators_save.title,
+              label: o.key_indicators_save.title,
               sx: { minHeight: 44 }
             }
           ),
           /* @__PURE__ */ e(
-            de,
+            he,
             {
               "aria-controls": "borrow-details-tabpanel-2",
-              icon: /* @__PURE__ */ e(pn, { sx: { mr: 8 } }),
+              icon: /* @__PURE__ */ e(Cn, { sx: { mr: 8 } }),
               iconPosition: "start",
               id: "borrow-details-tab-2",
-              label: n.key_indicators_borrow.title,
+              label: o.key_indicators_borrow.title,
               sx: { minHeight: 44 }
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(pe, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(vr, {}) }),
-    /* @__PURE__ */ e(pe, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(wr, {}) }),
-    /* @__PURE__ */ e(pe, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Mr, {}) })
+    /* @__PURE__ */ e(ge, { index: 0, name: "spend-details", value: t, children: /* @__PURE__ */ e(Er, {}) }),
+    /* @__PURE__ */ e(ge, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(Wr, {}) }),
+    /* @__PURE__ */ e(ge, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Nr, {}) })
   ] });
-}, Ir = w(Dr), Ar = ({ onClick: t }) => {
-  const { finstrong: o } = v(), { isCopyLoaded: n } = J();
-  return n ? /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
-    /* @__PURE__ */ e(_n, { size: 48 }),
-    /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(K, { children: o.missing_data_title }),
-      /* @__PURE__ */ e(I, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
+}, Hr = w(zr), Kr = ({ onClick: t }) => {
+  const { finstrong: n } = S(), { isCopyLoaded: o } = ne();
+  return o ? /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
+    /* @__PURE__ */ e(Sn, { size: 48 }),
+    /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
+      /* @__PURE__ */ e(j, { children: n.missing_data_title }),
+      /* @__PURE__ */ e(A, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: n.missing_data_description })
     ] }),
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      P,
+      E,
       {
-        endIcon: /* @__PURE__ */ e(Z, {}),
+        endIcon: /* @__PURE__ */ e(J, {}),
         onClick: t,
         size: "small",
         sx: {
@@ -2545,79 +2781,79 @@ const zo = ({ total: t }) => {
           }
         },
         variant: "text",
-        children: o.connect_more_accounts_button
+        children: n.connect_more_accounts_button
       }
     ) })
-  ] }) : /* @__PURE__ */ e(U, {});
-}, Tr = w(Ar), Or = ({
+  ] }) : /* @__PURE__ */ e(ee, {});
+}, Vr = w(Kr), jr = ({
   firstDay: t,
-  frequency: o,
-  secondDay: n,
+  frequency: n,
+  secondDay: o,
   incomeTransactions: r,
-  setCurrentStep: s,
+  setCurrentStep: i,
   setFirstDay: a,
   setFrequency: l,
   setSecondDay: c,
   transaction: d
 }) => {
-  const { finstrong: p } = v();
-  return /* @__PURE__ */ i(h.Fragment, { children: [
-    /* @__PURE__ */ i(_, { children: [
-      !!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((u, m, b) => {
-        if (m.guid === d.guid) return u;
-        const C = Kn(b, r), x = Vn(b, r);
+  const { finstrong: p } = S();
+  return /* @__PURE__ */ s(m.Fragment, { children: [
+    /* @__PURE__ */ s(_, { children: [
+      !!r.length && /* @__PURE__ */ e(M, { sx: { pb: 24 }, children: r.reduce((u, h, f) => {
+        if (h.guid === d.guid) return u;
+        const v = Kn(f, r), x = Vn(f, r);
         return u.push(
-          /* @__PURE__ */ i(h.Fragment, { children: [
-            C && /* @__PURE__ */ e(Xn, { children: Mt(m.date) }),
-            /* @__PURE__ */ e(Yn, { transaction: m }),
-            /* @__PURE__ */ e(_e, { sx: { ml: x ? 44 : 0 } })
-          ] }, m.guid)
+          /* @__PURE__ */ s(m.Fragment, { children: [
+            v && /* @__PURE__ */ e(jn, { children: Dt(h.date) }),
+            /* @__PURE__ */ e(Yn, { transaction: h }),
+            /* @__PURE__ */ e(ae, { sx: { ml: x ? 44 : 0 } })
+          ] }, h.guid)
         ), u;
       }, []) }),
       /* @__PURE__ */ e(
-        io,
+        ao,
         {
           firstDay: t,
-          frequency: o,
+          frequency: n,
           onFirstDayChange: a,
           onFrequencyChange: l,
           onSecondDayChange: c,
-          secondDay: n,
+          secondDay: o,
           transaction: d
         }
       )
     ] }),
     /* @__PURE__ */ e(M, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      P,
+      E,
       {
         fullWidth: !0,
-        onClick: () => s({ step: R.MonthlyIncome, type: "main" }),
-        startIcon: /* @__PURE__ */ e(_t, {}),
+        onClick: () => i({ step: R.MonthlyIncome, type: "main" }),
+        startIcon: /* @__PURE__ */ e(xt, {}),
         children: p.onboarding_add_more_income
       }
     ) })
   ] });
-}, Rr = w(Or), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
-  const { finstrong: n } = v(), r = E(), s = (a) => {
-    o(Math.floor(new Date(a).getTime() / 1e3));
+}, Yr = w(jr), Xr = ({ selectedDate: t, setSelectedDate: n }) => {
+  const { finstrong: o } = S(), r = W(), i = (a) => {
+    n(Math.floor(new Date(a).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: At, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
     po,
     {
       disableFuture: !0,
-      label: n.onboarding_select_date,
-      onChange: s,
+      label: o.onboarding_select_date,
+      onChange: i,
       slotProps: {
         nextIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
           }
         },
         previousIconButton: {
           sx: {
             color: "primary.main",
-            "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+            "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
           }
         }
       },
@@ -2625,31 +2861,33 @@ const zo = ({ total: t }) => {
         width: "100%",
         "& .MuiIconButton-edgeEnd": {
           color: "primary.main",
-          "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+          "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
         }
       },
       value: t ? new Date(t * 1e3) : null
     }
   ) }) });
-}, Fr = w(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
-  const { finstrong: n } = v(), r = !isNaN(t);
+}, Ur = w(Xr), qr = ({ creditScore: t, setCreditScore: n }) => {
+  const { finstrong: o } = S(), r = !isNaN(t);
   return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    Re,
+    Pe,
     {
       error: !r,
       fullWidth: !0,
       inputMode: "numeric",
-      inputProps: {
-        noValidate: !0,
-        pattern: "[0-9]*"
+      label: o.credit_score,
+      onChange: (i) => n(Number(i.target.value)),
+      slotProps: {
+        htmlInput: {
+          noValidate: !0,
+          pattern: "[0-9]*"
+        }
       },
-      label: n.credit_score,
-      onChange: (s) => o(Number(s.target.value)),
       value: r ? t : ""
     }
   ) });
-}, Pr = w(Br), Wt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-  /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
+}, Qr = w(qr), Xt = ({ value: t, completeCopy: n }) => /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
+  /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((o, r) => /* @__PURE__ */ e(
     M,
     {
       sx: {
@@ -2661,244 +2899,244 @@ const zo = ({ total: t }) => {
     },
     r
   )) }),
-  /* @__PURE__ */ i(A, { sx: { color: "text.secondary" }, variant: "body2", children: [
+  /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "body2", children: [
     t / 4 * 100,
     "% ",
-    o
+    n
   ] })
-] }), Wr = ({
+] }), Zr = ({
   completeCopy: t,
-  primaryText: o,
-  secondaryText: n,
+  primaryText: n,
+  secondaryText: o,
   value: r
-}) => /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
-  /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(K, { children: o }),
-    /* @__PURE__ */ e(I, { variant: "subtitle1", children: n })
+}) => /* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
+  /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
+    /* @__PURE__ */ e(j, { children: n }),
+    /* @__PURE__ */ e(A, { variant: "subtitle1", children: o })
   ] }),
-  /* @__PURE__ */ e(Wt, { completeCopy: t, value: r })
-] }), st = {
+  /* @__PURE__ */ e(Xt, { completeCopy: t, value: r })
+] }), ht = {
   step: R.ConnectAccounts,
   type: "main"
-}, $r = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = B(), { finstrong: s } = v(), { addRepeatingTransaction: a, setDateRange: l } = je(), { filter: c, setFilter: d, transactions: p } = Rn(), { user: u, userProfile: m, updateUser: b, updateUserProfile: C } = ee(), [x, S] = h.useState(u.credit_score || 0), [y, k] = h.useState(
-    st
-  ), [g, f] = h.useState(1), [T, L] = h.useState(wt.EveryMonth), [D, G] = h.useState([]), [W, H] = h.useState(!1), [ve, ae] = h.useState(!1), [X, te] = h.useState(u.birthday), [ie, Y] = h.useState(15), [N, he] = h.useState("");
-  h.useEffect(() => {
-    l({ start: Dt(at()), end: It(at()) });
-  }, []), h.useEffect(() => {
+}, Jr = ({ isOpen: t, onClose: n }) => {
+  const { visibleAccounts: o } = ke(), { calculateHealthScore: r } = L(), { finstrong: i } = S(), { addRepeatingTransaction: a, setDateRange: l } = Ze(), { filter: c, setFilter: d, transactions: p } = En(), { user: u, userProfile: h, updateUser: f, updateUserProfile: v } = oe(), [x, C] = m.useState(u.credit_score || 0), [b, k] = m.useState(
+    ht
+  ), [g, y] = m.useState(1), [I, G] = m.useState(Tt.EveryMonth), [O, $] = m.useState([]), [F, K] = m.useState(!1), [fe, be] = m.useState(!1), [X, re] = m.useState(u.birthday), [ce, U] = m.useState(15), [V, le] = m.useState("");
+  m.useEffect(() => {
+    l({ start: It(Ve()), end: At(Ve()) });
+  }, []), m.useEffect(() => {
     d({
-      accounts: n.map((O) => O.guid),
+      accounts: o.map((T) => T.guid),
       dateRange: {
-        start: ao(/* @__PURE__ */ new Date(), 90),
+        start: ro(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       },
-      custom: it
+      custom: pt
     });
-  }, [n]);
-  const se = h.useMemo(
-    () => p.find((O) => O.guid === N),
-    [N, p]
-  ), Ce = h.useMemo(() => ({
+  }, [o]);
+  const de = m.useMemo(
+    () => p.find((T) => T.guid === V),
+    [V, p]
+  ), xe = m.useMemo(() => ({
     [R.ConnectAccounts]: !0,
-    [R.MonthlyIncome]: !!N,
+    [R.MonthlyIncome]: !!V,
     [R.Birthday]: !!u.birthday || !!X,
     [R.CreditScore]: !!u.credit_score || !!x
-  })[y.step], [x, y, X, N, u]), q = n.length > 0, De = h.useMemo(() => {
-    const { step: O } = y;
-    let F = 0;
-    return O >= R.MonthlyIncome && q && F++, O >= R.Birthday && D.length && F++, O >= R.CreditScore && (u.birthday || u.credit_score) && F++, F;
-  }, [y.step, q, D.length, u.birthday, u.credit_score]), $t = (O) => {
+  })[b.step], [x, b, X, V, u]), N = o.length > 0, Ce = m.useMemo(() => {
+    const { step: T } = b;
+    let P = 0;
+    return T >= R.MonthlyIncome && N && P++, T >= R.Birthday && O.length && P++, T >= R.CreditScore && (u.birthday || u.credit_score) && P++, P;
+  }, [b.step, N, O.length, u.birthday, u.credit_score]), He = (T) => {
     d({
       ...c,
-      custom: (F) => O ? co(F, O) : it(F)
+      custom: (P) => T ? so(P, T) : pt(P)
     });
-  }, Et = {
+  }, Ke = {
     [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
+      main: N ? /* @__PURE__ */ e(Vt, { shouldShowBalance: !1 }) : null,
+      mainActionContent: N ? i.onboarding_next : i.onboarding_add_accounts,
+      primaryText: i.connect_your_accounts,
+      secondaryText: i.onboarding_connect_your_accounts_secondary
     },
     [R.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Rr,
+        Yr,
         {
           firstDay: g,
-          frequency: T,
-          incomeTransactions: D,
-          secondDay: ie,
-          setCurrentStep: (O) => {
-            k(O), G((F) => {
-              if (F.some((ce) => ce.guid === N)) return F.filter((ce) => ce.guid !== N);
-              const Ae = p.find((ce) => ce.guid === N);
-              return Ae ? [...F, { ...Ae, firstDay: g, frequency: T, secondDay: ie }] : F;
+          frequency: I,
+          incomeTransactions: O,
+          secondDay: ce,
+          setCurrentStep: (T) => {
+            k(T), $((P) => {
+              if (P.some((pe) => pe.guid === V)) return P.filter((pe) => pe.guid !== V);
+              const Re = p.find((pe) => pe.guid === V);
+              return Re ? [...P, { ...Re, firstDay: g, frequency: I, secondDay: ce }] : P;
             });
           },
-          setFirstDay: f,
-          setFrequency: L,
-          setSecondDay: Y,
-          transaction: se
+          setFirstDay: y,
+          setFrequency: G,
+          setSecondDay: U,
+          transaction: de
         }
       ),
-      detailActionContent: s.onboarding_confirm_income,
+      detailActionContent: i.onboarding_confirm_income,
       main: /* @__PURE__ */ e(
-        so,
+        io,
         {
-          onSearch: $t,
-          onSelected: (O) => {
-            k({ step: R.MonthlyIncome, type: "detail" }), he(O);
+          onSearch: He,
+          onSelected: (T) => {
+            k({ step: R.MonthlyIncome, type: "detail" }), le(T);
           }
         }
       ),
-      mainActionContent: s.onboarding_confirm_income,
-      primaryText: s.onboarding_add_income_primary,
-      secondaryText: s.onboarding_add_income_secondary
+      mainActionContent: i.onboarding_confirm_income,
+      primaryText: i.onboarding_add_income_primary,
+      secondaryText: i.onboarding_add_income_secondary
     },
     [R.Birthday]: {
-      main: /* @__PURE__ */ e(Fr, { selectedDate: X, setSelectedDate: te }),
-      mainActionContent: s.onboarding_next,
-      primaryText: s.onboarding_birthday_primary,
-      secondaryText: s.onboarding_birthday_secondary
+      main: /* @__PURE__ */ e(Ur, { selectedDate: X, setSelectedDate: re }),
+      mainActionContent: i.onboarding_next,
+      primaryText: i.onboarding_birthday_primary,
+      secondaryText: i.onboarding_birthday_secondary
     },
     [R.CreditScore]: {
-      main: /* @__PURE__ */ e(Pr, { creditScore: x, setCreditScore: S }),
-      mainActionContent: s.onboarding_next,
-      primaryText: s.onboarding_credit_score_primary,
-      secondaryText: s.onboarding_credit_score_secondary
+      main: /* @__PURE__ */ e(Qr, { creditScore: x, setCreditScore: C }),
+      mainActionContent: i.onboarding_next,
+      primaryText: i.onboarding_credit_score_primary,
+      secondaryText: i.onboarding_credit_score_secondary
     }
-  }, qe = () => {
-    k(st), H(!1), he(""), o();
-  }, Ue = async () => {
-    H(!0), await Nt(D), await r(), await C({ ...m, has_completed_finstrong_onboarding: !0 }), qe();
-  }, zt = () => {
-    if (y.step === R.CreditScore) {
-      Ue();
+  }, Te = () => {
+    k(ht), K(!1), le(""), n();
+  }, rt = async () => {
+    K(!0), await Zt(O), await r(), await v({ ...h, has_completed_finstrong_onboarding: !0 }), Te();
+  }, Ut = () => {
+    if (b.step === R.CreditScore) {
+      rt();
       return;
     }
-    k({ step: y.step + 1, type: "main" });
-  }, Gt = () => {
-    const { step: O } = y, F = O + 1;
-    switch (O) {
+    k({ step: b.step + 1, type: "main" });
+  }, qt = () => {
+    const { step: T } = b, P = T + 1;
+    switch (T) {
       case R.Birthday:
-        X && X !== u.birthday && b({ ...u, birthday: X });
+        X && X !== u.birthday && f({ ...u, birthday: X });
         break;
       case R.CreditScore:
-        x && x !== u.credit_score && b({ ...u, credit_score: x }), Ue();
+        x && x !== u.credit_score && f({ ...u, credit_score: x }), rt();
         return;
       case R.MonthlyIncome:
-        N && D.findIndex(({ guid: ge }) => ge === N) === -1 && G((ge) => [
-          ...ge,
-          { ...se, firstDay: g, frequency: T, secondDay: ie }
+        V && O.findIndex(({ guid: ve }) => ve === V) === -1 && $((ve) => [
+          ...ve,
+          { ...de, firstDay: g, frequency: I, secondDay: ce }
         ]);
         break;
       case R.ConnectAccounts:
-        if (!q) {
-          ae(!0);
+        if (!N) {
+          be(!0);
           return;
         }
         break;
     }
-    F in R && k({ step: F, type: "main" });
-  }, Ht = () => {
-    const { step: O, type: F } = y;
-    if (F === "detail") {
-      k({ step: O, type: "main" });
+    P in R && k({ step: P, type: "main" });
+  }, Qt = () => {
+    const { step: T, type: P } = b;
+    if (P === "detail") {
+      k({ step: T, type: "main" });
       return;
     }
-    if (O === R.Birthday && D.length) {
-      k({ step: O - 1, type: "detail" });
+    if (T === R.Birthday && O.length) {
+      k({ step: T - 1, type: "detail" });
       return;
     }
-    O > R.ConnectAccounts && k({ step: O - 1, type: "main" });
-  }, Nt = async (O) => {
-    for (const F of O) {
+    T > R.ConnectAccounts && k({ step: T - 1, type: "main" });
+  }, Zt = async (T) => {
+    for (const P of T) {
       const {
-        account_guid: ge,
-        amount: Ae,
-        date: ce,
-        description: Vt,
-        feed_description: Xt,
-        firstDay: Yt,
-        frequency: Qe,
-        secondDay: qt,
-        merchant_guid: Ut,
-        payee: Qt,
-        transaction_type: Zt
-      } = F, Jt = Hn(Qe, ro(ce)), en = {
-        account_guid: ge,
-        amount: Ae,
+        account_guid: ve,
+        amount: Re,
+        date: pe,
+        description: tn,
+        feed_description: nn,
+        firstDay: on,
+        frequency: at,
+        secondDay: rn,
+        merchant_guid: an,
+        payee: sn,
+        transaction_type: cn
+      } = P, ln = co(at, oo(pe)), dn = {
+        account_guid: ve,
+        amount: Re,
         created_by: 0,
-        description: Qt || Vt || Xt,
-        merchant_guid: Ut,
-        predicted_occurs_on: oo(Jt, { representation: "date" }),
-        recurrence_day: Yt,
-        recurrence_type: Qe,
-        repeating_transaction_type: kt.Income,
-        second_recurrence_day: qt,
-        transaction_type: Zt,
+        description: sn || tn || nn,
+        merchant_guid: an,
+        predicted_occurs_on: no(ln, { representation: "date" }),
+        recurrence_day: on,
+        recurrence_type: at,
+        repeating_transaction_type: Ot.Income,
+        second_recurrence_day: rn,
+        transaction_type: cn,
         user_guid: u.guid
       };
-      await a(en, F);
+      await a(dn, P);
     }
-  }, me = Et[y.step], Ie = y.step === R.ConnectAccounts, jt = {
+  }, Se = Ke[b.step], Oe = b.step === R.ConnectAccounts, Jt = {
     fullWidth: !0,
-    ...Ie && !q && { startIcon: /* @__PURE__ */ e(_t, {}) }
-  }, Kt = !Ie || Ie && !q;
-  return /* @__PURE__ */ i(h.Fragment, { children: [
+    ...Oe && !N && { startIcon: /* @__PURE__ */ e(xt, {}) }
+  }, en = !Oe || Oe && !N;
+  return /* @__PURE__ */ s(m.Fragment, { children: [
     /* @__PURE__ */ e(
-      oe,
+      ie,
       {
         footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
-        hasSecondaryAction: !Ie,
+        hasSecondaryAction: !Oe,
         isOpen: t,
-        isPrimaryDisabled: !Ce,
-        onClose: qe,
-        onSecondaryAction: Ht,
-        primaryButtonProps: jt,
-        primaryText: me?.mainActionContent,
+        isPrimaryDisabled: !xe,
+        onClose: Te,
+        onSecondaryAction: Qt,
+        primaryButtonProps: Jt,
+        primaryText: Se?.mainActionContent,
         secondaryColor: "primary",
-        secondaryText: s.onboarding_back,
-        title: s.title,
-        ...!W && { onPrimaryAction: Gt },
-        children: /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-          W && /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: To, style: { minHeight: 100, width: 211 } }),
-            /* @__PURE__ */ e(Fe, { children: s.onboarding_calculate_primary }),
-            /* @__PURE__ */ e(I, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
+        secondaryText: i.onboarding_back,
+        title: i.title,
+        ...!F && { onPrimaryAction: qt },
+        children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
+          F && /* @__PURE__ */ s(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
+            /* @__PURE__ */ e("img", { alt: "", src: Vo, style: { minHeight: 100, width: 211 } }),
+            /* @__PURE__ */ e(Ge, { children: i.onboarding_calculate_primary }),
+            /* @__PURE__ */ e(A, { sx: { textAlign: "center" }, variant: "subtitle1", children: i.onboarding_calculate_secondary })
           ] }),
-          me && !W && /* @__PURE__ */ i(h.Fragment, { children: [
+          Se && !F && /* @__PURE__ */ s(m.Fragment, { children: [
             /* @__PURE__ */ e(
-              Wr,
+              Zr,
               {
-                completeCopy: s.complete,
-                primaryText: me.primaryText,
-                secondaryText: me.secondaryText,
-                value: De
+                completeCopy: i.complete,
+                primaryText: Se.primaryText,
+                secondaryText: Se.secondaryText,
+                value: Ce
               }
             ),
-            y.type === "main" && /* @__PURE__ */ i(M, { sx: { bgcolor: "background.default" }, children: [
-              me.main,
-              Kt && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(P, { fullWidth: !0, onClick: zt, children: s.onboarding_do_it_later }) })
+            b.type === "main" && /* @__PURE__ */ s(M, { sx: { bgcolor: "background.default" }, children: [
+              Se.main,
+              en && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(E, { fullWidth: !0, onClick: Ut, children: i.onboarding_do_it_later }) })
             ] }),
-            y.type === "detail" && me.detail
+            b.type === "detail" && Se.detail
           ] })
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      se,
       {
-        onClose: () => ae(!1),
-        showConnectWidget: ve,
-        title: s.connect_more_accounts_button
+        onClose: () => be(!1),
+        showConnectWidget: fe,
+        title: i.connect_more_accounts_button
       }
     )
   ] });
-}, Er = w($r), zr = () => {
-  const { finstrong: t } = v(), [o, n] = h.useState(!1);
-  return /* @__PURE__ */ i(h.Fragment, { children: [
-    /* @__PURE__ */ i(
+}, ea = w(Jr), ta = () => {
+  const { finstrong: t } = S(), [n, o] = m.useState(!1);
+  return /* @__PURE__ */ s(m.Fragment, { children: [
+    /* @__PURE__ */ s(
       _,
       {
         sx: {
@@ -2911,56 +3149,58 @@ const zo = ({ total: t }) => {
           px: 16
         },
         children: [
-          /* @__PURE__ */ i(_, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
-            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(un, { size: 72 }) }),
-            /* @__PURE__ */ i(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
-              /* @__PURE__ */ e(Fe, { children: t.onboarding_title }),
-              /* @__PURE__ */ e(I, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
+          /* @__PURE__ */ s(_, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
+            /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(vn, { size: 72 }) }),
+            /* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
+              /* @__PURE__ */ e(Ge, { children: t.onboarding_title }),
+              /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(P, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(E, { onClick: () => o(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
-    /* @__PURE__ */ e(Er, { isOpen: o, onClose: () => n(!1) })
+    /* @__PURE__ */ e(ea, { isOpen: n, onClose: () => o(!1) })
   ] });
-}, Gr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = v(), r = E(), { updateUser: s, user: a } = ee(), [l, c] = h.useState(a.birthday), d = (u) => {
-    c(Math.floor(new Date(u).getTime() / 1e3));
+}, na = ({ isOpen: t, onClose: n }) => {
+  const { finstrong: o } = S(), r = W(), { updateUser: i, user: a } = oe(), { loadPeerScore: l } = L(), [c, d] = m.useState(a.birthday), p = (h) => {
+    d(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
-    oe,
+    ie,
     {
       footerStyles: { borderTop: 1, borderColor: "divider", px: 24, py: 16 },
       isOpen: t,
-      onClose: o,
+      onClose: n,
       onPrimaryAction: () => {
-        !l || l === a.birthday || (s({ ...a, birthday: l }), o());
+        !c || c === a.birthday || (i({ ...a, birthday: c }).finally(() => {
+          l();
+        }), n());
       },
-      onSecondaryAction: o,
-      title: n.date_of_birth,
-      children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(ho, { dateAdapter: At, children: /* @__PURE__ */ e(
-        _o,
+      onSecondaryAction: n,
+      title: o.date_of_birth,
+      children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(mo, { dateAdapter: Rt, children: /* @__PURE__ */ e(
+        uo,
         {
           disableFuture: !0,
-          onChange: d,
+          onChange: p,
           slotProps: {
             nextIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
               }
             },
             previousIconButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
               }
             },
             switchViewButton: {
               sx: {
                 color: "primary.main",
-                "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+                "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
               }
             }
           },
@@ -2972,115 +3212,115 @@ const zo = ({ total: t }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: le(r.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: ue(r.palette.primary.light, 0.1) }
             }
           },
-          value: l ? new Date(l * 1e3) : /* @__PURE__ */ new Date()
+          value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
         }
       ) }) })
     }
   );
-}, Hr = w(Gr), Nr = ({ isOpen: t, onClose: o }) => {
-  const { visibleFinstrongAccounts: n } = xe(), {
+}, oa = w(na), ra = ({ isOpen: t, onClose: n }) => {
+  const { visibleFinstrongAccounts: o } = ke(), {
     accounts: r,
-    common: s,
+    common: i,
     finstrong: a,
     recurring: l
-  } = v(), { repeatingTransactions: c } = je(), { user: d } = ee(), p = c.reduce((x, S) => {
-    const { repeating_transaction_type: y, transactions: k, recurrence_type: g, amount: f } = S;
-    return y === kt.Income && (k && k.length > 0 || g === wt.EveryYear) ? x + f : x;
-  }, 0), [u, m] = h.useState(null), C = [
+  } = S(), { repeatingTransactions: c } = Ze(), { user: d } = oe(), p = c.reduce((x, C) => {
+    const { repeating_transaction_type: b, transactions: k, recurrence_type: g, amount: y } = C;
+    return b === Ot.Income && (k && k.length > 0 || g === Tt.EveryYear) ? x + y : x;
+  }, 0), [u, h] = m.useState(null), v = [
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.monthly_income,
-      icon: /* @__PURE__ */ e(hn, {}),
-      key: ne.MonthlyIncome,
+      icon: /* @__PURE__ */ e(wn, {}),
+      key: q.MonthlyIncome,
       label: a.monthly_income,
       value: p
     },
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.date_of_birth,
-      icon: /* @__PURE__ */ e(mn, {}),
-      key: ne.DateOfBirth,
+      icon: /* @__PURE__ */ e(kn, {}),
+      key: q.DateOfBirth,
       label: a.date_of_birth,
       value: d.birthday
     },
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.credit_score,
-      icon: /* @__PURE__ */ e(pt, {}),
-      key: ne.CreditScore,
+      icon: /* @__PURE__ */ e(bt, {}),
+      key: q.CreditScore,
       label: a.credit_score,
       value: d.credit_score
     },
     {
       fallbackLabel: a.connect_your_accounts,
-      icon: /* @__PURE__ */ e(dt, {}),
-      key: ne.Connections,
+      icon: /* @__PURE__ */ e(ft, {}),
+      key: q.Connections,
       label: a.connections,
-      value: n.length > 0 ? j(
+      value: o.length > 0 ? z(
         a.connected_account,
-        String(n.length),
-        n.length > 1 ? a.accounts : a.account
+        String(o.length),
+        o.length > 1 ? a.accounts : a.account
       ) : void 0
     }
-  ].map((x) => In(x));
-  return /* @__PURE__ */ i(oe, { isOpen: t, onClose: o, title: a.financial_profile, children: [
-    /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
-      /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
-        /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(K, { children: a.your_financial_profile }),
-          /* @__PURE__ */ e(I, { children: a.financial_profile_description })
+  ].map((x) => Oo(x));
+  return /* @__PURE__ */ s(ie, { isOpen: t, onClose: n, title: a.financial_profile, children: [
+    /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
+      /* @__PURE__ */ s(_, { sx: { gap: 20, p: 24 }, children: [
+        /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
+          /* @__PURE__ */ e(j, { children: a.your_financial_profile }),
+          /* @__PURE__ */ e(A, { children: a.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
-          Wt,
+          Xt,
           {
             completeCopy: a.complete,
-            value: C.reduce((x, S) => x + (S.isComplete ? 1 : 0), 0)
+            value: v.reduce((x, C) => x + (C.isComplete ? 1 : 0), 0)
           }
         )
       ] }),
-      /* @__PURE__ */ e(An, { list: C, onClickItem: m }),
+      /* @__PURE__ */ e(Do, { list: v, onClickItem: h }),
       /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-        Be,
+        We,
         {
           description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
           drawerType: "connectDrawer",
           isDashboard: !0,
           title: a.dont_see_all_your_accounts,
-          titleDrawer: s.add_accounts
+          titleDrawer: i.add_accounts
         }
       ) })
     ] }),
     /* @__PURE__ */ e(
-      oe,
+      ie,
       {
-        isOpen: u === ne.MonthlyIncome,
-        onClose: () => m(null),
+        isOpen: u === q.MonthlyIncome,
+        onClose: () => h(null),
         shouldShowHeaderBorders: !1,
         title: l.action_title,
-        children: /* @__PURE__ */ e(uo, {})
+        children: /* @__PURE__ */ e(_o, {})
       }
     ),
-    /* @__PURE__ */ e(Hr, { isOpen: u === ne.DateOfBirth, onClose: () => m(null) }),
-    /* @__PURE__ */ e(Rt, { isOpen: u === ne.CreditScore, onClose: () => m(null) }),
+    /* @__PURE__ */ e(oa, { isOpen: u === q.DateOfBirth, onClose: () => h(null) }),
+    /* @__PURE__ */ e(Ht, { isOpen: u === q.CreditScore, onClose: () => h(null) }),
     /* @__PURE__ */ e(
-      ft,
+      vt,
       {
-        onClose: () => m(null),
-        showConnectionsWidget: u === ne.Connections,
+        onClose: () => h(null),
+        showConnectionsWidget: u === q.Connections,
         title: r.manage_connections
       }
     )
   ] });
-}, jr = w(Nr), ct = ({
+}, aa = w(ra), gt = ({
   content: t,
-  islast: o = !1
-}) => /* @__PURE__ */ i(yo, { sx: { minHeight: 0 }, children: [
-  /* @__PURE__ */ i(vo, { children: [
-    /* @__PURE__ */ e(So, { sx: { bgcolor: "divider", boxShadow: "none", p: 2 } }),
-    !o && /* @__PURE__ */ e(
+  islast: n = !1
+}) => /* @__PURE__ */ s(go, { sx: { minHeight: 0 }, children: [
+  /* @__PURE__ */ s(Co, { children: [
+    /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", boxShadow: "none", p: 2 } }),
+    !n && /* @__PURE__ */ e(
       fo,
       {
         sx: {
@@ -3093,33 +3333,33 @@ const zo = ({ total: t }) => {
       }
     )
   ] }),
-  /* @__PURE__ */ e(xo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(I, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
-] }), Kr = ({ report: t }) => {
-  const { finstrong: o } = v(), { score_history_drawer_timeline: n } = o, {
+  /* @__PURE__ */ e(bo, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(A, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+] }), ia = ({ report: t }) => {
+  const { finstrong: n } = S(), { score_history_drawer_timeline: o } = n, {
     health_score_point_difference: r,
-    newer_credit_score: s,
+    newer_credit_score: i,
     older_credit_score: a,
     older_spend_to_income_ratio: l,
     newer_spend_to_income_ratio: c,
     older_health_score: d,
     newer_health_score: p,
     newer_score_calculated_at: u
-  } = t, m = mo(new Date(u), "MMM d"), b = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", C = () => r === 0 ? j(n.stayed_at, d) : r > 0 ? n.less_spending : n.more_spending, x = () => {
+  } = t, h = Ct(new Date(u), "MMM d"), f = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", v = () => r === 0 ? z(o.stayed_at, d) : r > 0 ? o.less_spending : o.more_spending, x = () => {
     if (r === 0) return null;
-    const S = r > 0 ? n.up_from : n.down_from, y = j(S, d, p);
-    return /* @__PURE__ */ i(z, { children: [
+    const C = r > 0 ? o.up_from : o.down_from, b = z(C, d, p);
+    return /* @__PURE__ */ s(H, { children: [
       /* @__PURE__ */ e(
-        on,
+        _n,
         {
           fill: !0,
           name: "circle",
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      y
+      b
     ] });
   };
-  return /* @__PURE__ */ i(V, { children: [
+  return /* @__PURE__ */ s(Y, { children: [
     /* @__PURE__ */ e(
       M,
       {
@@ -3129,7 +3369,7 @@ const zo = ({ total: t }) => {
           borderBottomWidth: r !== 0 ? 1 : 0,
           p: 16
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ s(
           _,
           {
             flexDirection: "row",
@@ -3140,19 +3380,19 @@ const zo = ({ total: t }) => {
                 {
                   sx: {
                     alignItems: "center",
-                    backgroundColor: b(),
+                    backgroundColor: f(),
                     borderRadius: 999,
                     height: 48,
                     justifyContent: "center",
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
+                  children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
                 }
               ),
-              /* @__PURE__ */ i(_, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(A, { fontWeight: 600, variant: "Body", children: C() }),
-                /* @__PURE__ */ i(A, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
-                  m,
+              /* @__PURE__ */ s(_, { sx: { gap: 2, width: "80%" }, children: [
+                /* @__PURE__ */ e(D, { fontWeight: 600, variant: "body1", children: v() }),
+                /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
+                  h,
                   " ",
                   x()
                 ] })
@@ -3162,11 +3402,11 @@ const zo = ({ total: t }) => {
         )
       }
     ),
-    r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ i(
-      go,
+    r !== 0 && /* @__PURE__ */ e(M, { sx: { color: "text.secondary", pb: 8, pl: 32, pr: 16, pt: 12 }, children: /* @__PURE__ */ s(
+      ho,
       {
         sx: {
-          [`& .${bo.root}:before`]: {
+          [`& .${yo.root}:before`]: {
             flex: 0,
             padding: 0
           },
@@ -3175,22 +3415,22 @@ const zo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            ct,
+            gt,
             {
-              content: j(
-                n.spend_to_income_description,
-                Oe(l),
-                Oe(c)
+              content: z(
+                o.spend_to_income_description,
+                Ee(l),
+                Ee(c)
               )
             }
           ),
           /* @__PURE__ */ e(
-            ct,
+            gt,
             {
-              content: j(
-                n.credit_score_description,
+              content: z(
+                o.credit_score_description,
                 a,
-                s
+                i
               ),
               islast: !0
             }
@@ -3199,12 +3439,12 @@ const zo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Vr = w(Kr), Xr = ({ isOpen: t, onClose: o }) => {
-  const n = E(), { finstrong: r } = v(), { isCopyLoaded: s, isInitialized: a } = J(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = B();
-  if (!s || !a) return /* @__PURE__ */ e(U, {});
-  const u = Ge(c.health_score || 0, r), m = d.slice().reverse();
+}, sa = w(ia), ca = ({ isOpen: t, onClose: n }) => {
+  const o = W(), { finstrong: r } = S(), { isCopyLoaded: i, isInitialized: a } = ne(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = L();
+  if (!i || !a) return /* @__PURE__ */ e(ee, {});
+  const u = nt(c.health_score || 0, r), h = d.slice().reverse();
   return /* @__PURE__ */ e(
-    Lt,
+    Kt,
     {
       additionalContent: /* @__PURE__ */ e(
         _,
@@ -3215,11 +3455,11 @@ const zo = ({ total: t }) => {
             borderColor: "divider"
           },
           children: /* @__PURE__ */ e(
-            Ke,
+            Je,
             {
-              axisColor: n.palette.divider,
+              axisColor: o.palette.divider,
               baseline: "min",
-              colors: [n.palette.primary.main],
+              colors: [o.palette.primary.main],
               curveType: "natural",
               datasets: [l],
               height: 160,
@@ -3238,7 +3478,7 @@ const zo = ({ total: t }) => {
       drawerTitle: r.score_history,
       isOpen: t,
       loadConnectAccountsCard: !1,
-      onClose: o,
+      onClose: n,
       stickyComponent: /* @__PURE__ */ e(
         _,
         {
@@ -3248,9 +3488,9 @@ const zo = ({ total: t }) => {
             pt: 8,
             px: 24
           },
-          children: /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
+          children: /* @__PURE__ */ s(_, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
             /* @__PURE__ */ e(
-              Ot,
+              zt,
               {
                 arcRadius: 24,
                 healthScore: c?.health_score,
@@ -3258,52 +3498,52 @@ const zo = ({ total: t }) => {
                 size: "SM"
               }
             ),
-            /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
-              /* @__PURE__ */ e(I, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(I, { variant: "XSmall", children: u.description })
+            /* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
+              /* @__PURE__ */ e(A, { variant: "h3", children: u.status }),
+              /* @__PURE__ */ e(A, { variant: "caption", children: u.description })
             ] })
           ] })
         }
       ),
-      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: m.map((b, C) => /* @__PURE__ */ e(Vr, { report: b }, C)) })
+      children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: h.map((f, v) => /* @__PURE__ */ e(sa, { report: f }, v)) })
     }
   );
-}, Yr = w(Xr), qr = ({ copy: t }) => {
-  const o = E(), n = [
-    o.palette.chartMono.chartMono5,
-    o.palette.chartMono.chartMono4,
-    o.palette.chartMono.chartMono3,
-    o.palette.chartMono.chartMono2
+}, la = w(ca), da = ({ copy: t }) => {
+  const n = W(), o = [
+    n.palette.chartMono.chartMono5,
+    n.palette.chartMono.chartMono4,
+    n.palette.chartMono.chartMono3,
+    n.palette.chartMono.chartMono2
   ];
-  return /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
+  return /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
     /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 8, px: 2 }, children: [
       { color: "chartMono.chartMono2", text: t.vulnerable, value: "0-25" },
       { color: "chartMono.chartMono3", text: t.building, value: "26-50" },
       { color: "chartMono.chartMono4", text: t.stable, value: "51-75" },
       { color: "chartMono.chartMono5", text: t.strong, value: "76-100" }
-    ].map(({ color: r, text: s, value: a }) => /* @__PURE__ */ i(_, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
-      /* @__PURE__ */ i(M, { children: [
-        /* @__PURE__ */ e(I, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: s }),
-        /* @__PURE__ */ i(A, { sx: { color: "text.secondary" }, variant: "caption", children: [
+    ].map(({ color: r, text: i, value: a }) => /* @__PURE__ */ s(_, { sx: { gap: 4, textAlign: "center", width: "100%" }, children: [
+      /* @__PURE__ */ s(M, { children: [
+        /* @__PURE__ */ e(A, { sx: { fontWeight: 700, textTransform: "uppercase" }, variant: "caption", children: i }),
+        /* @__PURE__ */ s(D, { sx: { color: "text.secondary" }, variant: "caption", children: [
           "(",
           a,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ e(M, { sx: { border: "2px solid", borderColor: r, borderRadius: "3px" } })
-    ] }, s)) }),
-    /* @__PURE__ */ i(M, { children: [
+    ] }, i)) }),
+    /* @__PURE__ */ s(M, { children: [
       /* @__PURE__ */ e(
         M,
         {
           sx: {
-            background: `linear-gradient(to left, ${n.join(", ")})`,
+            background: `linear-gradient(to left, ${o.join(", ")})`,
             borderRadius: "4px",
             height: 16
           }
         }
       ),
-      /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((r) => /* @__PURE__ */ i(
+      /* @__PURE__ */ e(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((r) => /* @__PURE__ */ s(
         _,
         {
           sx: { alignItems: "center", height: 20, justifyContent: "space-between", width: 24 },
@@ -3321,27 +3561,27 @@ const zo = ({ total: t }) => {
                 }
               }
             ),
-            /* @__PURE__ */ e(A, { sx: { color: "text.secondary" }, variant: "tiny", children: r })
+            /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "tiny", children: r })
           ]
         },
         r
       )) })
     ] })
   ] });
-}, Ur = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = v(), { isCopyLoaded: r } = J();
-  return r ? /* @__PURE__ */ e(oe, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
-    /* @__PURE__ */ i(_, { sx: { gap: 20 }, children: [
-      /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(K, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
-        /* @__PURE__ */ e(I, { variant: "subtitle1", children: n.finstrong_freedom_description })
+}, pa = ({ isOpen: t, onClose: n }) => {
+  const { finstrong: o } = S(), { isCopyLoaded: r } = ne();
+  return r ? /* @__PURE__ */ e(ie, { isOpen: t, onClose: n, title: o.score_rubric, children: /* @__PURE__ */ s(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
+    /* @__PURE__ */ s(_, { sx: { gap: 20 }, children: [
+      /* @__PURE__ */ s(_, { sx: { gap: 8 }, children: [
+        /* @__PURE__ */ e(j, { children: o.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(A, { variant: "subtitle1", children: o.finstrong_freedom_description })
       ] }),
-      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qr, { copy: n }) })
+      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(da, { copy: o }) })
     ] }),
-    /* @__PURE__ */ i(_, { sx: { gap: 12 }, children: [
-      /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: n.how_do_we_do_this }),
-      /* @__PURE__ */ i(
-        Ee,
+    /* @__PURE__ */ s(_, { sx: { gap: 12 }, children: [
+      /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: o.how_do_we_do_this }),
+      /* @__PURE__ */ s(
+        Le,
         {
           component: "ol",
           sx: {
@@ -3360,28 +3600,28 @@ const zo = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
-              be,
+            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(
+              me,
               {
-                primary: n.understand_your_habits,
-                secondary: n.understand_your_habits_description
+                primary: o.understand_your_habits,
+                secondary: o.understand_your_habits_description
               }
             ) }),
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
-              be,
+            /* @__PURE__ */ e(_e, { sx: { display: "list-item", pt: 16 }, children: /* @__PURE__ */ e(
+              me,
               {
-                primary: n.see_whats_possible,
-                secondary: n.see_whats_possible_description
+                primary: o.see_whats_possible,
+                secondary: o.see_whats_possible_description
               }
             ) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
-      /* @__PURE__ */ e(A, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: n.we_ask_questions }),
-      /* @__PURE__ */ i(
-        Ee,
+    /* @__PURE__ */ s(_, { sx: { gap: 4 }, children: [
+      /* @__PURE__ */ e(D, { sx: { fontWeight: 600, pb: 4 }, variant: "body1", children: o.we_ask_questions }),
+      /* @__PURE__ */ s(
+        Le,
         {
           component: "ol",
           sx: {
@@ -3401,23 +3641,23 @@ const zo = ({ total: t }) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_1 }) }),
-            /* @__PURE__ */ e(ye, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(be, { secondary: n.we_ask_questions_description_2 }) })
+            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_1 }) }),
+            /* @__PURE__ */ e(_e, { sx: { display: "list-item" }, children: /* @__PURE__ */ e(me, { secondary: o.we_ask_questions_description_2 }) })
           ]
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(U, {});
-}, Qr = w(Ur), Zr = w(() => {
-  const [t, o] = h.useState(!1), n = E(), [r, { width: s }] = xt(), { finstrong: a } = v(), { isCopyLoaded: l, isInitialized: c } = J(), { healthScore: d, healthScoreChange: p } = B(), u = n.palette.mode === "dark", m = Ge(d?.health_score, a);
-  return !l || !c ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ i(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ e(K, { children: a.financial_strength_header }),
+  ] }) }) : /* @__PURE__ */ e(ee, {});
+}, ua = w(pa), _a = w(() => {
+  const [t, n] = m.useState(!1), o = W(), [r, { width: i }] = wt(), { finstrong: a } = S(), { isCopyLoaded: l, isInitialized: c } = ne(), { healthScore: d, healthScoreChange: p } = L(), u = o.palette.mode === "dark", h = nt(d?.health_score, a);
+  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ s(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ e(j, { children: a.financial_strength_header }),
       /* @__PURE__ */ e(
-        P,
+        E,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
-          onClick: () => o(!0),
+          endIcon: /* @__PURE__ */ e(J, {}),
+          onClick: () => n(!0),
           size: "small",
           sx: {
             "&.MuiButtonBase-root": {
@@ -3427,7 +3667,7 @@ const zo = ({ total: t }) => {
           },
           variant: "text",
           children: /* @__PURE__ */ e(
-            A,
+            D,
             {
               bold: !0,
               sx: {
@@ -3441,16 +3681,16 @@ const zo = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(_, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
-      Ot,
+      zt,
       {
-        arcRadius: s <= 323 ? 72.5 : 154,
+        arcRadius: i <= 323 ? 72.5 : 154,
         footerCenterContent: p,
         healthScore: d?.health_score || 0,
-        size: s <= 323 ? "M" : "L"
+        size: i <= 323 ? "M" : "L"
       }
     ) }),
-    d?.health_score ? /* @__PURE__ */ i(
-      Co,
+    d?.health_score ? /* @__PURE__ */ s(
+      So,
       {
         sx: {
           px: 16,
@@ -3465,9 +3705,9 @@ const zo = ({ total: t }) => {
         },
         children: [
           /* @__PURE__ */ e(
-            ko,
+            wo,
             {
-              expandIcon: /* @__PURE__ */ e(gn, { size: 20 }),
+              expandIcon: /* @__PURE__ */ e(Mn, { size: 20 }),
               sx: {
                 "&.MuiAccordionSummary-root": {
                   minHeight: 0
@@ -3478,14 +3718,14 @@ const zo = ({ total: t }) => {
                   minHeight: 0
                 }
               },
-              children: /* @__PURE__ */ e(I, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
+              children: /* @__PURE__ */ e(A, { sx: { fontWeight: 600 }, variant: "body1", children: a.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(wo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(I, { variant: "subtitle1", children: m.scoreContent }) })
+          /* @__PURE__ */ e(vo, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(A, { variant: "subtitle1", children: h.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
-      Be,
+      We,
       {
         buttonText: a.connect_more_accounts_title,
         description: a.health_score_zero_description,
@@ -3506,63 +3746,62 @@ const zo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Qr,
+      ua,
       {
         isOpen: t,
-        onClose: () => o(!1)
+        onClose: () => n(!1)
       }
     )
   ] });
-}), Jr = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = xe(), { dateRange: s, isDataLoaded: a, loadBudgetData: l, setTheme: c } = Ln(), { reloadCategoryTotals: d } = Ne(), p = B(), {
-    augmentedChartData: u,
-    calculateHealthScore: m,
-    loadAugmentedChartData: b,
-    loadMonthlySummaries: C,
-    loadPeerScore: x,
-    peerScore: S
-  } = p, { finstrong: y, connect: k } = v(), { isInitialized: g } = J(), { loadRepeatingTransactionData: f, isDataLoaded: T } = je(), { isSmallMobile: L } = Xe(), D = E(), { userProfile: G } = ee(), [W, H] = h.useState(!1), [ve, ae] = h.useState(!1), [X, te] = h.useState(!1), [ie, Y] = h.useState(!1);
-  if (Mo({
+}), ma = ({ onBackClick: t, onMenuClick: n, sx: o, onPrimaryCtaClick: r }) => {
+  const { visibleAccounts: i } = ke(), { dateRange: a, isDataLoaded: l, loadBudgetData: c, setTheme: d } = Gn(), { reloadCategoryTotals: p } = Qe(), u = L(), {
+    augmentedChartData: h,
+    calculateHealthScore: f,
+    loadAugmentedChartData: v,
+    loadMonthlySummaries: x,
+    loadPeerScore: C,
+    peerScore: b,
+    healthScore: k
+  } = u, { finstrong: g, connect: y } = S(), { isInitialized: I } = ne(), { loadRepeatingTransactionData: G, isDataLoaded: O } = Ze(), { isSmallMobile: $ } = tt(), F = W(), { userProfile: K } = oe(), [fe, be] = m.useState(!1), [X, re] = m.useState(!1), [ce, U] = m.useState(!1), [V, le] = m.useState(!1), [de, xe] = m.useState(!1);
+  ko({
     widgetName: "FinstrongWidget",
-    isLoaded: W
-  }), h.useEffect(() => {
-    c(D);
-  }, []), h.useEffect(() => {
-    n && (p.handleFinstrongWidgetPrimaryCtaClick = n);
-  }, [n, p]), h.useEffect(() => {
-    g && (C().finally(), x().finally(), m().finally(), b().finally());
-  }, [g]), h.useEffect(() => {
-    g && (d(r, s.start, s.end).finally(() => {
-      H(!0);
-    }), a || (l(), f().finally()));
-  }, [s, a, g, r]), !g || !W || !T) return /* @__PURE__ */ e(U, {});
-  const N = () => ae(!0), he = Math.round(S?.average_health_score?.average_health_score || 0), se = u.some((Ce) => Ce.y !== 0);
-  return /* @__PURE__ */ i(
-    Do,
+    isLoaded: fe
+  }), m.useEffect(() => {
+    d(F);
+  }, []), m.useEffect(() => {
+    r && (u.handleFinstrongWidgetPrimaryCtaClick = r);
+  }, [r, u]), m.useEffect(() => {
+    I && (x().finally(), C().finally(), f().finally());
+  }, [I]), m.useEffect(() => {
+    I && (p(i, a.start, a.end).finally(() => {
+      be(!0);
+    }), l || (c(), G().finally()));
+  }, [a, l, I, i]), m.useEffect(() => {
+    k?.health_score && v().finally();
+  }, [k.health_score]);
+  const N = () => U(!0), Ce = Math.round(b?.average_health_score?.average_health_score || 0), He = h.some((Te) => Te.y !== 0), Ke = () => {
+    re(!0), f(!1).finally(() => {
+      re(!1);
+    }), U(!1);
+  };
+  return !I || !fe || !O || X ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ s(
+    Mo,
     {
       actions: [
         {
           iconName: "person",
-          label: y.profile,
+          label: g.profile,
           onClick: N
         }
       ],
       hasDivider: !0,
       onBackClick: t,
+      onMenuClick: n,
       showAccountFilter: !1,
-      sx: {
-        "& .MuiCardHeader-root": {
-          px: L ? 16 : 48,
-          pt: L ? 12 : 48
-        },
-        "& .MuiDivider-root": {
-          mt: L ? 12 : 24
-        },
-        ...o
-      },
-      title: y.title,
+      sx: o,
+      title: g.title,
       children: [
-        G.has_completed_finstrong_onboarding ? /* @__PURE__ */ i(
+        K.has_completed_finstrong_onboarding ? /* @__PURE__ */ s(
           _,
           {
             sx: {
@@ -3570,34 +3809,34 @@ const zo = ({ total: t }) => {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: L ? 16 : 24,
-              px: L ? 16 : 48
+              pt: $ ? 16 : 24,
+              px: $ ? 16 : 48
             },
             children: [
-              /* @__PURE__ */ i(_, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
-                /* @__PURE__ */ e(Zr, {}),
+              /* @__PURE__ */ s(_, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
+                /* @__PURE__ */ e(_a, {}),
                 /* @__PURE__ */ e(
-                  Be,
+                  We,
                   {
-                    description: y.connect_more_accounts_description,
+                    description: g.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: y.connect_more_accounts_title
+                    title: g.connect_more_accounts_title
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ i(V, { sx: { height: "100%", p: 16 }, children: [
-                /* @__PURE__ */ i(
+              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ s(Y, { sx: { height: "100%", p: 16 }, children: [
+                /* @__PURE__ */ s(
                   _,
                   {
                     direction: "row",
                     sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
                     children: [
-                      /* @__PURE__ */ e(K, { children: y.key_indicators }),
+                      /* @__PURE__ */ e(j, { children: g.key_indicators }),
                       /* @__PURE__ */ e(
-                        P,
+                        E,
                         {
-                          endIcon: /* @__PURE__ */ e(Z, {}),
-                          onClick: () => te(!0),
+                          endIcon: /* @__PURE__ */ e(J, {}),
+                          onClick: () => le(!0),
                           size: "small",
                           sx: {
                             "&.MuiButtonBase-root": {
@@ -3606,70 +3845,69 @@ const zo = ({ total: t }) => {
                             }
                           },
                           variant: "text",
-                          children: /* @__PURE__ */ e(A, { bold: !0, variant: "body2", children: y.whats_changed })
+                          children: /* @__PURE__ */ e(D, { bold: !0, variant: "body2", children: g.whats_changed })
                         }
                       )
                     ]
                   }
                 ),
-                se ? /* @__PURE__ */ e(
-                  Ke,
+                He ? /* @__PURE__ */ e(
+                  Je,
                   {
-                    axisColor: D.palette.divider,
+                    axisColor: F.palette.divider,
                     baseline: "min",
-                    colors: [D.palette.primary.main],
+                    colors: [F.palette.primary.main],
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
-                    customLegendVariant: "XSmall",
-                    datasets: [u],
+                    customLegendVariant: "caption",
+                    datasets: [h],
                     height: 300,
+                    isCurrency: !1,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: D.palette.border.dark,
-                    labelFontColor: D.palette.common.white,
-                    labelFontSize: typeof D.typography.XSmall?.fontSize == "string" ? parseFloat(D.typography.XSmall.fontSize) : D.typography.XSmall?.fontSize,
-                    labels: [y.key_indicators_label],
+                    labelBackgroundColor: F.palette.neutral.dark,
+                    labelFontColor: F.palette.common.white,
+                    labelFontSize: typeof F.typography.caption?.fontSize == "string" ? parseFloat(F.typography.caption.fontSize) : F.typography.caption?.fontSize,
+                    labels: [g.key_indicators_label],
                     margin: { right: 12, left: -37 },
-                    peerAverage: he,
+                    peerAverage: Ce,
                     showArea: !0,
                     showAverage: !0,
                     showLegend: !0,
                     showMarkLabel: !0,
                     showTooltip: !0,
                     showXAxis: !0,
-                    title: y.peer_average
+                    title: g.peer_average
                   }
-                ) : /* @__PURE__ */ e(Tr, { onClick: () => Y(!0) }),
-                /* @__PURE__ */ e(Ir, {})
+                ) : /* @__PURE__ */ e(Vr, { onClick: () => xe(!0) }),
+                /* @__PURE__ */ e(Hr, {})
               ] }) })
             ]
           }
-        ) : /* @__PURE__ */ e(zr, {}),
-        /* @__PURE__ */ e(jr, { isOpen: ve, onClose: () => ae(!1) }),
+        ) : /* @__PURE__ */ e(ta, {}),
+        /* @__PURE__ */ e(aa, { isOpen: ce, onClose: Ke }),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
-            onClose: () => Y(!1),
-            showConnectWidget: ie,
-            title: k.mini_title
+            onClose: () => xe(!1),
+            showConnectWidget: de,
+            title: y.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          Yr,
+          la,
           {
-            isOpen: X,
-            onClose: () => te(!1)
+            isOpen: V,
+            onClose: () => le(!1)
           }
         )
       ]
     }
   );
-}, bi = w(Jr);
+}, Ni = w(ma);
 export {
-  Ao as CreditScoreGraph,
-  Tt as DialScoreCard,
-  Ot as FinancialStrengthGraph,
-  Si as FinstrongApi,
-  vi as FinstrongStore,
-  bi as FinstrongWidget
+  Ko as CreditScoreGraph,
+  Nt as DialScoreCard,
+  zt as FinancialStrengthGraph,
+  Ni as FinstrongWidget
 };