@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/finstrong/index.es.js

@@ -3,43 +3,43 @@ import k from "@mui/material/Box";
 import p from "@mui/material/Stack";
 import { useTheme as G, alpha as be } from "@mui/material/styles";
 import { PieChart as rn, BarPlot as an } from "@mui/x-charts";
-import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as Z, CreditCard as He, MultilineChart as _t, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
+import { TrendingUp as dt, ArrowRightAlt as sn, TrendingDown as cn, AccountBalance as pt, ChevronRight as Z, MultilineChart as _t, CreditCard as He, CheckCircle as ln, Cancel as dn, Savings as pn, ContentCopy as _n, Add as ht, Cardiology as hn, Payments as un, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
 import { P as M, H3 as V, Text as I, InstitutionLogo as ut, H2 as Le, MerchantLogo as yn, Icon as bn } from "@mxenabled/mxui";
-import { g as fn, a as xn, r as et, b as Cn, c as Ne, d as mt, C as ke, e as Me, f as Sn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BGf36b0z.mjs";
-import { y as xi, F as Ci } from "../FinstrongStore-BGf36b0z.mjs";
+import { g as fn, a as xn, r as et, b as Sn, c as Ne, d as mt, C as ke, e as Me, f as Cn, h as vn, i as wn, j as gt, k as tt, l as kn, m as nt, n as Mn, o as yt, p as Dn, q as bt, s as Oe, t as ft, u as In, v as xt, w as An, A as ne, x as Tn, P as On } from "../FinstrongStore-BIrX0Xg2.mjs";
+import { y as xi, F as Si } from "../FinstrongStore-BIrX0Xg2.mjs";
 import * as ot from "d3";
 import { observer as v } from "mobx-react-lite";
 import { u as x, b as q, a as je, p as J, z as L, q as Fn, d as xe, m as Ke, f as Rn, j as Ve, h as Ln, i as Pn, n as Bn } from "../hooks-C41HAxM5.mjs";
-import { L as ee } from "../Loader-Ckqi9Rx6.mjs";
+import { L as ee } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
 import B from "@mui/material/Button";
 import Y from "@mui/material/Card";
-import { L as Ye } from "../LineChart-C1PxNf7P.mjs";
-import { C as Ct } from "../ConnectionsDrawer-Dsc04-4Z.mjs";
-import { l as re, g as St, A as Ge } from "../ConnectDrawer-DVp54lUH.mjs";
+import { L as Ye } from "../LineChart-bc1D9xBE.mjs";
+import { C as St } from "../ConnectionsDrawer-BFfY3_zB.mjs";
+import { l as re, g as Ct, A as Ge } from "../ConnectDrawer-BIbTqYOH.mjs";
 import se from "@mui/material/Tab";
 import Xe from "@mui/material/Tabs";
 import Fe from "@mui/material/TextField";
-import { D as Wn, f as $n, a as zn } from "../Dialog-CDV0kKxj.mjs";
-import { u as qe } from "../useScreenSize-B5afALev.mjs";
+import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as Wn, f as $n, a as zn } from "../Dialog-BPTr3qHE.mjs";
 import { u as vt } from "../useDimensions-27p2evRx.mjs";
 import Gn from "@mui/material/Chip";
-import { D as oe } from "../Drawer-BF40nbsH.mjs";
+import { D as oe } from "../Drawer-BEtCk82g.mjs";
 import le from "@mui/material/Divider";
 import ge from "@mui/material/ListItem";
 import wt from "@mui/material/ListItemAvatar";
 import ye from "@mui/material/ListItemText";
-import { g as kt } from "../AccountFields-Cl4KHoSj.mjs";
+import { g as kt } from "../AccountFields-QZspYAji.mjs";
 import Ee from "@mui/material/List";
 import En from "@mui/material/ListItemButton";
 import Hn from "@mui/material/ListSubheader";
 import { f as $ } from "../NumberFormatting-DjTD0t3W.mjs";
 import { b as K } from "../Localization-2MODESHW.mjs";
-import { S as rt, F as Mt, e as Nn, R as Dt } from "../RecurringTransactions-CxcSL1dY.mjs";
-import { S as jn } from "../StatusBar-CPfSXe80.mjs";
-import { h as It } from "../DateUtil-CDPZw_-m.mjs";
-import { T as Kn, s as Vn, h as Yn, S as Xn, c as qn } from "../TransactionDetails-Bn0qY5Hw.mjs";
-import { T as ce } from "../TabContentContainer-CnMXkVqr.mjs";
+import { S as rt, F as Mt, e as Nn, R as Dt } from "../RecurringTransactions-BKcYmpv3.mjs";
+import { S as jn } from "../StatusBar-BK_uYHAB.mjs";
+import { h as It } from "../DateUtil-CBdcsyuk.mjs";
+import { T as Kn, s as Vn, h as Yn, S as Xn, c as qn } from "../TransactionDetails-5M2vfr59.mjs";
+import { T as ce } from "../TabContentContainer-j01JYR_7.mjs";
 import { E as Re } from "../EmptyState-DoxNUae-.mjs";
 import Un from "@mui/material/useMediaQuery";
 import { ChartsXAxis as Qn } from "@mui/x-charts/ChartsXAxis";
@@ -48,28 +48,28 @@ import { ResponsiveChartContainer as Jn } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as eo, animated as at } from "@react-spring/web";
 import { startOfMonth as At } from "date-fns/startOfMonth";
 import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as to, S as no, b as oo } from "../SpendingLegend-6FqtMcBV.mjs";
+import { g as to, S as no, b as oo } from "../SpendingLegend-CjX-hX2O.mjs";
 import { formatISO as ro } from "date-fns/formatISO";
 import { fromUnixTime as ao } from "date-fns/fromUnixTime";
 import { startOfToday as it } from "date-fns/startOfToday";
 import { subDays as io } from "date-fns/subDays";
-import { c as so, d as st, S as co, i as lo } from "../ManageIncome-8EsStyIQ.mjs";
+import { c as so, d as st, S as co, i as lo } from "../ManageIncome-NpXHhO1n.mjs";
 import { LocalizationProvider as po, DatePicker as _o, StaticDatePicker as ho } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-DAncu--R.mjs";
+import { R as uo } from "../RecurringSettings-CqZh1SQa.mjs";
 import { LocalizationProvider as mo } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as go } from "date-fns/format";
 import yo from "@mui/lab/Timeline";
 import bo, { timelineItemClasses as fo } from "@mui/lab/TimelineItem";
 import xo from "@mui/lab/TimelineConnector";
-import Co from "@mui/lab/TimelineContent";
-import So from "@mui/lab/TimelineDot";
+import So from "@mui/lab/TimelineContent";
+import Co from "@mui/lab/TimelineDot";
 import vo from "@mui/lab/TimelineSeparator";
 import wo from "@mui/material/Accordion";
 import ko from "@mui/material/AccordionDetails";
 import Mo from "@mui/material/AccordionSummary";
 import Do from "@mui/material/CardHeader";
-import { W as Io } from "../WidgetContainer-CDh9fjpR.mjs";
+import { W as Io } from "../WidgetContainer-BhQ1Kx2z.mjs";
 const Ao = ({
   dialScoreData: t,
   dataIndex: o,
@@ -90,18 +90,18 @@ const Ao = ({
     { offset: "36.67%", color: f.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: f.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: f.palette.chartMono.chartMono5 }
-  ], [C, D] = fn(
+  ], [S, D] = fn(
     t,
     s,
     r,
     o
-  ), [S, g] = xn(
-    C,
+  ), [C, g] = xn(
+    S,
     D,
     o,
     h,
     u
-  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(g).padAngle(0.02).cornerRadius(8);
+  ), b = ot.arc().innerRadius(_).outerRadius(d).startAngle(S).endAngle(D).padAngle(0.02).cornerRadius(8), P = ot.arc().innerRadius(_).outerRadius(d).startAngle(C).endAngle(g).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ a(z, { children: [
     /* @__PURE__ */ e(
       "path",
@@ -140,7 +140,7 @@ const Ao = ({
   footerRightContent: h,
   isFinacialStrengthGraph: y = !1
 }) => {
-  const f = G(), w = -Math.PI / 1.35, C = Math.PI / 1.35, D = C - w, S = D / (i - s), g = (o - s) * S, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Se = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = Cn(pe, b, Se), ve = o / 25, H = {
+  const f = G(), w = -Math.PI / 1.35, S = Math.PI / 1.35, D = S - w, C = D / (i - s), g = (o - s) * C, b = w + g + 0.02, P = n !== "SM" ? 0.1 : 0.12, F = t, U = t * (1 - P), W = F * 2, O = W / 2, E = W / 2, pe = (U + F) / 2, Ce = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = Sn(pe, b, Ce), ve = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -174,7 +174,7 @@ const Ao = ({
                 outerRadius: F,
                 startAngle: Math.round(et(w)),
                 // Use Math.degrees to convert
-                endAngle: Math.round(et(C))
+                endAngle: Math.round(et(S))
                 // Use Math.degrees to convert
               }
             ],
@@ -258,7 +258,7 @@ const Ao = ({
                         fontSize: H[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
-                      variant: "h1",
+                      variant: "H1",
                       children: o
                     }
                   ),
@@ -490,7 +490,7 @@ const Ao = ({
           }
         ),
         t === "connectionsDrawer" && /* @__PURE__ */ e(
-          Ct,
+          St,
           {
             onClose: () => d(!1),
             showConnectionsWidget: _,
@@ -581,7 +581,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       title: ze.credit_over_time_title,
       valueKey: "credit_score"
     }
-  }[t], h = Sn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), C = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: S } = C(), g = u.title, b = t === "creditOverTime";
+  }[t], h = Cn(r, u.valueKey), y = r.map((F) => F[u.valueKey]), f = Math.max(...y), w = Math.min(...y), S = () => f >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : f >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: D, leftMargin: C } = S(), g = u.title, b = t === "creditOverTime";
   let P;
   if (b) {
     const { color: F } = mt(
@@ -607,7 +607,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         labelFontColor: b ? "text.primary" : "",
         labelFontSize: b ? 13 : void 0,
         labels: [i.key_indicators_label],
-        margin: { left: S, top: b ? 25 : 15, right: 20 },
+        margin: { left: C, top: b ? 25 : 15, right: 20 },
         markStyles: (F) => b ? {
           markLabelStyles: {
             marginLeft: 16,
@@ -778,9 +778,9 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         sx: { bgcolor: "background.paper" },
         children: [
           d.map((h, y) => {
-            const { firstValue: f } = kt(h, s), w = St(h, {
+            const { firstValue: f } = kt(h, s), w = Ct(h, {
               allowNickname: r?.show_account_nicknames_in_master
-            }), C = /* @__PURE__ */ a(z, { children: [
+            }), S = /* @__PURE__ */ a(z, { children: [
               /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: h.institution_guid ?? "" }) }),
               /* @__PURE__ */ e(
                 ye,
@@ -792,7 +792,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               o && /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(f ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ a(m.Fragment, { children: [
-              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(En, { onClick: () => c(h), children: C }) : C }),
+              /* @__PURE__ */ e(ge, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(En, { onClick: () => c(h), children: S }) : S }),
               y !== d.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
             ] }, h.guid);
           }),
@@ -805,31 +805,31 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
 }, Bt = v(zo), Go = ({ loadAccounts: t, loadMoreLabel: o }) => {
   const n = G(), { config: r } = je(), { connect: s, finstrong: i } = x(), { accounts: c } = x(), { selectedAccounts: l } = q(), [_, d] = m.useState(!1), [u, h] = m.useState(!1), y = m.useMemo(
     () => l.filter(
-      (C) => t ? t.includes(C.account_type) : !0
+      (S) => t ? t.includes(S.account_type) : !0
     ),
     [l, t]
-  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (C) => {
-    const { firstValue: D } = kt(C, c);
+  ), f = m.useMemo(() => y.slice(0, 3), [y]), w = (S) => {
+    const { firstValue: D } = kt(S, c);
     return D;
   };
   return y.length >= 1 ? /* @__PURE__ */ a(z, { children: [
-    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((C, D) => /* @__PURE__ */ a(m.Fragment, { children: [
+    /* @__PURE__ */ e(k, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: f.map((S, D) => /* @__PURE__ */ a(m.Fragment, { children: [
       /* @__PURE__ */ a(ge, { sx: { px: 24 }, children: [
-        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: C.institution_guid ?? "" }) }),
+        /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ e(ut, { alt: "MX", institutionGuid: S.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
           ye,
           {
-            primary: `${St(C, {
+            primary: `${Ct(S, {
               allowNickname: r?.show_account_nicknames_in_master
             })}
-              ${C.account_number ? ` *${C.account_number}` : ""}`,
+              ${S.account_number ? ` *${S.account_number}` : ""}`,
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(C), "0,0.00") })
+        /* @__PURE__ */ e(M, { bold: !0, variant: "body2", children: $(w(S), "0,0.00") })
       ] }),
       D < f.length - 1 && /* @__PURE__ */ e(le, { variant: "inset" })
-    ] }, C.guid)) }),
+    ] }, S.guid)) }),
     y.length > 3 && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
         B,
@@ -867,7 +867,7 @@ const Oo = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       }
     )
   ] });
-}, Wt = v(Go), Ce = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
+}, Wt = v(Go), Se = ({ balance: t, title: o, sx: n }) => /* @__PURE__ */ a(
   p,
   {
     sx: {
@@ -903,7 +903,7 @@ const Eo = ({ total: t }) => {
     { id: De.Days, label: o.maintain_emergency_savings_days }
   ], i = Math.ceil((t + 1) / 1e3) * 1e3, [c, l] = m.useState(0), [_, d] = m.useState(tt(t)), [u, h] = m.useState(
     tt(t)
-  ), [y, f] = m.useState(i), [w, C] = m.useState(kn(t)), [D, S] = m.useState(De.Months);
+  ), [y, f] = m.useState(i), [w, S] = m.useState(kn(t)), [D, C] = m.useState(De.Months);
   m.useEffect(() => {
     l(
       nt({
@@ -928,7 +928,7 @@ const Eo = ({ total: t }) => {
   };
   return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ a(p, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         balance: /* @__PURE__ */ a(p, { sx: { flexDirection: "row", height: 32 }, children: [
           /* @__PURE__ */ e(I, { variant: "h2", children: $(c, "0,0") }),
@@ -981,7 +981,7 @@ const Eo = ({ total: t }) => {
           },
           label: o.maintain_emergency_savings_meet_your_goal_within,
           onChange: (b) => {
-            isNaN(Number(b.target.value)) || C(Number(b.target.value));
+            isNaN(Number(b.target.value)) || S(Number(b.target.value));
           },
           sx: {
             "& .MuiInputBase-root": {
@@ -1007,7 +1007,7 @@ const Eo = ({ total: t }) => {
               }
             }
           },
-          children: /* @__PURE__ */ e(rt, { label: "", onChange: S, options: s, value: D })
+          children: /* @__PURE__ */ e(rt, { label: "", onChange: C, options: s, value: D })
         }
       )
     ] }),
@@ -1020,7 +1020,7 @@ const Eo = ({ total: t }) => {
   );
   return /* @__PURE__ */ a(p, { sx: { gap: 24 }, children: [
     /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ a(p, { sx: { gap: 16 }, children: [
-      /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
+      /* @__PURE__ */ e(Se, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
         Wt,
         {
@@ -1137,9 +1137,9 @@ const Eo = ({ total: t }) => {
   formatDate: r = It,
   secondaryIcon: s
 }) => {
-  const i = G(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, C = t.length > w, D = t.length - w;
-  let S = t;
-  return C && (S = t.map((g) => ({
+  const i = G(), { connect: c, finstrong: l, categories: _ } = x(), [d, u] = m.useState(!1), [h, y] = m.useState(!1), { getCategoryName: f } = Ke(), w = 3, S = t.length > w, D = t.length - w;
+  let C = t;
+  return S && (C = t.map((g) => ({
     ...g,
     category: _.default_categories[g.top_level_category_guid]?.replace(
       /&amp;/g,
@@ -1216,7 +1216,7 @@ const Eo = ({ total: t }) => {
       },
       b
     )) }),
-    C && /* @__PURE__ */ a(z, { children: [
+    S && /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
         B,
         {
@@ -1237,7 +1237,7 @@ const Eo = ({ total: t }) => {
           isOpen: d,
           onClose: () => u(!1),
           title: l.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
-          children: /* @__PURE__ */ e(Kn, { transaction: S })
+          children: /* @__PURE__ */ e(Kn, { transaction: C })
         }
       )
     ] })
@@ -1321,7 +1321,7 @@ const Eo = ({ total: t }) => {
   const { savingsAndCheckingAccountsBalance: t } = xe(), { finstrong: o } = x();
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         balance: t,
         title: o.key_indicators_save.drawer_available_balance
@@ -1352,7 +1352,7 @@ const Eo = ({ total: t }) => {
   }, [r.spend, r.debtSpend]);
   return o ? /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         balance: n.ninety_day_spend / 90,
         title: t.key_indicators_save.drawer_daily_spend
@@ -1432,7 +1432,7 @@ const Eo = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "caption", children: d })
+                /* @__PURE__ */ e(I, { variant: "XSmall", children: d })
               ]
             },
             d
@@ -1494,7 +1494,7 @@ const Eo = ({ total: t }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
+                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
                     ]
                   }
                 )
@@ -1510,7 +1510,7 @@ const Eo = ({ total: t }) => {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(I, { variant: "body2", children: t.debt_to_income_ratio ? K(
+                children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? K(
                   o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) : "-" })
@@ -1533,7 +1533,7 @@ const Eo = ({ total: t }) => {
   const { healthScore: t, allTransactions: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
@@ -1566,7 +1566,7 @@ const Eo = ({ total: t }) => {
   const { allTransactions: t, healthScore: o } = L(), { connect: n, finstrong: r } = x(), [s, i] = m.useState(!1);
   return /* @__PURE__ */ a(p, { gap: 16, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
-      Ce,
+      Se,
       {
         balance: o.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
@@ -1680,10 +1680,10 @@ const Eo = ({ total: t }) => {
   ), y = {
     dataKey: "label",
     scaleType: "band"
-  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), C = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = C / 3, S = {
+  }, f = Math.max(...h.map((g) => Math.max(g.main, g.comparison))), S = Math.min(...h.map((g) => Math.min(g.main, g.comparison))) === 0 && f === 0 ? 100 : Math.ceil(f * 1.2 / 1e3) * 1e3, D = S / 3, C = {
     scaleType: "linear",
     min: 0,
-    max: C,
+    max: S,
     tickNumber: 4,
     tickMinStep: D,
     valueFormatter: (g) => g === 0 ? "$0" : $(g, "0.[0]a")
@@ -1779,7 +1779,7 @@ const Eo = ({ total: t }) => {
               { dataKey: "comparison", type: "bar" }
             ],
             xAxis: [y],
-            yAxis: [S],
+            yAxis: [C],
             children: [
               /* @__PURE__ */ e(
                 an,
@@ -2007,12 +2007,12 @@ const Eo = ({ total: t }) => {
   const f = m.useMemo(
     () => to(o, _, u, n),
     [o, n]
-  ), w = (S) => {
-    y(h === S ? "" : S);
-  }, { totalSpending: C, totalIncome: D } = m.useMemo(() => s?.reduce(
-    (S, { standard_spend: g = 0, income: b = 0 }) => ({
-      totalSpending: S.totalSpending + g,
-      totalIncome: S.totalIncome + b
+  ), w = (C) => {
+    y(h === C ? "" : C);
+  }, { totalSpending: S, totalIncome: D } = m.useMemo(() => s?.reduce(
+    (C, { standard_spend: g = 0, income: b = 0 }) => ({
+      totalSpending: C.totalSpending + g,
+      totalIncome: C.totalIncome + b
     }),
     { totalSpending: 0, totalIncome: 0 }
   ), [s]);
@@ -2030,7 +2030,7 @@ const Eo = ({ total: t }) => {
         onClick: () => i("trends")(),
         title: l.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: $(D, "0,0.00"),
-        totalMain: $(C, "0,0.00")
+        totalMain: $(S, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       Re,
@@ -2207,7 +2207,7 @@ const Eo = ({ total: t }) => {
       children: /* @__PURE__ */ e(p, { sx: { gap: 16 }, children: i.content })
     }
   );
-}, Cr = v(xr), fe = ({
+}, Sr = v(xr), fe = ({
   drawerFor: t,
   title: o,
   description: n,
@@ -2249,7 +2249,7 @@ const Eo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e(
-      Cr,
+      Sr,
       {
         drawerFor: t,
         isOpen: i,
@@ -2257,7 +2257,7 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, Sr = () => {
+}, Cr = () => {
   const { finstrong: t } = x(), { key_indicators_spend: o } = t, { healthScore: n } = L(), r = (c) => {
     const l = xt(c), _ = {
       GOOD: o.ratio_good_description,
@@ -2302,7 +2302,7 @@ const Eo = ({ total: t }) => {
       }
     )
   ] });
-}, vr = v(Sr), wr = () => {
+}, vr = v(Cr), wr = () => {
   const { healthScore: t } = L(), { finstrong: o } = x(), { key_indicators_save: n } = o, r = (l) => {
     const _ = bt(l), d = {
       GOOD: n.days_of_cash_good_description,
@@ -2629,9 +2629,9 @@ const Eo = ({ total: t }) => {
   step: T.ConnectAccounts,
   type: "main"
 }, zr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [C, D] = m.useState(h.credit_score || 0), [S, g] = m.useState(
+  const { visibleAccounts: n } = xe(), { calculateHealthScore: r } = L(), { finstrong: s } = x(), { setSelectedAccounts: i } = q(), { addRepeatingTransaction: c, setDateRange: l } = Ve(), { filter: _, setFilter: d, transactions: u } = Ln(), { user: h, userProfile: y, updateUser: f, updateUserProfile: w } = J(), [S, D] = m.useState(h.credit_score || 0), [C, g] = m.useState(
     ct
-  ), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Se, te] = m.useState(!1), [j, ve] = m.useState(h.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
+  ), [b, P] = m.useState(1), [F, U] = m.useState(Mt.EveryMonth), [W, O] = m.useState([]), [E, pe] = m.useState(!1), [Ce, te] = m.useState(!1), [j, ve] = m.useState(h.birthday), [H, we] = m.useState(15), [N, ae] = m.useState("");
   m.useEffect(() => {
     l({ start: At(it()), end: Tt(it()) });
   }, []), m.useEffect(() => {
@@ -2651,12 +2651,12 @@ const Eo = ({ total: t }) => {
     [T.ConnectAccounts]: !0,
     [T.MonthlyIncome]: !!N,
     [T.Birthday]: !!h.birthday || !!j,
-    [T.CreditScore]: !!h.credit_score || !!C
-  })[S.step], [C, S, j, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
-    const { step: A } = S;
+    [T.CreditScore]: !!h.credit_score || !!S
+  })[C.step], [S, C, j, N, h]), X = n.length > 0, Gt = m.useMemo(() => {
+    const { step: A } = C;
     let R = 0;
     return A >= T.MonthlyIncome && X && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
-  }, [S.step, X, W.length, h.birthday, h.credit_score]), Et = (A) => {
+  }, [C.step, X, W.length, h.birthday, h.credit_score]), Et = (A) => {
     d({
       ..._,
       custom: (R) => A ? lo(R, A) : st(R)
@@ -2710,7 +2710,7 @@ const Eo = ({ total: t }) => {
       secondaryText: s.onboarding_birthday_secondary
     },
     [T.CreditScore]: {
-      main: /* @__PURE__ */ e(Wr, { creditScore: C, setCreditScore: D }),
+      main: /* @__PURE__ */ e(Wr, { creditScore: S, setCreditScore: D }),
       mainActionContent: s.onboarding_next,
       primaryText: s.onboarding_credit_score_primary,
       secondaryText: s.onboarding_credit_score_secondary
@@ -2720,19 +2720,19 @@ const Eo = ({ total: t }) => {
   }, Ze = async () => {
     pe(!0), await Vt(W), await r(), await w({ ...y, has_completed_finstrong_onboarding: !0 }), Qe();
   }, Nt = () => {
-    if (S.step === T.CreditScore) {
+    if (C.step === T.CreditScore) {
       Ze();
       return;
     }
-    g({ step: S.step + 1, type: "main" });
+    g({ step: C.step + 1, type: "main" });
   }, jt = () => {
-    const { step: A } = S, R = A + 1;
+    const { step: A } = C, R = A + 1;
     switch (A) {
       case T.Birthday:
         j && j !== h.birthday && f({ ...h, birthday: j });
         break;
       case T.CreditScore:
-        C && C !== h.credit_score && f({ ...h, credit_score: C }), Ze();
+        S && S !== h.credit_score && f({ ...h, credit_score: S }), Ze();
         return;
       case T.MonthlyIncome:
         N && W.findIndex(({ guid: me }) => me === N) === -1 && O((me) => [
@@ -2749,7 +2749,7 @@ const Eo = ({ total: t }) => {
     }
     R in T && g({ step: R, type: "main" });
   }, Kt = () => {
-    const { step: A, type: R } = S;
+    const { step: A, type: R } = C;
     if (R === "detail") {
       g({ step: A, type: "main" });
       return;
@@ -2789,7 +2789,7 @@ const Eo = ({ total: t }) => {
       };
       await c(on, R);
     }
-  }, ue = Ht[S.step], Ie = S.step === T.ConnectAccounts, Yt = {
+  }, ue = Ht[C.step], Ie = C.step === T.ConnectAccounts, Yt = {
     fullWidth: !0,
     ...Ie && !X && { startIcon: /* @__PURE__ */ e(ht, {}) }
   }, Xt = !Ie || Ie && !X;
@@ -2825,11 +2825,11 @@ const Eo = ({ total: t }) => {
                 value: Gt
               }
             ),
-            S.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
+            C.type === "main" && /* @__PURE__ */ a(k, { sx: { bgcolor: "background.default" }, children: [
               ue.main,
               Xt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: Nt, children: s.onboarding_do_it_later }) })
             ] }),
-            S.type === "detail" && ue.detail
+            C.type === "detail" && ue.detail
           ] })
         ] })
       }
@@ -2838,7 +2838,7 @@ const Eo = ({ total: t }) => {
       re,
       {
         onClose: () => te(!1),
-        showConnectWidget: Se,
+        showConnectWidget: Ce,
         title: s.connect_more_accounts_button
       }
     )
@@ -2925,8 +2925,8 @@ const Eo = ({ total: t }) => {
     common: s,
     finstrong: i
   } = x(), { repeatingTransactions: c } = Ve(), { user: l } = J(), _ = c.reduce((f, w) => {
-    const { repeating_transaction_type: C, transactions: D, recurrence_type: S, amount: g } = w;
-    return C === Dt.Income && (D.length > 0 || S === Mt.EveryYear) ? f + g : f;
+    const { repeating_transaction_type: S, transactions: D, recurrence_type: C, amount: g } = w;
+    return S === Dt.Income && (D.length > 0 || C === Mt.EveryYear) ? f + g : f;
   }, 0), [d, u] = m.useState(null), y = [
     {
       dynamicCopy: i.add_profile_item,
@@ -3003,7 +3003,7 @@ const Eo = ({ total: t }) => {
     /* @__PURE__ */ e(Nr, { isOpen: d === ne.DateOfBirth, onClose: () => u(null) }),
     /* @__PURE__ */ e(Lt, { isOpen: d === ne.CreditScore, onClose: () => u(null) }),
     /* @__PURE__ */ e(
-      Ct,
+      St,
       {
         onClose: () => u(null),
         showConnectionsWidget: d === ne.Connections,
@@ -3016,10 +3016,10 @@ const Eo = ({ total: t }) => {
   islast: o = !1
 }) => /* @__PURE__ */ a(bo, { sx: { minHeight: 0 }, children: [
   /* @__PURE__ */ a(vo, { children: [
-    /* @__PURE__ */ e(So, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
+    /* @__PURE__ */ e(Co, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
     !o && /* @__PURE__ */ e(xo, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(Co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+  /* @__PURE__ */ e(So, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(M, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), Vr = ({ report: t }) => {
   const { finstrong: o } = x(), { score_history_drawer_timeline: n } = o, {
     health_score_point_difference: r,
@@ -3030,9 +3030,9 @@ const Eo = ({ total: t }) => {
     older_health_score: _,
     newer_health_score: d,
     newer_score_calculated_at: u
-  } = t, h = go(new Date(u), "MMM d"), y = () => r === 0 ? "info.light" : r > 0 ? "success.light" : "error.light", f = () => r === 0 ? K(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
+  } = t, h = go(new Date(u), "MMM d"), y = () => r === 0 ? "info.lighter" : r > 0 ? "success.lighter" : "error.lighter", f = () => r === 0 ? K(n.stayed_at, _) : r > 0 ? n.less_spending : n.more_spending, w = () => {
     if (r === 0) return null;
-    const C = r > 0 ? n.up_from : n.down_from, D = K(C, _, d);
+    const S = r > 0 ? n.up_from : n.down_from, D = K(S, _, d);
     return /* @__PURE__ */ a(z, { children: [
       /* @__PURE__ */ e(
         bn,
@@ -3072,11 +3072,11 @@ const Eo = ({ total: t }) => {
                     justifyContent: "center",
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
+                  children: /* @__PURE__ */ e(M, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
                 }
               ),
               /* @__PURE__ */ a(p, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "body1", children: f() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: f() }),
                 /* @__PURE__ */ a(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
                   h,
                   " ",
@@ -3178,7 +3178,7 @@ const Eo = ({ total: t }) => {
             ),
             /* @__PURE__ */ a(p, { sx: { gap: 4 }, children: [
               /* @__PURE__ */ e(M, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(M, { variant: "caption", children: u.description })
+              /* @__PURE__ */ e(M, { variant: "XSmall", children: u.description })
             ] })
           ] })
         }
@@ -3433,20 +3433,20 @@ const Eo = ({ total: t }) => {
     healthScore: y,
     loadAugmentedChartData: f,
     loadMonthlySummaries: w,
-    loadPeerScore: C,
+    loadPeerScore: S,
     peerScore: D
-  } = d, { finstrong: S, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { onLoad: F } = Bn(), { loadRepeatingTransactions: U } = Ve(), { isMobile: W } = qe(), O = G(), { userProfile: E } = J(), [pe, Se] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
+  } = d, { finstrong: C, connect: g } = x(), { isCopyLoaded: b, isInitialized: P } = q(), { onLoad: F } = Bn(), { loadRepeatingTransactions: U } = Ve(), { isMobile: W } = qe(), O = G(), { userProfile: E } = J(), [pe, Ce] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1), [we, N] = m.useState(!1);
   if (m.useEffect(() => {
     l(O);
   }, []), m.useEffect(() => {
     n && (d.handleFinstrongWidgetPrimaryCtaClick = n);
   }, [n, d]), m.useEffect(() => {
-    P && (w().finally(), C().finally(), h().finally(), f().finally(() => {
+    P && (w().finally(), S().finally(), h().finally(), f().finally(() => {
       F?.("FinstrongWidget");
     }));
   }, [P]), m.useEffect(() => {
     P && (_(r, s.start, s.end).finally(() => {
-      Se(!0);
+      Ce(!0);
     }), i || (c(), U().finally()));
   }, [s, i, P, r]), !b || !P || !pe) return /* @__PURE__ */ e(ee, {});
   const ae = () => j(!0), _e = Math.round(D?.average_health_score?.average_health_score || 0);
@@ -3456,14 +3456,14 @@ const Eo = ({ total: t }) => {
       actions: [
         {
           iconName: "person",
-          label: S.profile,
+          label: C.profile,
           onClick: ae
         }
       ],
       hasDivider: !0,
       onBackClick: t,
       sx: o,
-      title: S.title,
+      title: C.title,
       children: [
         E.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           p,
@@ -3482,15 +3482,15 @@ const Eo = ({ total: t }) => {
                 /* @__PURE__ */ e(
                   Pe,
                   {
-                    description: S.connect_more_accounts_description,
+                    description: C.connect_more_accounts_description,
                     drawerType: "connectDrawer",
-                    title: S.connect_more_accounts_title
+                    title: C.connect_more_accounts_title
                   }
                 )
               ] }),
               /* @__PURE__ */ e(p, { sx: { maxWidth: 848, minWidth: 288, width: { md: 720 } }, children: /* @__PURE__ */ a(Y, { sx: { height: "100%", p: 16 }, children: [
                 /* @__PURE__ */ a(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ e(V, { children: S.key_indicators }),
+                  /* @__PURE__ */ e(V, { children: C.key_indicators }),
                   /* @__PURE__ */ e(
                     B,
                     {
@@ -3500,7 +3500,7 @@ const Eo = ({ total: t }) => {
                         fontSize: 13
                       },
                       variant: "text",
-                      children: S.whats_changed
+                      children: C.whats_changed
                     }
                   )
                 ] }),
@@ -3513,14 +3513,14 @@ const Eo = ({ total: t }) => {
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
-                    customLegendVariant: "caption",
+                    customLegendVariant: "XSmall",
                     datasets: [u],
                     height: 300,
                     isGraphClippingXAxis: !0,
-                    labelBackgroundColor: O.palette.neutral.dark,
+                    labelBackgroundColor: O.palette.border.dark,
                     labelFontColor: O.palette.common.white,
-                    labelFontSize: typeof O.typography.caption?.fontSize == "string" ? parseFloat(O.typography.caption.fontSize) : O.typography.caption?.fontSize,
-                    labels: [S.key_indicators_label],
+                    labelFontSize: typeof O.typography.XSmall?.fontSize == "string" ? parseFloat(O.typography.XSmall.fontSize) : O.typography.XSmall?.fontSize,
+                    labels: [C.key_indicators_label],
                     margin: { right: 0, left: 25 },
                     peerAverage: _e,
                     showArea: !0,
@@ -3528,7 +3528,7 @@ const Eo = ({ total: t }) => {
                     showLegend: !0,
                     showMarkLabel: !0,
                     showXAxis: !0,
-                    title: S.peer_average,
+                    title: C.peer_average,
                     useCustomMark: !0,
                     xAxisScaleType: "band"
                   }
@@ -3563,6 +3563,6 @@ export {
   Ft as DialScoreCard,
   Rt as FinancialStrengthGraph,
   xi as FinstrongApi,
-  Ci as FinstrongStore,
+  Si as FinstrongStore,
   yi as FinstrongWidget
 };