@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/finstrong/index.es.js

@@ -3,63 +3,64 @@ import M from "@mui/material/Box";
 import _ from "@mui/material/Stack";
 import { useTheme as z, alpha as ce } from "@mui/material/styles";
 import { PieChart as tn } from "@mui/x-charts/PieChart";
-import { P as D, H3 as X, Text as I, InstitutionLogo as pt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
+import { P as D, H3 as Y, Text as I, InstitutionLogo as pt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
 import { TrendingUp as rn, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as _t, ChevronRight as Z, CheckCircle as cn, Cancel as ln, CreditCard as ut, Savings as dn, ContentCopy as pn, MultilineChart as _n, Add as ht, Cardiology as un, Payments as hn, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
-import { g as yn, a as bn, r as et, b as fn, c as Ne, d as mt, C as ke, e as Me, f as xn, h as Sn, i as Cn, j as gt, k as tt, l as vn, m as nt, n as wn, o as yt, p as kn, q as bt, s as Oe, t as ft, u as Mn, v as xt, w as Dn, A as oe, x as In, P as An } from "../FinstrongStore-DW7-LvAh.mjs";
-import { y as Ci, F as vi } from "../FinstrongStore-DW7-LvAh.mjs";
+import { g as yn, a as bn, r as et, b as fn, c as Ne, d as mt, C as ke, e as Me, f as xn, h as Sn, i as Cn, j as gt, k as tt, l as vn, m as nt, n as wn, o as yt, p as kn, q as bt, s as Oe, t as ft, u as Mn, v as xt, w as Dn, A as oe, x as In, P as Tn } from "../FinstrongStore-BQxXxxYD.mjs";
+import { y as vi, F as wi } from "../FinstrongStore-BQxXxxYD.mjs";
 import * as ot from "d3";
 import { observer as k } from "mobx-react-lite";
-import { u as v, b as J, a as je, o as ee, A as L, p as Tn, d as Se, m as Ke, f as On, i as Ve, h as Rn, k as Ln } from "../hooks-CBl85iRr.mjs";
-import { L as U } from "../Loader-icSc5MlE.mjs";
+import { u as v, b as J, a as je, o as ee, y as L, p as An, d as Se, l as Ke, f as On, i as Ve, h as Rn, m as Ln } from "../hooks-BxkfR-Ff.mjs";
+import { L as U } from "../Loader-D3rjKx72.mjs";
 import h, { useState as Fn, useRef as Bn, useCallback as rt, useEffect as at } from "react";
 import P from "@mui/material/Button";
-import Y from "@mui/material/Card";
-import { L as Xe } from "../LineChart-CnscUFUG.mjs";
-import { C as St } from "../ConnectionsDrawer-DMBBzlIJ.mjs";
-import { b as ae } from "../GlobalAccountFilter-CIF-aT3F.mjs";
+import X from "@mui/material/Card";
+import { L as Ye } from "../LineChart-EAr5ox5U.mjs";
+import { C as St } from "../ConnectionsDrawer-IA7vnv1J.mjs";
+import { C as ae } from "../ConnectDrawer-C0wjwcJt.mjs";
 import le from "@mui/material/Tab";
-import Ye from "@mui/material/Tabs";
+import Xe from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
-import { D as Pn } from "../Dialog-jmgGw5WA.mjs";
 import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Pn } from "../Dialog-Ck34yr-d.mjs";
 import { u as Ct } from "../useDimensions-CeDR9V8N.mjs";
 import { E as Le } from "../EmptyState-DHAkGsjk.mjs";
 import Wn from "@mui/material/Chip";
-import { D as re } from "../Drawer-Bet2ZPJo.mjs";
+import { D as re } from "../Drawer-Bbe4AMB1.mjs";
 import pe from "@mui/material/Divider";
 import be from "@mui/material/ListItem";
 import vt from "@mui/material/ListItemAvatar";
 import fe from "@mui/material/ListItemText";
 import { g as wt } from "../AccountDisplayName-CO7z3v99.mjs";
-import { g as kt } from "../AccountFields-DuFtmuud.mjs";
+import { g as kt } from "../AccountFields-CxqONzjY.mjs";
 import Ge from "@mui/material/List";
 import $n from "@mui/material/ListItemButton";
 import En from "@mui/material/ListSubheader";
-import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
-import { b as V } from "../Localization-2MODESHW.mjs";
-import { S as it, F as Mt, e as zn, R as Dt } from "../RecurringTransactions-DlKYwpfK.mjs";
-import { A as He } from "../Account-CMjOp7S2.mjs";
-import { S as Gn } from "../StatusBar-CPfSXe80.mjs";
-import { h as It } from "../DateUtil-CVXVMbjf.mjs";
-import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../TransactionList-BDffKJMO.mjs";
-import { f as Xn, D as Yn } from "../DateFormats-Cs-NbEZ7.mjs";
-import { T as de } from "../TabContentContainer-CnMXkVqr.mjs";
+import { f as W } from "../NumberFormatting-QCaNwbjv.mjs";
+import { b as V } from "../Localization-CPkpIwIx.mjs";
+import { S as it, c as zn } from "../RecurringTransactions-BCJp-Nap.mjs";
+import { A as He } from "../Account-BiB1F8lL.mjs";
+import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as Mt } from "../DateUtil-wcYTmDRD.mjs";
+import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../StatusIndicator-4tWnjeKS.mjs";
+import { f as Yn, D as Xn } from "../DateFormats-BMpMrZpW.mjs";
+import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
 import qn from "@mui/material/useMediaQuery";
 import { BarPlot as Un } from "@mui/x-charts/BarChart";
 import { ChartContainer as Qn } from "@mui/x-charts/ChartContainer";
 import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
-import { startOfMonth as At } from "date-fns/startOfMonth";
-import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-Bld71d7q.mjs";
+import { startOfMonth as Dt } from "date-fns/startOfMonth";
+import { endOfMonth as It } from "date-fns/endOfMonth";
+import { g as eo, S as to, b as no } from "../SpendingLegend-BgjazduU.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";
 import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as ct, S as so, i as co } from "../ManageIncome-BVqHHIO7.mjs";
+import { c as io, d as ct, S as so, i as co } from "../ManageIncome-Cc-wba0I.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
-import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-rEotGPcM.mjs";
+import { AdapterDateFns as Tt } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { F as At, R as Ot } from "../RepeatingTransaction-DF4vJn_v.mjs";
+import { R as uo } from "../RecurringSettings-BN9H5ALr.mjs";
 import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as mo } from "date-fns/format";
 import go from "@mui/lab/Timeline";
@@ -71,8 +72,8 @@ import Co from "@mui/lab/TimelineSeparator";
 import vo from "@mui/material/Accordion";
 import wo from "@mui/material/AccordionDetails";
 import ko from "@mui/material/AccordionSummary";
-import { u as Mo } from "../useWidgetLoadTimer-DmNCCLa-.mjs";
-import { W as Do } from "../WidgetContainer-DFwVgavi.mjs";
+import { u as Mo } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { W as Do } from "../WidgetContainer-B7xDq2bM.mjs";
 const Io = ({
   dialScoreData: t,
   dataIndex: o,
@@ -104,7 +105,7 @@ const Io = ({
     o,
     m,
     u
-  ), y = ot.arc().innerRadius(d).outerRadius(p).startAngle(S).endAngle(f).padAngle(0.02).cornerRadius(8), T = ot.arc().innerRadius(d).outerRadius(p).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
+  ), y = ot.arc().innerRadius(d).outerRadius(p).startAngle(S).endAngle(f).padAngle(0.02).cornerRadius(8), A = ot.arc().innerRadius(d).outerRadius(p).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ e(
       "path",
@@ -113,7 +114,7 @@ const Io = ({
         fill: b ? w.palette.divider : n
       }
     ),
-    b && /* @__PURE__ */ e("path", { d: T({}), fill: "url(#arcGradient)" }),
+    b && /* @__PURE__ */ e("path", { d: A({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -124,7 +125,7 @@ const Io = ({
         x2: a - c * 0.8 * Math.cos(Math.PI / 1.35),
         y1: l + c * 0.8 * Math.sin(Math.PI / 1.35),
         y2: l - c * 0.8 * Math.sin(Math.PI / 1.35),
-        children: x.map(($, A) => /* @__PURE__ */ e("stop", { offset: $.offset, stopColor: $.color }, A))
+        children: x.map(($, T) => /* @__PURE__ */ e("stop", { offset: $.offset, stopColor: $.color }, T))
       }
     ) })
   ] });
@@ -143,7 +144,7 @@ const Io = ({
   footerRightContent: m,
   isFinacialStrengthGraph: b = !1
 }) => {
-  const w = z(), x = -Math.PI / 1.35, S = Math.PI / 1.35, f = S - x, C = f / (a - s), g = (o - s) * C, y = x + g + 0.02, T = n !== "SM" ? 0.1 : 0.12, $ = t, A = t * (1 - T), F = $ * 2, E = F / 2, G = F / 2, ve = (A + $) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [K, ie] = fn(ve, y, ue), te = o / 25, q = {
+  const w = z(), x = -Math.PI / 1.35, S = Math.PI / 1.35, f = S - x, C = f / (a - s), g = (o - s) * C, y = x + g + 0.02, A = n !== "SM" ? 0.1 : 0.12, $ = t, T = t * (1 - A), F = $ * 2, E = F / 2, G = F / 2, ve = (T + $) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [K, ie] = fn(ve, y, ue), te = o / 25, q = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -174,7 +175,7 @@ const Io = ({
             series: [
               {
                 data: r,
-                innerRadius: A,
+                innerRadius: T,
                 outerRadius: $,
                 startAngle: Math.round(et(x)),
                 // Use Math.degrees to convert
@@ -194,7 +195,7 @@ const Io = ({
                   centerY: G,
                   dataIndex: me.dataIndex,
                   dialScoreData: r,
-                  innerArcRadius: A,
+                  innerArcRadius: T,
                   isFinacialStrengthGraph: b,
                   outterArcRadius: $,
                   progressEndAngle: y,
@@ -259,7 +260,7 @@ const Io = ({
                         fontSize: q[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
-                      variant: "H1",
+                      variant: "h1",
                       children: o
                     }
                   ),
@@ -364,7 +365,7 @@ const Io = ({
       }
     );
   }
-), Ao = k(
+), To = k(
   ({
     arcRadius: t,
     size: o = "L",
@@ -440,7 +441,7 @@ const Io = ({
 }) => {
   const [d, p] = h.useState(!1), { connect: u, finstrong: m } = v(), { config: b } = je();
   return t && b.show_connections_widget_in_master ? /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         pb: 24,
@@ -459,7 +460,7 @@ const Io = ({
             },
             children: [
               n && /* @__PURE__ */ e(_t, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(X, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || m.connect_more_accounts_title })
+              /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || m.connect_more_accounts_title })
             ]
           }
         ),
@@ -503,7 +504,7 @@ const Io = ({
   ) : null;
 };
 var _e = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(_e || {});
-const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Oo = ({ isOpen: t, onClose: o }) => {
+const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Oo = ({ isOpen: t, onClose: o }) => {
   const { common: n, finstrong: r } = v(), { isMobile: s } = qe(), { updateUser: a, user: l } = ee(), [c, d] = h.useState(l.credit_score || 0), p = !isNaN(c), u = () => {
     o(), setTimeout(() => d(l.credit_score || 0), 300);
   }, m = () => {
@@ -579,23 +580,23 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: a.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], m = xn(r, u.valueKey), b = r.map((A) => A[u.valueKey]), w = Math.max(...b), x = Math.min(...b), S = () => w >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : w >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: f, leftMargin: C } = S(), g = u.title, y = t === "creditOverTime";
-  let T;
+  }[t], m = xn(r, u.valueKey), b = r.map((T) => T[u.valueKey]), w = Math.max(...b), x = Math.min(...b), S = () => w >= 1e6 ? { formatter: "0.000a", leftMargin: -7 } : w >= 1e3 ? { formatter: "0a", leftMargin: -27 } : { formatter: "0a", leftMargin: -32 }, { formatter: f, leftMargin: C } = S(), g = u.title, y = t === "creditOverTime";
+  let A;
   if (y) {
-    const { color: A } = mt(
+    const { color: T } = mt(
       s?.credit_score ?? 0,
       n,
       a.credit_score_status
     );
-    T = A;
+    A = T;
   }
-  const $ = m.some((A) => A.y !== 0);
-  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: $ ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
+  const $ = m.some((T) => T.y !== 0);
+  return /* @__PURE__ */ e(X, { ref: l, sx: { backgroundColor: "background.paper" }, children: $ ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(D, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
-      Xe,
+      Ye,
       {
-        areaColor: T,
+        areaColor: A,
         axisColor: o.palette.divider,
         baseline: "min",
         chartFor: t,
@@ -607,14 +608,14 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         labelFontSize: y ? 13 : void 0,
         labels: [a.key_indicators_label],
         margin: { left: C, top: y ? 25 : 15, right: 20 },
-        markStyles: (A) => y ? {
+        markStyles: (T) => y ? {
           markLabelStyles: {
             marginLeft: 16,
-            transform: A === m.length - 1 ? "translateX(-16px)" : "translateX(16px)",
+            transform: T === m.length - 1 ? "translateX(-16px)" : "translateX(16px)",
             fontWeight: 600,
             fill: o.palette.text.primary
           },
-          stroke: T
+          stroke: A
         } : {},
         maxRange: y ? 850 : void 0,
         minRange: (() => {
@@ -654,11 +655,11 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     }
   ) });
 }, Ue = k(Ro), Lo = () => {
-  const { healthScoreChangeReports: t } = L(), { finstrong: o } = v(), { user: n } = ee(), { availableWidth: r } = Tn(), { isSmallMobile: s } = qe(r), [a, l] = h.useState(!1), c = t.at(-1);
+  const { healthScoreChangeReports: t } = L(), { finstrong: o } = v(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = qe(r), [a, l] = h.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ i(M, { children: [
     /* @__PURE__ */ i(_, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
-        Ao,
+        To,
         {
           arcRadius: s ? 124 : 154,
           footerCenterContent: c ? c.newer_credit_score - c.older_credit_score : 0,
@@ -702,7 +703,7 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
 }, Bo = () => {
   const { finstrong: t } = v(), { user: o } = ee(), n = gt(o.credit_score ?? null);
   return /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(X, { children: t.credit_score_keep_strong_credit_score }),
+    /* @__PURE__ */ e(Y, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e(Pe, { status: n })
   ] });
 }, Po = k(Bo), Wo = ({
@@ -722,19 +723,19 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
   const { finstrong: b } = v(), { isCopyLoaded: w } = J(), [x, S] = Fn(!1), f = Bn(null), C = rt(() => {
     if (f.current) {
       const y = f.current.scrollTop > 0;
-      S((T) => T !== y ? y : T);
+      S((A) => A !== y ? y : A);
     }
   }, []), g = rt(
     (y) => {
       if (f.current && f.current.removeEventListener("scroll", C), y) {
-        let T = y.parentElement;
-        for (; T; ) {
-          const { overflow: $, overflowY: A } = window.getComputedStyle(T);
-          if ($ === "auto" || A === "auto" || $ === "scroll" || A === "scroll") {
-            f.current = T, T.addEventListener("scroll", C, { passive: !0 });
+        let A = y.parentElement;
+        for (; A; ) {
+          const { overflow: $, overflowY: T } = window.getComputedStyle(A);
+          if ($ === "auto" || T === "auto" || $ === "scroll" || T === "scroll") {
+            f.current = A, A.addEventListener("scroll", C, { passive: !0 });
             break;
           }
-          T = T.parentElement;
+          A = A.parentElement;
         }
       }
     },
@@ -760,7 +761,7 @@ const To = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               pb: p ? 0 : 24
             },
             children: [
-              u && typeof u == "string" ? /* @__PURE__ */ e(X, { children: u }) : u,
+              u && typeof u == "string" ? /* @__PURE__ */ e(Y, { children: u }) : u,
               s && /* @__PURE__ */ e(D, { sx: { lineHeight: "24px" }, children: s })
             ]
           }
@@ -976,7 +977,7 @@ const zo = ({ total: t }) => {
       })
     ), p(u);
   };
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
       {
@@ -1069,7 +1070,7 @@ const zo = ({ total: t }) => {
     [t]
   );
   return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(X, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
         Wt,
@@ -1179,11 +1180,11 @@ const zo = ({ total: t }) => {
       value: W(o ?? 0, "0,0.00")
     }
   );
-}, Xo = k(Vo), $e = ({
+}, Yo = k(Vo), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
-  formatDate: r = It,
+  formatDate: r = Mt,
   secondaryIcon: s
 }) => {
   const a = z(), { connect: l, finstrong: c, categories: d } = v(), [p, u] = h.useState(!1), [m, b] = h.useState(!1), { getCategoryName: w } = Ke(), x = 3, S = t.length > x, f = t.length - x;
@@ -1291,7 +1292,7 @@ const zo = ({ total: t }) => {
       )
     ] })
   ] });
-}, Yo = () => {
+}, Xo = () => {
   const [t, o] = h.useState(!0), {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: n }
@@ -1300,7 +1301,7 @@ const zo = ({ total: t }) => {
   return h.useEffect(() => {
     r().finally(() => o(!1));
   }, []), t ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(j, { children: s.spendingFee.length === 0 ? /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1313,13 +1314,13 @@ const zo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(cn, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(X, { children: n.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(Y, { children: n.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
   ) : /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         p: 16,
@@ -1327,13 +1328,13 @@ const zo = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(X, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(Y, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           $e,
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (a) => Xn(new Date(a * 1e3), Yn.MONTH_DAY),
+            formatDate: (a) => Yn(new Date(a * 1e3), Xn.MONTH_DAY),
             secondaryIcon: /* @__PURE__ */ e(ln, { color: "error", filled: !0, size: 12 }),
             transactions: s.spendingFee
           }
@@ -1341,7 +1342,7 @@ const zo = ({ total: t }) => {
       ]
     }
   ) });
-}, qo = k(Yo), Uo = () => {
+}, qo = k(Xo), Uo = () => {
   const { healthScore: t } = L(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = kn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     _,
@@ -1411,9 +1412,9 @@ const zo = ({ total: t }) => {
 }, tr = k(er), nr = () => {
   const [t, o] = h.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ i(Y, { children: [
+    /* @__PURE__ */ i(X, { children: [
       /* @__PURE__ */ i(
-        Ye,
+        Xe,
         {
           "aria-label": n.key_indicators_save.drawer_title,
           centered: !0,
@@ -1480,7 +1481,7 @@ const zo = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "XSmall", children: p })
+                /* @__PURE__ */ e(I, { variant: "caption", children: p })
               ]
             },
             p
@@ -1542,7 +1543,7 @@ const zo = ({ total: t }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
+                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
                     ]
                   }
                 )
@@ -1558,7 +1559,7 @@ const zo = ({ total: t }) => {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? V(
+                children: /* @__PURE__ */ e(I, { variant: "body2", children: t.debt_to_income_ratio ? V(
                   o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) : "-" })
@@ -1694,7 +1695,7 @@ const zo = ({ total: t }) => {
       }
     )
   ] });
-}, Te = (t, o = 1e3) => {
+}, Ae = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
   return W(t, n);
 }, $t = ({
@@ -1709,24 +1710,24 @@ const zo = ({ total: t }) => {
   totalMain: d
 }) => {
   const p = z(), u = qn(p.breakpoints.down("xs")), m = h.useMemo(
-    () => o.sort((g, y) => g.month - y.month).map((g) => {
-      const y = Mn(g.month), T = {
+    () => o.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
+      const y = Mn(g.month), A = {
         spending_vs_income: {
           main: g.standard_spend,
           comparison: g.income,
-          formattedMain: Te(g.standard_spend),
-          formattedComparison: Te(g.income)
+          formattedMain: Ae(g.standard_spend),
+          formattedComparison: Ae(g.income)
         },
         debt_payment_vs_income: {
           main: g.income,
           comparison: g.debt_spend,
-          formattedMain: Te(g.income),
-          formattedComparison: Te(g.debt_spend)
+          formattedMain: Ae(g.income),
+          formattedComparison: Ae(g.debt_spend)
         }
       };
       return {
         label: y,
-        ...T[t]
+        ...A[t]
       };
     }),
     [o, t]
@@ -1741,7 +1742,7 @@ const zo = ({ total: t }) => {
     tickMinStep: f,
     valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
   };
-  return /* @__PURE__ */ i(Y, { children: [
+  return /* @__PURE__ */ i(X, { children: [
     /* @__PURE__ */ i(
       _,
       {
@@ -1755,7 +1756,7 @@ const zo = ({ total: t }) => {
           px: 16
         },
         children: [
-          /* @__PURE__ */ e(X, { children: n }),
+          /* @__PURE__ */ e(Y, { children: n }),
           r && /* @__PURE__ */ e(
             P,
             {
@@ -1838,11 +1839,11 @@ const zo = ({ total: t }) => {
               {
                 slots: {
                   bar: (g) => {
-                    const { ownerState: y, ...T } = g;
+                    const { ownerState: y, ...A } = g;
                     return /* @__PURE__ */ e(
                       _r,
                       {
-                        ...T,
+                        ...A,
                         color: y.color,
                         data: m,
                         series: {
@@ -1914,9 +1915,9 @@ const zo = ({ total: t }) => {
     (d) => d.debt_spend !== 0 || d.income !== 0
   );
   return /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ i(Y, { children: [
+    /* @__PURE__ */ i(X, { children: [
       /* @__PURE__ */ i(
-        Ye,
+        Xe,
         {
           "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
@@ -2043,8 +2044,8 @@ const zo = ({ total: t }) => {
   h.useEffect(() => {
     r(
       t,
-      At(/* @__PURE__ */ new Date()),
-      Tt(/* @__PURE__ */ new Date())
+      Dt(/* @__PURE__ */ new Date()),
+      It(/* @__PURE__ */ new Date())
     ).finally();
   }, [t]);
   const w = h.useMemo(
@@ -2096,7 +2097,7 @@ const zo = ({ total: t }) => {
       }
     ),
     w.donutData.length > 0 ? /* @__PURE__ */ i(
-      Y,
+      X,
       {
         sx: {
           px: 16,
@@ -2116,7 +2117,7 @@ const zo = ({ total: t }) => {
                 px: 16
               },
               children: [
-                /* @__PURE__ */ e(X, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                /* @__PURE__ */ e(Y, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
                   P,
                   {
@@ -2209,7 +2210,7 @@ const zo = ({ total: t }) => {
     maintainEmergencySavings: {
       content: /* @__PURE__ */ e(No, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Xo, {}),
+      stickyComponent: /* @__PURE__ */ e(Yo, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2465,7 +2466,7 @@ const zo = ({ total: t }) => {
   const [t, o] = h.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ i(
-      Ye,
+      Xe,
       {
         "aria-label": "Key Indicators",
         centered: !0,
@@ -2521,12 +2522,12 @@ const zo = ({ total: t }) => {
     /* @__PURE__ */ e(de, { index: 1, name: "save-details", value: t, children: /* @__PURE__ */ e(wr, {}) }),
     /* @__PURE__ */ e(de, { index: 2, name: "borrow-details", value: t, children: /* @__PURE__ */ e(Mr, {}) })
   ] });
-}, Ir = k(Dr), Ar = ({ onClick: t }) => {
+}, Ir = k(Dr), Tr = ({ onClick: t }) => {
   const { finstrong: o } = v(), { isCopyLoaded: n } = J();
   return n ? /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(_n, { size: 48 }),
     /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(X, { children: o.missing_data_title }),
+      /* @__PURE__ */ e(Y, { children: o.missing_data_title }),
       /* @__PURE__ */ e(D, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
@@ -2546,7 +2547,7 @@ const zo = ({ total: t }) => {
       }
     ) })
   ] }) : /* @__PURE__ */ e(U, {});
-}, Tr = k(Ar), Or = ({
+}, Ar = k(Tr), Or = ({
   firstDay: t,
   frequency: o,
   secondDay: n,
@@ -2565,7 +2566,7 @@ const zo = ({ total: t }) => {
         const w = Nn(b, r), x = jn(b, r);
         return u.push(
           /* @__PURE__ */ i(h.Fragment, { children: [
-            w && /* @__PURE__ */ e(Kn, { children: It(m.date) }),
+            w && /* @__PURE__ */ e(Kn, { children: Mt(m.date) }),
             /* @__PURE__ */ e(Vn, { transaction: m }),
             /* @__PURE__ */ e(pe, { sx: { ml: x ? 44 : 0 } })
           ] }, m.guid)
@@ -2598,7 +2599,7 @@ const zo = ({ total: t }) => {
   const { finstrong: n } = v(), r = z(), s = (a) => {
     o(Math.floor(new Date(a).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Ot, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(lo, { dateAdapter: Tt, children: /* @__PURE__ */ e(
     po,
     {
       disableFuture: !0,
@@ -2670,7 +2671,7 @@ const zo = ({ total: t }) => {
   value: r
 }) => /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(X, { children: o }),
+    /* @__PURE__ */ e(Y, { children: o }),
     /* @__PURE__ */ e(D, { variant: "subtitle1", children: n })
   ] }),
   /* @__PURE__ */ e(Et, { completeCopy: t, value: r })
@@ -2680,9 +2681,9 @@ const zo = ({ total: t }) => {
 }, $r = ({ isOpen: t, onClose: o }) => {
   const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = L(), { finstrong: s } = v(), { addRepeatingTransaction: a, setDateRange: l } = Ve(), { filter: c, setFilter: d, transactions: p } = Rn(), { user: u, userProfile: m, updateUser: b, updateUserProfile: w } = ee(), [x, S] = h.useState(u.credit_score || 0), [f, C] = h.useState(
     lt
-  ), [g, y] = h.useState(1), [T, $] = h.useState(Mt.EveryMonth), [A, F] = h.useState([]), [E, G] = h.useState(!1), [ve, ue] = h.useState(!1), [K, ie] = h.useState(u.birthday), [te, q] = h.useState(15), [H, he] = h.useState("");
+  ), [g, y] = h.useState(1), [A, $] = h.useState(At.EveryMonth), [T, F] = h.useState([]), [E, G] = h.useState(!1), [ve, ue] = h.useState(!1), [K, ie] = h.useState(u.birthday), [te, q] = h.useState(15), [H, he] = h.useState("");
   h.useEffect(() => {
-    l({ start: At(st()), end: Tt(st()) });
+    l({ start: Dt(st()), end: It(st()) });
   }, []), h.useEffect(() => {
     d({
       accounts: n.map((O) => O.guid),
@@ -2704,8 +2705,8 @@ const zo = ({ total: t }) => {
   })[f.step], [x, f, K, H, u]), N = n.length > 0, me = h.useMemo(() => {
     const { step: O } = f;
     let B = 0;
-    return O >= R.MonthlyIncome && N && B++, O >= R.Birthday && A.length && B++, O >= R.CreditScore && (u.birthday || u.credit_score) && B++, B;
-  }, [f.step, N, A.length, u.birthday, u.credit_score]), Ee = (O) => {
+    return O >= R.MonthlyIncome && N && B++, O >= R.Birthday && T.length && B++, O >= R.CreditScore && (u.birthday || u.credit_score) && B++, B;
+  }, [f.step, N, T.length, u.birthday, u.credit_score]), Ee = (O) => {
     d({
       ...c,
       custom: (B) => O ? co(B, O) : ct(B)
@@ -2722,14 +2723,14 @@ const zo = ({ total: t }) => {
         Rr,
         {
           firstDay: g,
-          frequency: T,
-          incomeTransactions: A,
+          frequency: A,
+          incomeTransactions: T,
           secondDay: te,
           setCurrentStep: (O) => {
             C(O), F((B) => {
               if (B.some((se) => se.guid === H)) return B.filter((se) => se.guid !== H);
-              const Ae = p.find((se) => se.guid === H);
-              return Ae ? [...B, { ...Ae, firstDay: g, frequency: T, secondDay: te }] : B;
+              const Te = p.find((se) => se.guid === H);
+              return Te ? [...B, { ...Te, firstDay: g, frequency: A, secondDay: te }] : B;
             });
           },
           setFirstDay: y,
@@ -2767,7 +2768,7 @@ const zo = ({ total: t }) => {
   }, Qe = () => {
     C(lt), G(!1), he(""), o();
   }, Ze = async () => {
-    G(!0), await Nt(A), await r(), await w({ ...m, has_completed_finstrong_onboarding: !0 }), Qe();
+    G(!0), await Nt(T), await r(), await w({ ...m, has_completed_finstrong_onboarding: !0 }), Qe();
   }, zt = () => {
     if (f.step === R.CreditScore) {
       Ze();
@@ -2784,9 +2785,9 @@ const zo = ({ total: t }) => {
         x && x !== u.credit_score && b({ ...u, credit_score: x }), Ze();
         return;
       case R.MonthlyIncome:
-        H && A.findIndex(({ guid: ye }) => ye === H) === -1 && F((ye) => [
+        H && T.findIndex(({ guid: ye }) => ye === H) === -1 && F((ye) => [
           ...ye,
-          { ...ne, firstDay: g, frequency: T, secondDay: te }
+          { ...ne, firstDay: g, frequency: A, secondDay: te }
         ]);
         break;
       case R.ConnectAccounts:
@@ -2803,7 +2804,7 @@ const zo = ({ total: t }) => {
       C({ step: O, type: "main" });
       return;
     }
-    if (O === R.Birthday && A.length) {
+    if (O === R.Birthday && T.length) {
       C({ step: O - 1, type: "detail" });
       return;
     }
@@ -2812,11 +2813,11 @@ const zo = ({ total: t }) => {
     for (const B of O) {
       const {
         account_guid: ye,
-        amount: Ae,
+        amount: Te,
         date: se,
         description: Vt,
-        feed_description: Xt,
-        firstDay: Yt,
+        feed_description: Yt,
+        firstDay: Xt,
         frequency: Je,
         secondDay: qt,
         merchant_guid: Ut,
@@ -2824,14 +2825,14 @@ const zo = ({ total: t }) => {
         transaction_type: Zt
       } = B, Jt = zn(Je, ro(se)), en = {
         account_guid: ye,
-        amount: Ae,
+        amount: Te,
         created_by: 0,
-        description: Qt || Vt || Xt,
+        description: Qt || Vt || Yt,
         merchant_guid: Ut,
         predicted_occurs_on: oo(Jt, { representation: "date" }),
-        recurrence_day: Yt,
+        recurrence_day: Xt,
         recurrence_type: Je,
-        repeating_transaction_type: Dt.Income,
+        repeating_transaction_type: Ot.Income,
         second_recurrence_day: qt,
         transaction_type: Zt,
         user_guid: u.guid
@@ -2860,7 +2861,7 @@ const zo = ({ total: t }) => {
         ...!E && { onPrimaryAction: Gt },
         children: /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
           E && /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
-            /* @__PURE__ */ e("img", { alt: "", src: To, style: { minHeight: 100, width: 211 } }),
+            /* @__PURE__ */ e("img", { alt: "", src: Ao, style: { minHeight: 100, width: 211 } }),
             /* @__PURE__ */ e(Fe, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
@@ -2938,7 +2939,7 @@ const zo = ({ total: t }) => {
       },
       onSecondaryAction: o,
       title: n.date_of_birth,
-      children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(ho, { dateAdapter: Ot, children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(_, { sx: { bgcolor: "background.default", height: "100%" }, children: /* @__PURE__ */ e(ho, { dateAdapter: Tt, children: /* @__PURE__ */ e(
         _o,
         {
           disableFuture: !0,
@@ -2987,7 +2988,7 @@ const zo = ({ total: t }) => {
     recurring: l
   } = v(), { repeatingTransactions: c } = Ve(), { user: d } = ee(), p = c.reduce((x, S) => {
     const { repeating_transaction_type: f, transactions: C, recurrence_type: g, amount: y } = S;
-    return f === Dt.Income && (C && C.length > 0 || g === Mt.EveryYear) ? x + y : x;
+    return f === Ot.Income && (C && C.length > 0 || g === At.EveryYear) ? x + y : x;
   }, 0), [u, m] = h.useState(null), w = [
     {
       dynamicCopy: a.add_profile_item,
@@ -3029,7 +3030,7 @@ const zo = ({ total: t }) => {
     /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
         /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(X, { children: a.your_financial_profile }),
+          /* @__PURE__ */ e(Y, { children: a.your_financial_profile }),
           /* @__PURE__ */ e(D, { children: a.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
@@ -3040,7 +3041,7 @@ const zo = ({ total: t }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ e(An, { list: w, onClickItem: m }),
+      /* @__PURE__ */ e(Tn, { list: w, onClickItem: m }),
       /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
         Be,
         {
@@ -3118,7 +3119,7 @@ const zo = ({ total: t }) => {
       f
     ] });
   };
-  return /* @__PURE__ */ i(Y, { children: [
+  return /* @__PURE__ */ i(X, { children: [
     /* @__PURE__ */ e(
       M,
       {
@@ -3145,11 +3146,11 @@ const zo = ({ total: t }) => {
                     justifyContent: "center",
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
+                  children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
                 }
               ),
               /* @__PURE__ */ i(_, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: w() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "body1", children: w() }),
                 /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
                   m,
                   " ",
@@ -3198,7 +3199,7 @@ const zo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Vr = k(Kr), Xr = ({ isOpen: t, onClose: o }) => {
+}, Vr = k(Kr), Yr = ({ isOpen: t, onClose: o }) => {
   const n = z(), { finstrong: r } = v(), { isCopyLoaded: s, isInitialized: a } = J(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = L();
   if (!s || !a) return /* @__PURE__ */ e(U, {});
   const u = Ne(c.health_score || 0, r), m = d.slice().reverse();
@@ -3214,7 +3215,7 @@ const zo = ({ total: t }) => {
             borderColor: "divider"
           },
           children: /* @__PURE__ */ e(
-            Xe,
+            Ye,
             {
               axisColor: n.palette.divider,
               baseline: "min",
@@ -3259,7 +3260,7 @@ const zo = ({ total: t }) => {
             ),
             /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
               /* @__PURE__ */ e(D, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(D, { variant: "XSmall", children: u.description })
+              /* @__PURE__ */ e(D, { variant: "caption", children: u.description })
             ] })
           ] })
         }
@@ -3267,7 +3268,7 @@ const zo = ({ total: t }) => {
       children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: m.map((b, w) => /* @__PURE__ */ e(Vr, { report: b }, w)) })
     }
   );
-}, Yr = k(Xr), qr = ({ copy: t }) => {
+}, Xr = k(Yr), qr = ({ copy: t }) => {
   const o = z(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
@@ -3332,7 +3333,7 @@ const zo = ({ total: t }) => {
   return r ? /* @__PURE__ */ e(re, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ i(_, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(X, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(Y, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qr, { copy: n }) })
@@ -3409,9 +3410,9 @@ const zo = ({ total: t }) => {
   ] }) }) : /* @__PURE__ */ e(U, {});
 }, Qr = k(Ur), Zr = k(() => {
   const [t, o] = h.useState(!1), n = z(), [r, { width: s }] = Ct(), { finstrong: a } = v(), { isCopyLoaded: l, isInitialized: c } = J(), { healthScore: d, healthScoreChange: p } = L(), u = n.palette.mode === "dark", m = Ne(d?.health_score, a);
-  return !l || !c ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ i(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  return !l || !c ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ i(X, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ e(X, { children: a.financial_strength_header }),
+      /* @__PURE__ */ e(Y, { children: a.financial_strength_header }),
       /* @__PURE__ */ e(
         P,
         {
@@ -3521,7 +3522,7 @@ const zo = ({ total: t }) => {
     loadPeerScore: x,
     peerScore: S,
     healthScore: f
-  } = p, { finstrong: C, connect: g } = v(), { isInitialized: y } = J(), { loadRepeatingTransactionData: T, isDataLoaded: $ } = Ve(), { isSmallMobile: A } = qe(), F = z(), { userProfile: E } = ee(), [G, ve] = h.useState(!1), [ue, K] = h.useState(!1), [ie, te] = h.useState(!1), [q, H] = h.useState(!1), [he, ne] = h.useState(!1);
+  } = p, { finstrong: C, connect: g } = v(), { isInitialized: y } = J(), { loadRepeatingTransactionData: A, isDataLoaded: $ } = Ve(), { isSmallMobile: T } = qe(), F = z(), { userProfile: E } = ee(), [G, ve] = h.useState(!1), [ue, K] = h.useState(!1), [ie, te] = h.useState(!1), [q, H] = h.useState(!1), [he, ne] = h.useState(!1);
   Mo({
     widgetName: "FinstrongWidget",
     isLoaded: G
@@ -3534,7 +3535,7 @@ const zo = ({ total: t }) => {
   }, [y]), h.useEffect(() => {
     y && (d(r, s.start, s.end).finally(() => {
       ve(!0);
-    }), a || (l(), T().finally()));
+    }), a || (l(), A().finally()));
   }, [s, a, y, r]), h.useEffect(() => {
     f?.health_score && b().finally();
   }, [f.health_score]);
@@ -3558,11 +3559,11 @@ const zo = ({ total: t }) => {
       showAccountFilter: !1,
       sx: {
         "& .MuiCardHeader-root": {
-          px: A ? 16 : 48,
-          pt: A ? 12 : 48
+          px: T ? 16 : 48,
+          pt: T ? 12 : 48
         },
         "& .MuiDivider-root": {
-          mt: A ? 12 : 24
+          mt: T ? 12 : 24
         },
         ...o
       },
@@ -3576,8 +3577,8 @@ const zo = ({ total: t }) => {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: A ? 16 : 24,
-              px: A ? 16 : 48
+              pt: T ? 16 : 24,
+              px: T ? 16 : 48
             },
             children: [
               /* @__PURE__ */ i(_, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
@@ -3591,14 +3592,14 @@ const zo = ({ total: t }) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ i(Y, { sx: { height: "100%", p: 16 }, children: [
+              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ i(X, { sx: { height: "100%", p: 16 }, children: [
                 /* @__PURE__ */ i(
                   _,
                   {
                     direction: "row",
                     sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
                     children: [
-                      /* @__PURE__ */ e(X, { children: C.key_indicators }),
+                      /* @__PURE__ */ e(Y, { children: C.key_indicators }),
                       /* @__PURE__ */ e(
                         P,
                         {
@@ -3619,7 +3620,7 @@ const zo = ({ total: t }) => {
                   }
                 ),
                 me ? /* @__PURE__ */ e(
-                  Xe,
+                  Ye,
                   {
                     axisColor: F.palette.divider,
                     baseline: "min",
@@ -3627,13 +3628,14 @@ const zo = ({ total: t }) => {
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
-                    customLegendVariant: "XSmall",
+                    customLegendVariant: "caption",
                     datasets: [u],
                     height: 300,
+                    isCurrency: !1,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: F.palette.border.dark,
+                    labelBackgroundColor: F.palette.neutral.dark,
                     labelFontColor: F.palette.common.white,
-                    labelFontSize: typeof F.typography.XSmall?.fontSize == "string" ? parseFloat(F.typography.XSmall.fontSize) : F.typography.XSmall?.fontSize,
+                    labelFontSize: typeof F.typography.caption?.fontSize == "string" ? parseFloat(F.typography.caption.fontSize) : F.typography.caption?.fontSize,
                     labels: [C.key_indicators_label],
                     margin: { right: 12, left: -37 },
                     peerAverage: N,
@@ -3645,7 +3647,7 @@ const zo = ({ total: t }) => {
                     showXAxis: !0,
                     title: C.peer_average
                   }
-                ) : /* @__PURE__ */ e(Tr, { onClick: () => ne(!0) }),
+                ) : /* @__PURE__ */ e(Ar, { onClick: () => ne(!0) }),
                 /* @__PURE__ */ e(Ir, {})
               ] }) })
             ]
@@ -3661,7 +3663,7 @@ const zo = ({ total: t }) => {
           }
         ),
         /* @__PURE__ */ e(
-          Yr,
+          Xr,
           {
             isOpen: q,
             onClose: () => H(!1)
@@ -3670,12 +3672,12 @@ const zo = ({ total: t }) => {
       ]
     }
   );
-}, fi = k(Jr);
+}, xi = k(Jr);
 export {
-  Ao as CreditScoreGraph,
+  To as CreditScoreGraph,
   Rt as DialScoreCard,
   Lt as FinancialStrengthGraph,
-  Ci as FinstrongApi,
-  vi as FinstrongStore,
-  fi as FinstrongWidget
+  vi as FinstrongApi,
+  wi as FinstrongStore,
+  xi as FinstrongWidget
 };