@mx-cartographer/experiences 7.1.4-ram1-alpha-finstrong-credit-score-graph-check → 7.1.4-ram2-alpha-finstrong-credit-score-graph-check

package/dist/common/types/localization/FinstrongCopy.d.ts

@@ -35,7 +35,7 @@ interface KeyIndicatorBorrow {
     credit_score_missing_description: string;
     credit_score_off_track_description: string;
     credit_score_title: string;
-    have_manageable_debt: HaveManageableDebtDrawer;
+    have_manageable_debt_drawer: HaveManageableDebtDrawer;
     manage_debit_fair_description: string;
     manage_debit_good_description: string;
     manage_debit_missing_description: string;

package/dist/finstrong/index.es.js

@@ -5,13 +5,13 @@ import { useTheme as H, alpha as pe } from "@mui/material/styles";
 import { PieChart as jt, BarPlot as Vt } from "@mui/x-charts";
 import { TrendingUp as st, ArrowRightAlt as Yt, TrendingDown as Xt, AccountBalance as ct, ChevronRight as Z, MultilineChart as lt, CreditCard as Le, CheckCircle as Ut, Cancel as qt, Savings as Zt, ContentCopy as Qt, Add as dt, Cardiology as Jt, Payments as en, CalendarMonth as tn, ExpandMore as nn } from "@mxenabled/mx-icons";
 import { P as w, H3 as Y, Text as T, InstitutionLogo as pt, H2 as Ae, MerchantLogo as on, Icon as rn } from "@mxenabled/mxui";
-import { g as an, a as sn, r as Ue, b as cn, c as We, d as ut, C as ge, e as ye, f as ln, h as dn, i as pn, j as ht, k as qe, l as un, m as Ze, n as hn, o as _t, p as _n, q as mt, s as ve, t as mn, u as gn, v as yn, w as bn, A as J, x as fn, P as xn } from "../FinstrongStore-CC4SrBjA.mjs";
-import { y as _i, F as mi } from "../FinstrongStore-CC4SrBjA.mjs";
+import { g as an, a as sn, r as Ue, b as cn, c as We, d as ut, C as ge, e as ye, f as ln, h as dn, i as pn, j as _t, k as qe, l as un, m as Ze, n as _n, o as ht, p as hn, q as mt, s as ve, t as mn, u as gn, v as yn, w as bn, A as J, x as fn, P as xn } from "../FinstrongStore-CC4SrBjA.mjs";
+import { y as hi, F as mi } from "../FinstrongStore-CC4SrBjA.mjs";
 import * as Qe from "d3";
 import { observer as S } from "mobx-react-lite";
 import { u as C, b as X, o as Q, y as P, p as Sn, a as gt, d as fe, m as Ee, g as Cn, f as vn, j as kn, h as wn, i as yt } from "../hooks-CBST3rkm.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
-import _ from "react";
+import h from "react";
 import L from "@mui/material/Button";
 import K from "@mui/material/Card";
 import { L as ze } from "../LineChart-CE3oLBQ0.mjs";
@@ -66,8 +66,8 @@ import co from "@mui/lab/TimelineConnector";
 import lo from "@mui/lab/TimelineContent";
 import po from "@mui/lab/TimelineDot";
 import uo from "@mui/lab/TimelineSeparator";
-import ho from "@mui/material/Accordion";
-import _o from "@mui/material/AccordionDetails";
+import _o from "@mui/material/Accordion";
+import ho from "@mui/material/AccordionDetails";
 import mo from "@mui/material/AccordionSummary";
 import go from "@mui/material/CardHeader";
 const yo = ({
@@ -81,7 +81,7 @@ const yo = ({
   arcRadius: d,
   innerArcRadius: c,
   outterArcRadius: p,
-  progressEndAngle: h,
+  progressEndAngle: _,
   unitsPerSegment: m,
   isFinacialStrengthGraph: g
 }) => {
@@ -100,7 +100,7 @@ const yo = ({
     b,
     o,
     m,
-    h
+    _
   ), O = Qe.arc().innerRadius(c).outerRadius(p).startAngle(y).endAngle(b).padAngle(0.02).cornerRadius(8), M = Qe.arc().innerRadius(c).outerRadius(p).startAngle(f).endAngle(v).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ e(
@@ -136,10 +136,10 @@ const yo = ({
   healthScoreStatus: d,
   footerCenterContent: c,
   footerLeftContent: p,
-  footerRightContent: h,
+  footerRightContent: _,
   isFinacialStrengthGraph: m = !1
 }) => {
-  const g = H(), x = -Math.PI / 1.35, k = Math.PI / 1.35, y = k - x, b = y / (s - l), f = (o - l) * b, v = x + f + 0.02, O = n !== "SM" ? 0.1 : 0.12, M = t, N = t * (1 - O), z = M * 2.5, G = z / 2, W = z / 2, ce = (N + M) / 2, j = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [oe, le] = cn(ce, v, j), _e = o / 25, U = {
+  const g = H(), x = -Math.PI / 1.35, k = Math.PI / 1.35, y = k - x, b = y / (s - l), f = (o - l) * b, v = x + f + 0.02, O = n !== "SM" ? 0.1 : 0.12, M = t, N = t * (1 - O), z = M * 2.5, G = z / 2, W = z / 2, ce = (N + M) / 2, j = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [oe, le] = cn(ce, v, j), he = o / 25, U = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -190,7 +190,7 @@ const yo = ({
                   outterArcRadius: M,
                   progressEndAngle: v,
                   totalAngularSpan: y,
-                  unitsPerSegment: _e
+                  unitsPerSegment: he
                 }
               )
             },
@@ -286,7 +286,7 @@ const yo = ({
             children: /* @__PURE__ */ e(w, { variant: "body1", children: p })
           }
         ),
-        h !== void 0 && /* @__PURE__ */ e(
+        _ !== void 0 && /* @__PURE__ */ e(
           A,
           {
             sx: {
@@ -296,7 +296,7 @@ const yo = ({
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(w, { variant: "body1", children: h })
+            children: /* @__PURE__ */ e(w, { variant: "body1", children: _ })
           }
         )
       ]
@@ -363,8 +363,8 @@ const yo = ({
         value: 12,
         color: d ? ge.EXCEPTIONAL : ye.EXCEPTIONAL
       }
-    ], { finstrong: p } = C(), { isCopyLoaded: h } = X();
-    if (!h) return /* @__PURE__ */ e(te, {});
+    ], { finstrong: p } = C(), { isCopyLoaded: _ } = X();
+    if (!_) return /* @__PURE__ */ e(te, {});
     const { status: m, color: g = "none" } = ut(
       n,
       d,
@@ -396,7 +396,7 @@ const yo = ({
   description: s,
   sx: a
 }) => {
-  const [d, c] = _.useState(!1), { connect: p, finstrong: h } = C();
+  const [d, c] = h.useState(!1), { connect: p, finstrong: _ } = C();
   return /* @__PURE__ */ i(
     K,
     {
@@ -417,7 +417,7 @@ const yo = ({
             },
             children: [
               o && /* @__PURE__ */ e(ct, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...t && { fontSize: 15 } }, children: r || h.connect_more_accounts_title })
+              /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...t && { fontSize: 15 } }, children: r || _.connect_more_accounts_title })
             ]
           }
         ),
@@ -427,7 +427,7 @@ const yo = ({
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
             variant: "subtitle1",
-            children: s || h.connect_more_accounts_description
+            children: s || _.connect_more_accounts_description
           }
         ),
         /* @__PURE__ */ e(
@@ -437,7 +437,7 @@ const yo = ({
             onClick: () => c(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
-            children: /* @__PURE__ */ e(T, { sx: { fontWeight: 600 }, variant: "body2", children: n || h.connect_more_accounts_button })
+            children: /* @__PURE__ */ e(T, { sx: { fontWeight: 600 }, variant: "body2", children: n || _.connect_more_accounts_button })
           }
         ),
         /* @__PURE__ */ e(
@@ -454,7 +454,7 @@ const yo = ({
 };
 var se = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(se || {});
 const fo = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = C(), { isMobile: l } = He(), { updateUser: s, user: a } = Q(), [d, c] = _.useState(a.credit_score || 0), p = !isNaN(d), h = () => {
+  const { common: n, finstrong: r } = C(), { isMobile: l } = He(), { updateUser: s, user: a } = Q(), [d, c] = h.useState(a.credit_score || 0), p = !isNaN(d), _ = () => {
     o(), setTimeout(() => c(a.credit_score || 0), 300);
   }, m = () => {
     !d || d === a.credit_score || s({ ...a, credit_score: d });
@@ -466,7 +466,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       disablePrimaryButton: !d || !p,
       isOpen: t,
       maxWidth: "xs",
-      onClose: h,
+      onClose: _,
       onPrimaryAction: m,
       primaryColor: "primary",
       primaryText: n.save_button,
@@ -479,7 +479,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
         "form",
         {
           onSubmit: (g) => {
-            g.preventDefault(), m(), h();
+            g.preventDefault(), m(), _();
           },
           children: /* @__PURE__ */ e(
             ke,
@@ -519,20 +519,20 @@ const fo = ({ isOpen: t, onClose: o }) => {
       title: Pe.credit_over_time_title,
       description: Pe.credit_over_time_zero_state_desc
     }
-  }[t], h = {
+  }[t], _ = {
     savingsOverTime: {
       title: s.key_indicators_save.savings_over_time,
       valueKey: "available_cash"
     },
     debtOverTime: {
-      title: s.key_indicators_borrow.have_manageable_debt.debt_over_time,
+      title: s.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
       valueKey: "debt_balance"
     },
     creditOverTime: {
       title: Pe.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], m = ln(r, h.valueKey), g = Math.max(...r.map((v) => v[h.valueKey])), x = () => g >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : g >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: k, leftMargin: y } = x(), b = h.title, { color: f = "none" } = ut(
+  }[t], m = ln(r, _.valueKey), g = Math.max(...r.map((v) => v[_.valueKey])), x = () => g >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : g >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: k, leftMargin: y } = x(), b = _.title, { color: f = "none" } = ut(
     l?.credit_score ?? 0,
     n,
     s.credit_score_status
@@ -578,7 +578,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
 }, Ke = S(xo), So = {
   updated_score: "Updated Score"
 }, Co = () => {
-  const { healthScoreChange: t } = P(), { user: o } = Q(), { availableWidth: n } = Sn(), { isSmallMobile: r } = He(n), [l, s] = _.useState(!1);
+  const { healthScoreChange: t } = P(), { user: o } = Q(), { availableWidth: n } = Sn(), { isSmallMobile: r } = He(n), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { sx: { gap: 28 }, children: [
     /* @__PURE__ */ e(
       bo,
@@ -624,7 +624,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
 }, ko = {
   keep_strong_credit_score: "Keep a Strong Credit Score"
 }, wo = () => {
-  const { user: t } = Q(), o = ht(t.credit_score ?? null);
+  const { user: t } = Q(), o = _t(t.credit_score ?? null);
   return /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(Y, { children: ko.keep_strong_credit_score }),
     /* @__PURE__ */ e(Ie, { status: o })
@@ -640,8 +640,8 @@ const fo = ({ isOpen: t, onClose: o }) => {
   stickyComponent: d,
   title: c
 }) => {
-  const { finstrong: p } = C(), { isCopyLoaded: h } = X();
-  return h ? /* @__PURE__ */ i(ie, { isOpen: l, onClose: a, title: r || p.key_indicators, children: [
+  const { finstrong: p } = C(), { isCopyLoaded: _ } = X();
+  return _ ? /* @__PURE__ */ i(ie, { isOpen: l, onClose: a, title: r || p.key_indicators, children: [
     (c || n) && /* @__PURE__ */ i(
       u,
       {
@@ -684,19 +684,19 @@ const fo = ({ isOpen: t, onClose: o }) => {
   shouldShowBalance: o = !0,
   loadAccounts: n
 }) => {
-  const { config: r } = gt(), { accounts: l } = C(), { selectedAccounts: s } = X(), a = _.useCallback(
+  const { config: r } = gt(), { accounts: l } = C(), { selectedAccounts: s } = X(), a = h.useCallback(
     (c) => {
       t?.(c);
     },
     [t]
-  ), d = _.useMemo(
+  ), d = h.useMemo(
     () => Array.from(new Set(s.map((c) => c.account_type))).filter(
       (c) => n ? n.includes(c) : !0
     ),
     [s, n]
   );
-  return s.length ? /* @__PURE__ */ e(_.Fragment, { children: d.map((c) => {
-    const { accountsForType: p, totalBalanceForType: h } = s.reduce(
+  return s.length ? /* @__PURE__ */ e(h.Fragment, { children: d.map((c) => {
+    const { accountsForType: p, totalBalanceForType: _ } = s.reduce(
       (m, g) => (g.account_type === c && (m.accountsForType.push(g), m.totalBalanceForType += g.balance || 0), m),
       { accountsForType: [], totalBalanceForType: 0 }
     );
@@ -705,7 +705,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
       {
         subheader: /* @__PURE__ */ e(On, { sx: { pb: 4, position: "static", pt: 12, px: 24 }, children: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: l.account_types[c] }),
-          o && /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: F(h, "0,0.00") })
+          o && /* @__PURE__ */ e(T, { bold: !0, variant: "caption", children: F(_, "0,0.00") })
         ] }) }),
         sx: { bgcolor: "background.paper" },
         children: [
@@ -723,7 +723,7 @@ const fo = ({ isOpen: t, onClose: o }) => {
               ),
               o && /* @__PURE__ */ e(w, { bold: !0, variant: "body2", children: F(x ?? 0, "0,0.00") })
             ] });
-            return /* @__PURE__ */ i(_.Fragment, { children: [
+            return /* @__PURE__ */ i(h.Fragment, { children: [
               /* @__PURE__ */ e(xt, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Tn, { onClick: () => a(m), children: y }) : y }),
               g !== p.length - 1 && /* @__PURE__ */ e(ee, { variant: "inset" })
             ] }, m.guid);
@@ -735,17 +735,17 @@ const fo = ({ isOpen: t, onClose: o }) => {
     );
   }) }) : null;
 }, Ft = S(Io), Do = ({ loadAccounts: t, loadMoreLabel: o }) => {
-  const n = H(), { config: r } = gt(), { connect: l, finstrong: s } = C(), { accounts: a } = C(), { selectedAccounts: d } = X(), [c, p] = _.useState(!1), [h, m] = _.useState(!1), g = _.useMemo(
+  const n = H(), { config: r } = gt(), { connect: l, finstrong: s } = C(), { accounts: a } = C(), { selectedAccounts: d } = X(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = h.useMemo(
     () => d.filter(
       (y) => t ? t.includes(y.account_type) : !0
     ),
     [d, t]
-  ), x = _.useMemo(() => g.slice(0, 3), [g]), k = (y) => {
+  ), x = h.useMemo(() => g.slice(0, 3), [g]), k = (y) => {
     const { firstValue: b } = vt(y, a);
     return b;
   };
   return g.length >= 1 ? /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ e(A, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: x.map((y, b) => /* @__PURE__ */ i(_.Fragment, { children: [
+    /* @__PURE__ */ e(A, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: x.map((y, b) => /* @__PURE__ */ i(h.Fragment, { children: [
       /* @__PURE__ */ i(xt, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(St, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
@@ -794,12 +794,12 @@ const fo = ({ isOpen: t, onClose: o }) => {
       ne,
       {
         onClose: () => m(!1),
-        showConnectWidget: h,
+        showConnectWidget: _,
         title: l.mini_title
       }
     )
   ] });
-}, $t = S(Do), he = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ i(
+}, $t = S(Do), _e = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ i(
   u,
   {
     sx: {
@@ -852,15 +852,15 @@ const R = {
   { id: be.Years, label: R.years },
   { id: be.Days, label: R.days }
 ], Bo = ({ total: t }) => {
-  const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = _.useState(0), [l, s] = _.useState(qe(t)), [a, d] = _.useState(
+  const o = Math.ceil((t + 1) / 1e3) * 1e3, [n, r] = h.useState(0), [l, s] = h.useState(qe(t)), [a, d] = h.useState(
     qe(t)
-  ), [c, p] = _.useState(o), [h, m] = _.useState(un(t)), [g, x] = _.useState(be.Months);
-  _.useEffect(() => {
+  ), [c, p] = h.useState(o), [_, m] = h.useState(un(t)), [g, x] = h.useState(be.Months);
+  h.useEffect(() => {
     r(
       Ze({
         contribution: a,
         goalAmount: c,
-        goalPeriod: h,
+        goalPeriod: _,
         targetPeriod: g,
         totalSaved: t
       })
@@ -871,7 +871,7 @@ const R = {
       Ze({
         contribution: a,
         goalAmount: c,
-        goalPeriod: h,
+        goalPeriod: _,
         targetPeriod: g,
         totalSaved: t
       })
@@ -879,7 +879,7 @@ const R = {
   };
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("form", { onSubmit: k, children: /* @__PURE__ */ i(u, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      _e,
       {
         balance: /* @__PURE__ */ i(u, { sx: { flexDirection: "row", height: 32 }, children: [
           /* @__PURE__ */ e(T, { variant: "h2", children: F(n, "0,0") }),
@@ -938,7 +938,7 @@ const R = {
               }
             }
           },
-          value: h
+          value: _
         }
       ),
       /* @__PURE__ */ e(
@@ -964,13 +964,13 @@ const R = {
   more_accounts: "More Accounts",
   your_savings: "Your Savings"
 }, Fo = () => {
-  const { savingsAccounts: t } = fe(), [o, n] = _.useState(!1), r = _.useMemo(
+  const { savingsAccounts: t } = fe(), [o, n] = h.useState(!1), r = h.useMemo(
     () => t.reduce((l, s) => l + (s.balance ?? 0), 0),
     [t]
   );
   return /* @__PURE__ */ i(u, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(u, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(he, { balance: r, title: Ce.your_savings }),
+      /* @__PURE__ */ e(_e, { balance: r, title: Ce.your_savings }),
       t.length ? /* @__PURE__ */ e($t, { loadAccounts: [Fe.SAVINGS], loadMoreLabel: Ce.connect_accounts }) : /* @__PURE__ */ e(Bn, { onClick: () => n(!0), variant: "contained", children: Ce.connect_accounts })
     ] }) }),
     /* @__PURE__ */ e(Ro, { total: r }),
@@ -1058,7 +1058,7 @@ const R = {
 ), Lo = {
   sticky_label: "You have saved"
 }, Wo = ["$0", "$250", "$500", "$750", "$1k"], Eo = () => {
-  const { healthScore: t } = P(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = hn(o), r = _t(o);
+  const { healthScore: t } = P(), o = Math.round(t.emergency_savings_on_hand ?? NaN) || null, n = _n(o), r = ht(o);
   return /* @__PURE__ */ e(
     De,
     {
@@ -1097,23 +1097,23 @@ const R = {
   width: d = "100%",
   zeroState: c = /* @__PURE__ */ e(Ln, {})
 }) => {
-  const { getCategoryName: p } = Ee(), { onEvent: h } = Cn(), { categories: m } = C(), { clearExpandedSplits: g, setShowInsights: x, toggleSplit: k } = $n(), y = (v) => {
+  const { getCategoryName: p } = Ee(), { onEvent: _ } = Cn(), { categories: m } = C(), { clearExpandedSplits: g, setShowInsights: x, toggleSplit: k } = $n(), y = (v) => {
     const O = t.find((M) => M.guid === v);
     if (O?.has_been_split) {
       k(O.guid);
       return;
     }
-    h(Wn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    _(Wn.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: O?.account_guid,
       transaction_guid: v
     }), l?.(v);
-  }, b = _.useRef(null), f = Fn({
+  }, b = h.useRef(null), f = Fn({
     count: t.length,
     getScrollElement: () => b.current,
     estimateSize: (v) => ot + ($e(v, t) ? rt : 0),
     overscan: 5
   });
-  return _.useEffect(() => f.measure(), [t]), _.useEffect(() => x(s), [s]), _.useEffect(() => () => g(), []), /* @__PURE__ */ e(kt, { sx: { width: d }, children: /* @__PURE__ */ e(A, { height: n, overflow: "auto", ref: b, width: d, children: /* @__PURE__ */ i(
+  return h.useEffect(() => f.measure(), [t]), h.useEffect(() => x(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(kt, { sx: { width: d }, children: /* @__PURE__ */ e(A, { height: n, overflow: "auto", ref: b, width: d, children: /* @__PURE__ */ i(
     A,
     {
       height: (
@@ -1167,7 +1167,7 @@ const R = {
   formatDate: r = Ne,
   secondaryIcon: l
 }) => {
-  const s = H(), { connect: a, finstrong: d } = C(), [c, p] = _.useState(!1), [h, m] = _.useState(!1), g = 3, x = t.length > g, k = t.length - g;
+  const s = H(), { connect: a, finstrong: d } = C(), [c, p] = h.useState(!1), [_, m] = h.useState(!1), g = 3, x = t.length > g, k = t.length - g;
   return !t || t.length === 0 ? /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
       L,
@@ -1183,7 +1183,7 @@ const R = {
       ne,
       {
         onClose: () => m(!1),
-        showConnectWidget: h,
+        showConnectWidget: _,
         title: a.mini_title
       }
     )
@@ -1250,7 +1250,7 @@ const R = {
           children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
             k,
             " ",
-            d.key_indicators_borrow.have_manageable_debt.have_manageable_debt_more_transactions
+            d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
@@ -1259,7 +1259,7 @@ const R = {
         {
           isOpen: c,
           onClose: () => p(!1),
-          title: d.key_indicators_borrow.have_manageable_debt.have_manageable_debt_transactions,
+          title: d.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(Ho, { transactions: t })
         }
       )
@@ -1271,7 +1271,7 @@ const R = {
       key_indicators_spend: { pay_bills_on_time_drawer: t }
     }
   } = C(), { getSpendingFeeTransactions: o, allTransactions: n } = P();
-  return _.useEffect(() => {
+  return h.useEffect(() => {
     o().finally();
   }, []), /* @__PURE__ */ e(E, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
     K,
@@ -1317,7 +1317,7 @@ const R = {
     }
   ) });
 }, Ko = S(No), jo = () => {
-  const { healthScore: t } = P(), { finstrong: o } = C(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = _n(t.spending_fee_transaction_count);
+  const { healthScore: t } = P(), { finstrong: o } = C(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, l = hn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     u,
     {
@@ -1344,7 +1344,7 @@ const R = {
   const { savingsAndCheckingAccountsBalance: t } = fe(), { finstrong: o } = C();
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      _e,
       {
         balance: t,
         title: o.key_indicators_save.drawer_available_balance
@@ -1360,16 +1360,16 @@ const R = {
   ] });
 }, Xo = S(Yo), Uo = () => {
   const { finstrong: t } = C(), { healthScore: o, allTransactions: n, loadSpendTransactions: r, loadDebtSpend: l } = P(), { isInitialized: s } = X();
-  _.useEffect(() => {
+  h.useEffect(() => {
     s && (r().finally(), l().finally());
   }, [s]);
-  const a = _.useMemo(() => {
+  const a = h.useMemo(() => {
     const d = n.spend.map((p) => p.transaction), c = n.debtSpend.map((p) => p.transaction);
     return [...d, ...c];
   }, [n.spend, n.debtSpend]);
   return s ? /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      _e,
       {
         balance: o.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
@@ -1378,7 +1378,7 @@ const R = {
     /* @__PURE__ */ e(Te, { amountColor: "text.primary", transactions: a })
   ] }) : /* @__PURE__ */ e(te, {});
 }, qo = S(Uo), Zo = () => {
-  const [t, o] = _.useState(0), { finstrong: n } = C();
+  const [t, o] = h.useState(0), { finstrong: n } = C();
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(K, { children: [
       /* @__PURE__ */ i(
@@ -1527,7 +1527,7 @@ const R = {
                   marginLeft: "auto"
                 },
                 children: /* @__PURE__ */ e(T, { variant: "Small", children: V(
-                  o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_description,
+                  o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) })
               }
@@ -1535,7 +1535,7 @@ const R = {
           ]
         }
       ),
-      label: o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_title,
+      label: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
       status: s,
       statusBarData: [
         {
@@ -1546,14 +1546,14 @@ const R = {
     }
   );
 }, nr = S(tr), or = () => {
-  const { healthScore: t, allTransactions: o } = P(), { connect: n, finstrong: r } = C(), [l, s] = _.useState(!1);
+  const { healthScore: t, allTransactions: o } = P(), { connect: n, finstrong: r } = C(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      _e,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
-        title: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_income
+        title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
       }
     ),
     o.income.length ? (
@@ -1579,14 +1579,14 @@ const R = {
     )
   ] });
 }, rr = S(or), ar = () => {
-  const { allTransactions: t, healthScore: o } = P(), { connect: n, finstrong: r } = C(), [l, s] = _.useState(!1);
+  const { allTransactions: t, healthScore: o } = P(), { connect: n, finstrong: r } = C(), [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(u, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      he,
+      _e,
       {
         balance: o.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
-        title: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_payments
+        title: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
       }
     ),
     t.debtSpend.length ? (
@@ -1624,10 +1624,10 @@ const R = {
   style: r,
   ...l
 }) => {
-  const s = H(), a = _.useRef(null), { width: d } = Kn({
+  const s = H(), a = h.useRef(null), { width: d } = Kn({
     width: r.width
   });
-  _.useLayoutEffect(() => {
+  h.useLayoutEffect(() => {
     const m = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (a.current) {
@@ -1640,7 +1640,7 @@ const R = {
       a.current && m.unobserve(a.current);
     };
   }, []);
-  const { formattedComparison: c, formattedMain: p } = o[n.index], h = n.type === 0 ? p : c;
+  const { formattedComparison: c, formattedMain: p } = o[n.index], _ = n.type === 0 ? p : c;
   return /* @__PURE__ */ i("g", { children: [
     /* @__PURE__ */ e(et.rect, { ...l, fill: t, ref: a, rx: 2, style: r }),
     /* @__PURE__ */ e(
@@ -1653,7 +1653,7 @@ const R = {
         transform: d.to((m) => `translate(${m / 2}, -5)`),
         x: r.x,
         y: r.y,
-        children: h
+        children: _
       }
     )
   ] });
@@ -1668,7 +1668,7 @@ const R = {
   totalComparison: d,
   totalMain: c
 }) => {
-  const p = H(), h = zn(p.breakpoints.down("xs")), m = _.useMemo(
+  const p = H(), _ = zn(p.breakpoints.down("xs")), m = h.useMemo(
     () => o.sort((f, v) => f.month - v.month).map((f) => {
       const v = mn(f.month), O = {
         spending_vs_income: {
@@ -1756,7 +1756,7 @@ const R = {
                 s,
                 " "
               ] }),
-              !h && c && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: c })
+              !_ && c && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: c })
             ] })
           ] }),
           /* @__PURE__ */ i(u, { alignItems: "center", direction: "row", spacing: 8, children: [
@@ -1776,7 +1776,7 @@ const R = {
                 a,
                 " "
               ] }),
-              !h && d && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: d })
+              !_ && d && /* @__PURE__ */ e(T, { bold: !0, variant: "subtitle2", children: d })
             ] })
           ] })
         ] }),
@@ -1864,8 +1864,8 @@ const R = {
     }
   );
 }, cr = () => {
-  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = P(), { isInitialized: r } = X(), [l, s] = _.useState(0), { finstrong: a } = C();
-  return _.useEffect(() => {
+  const { loadDebtSpend: t, loadIncome: o, monthlySummaries: n } = P(), { isInitialized: r } = X(), [l, s] = h.useState(0), { finstrong: a } = C();
+  return h.useEffect(() => {
     r && (t().finally(), o().finally());
   }, [r]), /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(K, { children: [
@@ -1884,7 +1884,7 @@ const R = {
               {
                 "aria-controls": "income-details-tabpanel-0",
                 id: "income-details-tab-0",
-                label: a.key_indicators_borrow.have_manageable_debt.income,
+                label: a.key_indicators_borrow.have_manageable_debt_drawer.income,
                 sx: { minHeight: 44 }
               }
             ),
@@ -1893,7 +1893,7 @@ const R = {
               {
                 "aria-controls": "debt-payment-details-tabpanel-1",
                 id: "debt-payment-details-tab-1",
-                label: a.key_indicators_borrow.have_manageable_debt.debt_payment,
+                label: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
                 sx: { minHeight: 44 }
               }
             )
@@ -1927,9 +1927,9 @@ const R = {
         {
           chartFor: "debt_payment_vs_income",
           data: n,
-          legendLabelComparison: a.key_indicators_borrow.have_manageable_debt.debt_payment,
-          legendLabelMain: a.key_indicators_borrow.have_manageable_debt.income,
-          title: a.key_indicators_borrow.have_manageable_debt.debt_payment
+          legendLabelComparison: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment,
+          legendLabelMain: a.key_indicators_borrow.have_manageable_debt_drawer.income,
+          title: a.key_indicators_borrow.have_manageable_debt_drawer.debt_payment
         }
       ),
       /* @__PURE__ */ e(Ke, { chartFor: "debtOverTime" })
@@ -1937,9 +1937,9 @@ const R = {
       /* @__PURE__ */ e(
         we,
         {
-          header: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_double_bar_chart_empty_state_header,
+          header: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_double_bar_chart_empty_state_description,
+          subText: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_double_bar_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -1953,9 +1953,9 @@ const R = {
       /* @__PURE__ */ e(
         we,
         {
-          header: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_line_chart_empty_state_header,
+          header: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_header,
           icon: "multiline_chart",
-          subText: a.key_indicators_borrow.have_manageable_debt.have_manageable_debt_line_chart_empty_state_description,
+          subText: a.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_line_chart_empty_state_description,
           sx: {
             backgroundColor: "background.paper",
             borderRadius: "8px",
@@ -2007,20 +2007,20 @@ const R = {
     }
   );
 }, pr = S(dr), ur = () => {
-  const t = H(), { monthlySummaries: o } = P(), { finstrong: n, goals: r, spending: l } = C(), { selectedAccounts: s } = X(), { categories: a, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = Ee(), { appDataStore: p } = vn(), [h, m] = _.useState("");
-  _.useEffect(() => {
+  const t = H(), { monthlySummaries: o } = P(), { finstrong: n, goals: r, spending: l } = C(), { selectedAccounts: s } = X(), { categories: a, dateRangeCategoryTotals: d, loadDateRangeCategoryTotals: c } = Ee(), { appDataStore: p } = vn(), [_, m] = h.useState("");
+  h.useEffect(() => {
     c(
       s,
       It(/* @__PURE__ */ new Date()),
       Dt(/* @__PURE__ */ new Date())
     ).finally();
   }, [s]);
-  const g = _.useMemo(
+  const g = h.useMemo(
     () => jn(a, r, t, d),
     [a, d]
   ), x = (b) => {
-    m(h === b ? "" : b);
-  }, { totalSpending: k, totalIncome: y } = _.useMemo(() => o.reduce(
+    m(_ === b ? "" : b);
+  }, { totalSpending: k, totalIncome: y } = h.useMemo(() => o.reduce(
     (b, { standard_spend: f = 0, income: v = 0 }) => ({
       totalSpending: b.totalSpending + f,
       totalIncome: b.totalIncome + v
@@ -2100,7 +2100,7 @@ const R = {
               {
                 data: g,
                 onSelected: x,
-                selectedId: h,
+                selectedId: _,
                 totalLabel: l.total_spending
               }
             ),
@@ -2109,7 +2109,7 @@ const R = {
               {
                 data: g,
                 onSelected: x,
-                selectedId: h
+                selectedId: _
               }
             )
           ] })
@@ -2132,11 +2132,11 @@ const R = {
       }
     )
   ] });
-}, hr = S(ur), Be = {
+}, _r = S(ur), Be = {
   credit_score_description: "Credit scores usually go from 300 to 850. Think of 700+ as good, 800+ as awesome, and below 600 as needing work. You can often check yours for free with your bank or credit card company.",
   maintain_emergency_savings_description: "With at least $1,000 saved, you're ready for surprises, freeing you to save for major goals.",
   maintain_emergency_savings_title: "Maintain Emergency Savings"
-}, _r = ({
+}, hr = ({
   drawerFor: t,
   isOpen: o,
   onClose: n
@@ -2146,7 +2146,7 @@ const R = {
       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(pr, {}),
-      content: /* @__PURE__ */ e(hr, {})
+      content: /* @__PURE__ */ e(_r, {})
     },
     payBillsOnTime: {
       title: r.key_indicators_spend.pay_bills_on_time_drawer.pay_bills_on_time_title,
@@ -2161,8 +2161,8 @@ const R = {
       title: Be.maintain_emergency_savings_title
     },
     haveManageableDebt: {
-      title: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_title,
-      description: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_description,
+      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(nr, {}),
       content: /* @__PURE__ */ e(lr, {})
     },
@@ -2192,13 +2192,13 @@ const R = {
       children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: s.content })
     }
   );
-}, mr = S(_r), ue = ({
+}, mr = S(hr), ue = ({
   drawerFor: t,
   title: o,
   description: n,
   cardState: r = "MISSING"
 }) => {
-  const [l, s] = _.useState(!1);
+  const [l, s] = h.useState(!1);
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(
       u,
@@ -2249,7 +2249,7 @@ const R = {
       description: p,
       title: o.ratio_card_title
     };
-  }, { spendToIncomeRatio: l, spendFeeCount: s } = _.useMemo(() => {
+  }, { spendToIncomeRatio: l, spendFeeCount: s } = h.useMemo(() => {
     const a = n.spend_to_income_ratio !== null ? Math.round(n.spend_to_income_ratio * 100) : null, d = r(a), c = gn(
       n.spending_fee_transaction_count,
       o
@@ -2288,31 +2288,31 @@ const R = {
       FAIR: n.days_of_cash_fair_description,
       OFF_TRACK: n.days_of_cash_off_track_description,
       MISSING: n.days_of_cash_missing_description
-    }, h = c === "MISSING" ? p[c] : V(p[c], d);
+    }, _ = c === "MISSING" ? p[c] : V(p[c], d);
     return {
       cardState: c,
-      description: h,
+      description: _,
       title: n.days_of_cash_title
     };
   }, l = (d) => {
-    const c = _t(d), p = {
+    const c = ht(d), 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
     };
-    let h;
-    return c === "FAIR" && d !== null ? h = V(
+    let _;
+    return c === "FAIR" && d !== null ? _ = V(
       p[c],
       F(d, "0,0.00")
-    ) : h = p[c], {
+    ) : _ = p[c], {
       cardState: c,
-      description: h,
+      description: _,
       title: n.emergency_savings_title
     };
-  }, { daysOfCashOnHand: s, emergencySavings: a } = _.useMemo(() => {
-    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = r(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, h = l(p);
-    return { daysOfCashOnHand: c, emergencySavings: h };
+  }, { daysOfCashOnHand: s, emergencySavings: a } = h.useMemo(() => {
+    const d = t.months_of_cash_on_hand !== null ? Math.round(t.months_of_cash_on_hand * 30) : null, c = r(d), p = t.emergency_savings_on_hand !== null ? Math.round(t.emergency_savings_on_hand) : null, _ = l(p);
+    return { daysOfCashOnHand: c, emergencySavings: _ };
   }, [
     t.months_of_cash_on_hand,
     t.emergency_savings_on_hand,
@@ -2341,34 +2341,34 @@ const R = {
   ] });
 }, fr = S(br), xr = () => {
   const { healthScore: t } = P(), { finstrong: o } = C(), { key_indicators_borrow: n } = o, { user: r } = Q(), l = (c) => {
-    const p = bn(c), h = {
+    const p = bn(c), _ = {
       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" ? V(h[p], c) : h[p];
+    }, m = p === "FAIR" || p === "OFF_TRACK" ? V(_[p], c) : _[p];
     return {
       cardState: p,
       description: m,
       title: n.manage_debit_title
     };
   }, s = (c) => {
-    const p = ht(c), h = {
+    const p = _t(c), _ = {
       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" ? h[p] : V(h[p], c);
+    }, m = p === "MISSING" ? _[p] : V(_[p], c);
     return {
       cardState: p,
       description: m,
       title: n.credit_score_title
     };
-  }, { manageDebtStatus: a, creditScoreStatus: d } = _.useMemo(() => {
-    const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), h = s(r.credit_score || null);
+  }, { manageDebtStatus: a, creditScoreStatus: d } = h.useMemo(() => {
+    const c = t.debt_to_income_ratio !== null ? Math.round(t.debt_to_income_ratio * 100) : null, p = l(c), _ = s(r.credit_score || null);
     return {
       manageDebtStatus: p,
-      creditScoreStatus: h
+      creditScoreStatus: _
     };
   }, [t.debt_to_income_ratio, r.credit_score, n, o]);
   return /* @__PURE__ */ i(u, { direction: "column", gap: 24, sx: { p: 8, pt: 24 }, children: [
@@ -2392,7 +2392,7 @@ const R = {
     )
   ] });
 }, Sr = S(xr), Cr = () => {
-  const [t, o] = _.useState(0), { finstrong: n } = C();
+  const [t, o] = h.useState(0), { finstrong: n } = C();
   return /* @__PURE__ */ i(E, { children: [
     /* @__PURE__ */ i(
       Ge,
@@ -2481,13 +2481,13 @@ const R = {
   incomeTransactions: t,
   setCurrentStep: o,
   transaction: n
-}) => /* @__PURE__ */ i(_.Fragment, { children: [
+}) => /* @__PURE__ */ i(h.Fragment, { children: [
   /* @__PURE__ */ i(u, { children: [
     !!t.length && /* @__PURE__ */ e(A, { sx: { pb: 24 }, children: t.reduce((r, l, s) => {
       if (l.guid === n.guid) return r;
       const a = $e(s, t), d = wt(s, t);
       return r.push(
-        /* @__PURE__ */ i(_.Fragment, { children: [
+        /* @__PURE__ */ i(h.Fragment, { children: [
           a && /* @__PURE__ */ e(At, { children: Ne(l.date) }),
           /* @__PURE__ */ e(Mt, { transaction: l }),
           /* @__PURE__ */ e(ee, { sx: { ml: d ? 44 : 0 } })
@@ -2625,12 +2625,12 @@ const R = {
   do_it_later: "Do It Later",
   next: "Next"
 }, $r = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = fe(), { calculateHealthScore: r } = P(), { finstrong: l } = C(), { setSelectedAccounts: s } = X(), { setDateRange: a } = kn(), { filter: d, setFilter: c, transactions: p } = wn(), { user: h, userProfile: m, updateUser: g, updateUserProfile: x } = Q(), [k, y] = _.useState(h.credit_score || 0), [b, f] = _.useState(
+  const { visibleAccounts: n } = fe(), { calculateHealthScore: r } = P(), { finstrong: l } = C(), { setSelectedAccounts: s } = X(), { setDateRange: a } = kn(), { filter: d, setFilter: c, transactions: p } = wn(), { user: _, userProfile: m, updateUser: g, updateUserProfile: x } = Q(), [k, y] = h.useState(_.credit_score || 0), [b, f] = h.useState(
     at
-  ), [v, O] = _.useState([]), [M, N] = _.useState(!1), [z, G] = _.useState(!1), [W, ce] = _.useState(h.birthday), [j, oe] = _.useState("");
-  _.useEffect(() => {
+  ), [v, O] = h.useState([]), [M, N] = h.useState(!1), [z, G] = h.useState(!1), [W, ce] = h.useState(_.birthday), [j, oe] = h.useState("");
+  h.useEffect(() => {
     a({ start: It(tt()), end: Dt(tt()) });
-  }, []), _.useEffect(() => {
+  }, []), h.useEffect(() => {
     c({
       accounts: n.map((I) => I.guid),
       dateRange: {
@@ -2640,19 +2640,19 @@ const R = {
       custom: nt
     }), s(n);
   }, [n]);
-  const le = _.useMemo(
+  const le = h.useMemo(
     () => p.find((I) => I.guid === j),
     [j, p]
-  ), _e = _.useMemo(() => ({
+  ), he = h.useMemo(() => ({
     [D.ConnectAccounts]: !0,
     [D.MonthlyIncome]: !!j,
-    [D.Birthday]: !!h.birthday || !!W,
-    [D.CreditScore]: !!h.credit_score || !!k
-  })[b.step], [k, b, W, j, h]), U = n.length > 0, Oe = _.useMemo(() => {
+    [D.Birthday]: !!_.birthday || !!W,
+    [D.CreditScore]: !!_.credit_score || !!k
+  })[b.step], [k, b, W, j, _]), U = n.length > 0, Oe = h.useMemo(() => {
     const { step: I } = b;
     let $ = 0;
-    return I >= D.MonthlyIncome && U && $++, I >= D.Birthday && v.length && $++, I >= D.CreditScore && (h.birthday || h.credit_score) && $++, $;
-  }, [b.step, U, v.length, h.birthday, h.credit_score]), xe = (I) => {
+    return I >= D.MonthlyIncome && U && $++, I >= D.Birthday && v.length && $++, I >= D.CreditScore && (_.birthday || _.credit_score) && $++, $;
+  }, [b.step, U, v.length, _.birthday, _.credit_score]), xe = (I) => {
     c({
       ...d,
       custom: ($) => I ? Zn($, I) : nt($)
@@ -2719,10 +2719,10 @@ const R = {
     const { step: I } = b, $ = I + 1;
     switch (I) {
       case D.Birthday:
-        W && W !== h.birthday && g({ ...h, birthday: W });
+        W && W !== _.birthday && g({ ..._, birthday: W });
         break;
       case D.CreditScore:
-        k && k !== h.credit_score && g({ ...h, credit_score: k }), Ve();
+        k && k !== _.credit_score && g({ ..._, credit_score: k }), Ve();
         return;
       case D.MonthlyIncome:
         j && v.length === 0 && O((Ye) => [...Ye, le]);
@@ -2750,14 +2750,14 @@ const R = {
     fullWidth: !0,
     ...Se && !U && { startIcon: /* @__PURE__ */ e(dt, {}) }
   }, Kt = !Se || Se && !U;
-  return /* @__PURE__ */ i(_.Fragment, { children: [
+  return /* @__PURE__ */ i(h.Fragment, { children: [
     /* @__PURE__ */ i(
       ie,
       {
         footerStyles: { px: 24, py: 16 },
         hasSecondaryAction: !Se,
         isOpen: t,
-        isPrimaryDisabled: !_e,
+        isPrimaryDisabled: !he,
         onClose: je,
         onSecondaryAction: Ht,
         primaryButtonProps: Nt,
@@ -2771,7 +2771,7 @@ const R = {
             /* @__PURE__ */ e(Ae, { children: B.calculate_primary }),
             /* @__PURE__ */ e(w, { sx: { textAlign: "center" }, variant: "subtitle1", children: B.calculate_secondary })
           ] }),
-          de && !M && /* @__PURE__ */ i(_.Fragment, { children: [
+          de && !M && /* @__PURE__ */ i(h.Fragment, { children: [
             /* @__PURE__ */ e(
               Fr,
               {
@@ -2804,8 +2804,8 @@ const R = {
   onboarding_subtitle: "By analyzing your spending and saving, FinStrong provides a score and guidance to help you improve your financial habits.",
   get_started: "Get Started"
 }, Wr = () => {
-  const [t, o] = _.useState(!1);
-  return /* @__PURE__ */ i(_.Fragment, { children: [
+  const [t, o] = h.useState(!1);
+  return /* @__PURE__ */ i(h.Fragment, { children: [
     /* @__PURE__ */ i(
       u,
       {
@@ -2831,8 +2831,8 @@ const R = {
     /* @__PURE__ */ e(Lr, { isOpen: t, onClose: () => o(!1) })
   ] });
 }, Er = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = C(), r = H(), { updateUser: l, user: s } = Q(), [a, d] = _.useState(s.birthday), c = (h) => {
-    d(Math.floor(new Date(h).getTime() / 1e3));
+  const { finstrong: n } = C(), r = H(), { updateUser: l, user: s } = Q(), [a, d] = h.useState(s.birthday), c = (_) => {
+    d(Math.floor(new Date(_).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
     ie,
@@ -2884,7 +2884,7 @@ const R = {
     accounts: l,
     common: s,
     finstrong: a
-  } = C(), { user: d } = Q(), [c, p] = _.useState(null), m = [
+  } = C(), { user: d } = Q(), [c, p] = h.useState(null), m = [
     {
       dynamicCopy: a.add_profile_item,
       fallbackLabel: a.monthly_income,
@@ -2983,8 +2983,8 @@ const R = {
     newer_spend_to_income_ratio: d,
     older_health_score: c,
     newer_health_score: p,
-    newer_score_calculated_at: h
-  } = t, m = ro(new Date(h), "MMM d"), g = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", x = () => r === 0 ? V(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, k = () => {
+    newer_score_calculated_at: _
+  } = t, m = ro(new Date(_), "MMM d"), g = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", x = () => r === 0 ? V(n.stayed_at, c) : r > 0 ? n.less_spending : n.more_spending, k = () => {
     if (r === 0) return null;
     const y = r > 0 ? n.up_from : n.down_from, b = V(y, c, p);
     return /* @__PURE__ */ i(E, { children: [
@@ -3071,7 +3071,7 @@ const R = {
 }, Kr = S(Nr), jr = ({ isOpen: t, onClose: o }) => {
   const n = H(), { finstrong: r } = C(), { isCopyLoaded: l, isInitialized: s } = X(), { healthScore: a, healthScoreChangeReports: d, augmentedChartData: c } = P();
   if (!l || !s) return /* @__PURE__ */ e(te, {});
-  const p = We(a.health_score || 0, r), h = d.slice().reverse();
+  const p = We(a.health_score || 0, r), _ = d.slice().reverse();
   return /* @__PURE__ */ e(
     Rt,
     {
@@ -3117,7 +3117,7 @@ const R = {
           ]
         }
       ),
-      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: h.map((m, g) => /* @__PURE__ */ e(Kr, { report: m }, g)) })
+      children: /* @__PURE__ */ e(u, { sx: { gap: 16 }, children: _.map((m, g) => /* @__PURE__ */ e(Kr, { report: m }, g)) })
     }
   );
 }, Vr = S(jr), Yr = S(() => {
@@ -3159,7 +3159,7 @@ const R = {
       }
     ) }),
     a?.health_score ? /* @__PURE__ */ i(
-      ho,
+      _o,
       {
         sx: {
           px: 16,
@@ -3187,7 +3187,7 @@ const R = {
               children: /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "body1", children: r.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(_o, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(w, { variant: "subtitle1", children: p.scoreContent }) })
+          /* @__PURE__ */ e(ho, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(w, { variant: "subtitle1", children: p.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
@@ -3215,19 +3215,19 @@ const R = {
   const { visibleAccounts: n } = fe(), { dateRange: r, isDataLoaded: l, loadBudgetData: s, setTheme: a } = yt(), { reloadCategoryTotals: d } = Ee(), {
     augmentedChartData: c,
     calculateHealthScore: p,
-    healthScore: h,
+    healthScore: _,
     loadAugmentedChartData: m,
     loadMonthlySummaries: g
-  } = P(), { finstrong: x, connect: k } = C(), { isCopyLoaded: y, isInitialized: b, selectedAccounts: f, setSelectedAccounts: v } = X(), { isMobile: O } = He(), M = H(), { userProfile: N } = Q(), [z, G] = _.useState(!1), [W, ce] = _.useState(!1), [j, oe] = _.useState(!1);
-  if (_.useEffect(() => {
+  } = P(), { finstrong: x, connect: k } = C(), { isCopyLoaded: y, isInitialized: b, selectedAccounts: f, setSelectedAccounts: v } = X(), { isMobile: O } = He(), M = H(), { userProfile: N } = Q(), [z, G] = h.useState(!1), [W, ce] = h.useState(!1), [j, oe] = h.useState(!1);
+  if (h.useEffect(() => {
     a(M);
-  }, []), _.useEffect(() => v(n), [n]), _.useEffect(() => {
+  }, []), h.useEffect(() => v(n), [n]), h.useEffect(() => {
     b && (p().finally(), m().finally(), g().finally());
-  }, [b]), _.useEffect(() => {
+  }, [b]), h.useEffect(() => {
     b && (d(f, r.start, r.end), l || s());
   }, [r, l, b, f]), !y || !b) return /* @__PURE__ */ e(te, {});
   const le = () => {
-  }, _e = () => G(!0);
+  }, he = () => G(!0);
   return /* @__PURE__ */ i(
     En,
     {
@@ -3236,7 +3236,7 @@ const R = {
         {
           iconName: "person",
           label: x.profile,
-          onClick: _e
+          onClick: he
         }
       ],
       hasDivider: !0,
@@ -3307,7 +3307,7 @@ const R = {
                     useCustomMark: !0
                   }
                 ) : /* @__PURE__ */ e(wr, { onClick: () => oe(!0) }),
-                h.health_score !== null && /* @__PURE__ */ e(vr, {})
+                _.health_score !== null && /* @__PURE__ */ e(vr, {})
               ] }) })
             ]
           }
@@ -3336,7 +3336,7 @@ export {
   bo as CreditScoreGraph,
   Ot as DialScoreCard,
   Pt as FinancialStrengthGraph,
-  _i as FinstrongApi,
+  hi as FinstrongApi,
   mi as FinstrongStore,
   pi as FinstrongWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.1.4-ram1-alpha-finstrong-credit-score-graph-check",
+  "version": "7.1.4-ram2-alpha-finstrong-credit-score-graph-check",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",