@mx-cartographer/experiences 11.6.4-alpha.san1 → 11.6.4-alpha.san2

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

@@ -4,12 +4,12 @@ import _ from "@mui/material/Stack";
 import { useTheme as z, alpha as ue } from "@mui/material/styles";
 import { PieChart as Kt, BarPlot as jt } from "@mui/x-charts";
 import { TrendingUp as rt, ArrowRightAlt as Vt, TrendingDown as Yt, AccountBalance as at, ChevronRight as Z, CheckCircle as Xt, Cancel as Ut, MultilineChart as it, CreditCard as st, Savings as qt, ContentCopy as Zt, Add as ct, Cardiology as Qt, Payments as Jt, CalendarMonth as en, ExpandMore as tn } from "@mxenabled/mx-icons";
-import { P as w, H3 as X, Text as T, InstitutionLogo as lt, H2 as Ae, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
-import { g as rn, a as an, r as Ve, b as sn, c as $e, d as cn, C as ye, e as be, f as ln, h as dn, i as dt, j as Ye, k as pn, l as Xe, m as un, n as pt, o as _n, p as hn, q as ut, s as ke, t as mn, u as gn, v as yn, w as bn, A as Q, x as fn, P as xn } from "../FinstrongStore-CjErZ73K.mjs";
+import { P as k, H3 as X, Text as T, InstitutionLogo as lt, H2 as Ae, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
+import { g as rn, a as an, r as Ve, b as sn, c as $e, d as cn, C as ye, e as be, f as ln, h as dn, i as dt, j as Ye, k as pn, l as Xe, m as un, n as pt, o as _n, p as hn, q as ut, s as we, t as mn, u as gn, v as yn, w as bn, A as Q, x as fn, P as xn } from "../FinstrongStore-CjErZ73K.mjs";
 import { y as _i, F as hi } from "../FinstrongStore-CjErZ73K.mjs";
 import * as Ue from "d3";
 import { observer as f } from "mobx-react-lite";
-import { u as v, b as U, o as ee, y as P, p as Sn, a as _t, d as xe, m as Le, g as Cn, f as vn, j as kn, h as wn, i as ht } from "../hooks-CBST3rkm.mjs";
+import { u as v, b as U, o as ee, y as P, p as Sn, a as _t, d as xe, m as Le, g as Cn, f as vn, j as wn, h as kn, i as ht } from "../hooks-CBST3rkm.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import h from "react";
 import W from "@mui/material/Button";
@@ -19,7 +19,7 @@ import { C as mt } from "../ConnectionsDrawer-DabiwV9L.mjs";
 import { l as ne, g as gt, A as Re } from "../ConnectDrawer--gJHyp-S.mjs";
 import re from "@mui/material/Tab";
 import Ee from "@mui/material/Tabs";
-import we from "@mui/material/TextField";
+import ke from "@mui/material/TextField";
 import { u as Ge } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Dn, f as An, a as Mn } from "../Dialog-BPTr3qHE.mjs";
 import In from "@mui/material/Chip";
@@ -38,9 +38,9 @@ import { Button as Pn } from "@mui/material";
 import { S as Rn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as ze } from "../DateUtil-CBdcsyuk.mjs";
 import { useVirtualizer as Bn } from "@tanstack/react-virtual";
-import { u as $n, s as Be, h as Ct, S as vt, b as kt, Z as Ln } from "../TransactionDetails-DRlrltGq.mjs";
+import { u as $n, s as Be, h as Ct, S as vt, b as wt, Z as Ln } from "../TransactionDetails-DRlrltGq.mjs";
 import { A as Wn, W as En } from "../WidgetContainer-DJA1bxLn.mjs";
-import { u as wt } from "../useDimensions-27p2evRx.mjs";
+import { u as kt } from "../useDimensions-27p2evRx.mjs";
 import { T as ae } from "../TabContentContainer-j01JYR_7.mjs";
 import { b as Y } from "../Localization-2MODESHW.mjs";
 import { E as De } from "../EmptyState-DA_lfRBv.mjs";
@@ -90,18 +90,18 @@ const go = ({
     { offset: "36.67%", color: S.palette.chartMono.chartMono3 },
     { offset: "59.72%", color: S.palette.chartMono.chartMono4 },
     { offset: "83.46%", color: S.palette.chartMono.chartMono5 }
-  ], [y, k] = rn(
+  ], [y, w] = rn(
     t,
     c,
     o,
     r
   ), [b, x] = an(
     y,
-    k,
+    w,
     r,
     m,
     u
-  ), A = Ue.arc().innerRadius(l).outerRadius(d).startAngle(y).endAngle(k).padAngle(0.02).cornerRadius(8), F = Ue.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(x).padAngle(0.02).cornerRadius(8);
+  ), A = Ue.arc().innerRadius(l).outerRadius(d).startAngle(y).endAngle(w).padAngle(0.02).cornerRadius(8), F = Ue.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(x).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       "path",
@@ -139,7 +139,7 @@ const go = ({
   footerRightContent: u,
   isFinacialStrengthGraph: m = !1
 }) => {
-  const g = z(), S = -Math.PI / 1.35, C = Math.PI / 1.35, y = C - S, k = y / (s - c), b = (r - c) * k, x = S + b + 0.02, A = n !== "SM" ? 0.1 : 0.12, F = t, H = t * (1 - A), O = F * 2.5, N = O / 2, E = O / 2, ce = (H + F) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = sn(ce, x, j), de = r / 25, V = {
+  const g = z(), S = -Math.PI / 1.35, C = Math.PI / 1.35, y = C - S, w = y / (s - c), b = (r - c) * w, x = S + b + 0.02, A = n !== "SM" ? 0.1 : 0.12, F = t, H = t * (1 - A), O = F * 2.5, N = O / 2, E = O / 2, ce = (H + F) / 2, j = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [oe, le] = sn(ce, x, j), de = r / 25, V = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -230,7 +230,7 @@ const go = ({
                 sx: { alignItems: "center", justifyContent: "center", gap: n !== "M" ? 10 : 3 },
                 children: [
                   /* @__PURE__ */ e(
-                    w,
+                    k,
                     {
                       sx: {
                         fontSize: V[n].healthScoreFontSize,
@@ -240,7 +240,7 @@ const go = ({
                       children: r
                     }
                   ),
-                  n !== "SM" && /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: p })
+                  n !== "SM" && /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: n === "L" ? "body1" : "body2", children: p })
                 ]
               }
             )
@@ -259,7 +259,7 @@ const go = ({
             children: typeof l == "number" ? /* @__PURE__ */ i(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
               l > 0 ? /* @__PURE__ */ e(rt, { size: 16, sx: { color: "success.main" } }) : /* @__PURE__ */ e(me, { size: 16, sx: { color: "text.secondary" } }),
               /* @__PURE__ */ e(
-                w,
+                k,
                 {
                   sx: {
                     fontWeight: 600,
@@ -269,7 +269,7 @@ const go = ({
                   children: l
                 }
               )
-            ] }) : /* @__PURE__ */ e(w, { sx: { color: "text.secondary" }, variant: "subtitle2", children: l })
+            ] }) : /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle2", children: l })
           }
         ),
         d !== void 0 && /* @__PURE__ */ e(
@@ -283,7 +283,7 @@ const go = ({
               transform: "translate(-50%, -50%)",
               textAlign: "left"
             },
-            children: /* @__PURE__ */ e(w, { variant: "body1", children: d })
+            children: /* @__PURE__ */ e(k, { variant: "body1", children: d })
           }
         ),
         u !== void 0 && /* @__PURE__ */ e(
@@ -296,7 +296,7 @@ const go = ({
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
-            children: /* @__PURE__ */ e(w, { variant: "body1", children: u })
+            children: /* @__PURE__ */ e(k, { variant: "body1", children: u })
           }
         )
       ]
@@ -423,7 +423,7 @@ const go = ({
           }
         ),
         /* @__PURE__ */ e(
-          w,
+          k,
           {
             className: "connect-more-accounts-description",
             sx: { color: "text.secondary", mt: 8 },
@@ -491,7 +491,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
             g.preventDefault(), m(), u();
           },
           children: /* @__PURE__ */ e(
-            we,
+            ke,
             {
               error: !d,
               fullWidth: !0,
@@ -536,7 +536,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
     In,
     {
       label: /* @__PURE__ */ e(
-        w,
+        k,
         {
           fontWeight: 700,
           sx: { color: n.color, minHeight: 12 },
@@ -561,7 +561,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
     /* @__PURE__ */ e(X, { children: Co.keep_strong_credit_score }),
     /* @__PURE__ */ e(Ie, { status: r })
   ] });
-}, ko = f(vo), wo = ({
+}, wo = f(vo), ko = ({
   additionalContent: t,
   connectTitle: r,
   connectDescription: n,
@@ -587,7 +587,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
         },
         children: [
           u && typeof u == "string" ? /* @__PURE__ */ e(X, { children: u }) : u,
-          c && /* @__PURE__ */ e(w, { children: c })
+          c && /* @__PURE__ */ e(k, { children: c })
         ]
       }
     ),
@@ -617,7 +617,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
       )
     ] })
   ] }) : /* @__PURE__ */ e(te, {});
-}, Ft = f(wo), Do = ({
+}, Ft = f(ko), Do = ({
   onClick: t,
   shouldShowBalance: r = !0,
   loadAccounts: n
@@ -659,7 +659,7 @@ const bo = ({ isOpen: t, onClose: r }) => {
                   primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
                 }
               ),
-              r && /* @__PURE__ */ e(w, { bold: !0, variant: "body2", children: $(S ?? 0, "0,0.00") })
+              r && /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: $(S ?? 0, "0,0.00") })
             ] });
             return /* @__PURE__ */ i(h.Fragment, { children: [
               /* @__PURE__ */ e(yt, { sx: { px: t ? 0 : 24 }, children: t ? /* @__PURE__ */ e(Tn, { onClick: () => a(m), children: y }) : y }),
@@ -679,11 +679,11 @@ const bo = ({ isOpen: t, onClose: r }) => {
     ),
     [p, t]
   ), S = h.useMemo(() => g.slice(0, 3), [g]), C = (y) => {
-    const { firstValue: k } = xt(y, a);
-    return k;
+    const { firstValue: w } = xt(y, a);
+    return w;
   };
   return g.length >= 1 ? /* @__PURE__ */ i(G, { children: [
-    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((y, k) => /* @__PURE__ */ i(h.Fragment, { children: [
+    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${n.palette.divider}`, borderRadius: 2 }, children: S.map((y, w) => /* @__PURE__ */ i(h.Fragment, { children: [
       /* @__PURE__ */ i(yt, { sx: { px: 24 }, children: [
         /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e(lt, { alt: "MX", institutionGuid: y.institution_guid ?? "" }) }),
         /* @__PURE__ */ e(
@@ -696,9 +696,9 @@ const bo = ({ isOpen: t, onClose: r }) => {
             primaryTypographyProps: { noWrap: !0, pr: 4, variant: "body1" }
           }
         ),
-        /* @__PURE__ */ e(w, { bold: !0, variant: "body2", children: $(C(y), "0,0.00") })
+        /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: $(C(y), "0,0.00") })
       ] }),
-      k < S.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
+      w < S.length - 1 && /* @__PURE__ */ e(J, { variant: "inset" })
     ] }, y.guid)) }),
     g.length > 3 && /* @__PURE__ */ i(G, { children: [
       /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
@@ -750,8 +750,8 @@ const bo = ({ isOpen: t, onClose: r }) => {
       ...n
     },
     children: [
-      typeof t == "number" ? /* @__PURE__ */ e(w, { variant: "h2", children: $(t, "0,0.00") }) : t,
-      /* @__PURE__ */ e(w, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: r })
+      typeof t == "number" ? /* @__PURE__ */ e(k, { variant: "h2", children: $(t, "0,0.00") }) : t,
+      /* @__PURE__ */ e(k, { color: "text.secondary", fontWeight: "400", variant: "subtitle2", children: r })
     ]
   }
 );
@@ -830,7 +830,7 @@ const B = {
       }
     ),
     /* @__PURE__ */ e(
-      we,
+      ke,
       {
         "aria-label": B.savings_goal,
         helperText: B.suggested_goal,
@@ -857,7 +857,7 @@ const B = {
     ),
     /* @__PURE__ */ i(_, { sx: { flexDirection: "row" }, children: [
       /* @__PURE__ */ e(
-        we,
+        ke,
         {
           "aria-label": B.meet_your_goal_within,
           fullWidth: !0,
@@ -1045,13 +1045,13 @@ const B = {
       account_guid: A?.account_guid,
       transaction_guid: x
     }), c?.(x);
-  }, k = h.useRef(null), b = Bn({
+  }, w = h.useRef(null), b = Bn({
     count: t.length,
-    getScrollElement: () => k.current,
+    getScrollElement: () => w.current,
     estimateSize: (x) => et + (Be(x, t) ? tt : 0),
     overscan: 5
   });
-  return h.useEffect(() => b.measure(), [t]), h.useEffect(() => S(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(St, { sx: { width: p }, children: /* @__PURE__ */ e(D, { height: n, overflow: "auto", ref: k, width: p, children: /* @__PURE__ */ i(
+  return h.useEffect(() => b.measure(), [t]), h.useEffect(() => S(s), [s]), h.useEffect(() => () => g(), []), /* @__PURE__ */ e(St, { sx: { width: p }, children: /* @__PURE__ */ e(D, { height: n, overflow: "auto", ref: w, width: p, children: /* @__PURE__ */ i(
     D,
     {
       height: (
@@ -1077,7 +1077,7 @@ const B = {
               children: [
                 F && /* @__PURE__ */ e(vt, { bgcolor: r, children: ze(A.date) }),
                 /* @__PURE__ */ e(
-                  kt,
+                  wt,
                   {
                     ...c && { onClick: y },
                     transaction: {
@@ -1126,7 +1126,7 @@ const B = {
       }
     )
   ] }) : /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
-    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((y, k) => /* @__PURE__ */ i(
+    /* @__PURE__ */ e(D, { sx: { border: `1px solid ${s.palette.divider}`, borderRadius: 2 }, children: t.slice(0, g).map((y, w) => /* @__PURE__ */ i(
       _,
       {
         sx: {
@@ -1153,7 +1153,7 @@ const B = {
                 flexDirection: "row",
                 gap: 12,
                 justifyContent: "space-between",
-                ...k < Math.min(t.length, g) - 1 && {
+                ...w < Math.min(t.length, g) - 1 && {
                   borderBottom: `1px solid ${s.palette.divider}`
                 },
                 pb: 14,
@@ -1162,20 +1162,20 @@ const B = {
               },
               children: [
                 /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
-                  /* @__PURE__ */ e(w, { bold: !0, variant: "body1", children: y.description }),
+                  /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: y.description }),
                   /* @__PURE__ */ i(_, { sx: { flexDirection: "row", alignItems: "center", gap: 4 }, children: [
                     !!c && c,
                     /* @__PURE__ */ e(T, { variant: "caption", children: o(y.date) })
                   ] })
                 ] }),
-                /* @__PURE__ */ e(w, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: $(y.amount, "0,0.00") })
+                /* @__PURE__ */ e(k, { bold: !0, sx: { color: r, flexShrink: 0 }, variant: "body1", children: $(y.amount, "0,0.00") })
               ]
             },
-            y.guid || k
+            y.guid || w
           )
         ]
       },
-      k
+      w
     )) }),
     S && /* @__PURE__ */ i(G, { children: [
       /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
@@ -1188,7 +1188,7 @@ const B = {
           children: /* @__PURE__ */ i(T, { bold: !0, variant: "body1", children: [
             C,
             " ",
-            p.key_indicators_borrow.have_manageable_debt.have_manageable_debt_more_transactions
+            p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_more_transactions
           ] })
         }
       ) }),
@@ -1197,7 +1197,7 @@ const B = {
         {
           isOpen: l,
           onClose: () => d(!1),
-          title: p.key_indicators_borrow.have_manageable_debt.have_manageable_debt_transactions,
+          title: p.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_transactions,
           children: /* @__PURE__ */ e(Go, { transactions: t })
         }
       )
@@ -1226,7 +1226,7 @@ const B = {
         /* @__PURE__ */ e(Xt, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
           /* @__PURE__ */ e(X, { children: t.pay_bills_on_time_zero_fees_title }),
-          /* @__PURE__ */ e(w, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
+          /* @__PURE__ */ e(k, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
@@ -1265,7 +1265,7 @@ const B = {
         borderColor: "divider"
       },
       children: [
-        /* @__PURE__ */ e(w, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
+        /* @__PURE__ */ e(k, { variant: "body2", children: o.pay_bills_on_time_sticky_description }),
         /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ i(Ae, { children: [
             t.spending_fee_transaction_count,
@@ -1296,7 +1296,7 @@ const B = {
     )
   ] });
 }, Vo = f(jo), Yo = ({ chartFor: t }) => {
-  const r = z(), { monthlySummaries: n } = P(), { finstrong: o } = v(), [c, { width: s }] = wt(), a = {
+  const r = z(), { monthlySummaries: n } = P(), { finstrong: o } = v(), [c, { width: s }] = kt(), a = {
     savingsOverTime: {
       icon: /* @__PURE__ */ e(rt, { size: 48, style: { marginBottom: 8 } }),
       title: o.key_indicators_save.zero_state_title,
@@ -1313,12 +1313,12 @@ const B = {
       valueKey: "available_cash"
     },
     debtOverTime: {
-      title: o.key_indicators_borrow.have_manageable_debt.debt_over_time,
+      title: o.key_indicators_borrow.have_manageable_debt_drawer.debt_over_time,
       valueKey: "debt_balance"
     }
   }[t], d = hn(n, l.valueKey), u = Math.max(...n.map((y) => y[l.valueKey])), m = () => u >= 1e6 ? { formatter: "0.000a", leftMargin: 55 } : u >= 1e3 ? { formatter: "0a", leftMargin: 35 } : { formatter: "0a", leftMargin: 30 }, { formatter: g, leftMargin: S } = m(), C = l.title;
   return /* @__PURE__ */ e(K, { ref: c, sx: { backgroundColor: "background.paper" }, children: d.length >= 1 ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
-    /* @__PURE__ */ e(w, { sx: { pb: 8, pt: 16 }, variant: "h3", children: C }),
+    /* @__PURE__ */ e(k, { sx: { pb: 8, pt: 16 }, variant: "h3", children: C }),
     /* @__PURE__ */ e(
       We,
       {
@@ -1340,8 +1340,8 @@ const B = {
     )
   ] }) : /* @__PURE__ */ i(_, { gap: 8, sx: { alignItems: "center", p: 24, pb: 48 }, children: [
     a.icon,
-    /* @__PURE__ */ e(w, { fontWeight: 600, variant: "body1", children: a.title }),
-    /* @__PURE__ */ e(w, { align: "center", variant: "subtitle1", children: a.description })
+    /* @__PURE__ */ e(k, { fontWeight: 600, variant: "body1", children: a.title }),
+    /* @__PURE__ */ e(k, { align: "center", variant: "subtitle1", children: a.description })
   ] }) });
 }, Bt = f(Yo), Xo = () => {
   const { finstrong: t } = v(), { healthScore: r, allTransactions: n, loadSpendTransactions: o, loadDebtSpend: c } = P(), { isInitialized: s } = U();
@@ -1451,7 +1451,7 @@ const B = {
     }
   );
 }, Jo = f(Qo), er = () => {
-  const { healthScore: t } = P(), { finstrong: r } = v(), n = ke(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((a) => o ? "MISSING" : a <= 30 ? "GOOD" : a >= 31 && a <= 39 ? "FAIR" : a >= 40 ? "OFF_TRACK" : "MISSING")(n);
+  const { healthScore: t } = P(), { finstrong: r } = v(), n = we(t.debt_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((a) => o ? "MISSING" : a <= 30 ? "GOOD" : a >= 31 && a <= 39 ? "FAIR" : a >= 40 ? "OFF_TRACK" : "MISSING")(n);
   return /* @__PURE__ */ e(
     Te,
     {
@@ -1512,7 +1512,7 @@ const B = {
                   marginLeft: "auto"
                 },
                 children: /* @__PURE__ */ e(T, { variant: "Small", children: Y(
-                  r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_description,
+                  r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) })
               }
@@ -1520,7 +1520,7 @@ const B = {
           ]
         }
       ),
-      label: r.key_indicators_borrow.have_manageable_debt.have_manageable_debt_sticky_title,
+      label: r.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_title,
       status: s,
       statusBarData: [
         {
@@ -1538,7 +1538,7 @@ const B = {
       {
         balance: t.ninety_day_income,
         sx: { flexDirection: "column-reverse" },
-        title: o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_income
+        title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_income
       }
     ),
     r.income.length ? (
@@ -1571,7 +1571,7 @@ const B = {
       {
         balance: r.ninety_day_debt_spend,
         sx: { flexDirection: "column-reverse" },
-        title: o.key_indicators_borrow.have_manageable_debt.have_manageable_debt_payments
+        title: o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_payments
       }
     ),
     t.debtSpend.length ? (
@@ -1678,7 +1678,7 @@ const B = {
   ), g = {
     dataKey: "label",
     scaleType: "band"
-  }, S = Math.max(...m.map((b) => Math.max(b.main, b.comparison))), C = Math.ceil(S * 1.2 / 1e3) * 1e3, y = C / 3, k = {
+  }, S = Math.max(...m.map((b) => Math.max(b.main, b.comparison))), C = Math.ceil(S * 1.2 / 1e3) * 1e3, y = C / 3, w = {
     scaleType: "linear",
     min: 0,
     max: C,
@@ -1777,7 +1777,7 @@ const B = {
               { dataKey: "comparison", type: "bar" }
             ],
             xAxis: [g],
-            yAxis: [k],
+            yAxis: [w],
             children: [
               /* @__PURE__ */ e(
                 jt,
@@ -1869,7 +1869,7 @@ const B = {
               {
                 "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 }
               }
             ),
@@ -1878,7 +1878,7 @@ const B = {
               {
                 "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 }
               }
             )
@@ -1912,9 +1912,9 @@ const B = {
         {
           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(Bt, { chartFor: "debtOverTime" })
@@ -1922,9 +1922,9 @@ const B = {
       /* @__PURE__ */ e(
         De,
         {
-          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",
@@ -1938,9 +1938,9 @@ const B = {
       /* @__PURE__ */ e(
         De,
         {
-          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",
@@ -1954,7 +1954,7 @@ const B = {
     ] })
   ] });
 }, cr = f(sr), lr = () => {
-  const { healthScore: t } = P(), { finstrong: r } = v(), n = ke(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
+  const { healthScore: t } = P(), { finstrong: r } = v(), n = we(t.spend_to_income_ratio) ?? 0, o = Object.keys(t).length === 0, s = ((p) => o ? "MISSING" : p < 100 ? "GOOD" : p >= 100 && p <= 109 ? "FAIR" : p >= 110 ? "OFF_TRACK" : "MISSING")(n), a = {
     GOOD: [{ percentage: `${n}%` }],
     FAIR: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
     OFF_TRACK: [{ percentage: "100%" }, { percentage: `${n - 100}%` }],
@@ -2005,7 +2005,7 @@ const B = {
     [l, d]
   ), y = (x) => {
     S(g === x ? "" : x);
-  }, { totalSpending: k, totalIncome: b } = h.useMemo(() => o.reduce(
+  }, { totalSpending: w, totalIncome: b } = h.useMemo(() => o.reduce(
     (x, { standard_spend: A = 0, income: F = 0 }) => ({
       totalSpending: x.totalSpending + A,
       totalIncome: x.totalIncome + F
@@ -2023,10 +2023,10 @@ const B = {
         data: o,
         legendLabelComparison: c.key_indicators_spend.spend_less_than_you_make_drawer.income,
         legendLabelMain: c.key_indicators_spend.spend_less_than_you_make_drawer.spending,
+        onClick: t,
         title: c.key_indicators_spend.spend_less_than_you_make_drawer.trends,
         totalComparison: $(b, "0,0.00"),
-        totalMain: $(k, "0,0.00"),
-        onClick: t
+        totalMain: $(w, "0,0.00")
       }
     ) : /* @__PURE__ */ e(
       De,
@@ -2135,7 +2135,13 @@ const B = {
       title: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_title,
       description: s.key_indicators_spend.spend_less_than_you_make_drawer.spend_less_than_you_make_description,
       stickyComponent: /* @__PURE__ */ e(dr, {}),
-      content: /* @__PURE__ */ e(ur, { onTrendClick: o, onSpendingClick: c }),
+      content: /* @__PURE__ */ e(
+        ur,
+        {
+          onSpendingClick: c,
+          onTrendClick: o
+        }
+      ),
       drawerType: "connectDrawer",
       connectTitle: s.connect_your_accounts,
       connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
@@ -2159,8 +2165,8 @@ const B = {
       connectDescription: s.connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances
     },
     haveManageableDebt: {
-      title: s.key_indicators_borrow.have_manageable_debt.have_manageable_debt_title,
-      description: s.key_indicators_borrow.have_manageable_debt.have_manageable_debt_description,
+      title: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_title,
+      description: s.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_description,
       stickyComponent: /* @__PURE__ */ e(tr, {}),
       content: /* @__PURE__ */ e(cr, {}),
       drawerType: "connectDrawer",
@@ -2168,7 +2174,7 @@ const B = {
       connectDescription: s.connect_more_accounts_to_view_more_accurate_financial_picture
     },
     haveAGoodCreditScore: {
-      title: /* @__PURE__ */ e(ko, {}),
+      title: /* @__PURE__ */ e(wo, {}),
       description: Fe.credit_score_description,
       stickyComponent: null,
       content: /* @__PURE__ */ e(So, {})
@@ -2227,10 +2233,10 @@ const B = {
         children: [
           /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
             /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-              /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
+              /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: r }),
               /* @__PURE__ */ e(Ie, { status: o })
             ] }),
-            /* @__PURE__ */ e(w, { color: "secondary", variant: "subtitle2", children: n })
+            /* @__PURE__ */ e(k, { color: "secondary", variant: "subtitle2", children: n })
           ] }),
           /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
         ]
@@ -2242,8 +2248,8 @@ const B = {
         drawerFor: t,
         isOpen: a,
         onClose: () => p(!1),
-        onTrendClick: c,
-        onSpendingClick: s
+        onSpendingClick: s,
+        onTrendClick: c
       }
     )
   ] });
@@ -2279,9 +2285,9 @@ const B = {
         cardState: a.cardState,
         description: a.description,
         drawerFor: se.SpendLessThanYouMake,
-        title: a.title,
+        onSpendingClick: r,
         onTrendClick: t,
-        onSpendingClick: r
+        title: a.title
       }
     ),
     /* @__PURE__ */ e(
@@ -2459,7 +2465,7 @@ const B = {
         ]
       }
     ),
-    /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(gr, { onTrendsClick: t, onSpendingClick: r }) }),
+    /* @__PURE__ */ e(ae, { index: 0, name: "spend-details", value: n, children: /* @__PURE__ */ e(gr, { onSpendingClick: r, onTrendsClick: t }) }),
     /* @__PURE__ */ e(ae, { index: 1, name: "save-details", value: n, children: /* @__PURE__ */ e(br, {}) }),
     /* @__PURE__ */ e(ae, { index: 2, name: "borrow-details", value: n, children: /* @__PURE__ */ e(xr, {}) })
   ] });
@@ -2469,7 +2475,7 @@ const B = {
     /* @__PURE__ */ e(it, { size: 48 }),
     /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
       /* @__PURE__ */ e(X, { children: r.missing_data_title }),
-      /* @__PURE__ */ e(w, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
+      /* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
     ] }),
     /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
       W,
@@ -2488,7 +2494,7 @@ const B = {
       }
     ) })
   ] }) : /* @__PURE__ */ e(te, {});
-}, kr = f(vr), wr = {
+}, wr = f(vr), kr = {
   add_more_income: "Add More Income"
 }, Dr = ({
   incomeTransactions: t,
@@ -2502,7 +2508,7 @@ const B = {
       return o.push(
         /* @__PURE__ */ i(h.Fragment, { children: [
           a && /* @__PURE__ */ e(vt, { children: ze(c.date) }),
-          /* @__PURE__ */ e(kt, { transaction: c }),
+          /* @__PURE__ */ e(wt, { transaction: c }),
           /* @__PURE__ */ e(J, { sx: { ml: p ? 44 : 0 } })
         ] }, c.guid)
       ), o;
@@ -2529,7 +2535,7 @@ const B = {
       fullWidth: !0,
       onClick: () => r({ step: I.MonthlyIncome, type: "main" }),
       startIcon: /* @__PURE__ */ e(ct, {}),
-      children: wr.add_more_income
+      children: kr.add_more_income
     }
   ) })
 ] }), Ar = f(Dr), Mr = {
@@ -2573,7 +2579,7 @@ const B = {
 }, Fr = ({ creditScore: t, setCreditScore: r }) => {
   const n = !isNaN(t);
   return /* @__PURE__ */ e(D, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-    we,
+    ke,
     {
       error: !n,
       fullWidth: !0,
@@ -2613,7 +2619,7 @@ const B = {
 }) => /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
     /* @__PURE__ */ e(X, { children: r }),
-    /* @__PURE__ */ e(w, { variant: "subtitle1", children: n })
+    /* @__PURE__ */ e(k, { variant: "subtitle1", children: n })
   ] }),
   /* @__PURE__ */ e(Lt, { completeCopy: t, value: o })
 ] }), nt = {
@@ -2638,7 +2644,7 @@ const B = {
   do_it_later: "Do It Later",
   next: "Next"
 }, Br = ({ isOpen: t, onClose: r }) => {
-  const { visibleAccounts: n } = xe(), { calculateHealthScore: o } = P(), { finstrong: c } = v(), { setSelectedAccounts: s } = U(), { setDateRange: a } = kn(), { filter: p, setFilter: l, transactions: d } = wn(), { user: u, userProfile: m, updateUser: g, updateUserProfile: S } = ee(), [C, y] = h.useState(u.credit_score || 0), [k, b] = h.useState(
+  const { visibleAccounts: n } = xe(), { calculateHealthScore: o } = P(), { finstrong: c } = v(), { setSelectedAccounts: s } = U(), { setDateRange: a } = wn(), { filter: p, setFilter: l, transactions: d } = kn(), { user: u, userProfile: m, updateUser: g, updateUserProfile: S } = ee(), [C, y] = h.useState(u.credit_score || 0), [w, b] = h.useState(
     nt
   ), [x, A] = h.useState([]), [F, H] = h.useState(!1), [O, N] = h.useState(!1), [E, ce] = h.useState(u.birthday), [j, oe] = h.useState("");
   h.useEffect(() => {
@@ -2661,11 +2667,11 @@ const B = {
     [I.MonthlyIncome]: !!j,
     [I.Birthday]: !!u.birthday || !!E,
     [I.CreditScore]: !!u.credit_score || !!C
-  })[k.step], [C, k, E, j, u]), V = n.length > 0, me = h.useMemo(() => {
-    const { step: M } = k;
+  })[w.step], [C, w, E, j, u]), V = n.length > 0, me = h.useMemo(() => {
+    const { step: M } = w;
     let L = 0;
     return M >= I.MonthlyIncome && V && L++, M >= I.Birthday && x.length && L++, M >= I.CreditScore && (u.birthday || u.credit_score) && L++, L;
-  }, [k.step, V, x.length, u.birthday, u.credit_score]), Se = (M) => {
+  }, [w.step, V, x.length, u.birthday, u.credit_score]), Se = (M) => {
     l({
       ...p,
       custom: (L) => M ? Zn(L, M) : Je(L)
@@ -2723,13 +2729,13 @@ const B = {
   }, Ne = async () => {
     H(!0), await o(), await S({ ...m, has_completed_finstrong_onboarding: !0 }), He();
   }, Et = () => {
-    if (k.step === I.CreditScore) {
+    if (w.step === I.CreditScore) {
       Ne();
       return;
     }
-    b({ step: k.step + 1, type: "main" });
+    b({ step: w.step + 1, type: "main" });
   }, Gt = () => {
-    const { step: M } = k, L = M + 1;
+    const { step: M } = w, L = M + 1;
     switch (M) {
       case I.Birthday:
         E && E !== u.birthday && g({ ...u, birthday: E });
@@ -2749,7 +2755,7 @@ const B = {
     }
     L in I && b({ step: L, type: "main" });
   }, zt = () => {
-    const { step: M, type: L } = k;
+    const { step: M, type: L } = w;
     if (L === "detail") {
       b({ step: M, type: "main" });
       return;
@@ -2759,7 +2765,7 @@ const B = {
       return;
     }
     M > I.ConnectAccounts && b({ step: M - 1, type: "main" });
-  }, pe = Wt[k.step], Ce = k.step === I.ConnectAccounts, Ht = {
+  }, pe = Wt[w.step], Ce = w.step === I.ConnectAccounts, Ht = {
     fullWidth: !0,
     ...Ce && !V && { startIcon: /* @__PURE__ */ e(ct, {}) }
   }, Nt = !Ce || Ce && !V;
@@ -2782,7 +2788,7 @@ const B = {
         children: [
           F && /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e(Ae, { children: R.calculate_primary }),
-            /* @__PURE__ */ e(w, { sx: { textAlign: "center" }, variant: "subtitle1", children: R.calculate_secondary })
+            /* @__PURE__ */ e(k, { sx: { textAlign: "center" }, variant: "subtitle1", children: R.calculate_secondary })
           ] }),
           pe && !F && /* @__PURE__ */ i(h.Fragment, { children: [
             /* @__PURE__ */ e(
@@ -2794,11 +2800,11 @@ const B = {
                 value: me
               }
             ),
-            k.type === "main" && /* @__PURE__ */ i(D, { children: [
+            w.type === "main" && /* @__PURE__ */ i(D, { children: [
               pe.main,
               Nt && /* @__PURE__ */ e(_, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(W, { fullWidth: !0, onClick: Et, children: R.do_it_later }) })
             ] }),
-            k.type === "detail" && pe.detail
+            w.type === "detail" && pe.detail
           ] })
         ]
       }
@@ -2834,7 +2840,7 @@ const B = {
             /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(Qt, { size: 72 }) }),
             /* @__PURE__ */ i(_, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
               /* @__PURE__ */ e(Ae, { children: Pe.onboarding_title }),
-              /* @__PURE__ */ e(w, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Pe.onboarding_subtitle })
+              /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Pe.onboarding_subtitle })
             ] })
           ] }),
           /* @__PURE__ */ e(W, { onClick: () => r(!0), variant: "contained", children: Pe.get_started })
@@ -2938,7 +2944,7 @@ const B = {
     /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
       /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
         /* @__PURE__ */ e(X, { children: a.your_financial_profile }),
-        /* @__PURE__ */ e(w, { children: a.financial_profile_description })
+        /* @__PURE__ */ e(k, { children: a.financial_profile_description })
       ] }),
       /* @__PURE__ */ e(
         Lt,
@@ -2987,7 +2993,7 @@ const B = {
     /* @__PURE__ */ e(lo, { sx: { bgcolor: "divider", borderWidth: 1, p: 3 } }),
     !r && /* @__PURE__ */ e(so, { sx: { bgcolor: "divider", width: 0.1 } })
   ] }),
-  /* @__PURE__ */ e(co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(w, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
+  /* @__PURE__ */ e(co, { sx: { pb: 16, pl: 12, pr: 0, pt: 5 }, children: /* @__PURE__ */ e(k, { fontSize: 13, fontWeight: 400, variant: "subtitle2", children: t }) })
 ] }), Hr = ({ report: t }) => {
   const { finstrong: r } = v(), { score_history_drawer_timeline: n } = r, {
     health_score_point_difference: o,
@@ -3000,7 +3006,7 @@ const B = {
     newer_score_calculated_at: u
   } = t, m = oo(new Date(u), "MMM d"), g = () => o === 0 ? "info.lighter" : o > 0 ? "success.lighter" : "error.lighter", S = () => o === 0 ? Y(n.stayed_at, l) : o > 0 ? n.less_spending : n.more_spending, C = () => {
     if (o === 0) return null;
-    const y = o > 0 ? n.up_from : n.down_from, k = Y(y, l, d);
+    const y = o > 0 ? n.up_from : n.down_from, w = Y(y, l, d);
     return /* @__PURE__ */ i(G, { children: [
       /* @__PURE__ */ e(
         on,
@@ -3010,7 +3016,7 @@ const B = {
           sx: { color: "text.secondary", fontSize: 8, mx: 4, p: 1 }
         }
       ),
-      k
+      w
     ] });
   };
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ i(_, { sx: { backgroundColor: "background.paper" }, children: [
@@ -3031,7 +3037,7 @@ const B = {
                 justifyContent: "center",
                 minWidth: 48
               },
-              children: /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
+              children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "Body", children: o > 0 ? `+${o}` : o })
             }
           ),
           /* @__PURE__ */ i(_, { sx: { gap: 2, width: "80%" }, children: [
@@ -3062,8 +3068,8 @@ const B = {
             {
               content: Y(
                 n.spend_to_income_description,
-                ke(a),
-                ke(p)
+                we(a),
+                we(p)
               )
             }
           ),
@@ -3125,8 +3131,8 @@ const B = {
               }
             ) }),
             /* @__PURE__ */ i(D, { children: [
-              /* @__PURE__ */ e(w, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
-              /* @__PURE__ */ e(w, { variant: "caption", children: d.description })
+              /* @__PURE__ */ e(k, { fontSize: 18, fontWeight: 700, sx: { mb: 4 }, variant: "subtitle1", children: d.status }),
+              /* @__PURE__ */ e(k, { variant: "caption", children: d.description })
             ] })
           ]
         }
@@ -3135,7 +3141,7 @@ const B = {
     }
   );
 }, jr = f(Kr), Vr = f(() => {
-  const t = z(), [r, { width: n }] = wt(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: s } = U(), { healthScore: a, healthScoreChange: p } = P(), l = t.palette.mode === "dark", d = $e(a?.health_score, o);
+  const t = z(), [r, { width: n }] = kt(), { finstrong: o } = v(), { isCopyLoaded: c, isInitialized: s } = U(), { healthScore: a, healthScoreChange: p } = P(), l = t.palette.mode === "dark", d = $e(a?.health_score, o);
   return !c || !s ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ i(K, { ref: r, sx: { p: 16 }, children: [
     /* @__PURE__ */ e(
       mo,
@@ -3198,10 +3204,10 @@ const B = {
                   minHeight: 0
                 }
               },
-              children: /* @__PURE__ */ e(w, { sx: { fontWeight: 600 }, variant: "body1", children: o.accordion_title_text })
+              children: /* @__PURE__ */ e(k, { sx: { fontWeight: 600 }, variant: "body1", children: o.accordion_title_text })
             }
           ),
-          /* @__PURE__ */ e(_o, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(w, { variant: "subtitle1", children: d.scoreContent }) })
+          /* @__PURE__ */ e(_o, { sx: { "&.MuiAccordionDetails-root": { padding: 0, pb: 16 } }, children: /* @__PURE__ */ e(k, { variant: "subtitle1", children: d.scoreContent }) })
         ]
       }
     ) : /* @__PURE__ */ e(
@@ -3233,7 +3239,7 @@ const B = {
     healthScore: g,
     loadAugmentedChartData: S,
     loadMonthlySummaries: C
-  } = P(), { finstrong: y, connect: k } = v(), { isCopyLoaded: b, isInitialized: x, selectedAccounts: A, setSelectedAccounts: F } = U(), { isMobile: H } = Ge(), O = z(), { userProfile: N } = ee(), [E, ce] = h.useState(!1), [j, oe] = h.useState(!1), [le, de] = h.useState(!1);
+  } = P(), { finstrong: y, connect: w } = v(), { isCopyLoaded: b, isInitialized: x, selectedAccounts: A, setSelectedAccounts: F } = U(), { isMobile: H } = Ge(), O = z(), { userProfile: N } = ee(), [E, ce] = h.useState(!1), [j, oe] = h.useState(!1), [le, de] = h.useState(!1);
   if (h.useEffect(() => {
     l(O);
   }, []), h.useEffect(() => F(c), [c]), h.useEffect(() => {
@@ -3322,8 +3328,14 @@ const B = {
                     title: y.peer_average,
                     useCustomMark: !0
                   }
-                ) : /* @__PURE__ */ e(kr, { onClick: () => de(!0) }),
-                g.health_score !== null && /* @__PURE__ */ e(Cr, { onTrendsClick: n, onSpendingClick: o })
+                ) : /* @__PURE__ */ e(wr, { onClick: () => de(!0) }),
+                g.health_score !== null && /* @__PURE__ */ e(
+                  Cr,
+                  {
+                    onSpendingClick: o,
+                    onTrendsClick: n
+                  }
+                )
               ] }) })
             ]
           }
@@ -3334,7 +3346,7 @@ const B = {
           {
             onClose: () => de(!1),
             showConnectWidget: le,
-            title: k.mini_title
+            title: w.mini_title
           }
         ),
         /* @__PURE__ */ e(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "11.6.4-alpha.san1",
+  "version": "11.6.4-alpha.san2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",