@mx-cartographer/experiences 7.5.0-alpha.bb1 → 7.5.0

package/dist/finstrong/index.es.js

@@ -9,7 +9,7 @@ import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as we, e as ke,
 import { y as Si, F as Ci } from "../FinstrongStore-BIrX0Xg2.mjs";
 import * as ot from "d3";
 import { observer as v } from "mobx-react-lite";
-import { u as x, b as q, a as je, o as ee, z as L, p as Fn, d as Se, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn } from "../hooks-ZMp65DFz.mjs";
+import { u as x, b as q, a as je, o as ee, z as L, p as Rn, d as Se, m as Ke, f as Fn, j as Ve, h as Ln, i as Pn } from "../hooks-ZMp65DFz.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import B from "@mui/material/Button";
@@ -19,7 +19,7 @@ import { C as St } from "../ConnectionsDrawer-VmuVFHbL.mjs";
 import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-BkvlItWx.mjs";
 import se from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
-import Fe from "@mui/material/TextField";
+import Re from "@mui/material/TextField";
 import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Bn, f as Wn, a as $n } from "../Dialog-BPTr3qHE.mjs";
 import { u as vt } from "../useDimensions-27p2evRx.mjs";
@@ -40,7 +40,7 @@ import { S as Nn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as It } from "../DateUtil-CBdcsyuk.mjs";
 import { T as jn, s as Kn, h as Vn, S as Yn, c as Xn } from "../TransactionDetails-m5PddMQn.mjs";
 import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
-import { E as Re } from "../EmptyState-DoxNUae-.mjs";
+import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
 import qn from "@mui/material/useMediaQuery";
 import { ChartsXAxis as Un } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Qn } from "@mui/x-charts/ChartsYAxis";
@@ -78,8 +78,8 @@ const Ao = ({
   arcStartAngle: r,
   totalAngularSpan: s,
   centerX: i,
-  centerY: c,
-  arcRadius: l,
+  centerY: l,
+  arcRadius: c,
   innerArcRadius: _,
   outterArcRadius: d,
   progressEndAngle: u,
@@ -115,33 +115,33 @@ const Ao = ({
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
-        gradientTransform: `rotate(5, ${i}, ${c})`,
+        gradientTransform: `rotate(5, ${i}, ${l})`,
         gradientUnits: "userSpaceOnUse",
         id: "arcGradient",
-        x1: i + l * 0.8 * Math.cos(Math.PI / 1.35),
-        x2: i - l * 0.8 * Math.cos(Math.PI / 1.35),
-        y1: c + l * 0.8 * Math.sin(Math.PI / 1.35),
-        y2: c - l * 0.8 * Math.sin(Math.PI / 1.35),
-        children: w.map((F, U) => /* @__PURE__ */ e("stop", { offset: F.offset, stopColor: F.color }, U))
+        x1: i + c * 0.8 * Math.cos(Math.PI / 1.35),
+        x2: i - c * 0.8 * Math.cos(Math.PI / 1.35),
+        y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
+        y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
+        children: w.map((R, U) => /* @__PURE__ */ e("stop", { offset: R.offset, stopColor: R.color }, U))
       }
     ) })
   ] });
-}, Ft = ({
+}, Rt = ({
   arcRadius: t = 100,
   healthScore: o,
   size: n = "L",
   dialScoreData: r,
   minValue: s = 0,
   maxValue: i = 100,
-  margin: c,
-  markerColor: l,
+  margin: l,
+  markerColor: c,
   healthScoreStatus: _,
   footerCenterContent: d,
   footerLeftContent: u,
   footerRightContent: h,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = E(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), T = F * 2, $ = T / 2, z = T / 2, pe = (U + F) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, Y] = Sn(pe, b, ve), _e = o / 25, H = {
+  const f = E(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, R = t, U = t * (1 - P), T = R * 2, $ = T / 2, z = T / 2, pe = (U + R) / 2, ve = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [Q, Y] = Sn(pe, b, ve), _e = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -150,7 +150,7 @@ const Ao = ({
     right: 0,
     bottom: 0,
     left: 0,
-    ...c
+    ...l
   }, N = d === 0 ? sn : cn, ae = n !== "SM" ? 3 : 1, De = ae * 4, ue = H[n].markerSize * 2 + De;
   return /* @__PURE__ */ a(
     p,
@@ -172,7 +172,7 @@ const Ao = ({
               {
                 data: r,
                 innerRadius: U,
-                outerRadius: F,
+                outerRadius: R,
                 startAngle: Math.round(et(w)),
                 // Use Math.degrees to convert
                 endAngle: Math.round(et(S))
@@ -196,7 +196,7 @@ const Ao = ({
                   dialScoreData: r,
                   innerArcRadius: U,
                   isFinacialStrengthGraph: y,
-                  outterArcRadius: F,
+                  outterArcRadius: R,
                   progressEndAngle: b,
                   totalAngularSpan: D,
                   unitsPerSegment: _e
@@ -230,7 +230,7 @@ const Ao = ({
                 cy: z + Y,
                 fill: f.palette.common.white,
                 r: H[n].markerSize,
-                stroke: y ? "url(#arcGradient)" : l,
+                stroke: y ? "url(#arcGradient)" : c,
                 strokeWidth: ae
               }
             )
@@ -298,7 +298,7 @@ const Ao = ({
                         color: d > 0 ? "success.main" : "text.secondary"
                       },
                       variant: "body1",
-                      children: d
+                      children: Math.abs(d)
                     }
                   )
                 ]
@@ -336,7 +336,7 @@ const Ao = ({
       ]
     }
   );
-}, Rt = v(
+}, Ft = v(
   ({
     arcRadius: t,
     size: o = "L",
@@ -349,15 +349,15 @@ const Ao = ({
       { id: 2, label: "Group B", value: 25 },
       { id: 3, label: "Group C", value: 25 },
       { id: 4, label: "Group D", value: 25 }
-    ], { finstrong: c } = x(), l = Ne(n, c);
+    ], { finstrong: l } = x(), c = Ne(n, l);
     return /* @__PURE__ */ e(
-      Ft,
+      Rt,
       {
         arcRadius: t,
         dialScoreData: i,
-        footerCenterContent: o === "L" ? c.footer_center_content_updated_just_now : r,
+        footerCenterContent: o === "L" ? l.footer_center_content_updated_just_now : r,
         healthScore: n,
-        healthScoreStatus: l.status,
+        healthScoreStatus: c.status,
         isFinacialStrengthGraph: !0,
         margin: s,
         size: o
@@ -373,46 +373,46 @@ const Ao = ({
     minValue: s = 300,
     footerCenterContent: i
   }) => {
-    const l = E().palette.mode === "dark", _ = [
+    const c = E().palette.mode === "dark", _ = [
       {
         id: 1,
         label: "Poor",
         value: 29,
-        color: l ? we.POOR : ke.POOR
+        color: c ? we.POOR : ke.POOR
       },
       {
         id: 2,
         label: "Fair",
         value: 25,
-        color: l ? we.FAIR : ke.FAIR
+        color: c ? we.FAIR : ke.FAIR
       },
       {
         id: 3,
         label: "Good",
         value: 17,
-        color: l ? we.GOOD : ke.GOOD
+        color: c ? we.GOOD : ke.GOOD
       },
       {
         id: 4,
         label: "Very Good",
         value: 17,
-        color: l ? we.VERY_GOOD : ke.VERY_GOOD
+        color: c ? we.VERY_GOOD : ke.VERY_GOOD
       },
       {
         id: 5,
         label: "Exceptional",
         value: 12,
-        color: l ? we.EXCEPTIONAL : ke.EXCEPTIONAL
+        color: c ? we.EXCEPTIONAL : ke.EXCEPTIONAL
       }
     ], { finstrong: d } = x(), { isCopyLoaded: u } = q();
     if (!u) return /* @__PURE__ */ e(te, {});
     const { status: h, color: y = "none" } = mt(
       n,
-      l,
+      c,
       d.credit_score_status
     );
     return /* @__PURE__ */ e(
-      Ft,
+      Rt,
       {
         arcRadius: t,
         dialScoreData: _,
@@ -435,8 +435,8 @@ const Ao = ({
   buttonText: r,
   title: s,
   titleDrawer: i,
-  description: c,
-  sx: l
+  description: l,
+  sx: c
 }) => {
   const [_, d] = m.useState(!1), { connect: u, finstrong: h } = x(), { config: y } = je();
   return t && y.show_connections_widget_in_master ? /* @__PURE__ */ a(
@@ -447,7 +447,7 @@ const Ao = ({
         pt: 18,
         px: 24,
         width: "100%",
-        ...l
+        ...c
       },
       children: [
         /* @__PURE__ */ a(
@@ -469,7 +469,7 @@ const Ao = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: c || h.connect_more_accounts_description
+            children: l || h.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
@@ -503,17 +503,17 @@ const Ao = ({
   ) : null;
 };
 var de = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(de || {});
-const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: c } = ee(), [l, _] = m.useState(c.credit_score || 0), d = !isNaN(l), u = () => {
-    o(), setTimeout(() => _(c.credit_score || 0), 300);
+const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Ro = ({ isOpen: t, onClose: o }) => {
+  const { common: n, finstrong: r } = x(), { isMobile: s } = qe(), { updateUser: i, user: l } = ee(), [c, _] = m.useState(l.credit_score || 0), d = !isNaN(c), u = () => {
+    o(), setTimeout(() => _(l.credit_score || 0), 300);
   }, h = () => {
-    !l || l === c.credit_score || i({ ...c, credit_score: l });
+    !c || c === l.credit_score || i({ ...l, credit_score: c });
   };
   return /* @__PURE__ */ e(
     Bn,
     {
       copy: { close_aria: n.close_aria, title: r.edit_credit_score },
-      disablePrimaryButton: !l || !d,
+      disablePrimaryButton: !c || !d,
       isOpen: t,
       maxWidth: "xs",
       onClose: u,
@@ -532,7 +532,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
             y.preventDefault(), h(), u();
           },
           children: /* @__PURE__ */ e(
-            Fe,
+            Re,
             {
               error: !d,
               fullWidth: !0,
@@ -542,18 +542,18 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
                 pattern: "[0-9]*"
               },
               onChange: (y) => _(Number(y.target.value)),
-              value: d ? l : ""
+              value: d ? c : ""
             }
           )
         }
       )
     }
   );
-}, Lt = v(Fo), ze = {
+}, Lt = v(Ro), ze = {
   credit_over_time_title: "Your Credit Over Time",
   credit_over_time_zero_state_desc: "Add your credit score to start building a full picture of your credit health."
-}, Ro = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [c, { width: l }] = vt(), _ = {
+}, Fo = ({ chartFor: t }) => {
+  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = L(), { user: s } = ee(), { finstrong: i } = x(), [l, { width: c }] = vt(), _ = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(dt, { size: 48, sx: { marginBottom: 8 } }),
       title: i.key_indicators_save.zero_state_title,
@@ -582,17 +582,17 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], h = Cn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), S = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: C } = S(), g = u.title, b = t === "creditOverTime";
+  }[t], h = Cn(r, u.valueKey), y = r.map((R) => R[u.valueKey]), f = Math.max(...y), w = Math.min(...y), S = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: C } = S(), g = u.title, b = t === "creditOverTime";
   let P;
   if (b) {
-    const { color: F } = mt(
+    const { color: R } = mt(
       s?.credit_score ?? 0,
       n,
       i.credit_score_status
     );
-    P = F;
+    P = R;
   }
-  return /* @__PURE__ */ e(V, { ref: c, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(V, { ref: l, sx: { backgroundColor: "background.paper" }, children: h.length >= 1 ? /* @__PURE__ */ a(p, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(M, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
       Ye,
@@ -609,10 +609,10 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         labelFontSize: b ? 13 : void 0,
         labels: [i.key_indicators_label],
         margin: { left: C, top: b ? 25 : 15, right: 20 },
-        markStyles: (F) => b ? {
+        markStyles: (R) => b ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: F === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: R === h.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
             fill: o.palette.text.primary
           },
@@ -632,7 +632,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         showYAxisTicks: b,
         useCustomMark: !0,
         valueFormatterString: b ? void 0 : D,
-        width: l < 342 ? l - 48 : 342
+        width: c < 342 ? c - 48 : 342
       }
     )
   ] }) : /* @__PURE__ */ a(p, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
@@ -640,23 +640,23 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ e(M, { fontWeight: 600, variant: "body1", children: _.title }),
     /* @__PURE__ */ e(M, { align: "center", variant: "subtitle1", children: _.description })
   ] }) });
-}, Ue = v(Ro), Lo = () => {
-  const { healthScoreChange: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = Fn(), { isSmallMobile: s } = qe(r), [i, c] = m.useState(!1);
+}, Ue = v(Fo), Lo = () => {
+  const { healthScoreChangeReports: t } = L(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = Rn(), { isSmallMobile: s } = qe(r), [i, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ a(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
         To,
         {
           arcRadius: s ? 124 : 154,
-          footerCenterContent: t,
+          footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
           healthScore: n.credit_score ?? 0,
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: () => c(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(B, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ue, { chartFor: "creditOverTime" })
     ] }),
-    /* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => c(!1) })
+    /* @__PURE__ */ e(Lt, { isOpen: i, onClose: () => l(!1) })
   ] });
 }, Po = v(Lo), Be = ({ status: t }) => {
   const { finstrong: o } = x(), n = vn(wn[t]), r = {
@@ -699,15 +699,15 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   children: r,
   description: s,
   drawerTitle: i,
-  isOpen: c,
-  loadConnectAccountsCard: l = !0,
+  isOpen: l,
+  loadConnectAccountsCard: c = !0,
   onClose: _,
   stickyComponent: d,
   title: u,
   drawerType: h
 }) => {
   const { finstrong: y } = x(), { isCopyLoaded: f } = q();
-  return f ? /* @__PURE__ */ e(oe, { isOpen: c, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+  return f ? /* @__PURE__ */ e(oe, { isOpen: l, onClose: _, title: i || y.key_indicators, children: /* @__PURE__ */ a(p, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
     (u || s) && /* @__PURE__ */ a(
       p,
       {
@@ -736,7 +736,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     t && /* @__PURE__ */ e(k, { children: t }),
     /* @__PURE__ */ a(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
       r,
-      l && /* @__PURE__ */ e(
+      c && /* @__PURE__ */ e(
         Pe,
         {
           description: n,
@@ -753,18 +753,18 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), c = m.useCallback(
+  const { config: r } = je(), { accounts: s } = x(), { selectedAccounts: i } = q(), l = m.useCallback(
     (_) => {
       t?.(_);
     },
     [t]
-  ), l = m.useMemo(
+  ), c = m.useMemo(
     () => Array.from(new Set(i.map((_) => _.account_type))).filter(
       (_) => n ? n.includes(_) : !0
     ),
     [i, n]
   );
-  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: l.map((_) => {
+  return i.length ? /* @__PURE__ */ e(m.Fragment, { children: c.map((_) => {
     const { accountsForType: d, totalBalanceForType: u } = i.reduce(
       (h, y) => (y.account_type === _ && (h.accountsForType.push(y), h.totalBalanceForType += y.balance || 0), h),
       { accountsForType: [], totalBalanceForType: 0 }
@@ -793,7 +793,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: W(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Gn, { onClick: () => c(h), children: S }) : S }),
+              /* @__PURE__ */ e(ye, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Gn, { onClick: () => l(h), children: S }) : S }),
               y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
             ] }, h.guid);
           }),
@@ -804,13 +804,13 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     );
   }) }) : null;
 }, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = E(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
-    () => l.filter(
+  const n = E(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: l } = x(), { selectedAccounts: c } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
+    () => c.filter(
       (S) => t ? t.includes(S.account_type) : !0
     ),
-    [l, t]
+    [c, t]
   ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
-    const { firstValue: D } = kt(S, c);
+    const { firstValue: D } = kt(S, l);
     return D;
   };
   return y.length >= 1 ? /* @__PURE__ */ a(G, { children: [
@@ -902,11 +902,11 @@ const Eo = ({ total: t }) => {
     { id: Me.Months, label: o.maintain_emergency_savings_months },
     { id: Me.Years, label: o.maintain_emergency_savings_years },
     { id: Me.Days, label: o.maintain_emergency_savings_days }
-  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
+  ], i = Math.ceil((t + 1) / 1e3) * 1e3, [l, c] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
     tt(t)
   ), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(Me.Months);
   m.useEffect(() => {
-    l(
+    c(
       nt({
         contribution: u,
         goalAmount: y,
@@ -917,7 +917,7 @@ const Eo = ({ total: t }) => {
     ), d(u);
   }, []);
   const g = (b) => {
-    b.preventDefault(), l(
+    b.preventDefault(), c(
       nt({
         contribution: u,
         goalAmount: y,
@@ -932,7 +932,7 @@ const Eo = ({ total: t }) => {
       Ce,
       {
         balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
-          /* @__PURE__ */ e(I, { variant: "h2", children: W(c, "0,0") }),
+          /* @__PURE__ */ e(I, { variant: "h2", children: W(l, "0,0") }),
           /* @__PURE__ */ a(I, { sx: { alignSelf: "end", height: 24 }, variant: "subtitle2", children: [
             "/",
             r[_]
@@ -942,7 +942,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Fe,
+      Re,
       {
         "aria-label": o.maintain_emergency_savings_savings_goal,
         helperText: j(
@@ -972,7 +972,7 @@ const Eo = ({ total: t }) => {
     ),
     /* @__PURE__ */ a(p, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
-        Fe,
+        Re,
         {
           "aria-label": o.maintain_emergency_savings_meet_your_goal_within,
           fullWidth: !0,
@@ -1016,7 +1016,7 @@ const Eo = ({ total: t }) => {
   ] }) }) });
 }, Ho = v(Eo), No = () => {
   const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
-    () => t.reduce((i, c) => i + (c.balance ?? 0), 0),
+    () => t.reduce((i, l) => i + (l.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
@@ -1055,12 +1055,12 @@ const Eo = ({ total: t }) => {
       MISSING: {
         progressBarColor: "text.secondary"
       }
-    }[n], c = s.map((l, _) => s.length === 2 ? {
-      color: _ === 0 ? "primary.main" : l.color || i?.progressBarColor,
-      percentage: l.percentage
+    }[n], l = s.map((c, _) => s.length === 2 ? {
+      color: _ === 0 ? "primary.main" : c.color || i?.progressBarColor,
+      percentage: c.percentage
     } : {
-      color: l.color || i?.progressBarColor,
-      percentage: l.percentage
+      color: c.color || i?.progressBarColor,
+      percentage: c.percentage
     });
     return /* @__PURE__ */ a(
       p,
@@ -1093,7 +1093,7 @@ const Eo = ({ total: t }) => {
             )
           ] }),
           /* @__PURE__ */ a(p, { children: [
-            /* @__PURE__ */ e(Nn, { data: c, height: 16 }),
+            /* @__PURE__ */ e(Nn, { data: l, height: 16 }),
             r
           ] })
         ]
@@ -1138,7 +1138,7 @@ const Eo = ({ total: t }) => {
   formatDate: r = It,
   secondaryIcon: s
 }) => {
-  const i = E(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
+  const i = E(), { connect: l, finstrong: c, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
   let C = t;
   return S && (C = t.map((g) => ({
     ...g,
@@ -1154,7 +1154,7 @@ const Eo = ({ total: t }) => {
         size: "small",
         sx: { my: 0, px: 16, py: 12, width: "100%" },
         variant: "contained",
-        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: l.connect_more_accounts_button })
+        children: /* @__PURE__ */ e(I, { bold: !0, variant: "body1", children: c.connect_more_accounts_button })
       }
     ) }),
     /* @__PURE__ */ e(
@@ -1162,7 +1162,7 @@ const Eo = ({ total: t }) => {
       {
         onClose: () => y(!1),
         showConnectWidget: h,
-        title: c.mini_title
+        title: l.mini_title
       }
     )
   ] }) : /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
@@ -1228,7 +1228,7 @@ const Eo = ({ total: t }) => {
           children: /* @__PURE__ */ a(I, { bold: !0, variant: "body1", children: [
             D,
             " ",
-            l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
+            c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
@@ -1237,7 +1237,7 @@ const Eo = ({ total: t }) => {
         {
           isOpen: d,
           onClose: () => u(!1),
-          title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
+          title: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(jn, { transaction: C })
         }
       )
@@ -1347,9 +1347,9 @@ const Eo = ({ total: t }) => {
   m.useEffect(() => {
     o || (s().finally(), i().finally());
   }, [o]);
-  const c = m.useMemo(() => {
-    const l = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
-    return [...l, ..._];
+  const l = m.useMemo(() => {
+    const c = r.spend.map((d) => d.transaction), _ = r.debtSpend.map((d) => d.transaction);
+    return [...c, ..._];
   }, [r.spend, r.debtSpend]);
   return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
@@ -1359,7 +1359,7 @@ const Eo = ({ total: t }) => {
         title: t.key_indicators_save.drawer_daily_spend
       }
     ),
-    /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: c })
+    /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
   ] }) : /* @__PURE__ */ e(te, {});
 }, nr = v(tr), or = () => {
   const [t, o] = m.useState(0), { finstrong: n } = x();
@@ -1401,7 +1401,7 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(Ue, { chartFor: "savingsOverTime" })
   ] });
 }, rr = v(or), ar = () => {
-  const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), c = Math.round((n - i) * s), l = n / 6 * 100;
+  const { finstrong: t } = x(), { healthScore: o } = L(), n = o.months_of_cash_on_hand, r = bt(n ? n * 30 : null), s = 183 / 6, i = Math.floor(n), l = Math.round((n - i) * s), c = n / 6 * 100;
   return /* @__PURE__ */ e(
     We,
     {
@@ -1444,10 +1444,10 @@ const Eo = ({ total: t }) => {
       status: r,
       statusBarData: [
         {
-          percentage: `${l}%`
+          percentage: `${c}%`
         }
       ],
-      value: j(t.key_indicators_save.drawer_progress_bar_value, i, c)
+      value: j(t.key_indicators_save.drawer_progress_bar_value, i, l)
     }
   );
 }, ir = v(ar), sr = () => {
@@ -1543,7 +1543,7 @@ const Eo = ({ total: t }) => {
     ),
     o.income.length ? (
       // TODO: Need to add More Transactions functionality
-      /* @__PURE__ */ e($e, { transactions: o.income.map((c) => c.transaction) })
+      /* @__PURE__ */ e($e, { transactions: o.income.map((l) => l.transaction) })
     ) : /* @__PURE__ */ e(
       B,
       {
@@ -1580,7 +1580,7 @@ const Eo = ({ total: t }) => {
         $e,
         {
           amountColor: "text.primary",
-          transactions: t.debtSpend.map((c) => c.transaction)
+          transactions: t.debtSpend.map((l) => l.transaction)
         }
       )
     ) : /* @__PURE__ */ e(
@@ -1609,25 +1609,25 @@ const Eo = ({ total: t }) => {
   style: r,
   ...s
 }) => {
-  const i = E(), c = m.useRef(null), { width: l } = Jn({
+  const i = E(), l = m.useRef(null), { width: c } = Jn({
     width: r.width
   });
   m.useLayoutEffect(() => {
     const h = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
-        if (c.current) {
-          const { width: y } = c.current.getBoundingClientRect(), f = y / 2, w = c.current.querySelector("text");
+        if (l.current) {
+          const { width: y } = l.current.getBoundingClientRect(), f = y / 2, w = l.current.querySelector("text");
           w && w.setAttribute("transform", `translate(${f}, -8)`);
         }
       });
     });
-    return c.current && h.observe(c.current), () => {
-      c.current && h.unobserve(c.current);
+    return l.current && h.observe(l.current), () => {
+      l.current && h.unobserve(l.current);
     };
   }, []);
   const { formattedComparison: _, formattedMain: d } = o[n.index], u = n.type === 0 ? d : _;
   return /* @__PURE__ */ a("g", { children: [
-    /* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: c, rx: 2, style: r }),
+    /* @__PURE__ */ e(at.rect, { ...s, fill: t, ref: l, rx: 2, style: r }),
     /* @__PURE__ */ e(
       at.text,
       {
@@ -1635,7 +1635,7 @@ const Eo = ({ total: t }) => {
         fontSize: 9,
         fontWeight: 400,
         textAnchor: "middle",
-        transform: l.to((h) => `translate(${h / 2}, -5)`),
+        transform: c.to((h) => `translate(${h / 2}, -5)`),
         x: r.x,
         y: r.y,
         children: u
@@ -1652,8 +1652,8 @@ const Eo = ({ total: t }) => {
   buttonLabel: r,
   onClick: s,
   legendLabelMain: i,
-  legendLabelComparison: c,
-  totalComparison: l,
+  legendLabelComparison: l,
+  totalComparison: c,
   totalMain: _
 }) => {
   const d = E(), u = qn(d.breakpoints.down("xs")), h = m.useMemo(
@@ -1761,10 +1761,10 @@ const Eo = ({ total: t }) => {
             ),
             /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row" }, children: [
               /* @__PURE__ */ a(I, { variant: "subtitle2", children: [
-                c,
+                l,
                 " "
               ] }),
-              !u && l && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: l })
+              !u && c && /* @__PURE__ */ e(I, { sx: { fontWeight: 700 }, variant: "subtitle2", children: c })
             ] })
           ] })
         ] }),
@@ -1787,11 +1787,11 @@ const Eo = ({ total: t }) => {
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: b, style: P, ...F } = g;
+                      const { ownerState: b, style: P, ...R } = g;
                       return /* @__PURE__ */ e(
                         hr,
                         {
-                          ...F,
+                          ...R,
                           color: b.color,
                           data: h,
                           series: {
@@ -1852,7 +1852,7 @@ const Eo = ({ total: t }) => {
     }
   );
 }, ur = () => {
-  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: c } = x();
+  const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = L(), [s, i] = m.useState(0), { finstrong: l } = x();
   return m.useEffect(() => {
     t || (o().finally(), n().finally());
   }, [t]), t ? /* @__PURE__ */ a(G, { children: [
@@ -1860,9 +1860,9 @@ const Eo = ({ total: t }) => {
       /* @__PURE__ */ a(
         Xe,
         {
-          "aria-label": c.key_indicators_save.drawer_title,
+          "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
-          onChange: (l, _) => i(_),
+          onChange: (c, _) => i(_),
           selectionFollowsFocus: !0,
           sx: { mb: 0 },
           value: s,
@@ -1873,7 +1873,7 @@ const Eo = ({ total: t }) => {
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
-                label: c.key_indicators_borrow.have_manageable_debt_drawer.income,
+                label: l.key_indicators_borrow.have_manageable_debt_drawer.income,
                 sx: { minHeight: 44 }
               }
             ),
@@ -1882,7 +1882,7 @@ const Eo = ({ total: t }) => {
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
-                label: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+                label: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
                 sx: { minHeight: 44 }
               }
             )
@@ -1916,19 +1916,19 @@ const Eo = ({ total: t }) => {
         {
           chartFor: "debt_payment_vs_income",
           data: r,
-          legendLabelComparison: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
-          legendLabelMain: c.key_indicators_borrow.have_manageable_debt_drawer.income,
-          title: c.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
+          legendLabelComparison: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+          legendLabelMain: l.key_indicators_borrow.have_manageable_debt_drawer.income,
+          title: l.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
       /* @__PURE__ */ e(Ue, { chartFor: "debtOverTime" })
     ] }) : /* @__PURE__ */ a(G, { children: [
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
-          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
+          header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
+          subText: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1940,11 +1940,11 @@ const Eo = ({ total: t }) => {
         }
       ),
       /* @__PURE__ */ e(
-        Re,
+        Fe,
         {
-          header: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
+          header: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: c.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
+          subText: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1958,7 +1958,7 @@ const Eo = ({ total: t }) => {
     ] })
   ] }) : /* @__PURE__ */ e(te, {});
 }, mr = v(ur), gr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), c = {
+  const { healthScore: t } = L(), { finstrong: o } = x(), n = Oe(t.spend_to_income_ratio), r = n ?? 0, s = Object.keys(t).length === 0, i = xt(n), l = {
     GOOD: [{ percentage: `${r}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${r - 100}%` }],
@@ -1992,12 +1992,12 @@ const Eo = ({ total: t }) => {
       ),
       label: o?.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_sticky_description,
       status: i,
-      statusBarData: c,
+      statusBarData: l,
       value: s ? "$0" : W(t.ninety_day_spend, "0,0.00")
     }
   );
 }, yr = v(gr), br = () => {
-  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: c } = Rn(), { finstrong: l, goals: _, spending: d } = x(), u = E(), [h, y] = m.useState("");
+  const { accounts: t } = Se(), { categories: o, dateRangeCategoryTotals: n, loadDateRangeCategoryTotals: r } = Ke(), { monthlySummaries: s, handleFinstrongWidgetPrimaryCtaClick: i } = L(), { appDataStore: l } = Fn(), { finstrong: c, goals: _, spending: d } = x(), u = E(), [h, y] = m.useState("");
   m.useEffect(() => {
     r(
       t,
@@ -2021,24 +2021,24 @@ const Eo = ({ total: t }) => {
     s.length ? /* @__PURE__ */ e(
       $t,
       {
-        ...c.appData.client_profile?.allow_trends_widget && {
-          buttonLabel: l.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+        ...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,
-        legendLabelComparison: l.key_indicators_spend.spend_less_than_you_make_drawer.income,
-        legendLabelMain: l.key_indicators_spend.spend_less_than_you_make_drawer.spending,
+        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: () => i("trends")(),
-        title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
+        title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: W(D, "0,0.00"),
         totalMain: W(S, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
-        header: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_title,
         icon: "multiline_chart",
-        subText: l.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.trends_zero_state_description,
         sx: {
           backgroundColor: "background.paper",
           borderRadius: "8px",
@@ -2073,8 +2073,8 @@ const Eo = ({ total: t }) => {
                 pb: 8
               },
               children: [
-                /* @__PURE__ */ e(K, { children: l.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
-                c.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
+                /* @__PURE__ */ e(K, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
                   B,
                   {
                     endIcon: /* @__PURE__ */ e(J, {}),
@@ -2085,7 +2085,7 @@ const Eo = ({ total: t }) => {
                       height: 24
                     },
                     variant: "text",
-                    children: l.key_indicators_spend.spend_less_than_you_make_drawer.view_more
+                    children: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
                   }
                 )
               ]
@@ -2113,11 +2113,11 @@ const Eo = ({ total: t }) => {
         ]
       }
     ) : /* @__PURE__ */ e(
-      Re,
+      Fe,
       {
-        header: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
+        header: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_title,
         icon: "donut_small",
-        subText: l.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
+        subText: c.key_indicators_spend.spend_less_than_you_make_drawer.spending_zero_state_description,
         sx: {
           backgroundColor: "background.paper",
           borderRadius: "8px",
@@ -2214,16 +2214,16 @@ const Eo = ({ total: t }) => {
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const { finstrong: s } = x(), [i, c] = m.useState(!1), l = (_) => {
-    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), c(!0));
+  const { finstrong: s } = x(), [i, l] = m.useState(!1), c = (_) => {
+    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), l(!0));
   };
   return /* @__PURE__ */ a(G, { children: [
     /* @__PURE__ */ a(
       p,
       {
         "aria-label": `${s.key_indicators_open} ${o}`,
-        onClick: () => c(!0),
-        onKeyDown: l,
+        onClick: () => l(!0),
+        onKeyDown: c,
         role: "button",
         sx: {
           alignItems: "center",
@@ -2254,29 +2254,29 @@ const Eo = ({ total: t }) => {
       {
         drawerFor: t,
         isOpen: i,
-        onClose: () => c(!1)
+        onClose: () => l(!1)
       }
     )
   ] });
 }, Cr = () => {
-  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
-    const l = xt(c), _ = {
+  const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (l) => {
+    const c = xt(l), _ = {
       GOOD: o.ratio_good_description,
       FAIR: o.ratio_fair_description,
       OFF_TRACK: o.ratio_off_track_description,
       MISSING: o.ratio_missing_description
-    }, d = l === "MISSING" ? _[l] : j(_[l], c);
+    }, d = c === "MISSING" ? _[c] : j(_[c], l);
     return {
-      cardState: l,
+      cardState: c,
       description: d,
       title: o.ratio_card_title
     };
   }, { spendToIncomeRatio: s, spendFeeCount: i } = m.useMemo(() => {
-    const c = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, l = r(c), _ = An(
+    const l = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, c = r(l), _ = An(
       n.spending_fee_transaction_count,
       o
     );
-    return { spendToIncomeRatio: l, spendFeeCount: _ };
+    return { spendToIncomeRatio: c, spendFeeCount: _ };
   }, [
     n.spend_to_income_ratio,
     n.spending_fee_transaction_count,
@@ -2304,36 +2304,36 @@ const Eo = ({ total: t }) => {
     )
   ] });
 }, vr = v(Cr), wr = () => {
-  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
-    const _ = bt(l), d = {
+  const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (c) => {
+    const _ = bt(c), d = {
       GOOD: n.days_of_cash_good_description,
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, u = _ === "MISSING" ? d[_] : j(d[_], l);
+    }, u = _ === "MISSING" ? d[_] : j(d[_], c);
     return {
       cardState: _,
       description: u,
       title: n.days_of_cash_title
     };
-  }, s = (l) => {
-    const _ = yt(l), d = {
+  }, s = (c) => {
+    const _ = yt(c), d = {
       GOOD: n.emergency_savings_good_description,
       FAIR: n.emergency_savings_fair_description,
       OFF_TRACK: n.emergency_savings_off_track_description,
       MISSING: n.emergency_savings_missing_description
     };
     let u;
-    return _ === "FAIR" && l !== null ? u = j(
+    return _ === "FAIR" && c !== null ? u = j(
       d[_],
-      W(l, "0,0.00")
+      W(c, "0,0.00")
     ) : u = d[_], {
       cardState: _,
       description: u,
       title: n.emergency_savings_title
     };
-  }, { daysOfCashOnHand: i, emergencySavings: c } = m.useMemo(() => {
-    const l = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(l), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(d);
+  }, { daysOfCashOnHand: i, emergencySavings: l } = m.useMemo(() => {
+    const c = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, _ = r(c), d = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, u = s(d);
     return { daysOfCashOnHand: _, emergencySavings: u };
   }, [
     t.months_of_cash_on_hand,
@@ -2354,10 +2354,10 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: c.cardState,
-        description: c.description,
+        cardState: l.cardState,
+        description: l.description,
         drawerFor: de.MaintainEmergencySavings,
-        title: c.title
+        title: l.title
       }
     )
   ] });
@@ -2386,7 +2386,7 @@ const Eo = ({ total: t }) => {
       description: h,
       title: n.credit_score_title
     };
-  }, { manageDebtStatus: c, creditScoreStatus: l } = m.useMemo(() => {
+  }, { manageDebtStatus: l, creditScoreStatus: c } = m.useMemo(() => {
     const _ = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, d = s(_), u = i(r.credit_score || null);
     return {
       manageDebtStatus: d,
@@ -2397,19 +2397,19 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: c.cardState,
-        description: c.description,
+        cardState: l.cardState,
+        description: l.description,
         drawerFor: de.HaveManageableDebt,
-        title: c.title
+        title: l.title
       }
     ),
     /* @__PURE__ */ e(
       xe,
       {
-        cardState: l.cardState,
-        description: l.description,
+        cardState: c.cardState,
+        description: c.description,
         drawerFor: de.HaveAGoodCreditScore,
-        title: l.title
+        title: c.title
       }
     )
   ] });
@@ -2498,15 +2498,15 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Or = v(Tr), Fr = ({
+}, Or = v(Tr), Rr = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
   incomeTransactions: r,
   setCurrentStep: s,
   setFirstDay: i,
-  setFrequency: c,
-  setSecondDay: l,
+  setFrequency: l,
+  setSecondDay: c,
   transaction: _
 }) => {
   const { finstrong: d } = x();
@@ -2529,8 +2529,8 @@ const Eo = ({ total: t }) => {
           firstDay: t,
           frequency: o,
           onFirstDayChange: i,
-          onFrequencyChange: c,
-          onSecondDayChange: l,
+          onFrequencyChange: l,
+          onSecondDayChange: c,
           secondDay: n,
           transaction: _
         }
@@ -2546,7 +2546,7 @@ const Eo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Rr = v(Fr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
+}, Fr = v(Rr), Lr = ({ selectedDate: t, setSelectedDate: o }) => {
   const { finstrong: n } = x(), r = E(), s = (i) => {
     o(Math.floor(new Date(i).getTime() / 1e3));
   };
@@ -2583,7 +2583,7 @@ const Eo = ({ total: t }) => {
 }, Pr = v(Lr), Br = ({ creditScore: t, setCreditScore: o }) => {
   const { finstrong: n } = x(), r = !isNaN(t);
   return /* @__PURE__ */ e(k, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    Fe,
+    Re,
     {
       error: !r,
       fullWidth: !0,
@@ -2630,11 +2630,11 @@ const Eo = ({ total: t }) => {
   step: O.ConnectAccounts,
   type: "main"
 }, zr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: l, setDateRange: c } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = ee(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
     ct
-  ), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(h.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
+  ), [b, P] = m.useState(1), [R, U] = m.useState(Mt.EveryMonth), [T, $] = m.useState([]), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(h.birthday), [H, he] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
-    l({ start: At(it()), end: Tt(it()) });
+    c({ start: At(it()), end: Tt(it()) });
   }, []), m.useEffect(() => {
     d({
       accounts: n.map((A) => A.guid),
@@ -2655,12 +2655,12 @@ const Eo = ({ total: t }) => {
     [O.CreditScore]: !!h.credit_score || !!S
   })[C.step], [S, C, Y, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
     const { step: A } = C;
-    let R = 0;
-    return A >= O.MonthlyIncome && X && R++, A >= O.Birthday && T.length && R++, A >= O.CreditScore && (h.birthday || h.credit_score) && R++, R;
+    let F = 0;
+    return A >= O.MonthlyIncome && X && F++, A >= O.Birthday && T.length && F++, A >= O.CreditScore && (h.birthday || h.credit_score) && F++, F;
   }, [C.step, X, T.length, h.birthday, h.credit_score]), Et = (A) => {
     d({
       ..._,
-      custom: (R) => A ? co(R, A) : st(R)
+      custom: (F) => A ? co(F, A) : st(F)
     });
   }, Ht = {
     [O.ConnectAccounts]: {
@@ -2671,17 +2671,17 @@ const Eo = ({ total: t }) => {
     },
     [O.MonthlyIncome]: {
       detail: /* @__PURE__ */ e(
-        Rr,
+        Fr,
         {
           firstDay: b,
-          frequency: F,
+          frequency: R,
           incomeTransactions: T,
           secondDay: H,
           setCurrentStep: (A) => {
-            g(A), $((R) => {
-              if (R.some((ie) => ie.guid === N)) return R.filter((ie) => ie.guid !== N);
+            g(A), $((F) => {
+              if (F.some((ie) => ie.guid === N)) return F.filter((ie) => ie.guid !== N);
               const Ae = u.find((ie) => ie.guid === N);
-              return Ae ? [...R, { ...Ae, firstDay: b, frequency: F, secondDay: H }] : R;
+              return Ae ? [...F, { ...Ae, firstDay: b, frequency: R, secondDay: H }] : F;
             });
           },
           setFirstDay: P,
@@ -2727,7 +2727,7 @@ const Eo = ({ total: t }) => {
     }
     g({ step: C.step + 1, type: "main" });
   }, jt = () => {
-    const { step: A } = C, R = A + 1;
+    const { step: A } = C, F = A + 1;
     switch (A) {
       case O.Birthday:
         Y && Y !== h.birthday && f({ ...h, birthday: Y });
@@ -2738,7 +2738,7 @@ const Eo = ({ total: t }) => {
       case O.MonthlyIncome:
         N && T.findIndex(({ guid: ge }) => ge === N) === -1 && $((ge) => [
           ...ge,
-          { ...De, firstDay: b, frequency: F, secondDay: H }
+          { ...De, firstDay: b, frequency: R, secondDay: H }
         ]);
         break;
       case O.ConnectAccounts:
@@ -2748,10 +2748,10 @@ const Eo = ({ total: t }) => {
         }
         break;
     }
-    R in O && g({ step: R, type: "main" });
+    F in O && g({ step: F, type: "main" });
   }, Kt = () => {
-    const { step: A, type: R } = C;
-    if (R === "detail") {
+    const { step: A, type: F } = C;
+    if (F === "detail") {
       g({ step: A, type: "main" });
       return;
     }
@@ -2761,7 +2761,7 @@ const Eo = ({ total: t }) => {
     }
     A > O.ConnectAccounts && g({ step: A - 1, type: "main" });
   }, Vt = async (A) => {
-    for (const R of A) {
+    for (const F of A) {
       const {
         account_guid: ge,
         amount: Ae,
@@ -2774,7 +2774,7 @@ const Eo = ({ total: t }) => {
         merchant_guid: Jt,
         payee: en,
         transaction_type: tn
-      } = R, nn = Hn(Je, ro(ie)), on = {
+      } = F, nn = Hn(Je, ro(ie)), on = {
         account_guid: ge,
         amount: Ae,
         created_by: 0,
@@ -2788,7 +2788,7 @@ const Eo = ({ total: t }) => {
         transaction_type: tn,
         user_guid: h.guid
       };
-      await c(on, R);
+      await l(on, F);
     }
   }, me = Ht[C.step], Ie = C.step === O.ConnectAccounts, Yt = {
     fullWidth: !0,
@@ -2872,8 +2872,8 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(Gr, { isOpen: o, onClose: () => n(!1) })
   ] });
 }, Hr = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = E(), { updateUser: s, user: i } = ee(), [c, l] = m.useState(i.birthday), _ = (u) => {
-    l(Math.floor(new Date(u).getTime() / 1e3));
+  const { finstrong: n } = x(), r = E(), { updateUser: s, user: i } = ee(), [l, c] = m.useState(i.birthday), _ = (u) => {
+    c(Math.floor(new Date(u).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     oe,
@@ -2881,7 +2881,7 @@ const Eo = ({ total: t }) => {
       isOpen: t,
       onClose: o,
       onPrimaryAction: () => {
-        !c || c === i.birthday || (s({ ...i, birthday: c }), o());
+        !l || l === i.birthday || (s({ ...i, birthday: l }), o());
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
@@ -2915,7 +2915,7 @@ const Eo = ({ total: t }) => {
               "&:hover": { bgcolor: fe(r.palette.primary.light, 0.1) }
             }
           },
-          value: c ? new Date(c * 1e3) : /* @__PURE__ */ new Date()
+          value: l ? new Date(l * 1e3) : /* @__PURE__ */ new Date()
         }
       ) }) })
     }
@@ -2925,7 +2925,7 @@ const Eo = ({ total: t }) => {
     accounts: r,
     common: s,
     finstrong: i
-  } = x(), { repeatingTransactions: c } = Ve(), { user: l } = ee(), _ = c.reduce((f, w) => {
+  } = x(), { repeatingTransactions: l } = Ve(), { user: c } = ee(), _ = l.reduce((f, w) => {
     const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
     return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
   }, 0), [d, u] = m.useState(null), y = [
@@ -2943,7 +2943,7 @@ const Eo = ({ total: t }) => {
       icon: /* @__PURE__ */ e(mn, {}),
       key: ne.DateOfBirth,
       label: i.date_of_birth,
-      value: l.birthday
+      value: c.birthday
     },
     {
       dynamicCopy: i.add_profile_item,
@@ -2951,7 +2951,7 @@ const Eo = ({ total: t }) => {
       icon: /* @__PURE__ */ e(He, {}),
       key: ne.CreditScore,
       label: i.credit_score,
-      value: l.credit_score
+      value: c.credit_score
     },
     {
       fallbackLabel: i.connect_your_accounts,
@@ -3026,8 +3026,8 @@ const Eo = ({ total: t }) => {
     health_score_point_difference: r,
     newer_credit_score: s,
     older_credit_score: i,
-    older_spend_to_income_ratio: c,
-    newer_spend_to_income_ratio: l,
+    older_spend_to_income_ratio: l,
+    newer_spend_to_income_ratio: c,
     older_health_score: _,
     newer_health_score: d,
     newer_score_calculated_at: u
@@ -3106,8 +3106,8 @@ const Eo = ({ total: t }) => {
             {
               content: j(
                 n.spend_to_income_description,
-                Oe(c),
-                Oe(l)
+                Oe(l),
+                Oe(c)
               )
             }
           ),
@@ -3127,9 +3127,9 @@ const Eo = ({ total: t }) => {
     ) })
   ] });
 }, Yr = v(Vr), Xr = ({ isOpen: t, onClose: o }) => {
-  const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: c, healthScore: l, healthScoreChangeReports: _, peerScore: d } = L();
+  const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: i } = q(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: _, peerScore: d } = L();
   if (!s || !i) return /* @__PURE__ */ e(te, {});
-  const u = Ne(l.health_score || 0, r), h = _.slice().reverse();
+  const u = Ne(c.health_score || 0, r), h = _.slice().reverse();
   return /* @__PURE__ */ e(
     Pt,
     {
@@ -3140,7 +3140,7 @@ const Eo = ({ total: t }) => {
           baseline: "min",
           colors: [n.palette.primary.main],
           curveType: "natural",
-          datasets: [c],
+          datasets: [l],
           height: 160,
           isGraphClippingXAxis: !0,
           labels: [r.key_indicators_label],
@@ -3169,10 +3169,10 @@ const Eo = ({ total: t }) => {
           },
           children: /* @__PURE__ */ a(p, { sx: { alignItems: "center", flexDirection: "row", gap: 16 }, children: [
             /* @__PURE__ */ e(
-              Rt,
+              Ft,
               {
                 arcRadius: 24,
-                healthScore: l?.health_score,
+                healthScore: c?.health_score,
                 margin: { top: 9 },
                 size: "SM"
               }
@@ -3328,8 +3328,8 @@ const Eo = ({ total: t }) => {
     ] })
   ] }) }) : /* @__PURE__ */ e(te, {});
 }, Zr = v(Qr), Jr = v(() => {
-  const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: c, isInitialized: l } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
-  return !c || !l ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = vt(), { finstrong: i } = x(), { isCopyLoaded: l, isInitialized: c } = q(), { healthScore: _, healthScoreChange: d } = L(), u = n.palette.mode === "dark", h = Ne(_?.health_score, i);
+  return !l || !c ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ a(V, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ e(
       Mo,
       {
@@ -3358,7 +3358,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(p, { sx: { justifyContent: "center", alignItems: "center", pb: 4, pt: 20, px: 16 }, children: /* @__PURE__ */ e(
-      Rt,
+      Ft,
       {
         arcRadius: s <= 323 ? 72.5 : 154,
         footerCenterContent: d,
@@ -3428,7 +3428,7 @@ const Eo = ({ total: t }) => {
     )
   ] });
 }), ea = ({ onBackClick: t, sx: o, onPrimaryCtaClick: n }) => {
-  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: c, setTheme: l } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
+  const { visibleAccounts: r } = Se(), { dateRange: s, isDataLoaded: i, loadBudgetData: l, setTheme: c } = Pn(), { reloadCategoryTotals: _ } = Ke(), d = L(), {
     augmentedChartData: u,
     calculateHealthScore: h,
     healthScore: y,
@@ -3436,12 +3436,12 @@ const Eo = ({ total: t }) => {
     loadMonthlySummaries: w,
     loadPeerScore: S,
     peerScore: D
-  } = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { loadRepeatingTransactions: F } = Ve(), { isMobile: U } = qe(), T = E(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(!1), [H, he] = m.useState(!1);
+  } = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { loadRepeatingTransactions: R } = Ve(), { isMobile: U } = qe(), T = E(), { userProfile: $ } = ee(), [z, pe] = m.useState(!1), [ve, Q] = m.useState(!1), [Y, _e] = m.useState(!1), [H, he] = m.useState(!1);
   if (Do({
     widgetName: "FinstrongWidget",
     isLoaded: z
   }), m.useEffect(() => {
-    l(T);
+    c(T);
   }, []), m.useEffect(() => {
     n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, d]), m.useEffect(() => {
@@ -3449,7 +3449,7 @@ const Eo = ({ total: t }) => {
   }, [P]), m.useEffect(() => {
     P && (_(r, s.start, s.end).finally(() => {
       pe(!0);
-    }), i || (c(), F().finally()));
+    }), i || (l(), R().finally()));
   }, [s, i, P, r]), !b || !P || !z) return /* @__PURE__ */ e(te, {});
   const N = () => Q(!0), ae = Math.round(D?.average_health_score?.average_health_score || 0);
   return /* @__PURE__ */ a(
@@ -3562,8 +3562,8 @@ const Eo = ({ total: t }) => {
 }, bi = v(ea);
 export {
   To as CreditScoreGraph,
-  Ft as DialScoreCard,
-  Rt as FinancialStrengthGraph,
+  Rt as DialScoreCard,
+  Ft as FinancialStrengthGraph,
   Si as FinstrongApi,
   Ci as FinstrongStore,
   bi as FinstrongWidget