@mx-cartographer/experiences 7.6.16 → 7.6.18

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.6.18] - 01-21-2026
+
+- **FIXED** - Pay Bills On Time Drawer Loading Issue - Fees Transactions List | Bug Fixed
+
+## [7.6.17] - 01-21-2026
+
+- **FIXED** - Line Graph | Curve Type Bug Fixed
+
 ## [7.6.16] - 01-19-2026
 
 - **UPDATED** - `MicroInsights` BeatIcons Updated

package/dist/finstrong/index.es.js

@@ -3,16 +3,16 @@ import M from "@mui/material/Box";
 import p from "@mui/material/Stack";
 import { useTheme as E, alpha as se } from "@mui/material/styles";
 import { PieChart as en } from "@mui/x-charts/PieChart";
-import { P as D, H3 as X, Text as I, InstitutionLogo as st, H2 as Be, MerchantLogo as tn, Icon as nn } from "@mxenabled/mxui";
-import { TrendingUp as on, ArrowRightAlt as rn, TrendingDown as an, AccountBalance as ct, ChevronRight as Z, CheckCircle as sn, Cancel as cn, CreditCard as lt, Savings as ln, ContentCopy as dn, MultilineChart as pn, Add as dt, Cardiology as _n, Payments as un, CalendarMonth as hn, ExpandMore as mn } from "@mxenabled/mx-icons";
+import { P as D, H3 as X, Text as I, InstitutionLogo as st, H2 as Le, MerchantLogo as tn, Icon as nn } from "@mxenabled/mxui";
+import { TrendingUp as on, ArrowRightAlt as rn, TrendingDown as an, AccountBalance as ct, ChevronRight as J, CheckCircle as sn, Cancel as cn, CreditCard as lt, Savings as ln, ContentCopy as dn, MultilineChart as pn, Add as dt, Cardiology as _n, Payments as un, CalendarMonth as hn, ExpandMore as mn } from "@mxenabled/mx-icons";
 import { g as gn, a as yn, r as Ze, b as bn, c as Ge, d as pt, C as ke, e as Me, f as fn, h as xn, i as Sn, j as _t, k as Je, l as Cn, m as et, n as vn, o as ut, p as wn, q as ht, s as Oe, t as mt, u as kn, v as gt, w as Mn, A as ne, x as Dn, P as In } from "../FinstrongStore-bEn_im_e.mjs";
 import { y as gi, F as yi } from "../FinstrongStore-bEn_im_e.mjs";
 import * as tt from "d3";
 import { observer as v } from "mobx-react-lite";
-import { u as x, b as U, a as He, o as J, z as F, p as An, d as Se, m as Ne, f as Tn, j as je, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
-import { L as ee } from "../Loader-DUaFpDGv.mjs";
+import { u as x, b as U, a as He, o as ee, z as F, p as An, d as Se, m as Ne, f as Tn, j as je, h as On, i as Rn } from "../hooks-ZMp65DFz.mjs";
+import { L as Q } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import L from "@mui/material/Button";
+import B from "@mui/material/Button";
 import Y from "@mui/material/Card";
 import { L as Ke } from "../LineChart-BF4QA-Lx.mjs";
 import { C as yt } from "../ConnectionsDrawer-XlO1q6PK.mjs";
@@ -21,7 +21,7 @@ import ce from "@mui/material/Tab";
 import Ve from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
 import { u as Xe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { a as Fn, f as Bn, D as Ln } from "../Dialog-B4PI-_bL.mjs";
+import { a as Fn, f as Ln, D as Bn } from "../Dialog-B4PI-_bL.mjs";
 import { u as ft } from "../useDimensions-27p2evRx.mjs";
 import { E as Fe } from "../EmptyState-DoxNUae-.mjs";
 import Pn from "@mui/material/Chip";
@@ -121,7 +121,7 @@ const ko = ({
         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: C.map((B, T) => /* @__PURE__ */ e("stop", { offset: B.offset, stopColor: B.color }, T))
+        children: C.map((L, T) => /* @__PURE__ */ e("stop", { offset: L.offset, stopColor: L.color }, T))
       }
     ) })
   ] });
@@ -140,7 +140,7 @@ const ko = ({
   footerRightContent: u,
   isFinacialStrengthGraph: b = !1
 }) => {
-  const S = E(), C = -Math.PI / 1.35, f = Math.PI / 1.35, w = f - C, k = w / (a - s), g = (o - s) * k, y = C + g + 0.02, $ = n !== "SM" ? 0.1 : 0.12, B = t, T = t * (1 - $), P = B * 2, z = P / 2, G = P / 2, _e = (T + B) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = bn(_e, y, ue), ve = o / 25, H = {
+  const S = E(), C = -Math.PI / 1.35, f = Math.PI / 1.35, w = f - C, k = w / (a - s), g = (o - s) * k, y = C + g + 0.02, $ = n !== "SM" ? 0.1 : 0.12, L = t, T = t * (1 - $), P = L * 2, z = P / 2, G = P / 2, _e = (T + L) / 2, ue = o !== 25 && o !== 50 && o !== 75 && o !== 100 ? 0 : 0.12, [te, j] = bn(_e, y, ue), ve = o / 25, H = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 8, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -172,7 +172,7 @@ const ko = ({
               {
                 data: r,
                 innerRadius: T,
-                outerRadius: B,
+                outerRadius: L,
                 startAngle: Math.round(Ze(C)),
                 // Use Math.degrees to convert
                 endAngle: Math.round(Ze(f))
@@ -193,7 +193,7 @@ const ko = ({
                   dialScoreData: r,
                   innerArcRadius: T,
                   isFinacialStrengthGraph: b,
-                  outterArcRadius: B,
+                  outterArcRadius: L,
                   progressEndAngle: y,
                   totalAngularSpan: w,
                   unitsPerSegment: ve
@@ -402,7 +402,7 @@ const ko = ({
         color: c ? ke.EXCEPTIONAL : Me.EXCEPTIONAL
       }
     ], { finstrong: _ } = x(), { isCopyLoaded: h } = U();
-    if (!h) return /* @__PURE__ */ e(ee, {});
+    if (!h) return /* @__PURE__ */ e(Q, {});
     const { status: u, color: b = "none" } = pt(
       n,
       c,
@@ -425,7 +425,7 @@ const ko = ({
       }
     );
   }
-), Le = ({
+), Be = ({
   drawerType: t,
   isDashboard: o = !1,
   hasIcon: n = !0,
@@ -470,9 +470,9 @@ const ko = ({
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          B,
           {
-            endIcon: /* @__PURE__ */ e(Z, {}),
+            endIcon: /* @__PURE__ */ e(J, {}),
             onClick: () => _(!0),
             size: "small",
             sx: { p: 0, mt: 8, "&:hover": { backgroundColor: "transparent" } },
@@ -501,7 +501,7 @@ const ko = ({
 };
 var pe = /* @__PURE__ */ ((t) => (t.SpendLessThanYouMake = "spendLessThanYouMake", t.PayBillsOnTime = "payBillsOnTime", t.SaveEnoughToLiveOn = "saveEnoughToLiveOn", t.MaintainEmergencySavings = "maintainEmergencySavings", t.HaveManageableDebt = "haveManageableDebt", t.HaveAGoodCreditScore = "haveAGoodCreditScore", t))(pe || {});
 const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif", Io = ({ isOpen: t, onClose: o }) => {
-  const { common: n, finstrong: r } = x(), { isMobile: s } = Xe(), { updateUser: a, user: l } = J(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), h = () => {
+  const { common: n, finstrong: r } = x(), { isMobile: s } = Xe(), { updateUser: a, user: l } = ee(), [c, d] = m.useState(l.credit_score || 0), _ = !isNaN(c), h = () => {
     o(), setTimeout(() => d(l.credit_score || 0), 300);
   }, u = () => {
     !c || c === l.credit_score || a({ ...l, credit_score: c });
@@ -547,7 +547,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     }
   );
 }, Tt = v(Io), Ao = ({ chartFor: t }) => {
-  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = J(), { finstrong: a } = x(), [l, { width: c }] = ft(), d = {
+  const o = E(), n = o.palette.mode === "dark", { monthlySummaries: r } = F(), { user: s } = ee(), { finstrong: a } = x(), [l, { width: c }] = ft(), d = {
     savingsOverTime: {
       icon: "trending_up",
       title: a.key_indicators_save.zero_state_title,
@@ -586,8 +586,8 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     );
     $ = T;
   }
-  const B = u.some((T) => T.y !== 0);
-  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: B ? /* @__PURE__ */ i(p, { gap: 8, sx: { pl: 18 }, children: [
+  const L = u.some((T) => T.y !== 0);
+  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: L ? /* @__PURE__ */ i(p, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(D, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
       Ke,
@@ -597,7 +597,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         baseline: "min",
         chartFor: t,
         colors: [o.palette.primary.main],
-        curveType: y ? "linear" : "natural",
+        curveType: y ? "linear" : "monotoneX",
         datasets: u ? [u] : [],
         height: 244,
         labelFontColor: y ? "text.primary" : "",
@@ -652,7 +652,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     }
   ) });
 }, Ye = v(Ao), To = () => {
-  const { healthScoreChangeReports: t } = F(), { finstrong: o } = x(), { user: n } = J(), { availableWidth: r } = An(), { isSmallMobile: s } = Xe(r), [a, l] = m.useState(!1), c = t.at(-1);
+  const { healthScoreChangeReports: t } = F(), { finstrong: o } = x(), { user: n } = ee(), { availableWidth: r } = An(), { isSmallMobile: s } = Xe(r), [a, l] = m.useState(!1), c = t.at(-1);
   return /* @__PURE__ */ i(M, { children: [
     /* @__PURE__ */ i(p, { sx: { gap: 28 }, children: [
       /* @__PURE__ */ e(
@@ -664,7 +664,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
           size: s ? "M" : "L"
         }
       ),
-      /* @__PURE__ */ e(L, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
+      /* @__PURE__ */ e(B, { onClick: () => l(!0), variant: "contained", children: o.credit_score_updated_score }),
       /* @__PURE__ */ e(Ye, { chartFor: "creditOverTime" })
     ] }),
     /* @__PURE__ */ e(Tt, { isOpen: a, onClose: () => l(!1) })
@@ -698,12 +698,12 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     }
   );
 }, Ro = () => {
-  const { finstrong: t } = x(), { user: o } = J(), n = _t(o.credit_score ?? null);
+  const { finstrong: t } = x(), { user: o } = ee(), n = _t(o.credit_score ?? null);
   return /* @__PURE__ */ i(p, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(X, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e(Pe, { status: n })
   ] });
-}, Fo = v(Ro), Bo = ({
+}, Fo = v(Ro), Lo = ({
   additionalContent: t,
   connectTitle: o,
   connectDescription: n,
@@ -749,7 +749,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", gap: 24, p: 24 }, children: [
       r,
       c && /* @__PURE__ */ e(
-        Le,
+        Be,
         {
           description: n,
           drawerType: u,
@@ -759,8 +759,8 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(ee, {});
-}, Ot = v(Bo), Lo = ({
+  ] }) }) : /* @__PURE__ */ e(Q, {});
+}, Ot = v(Lo), Bo = ({
   onClick: t,
   shouldShowBalance: o = !0,
   loadAccounts: n
@@ -815,7 +815,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
       d
     );
   }) }) : null;
-}, Rt = v(Lo), Po = ({ loadAccounts: t, loadMoreLabel: o }) => {
+}, Rt = v(Bo), Po = ({ loadAccounts: t, loadMoreLabel: o }) => {
   const n = E(), { config: r } = He(), { connect: s, finstrong: a } = x(), { accounts: l } = x(), { selectedAccounts: c } = U(), [d, _] = m.useState(!1), [h, u] = m.useState(!1), b = m.useMemo(
     () => c.filter(
       (f) => t ? t.includes(f.account_type) : !0
@@ -845,9 +845,9 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ] }, f.guid)) }),
     b.length > 3 && /* @__PURE__ */ i(N, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        L,
+        B,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => _(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
@@ -862,7 +862,7 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ] })
   ] }) : /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      L,
+      B,
       {
         onClick: () => u(!0),
         size: "small",
@@ -898,18 +898,18 @@ const Do = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ]
   }
 );
-var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Q = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Q || {});
+var O = /* @__PURE__ */ ((t) => (t[t.ConnectAccounts = 1] = "ConnectAccounts", t[t.MonthlyIncome = 2] = "MonthlyIncome", t[t.Birthday = 3] = "Birthday", t[t.CreditScore = 4] = "CreditScore", t))(O || {}), De = /* @__PURE__ */ ((t) => (t[t.Months = 1] = "Months", t[t.Years = 2] = "Years", t[t.Days = 3] = "Days", t))(De || {}), Z = /* @__PURE__ */ ((t) => (t[t.Monthly = 1] = "Monthly", t[t.BiWeekly = 2] = "BiWeekly", t[t.Weekly = 3] = "Weekly", t[t.Daily = 4] = "Daily", t))(Z || {});
 const Wo = ({ total: t }) => {
   const { finstrong: o } = x(), n = [
-    { id: Q.Monthly, label: o.maintain_emergency_savings_monthly },
-    { id: Q.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
-    { id: Q.Weekly, label: o.maintain_emergency_savings_weekly },
-    { id: Q.Daily, label: o.maintain_emergency_savings_daily }
+    { id: Z.Monthly, label: o.maintain_emergency_savings_monthly },
+    { id: Z.BiWeekly, label: o.maintain_emergency_savings_bi_weekly },
+    { id: Z.Weekly, label: o.maintain_emergency_savings_weekly },
+    { id: Z.Daily, label: o.maintain_emergency_savings_daily }
   ], r = {
-    [Q.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
-    [Q.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
-    [Q.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
-    [Q.Daily]: o.maintain_emergency_savings_estimated_period_daily
+    [Z.Monthly]: o.maintain_emergency_savings_estimated_period_monthly,
+    [Z.BiWeekly]: o.maintain_emergency_savings_estimated_period_bi_weekly,
+    [Z.Weekly]: o.maintain_emergency_savings_estimated_period_weekly,
+    [Z.Daily]: o.maintain_emergency_savings_estimated_period_daily
   }, s = [
     { id: De.Months, label: o.maintain_emergency_savings_months },
     { id: De.Years, label: o.maintain_emergency_savings_years },
@@ -1024,7 +1024,7 @@ const Wo = ({ total: t }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e(L, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
+    /* @__PURE__ */ e(B, { fullWidth: !0, onClick: g, type: "submit", variant: "contained", children: o.maintain_emergency_savings_calculate })
   ] }) }) });
 }, $o = v(Wo), zo = () => {
   const { savingsAccounts: t } = Se(), { finstrong: o } = x(), [n, r] = m.useState(!1), s = m.useMemo(
@@ -1040,7 +1040,7 @@ const Wo = ({ total: t }) => {
           loadAccounts: [ze.SAVINGS],
           loadMoreLabel: o.connect_more_accounts_button
         }
-      ) : /* @__PURE__ */ e(L, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
+      ) : /* @__PURE__ */ e(B, { onClick: () => r(!0), variant: "contained", children: o.connect_more_accounts_button })
     ] }) }),
     /* @__PURE__ */ e($o, { total: s }),
     /* @__PURE__ */ e(
@@ -1097,7 +1097,7 @@ const Wo = ({ total: t }) => {
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ e(Be, { children: o }),
+                  /* @__PURE__ */ e(Le, { children: o }),
                   /* @__PURE__ */ e(Pe, { status: n })
                 ]
               }
@@ -1159,7 +1159,7 @@ const Wo = ({ total: t }) => {
     ) ?? S(g.top_level_category_guid)
   })).sort((g, y) => y.date - g.date)), !t || t.length === 0 ? /* @__PURE__ */ i(N, { children: [
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      L,
+      B,
       {
         onClick: () => b(!0),
         size: "small",
@@ -1230,9 +1230,9 @@ const Wo = ({ total: t }) => {
     )) }),
     f && /* @__PURE__ */ i(N, { children: [
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-        L,
+        B,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => h(!0),
           size: "small",
           sx: { my: 0, px: 16, py: 12, width: "100%" },
@@ -1255,14 +1255,14 @@ const Wo = ({ total: t }) => {
     ] })
   ] });
 }, Ko = () => {
-  const {
+  const [t, o] = m.useState(!0), {
     finstrong: {
-      key_indicators_spend: { pay_bills_on_time_drawer: t }
+      key_indicators_spend: { pay_bills_on_time_drawer: n }
     }
-  } = x(), { getSpendingFeeTransactions: o, allTransactions: n } = F();
+  } = x(), { getSpendingFeeTransactions: r, allTransactions: s } = F();
   return m.useEffect(() => {
-    o().finally();
-  }, []), /* @__PURE__ */ e(N, { children: n.spendingFee.length === 0 ? /* @__PURE__ */ i(
+    r().finally(() => o(!1));
+  }, []), t ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ e(N, { children: s.spendingFee.length === 0 ? /* @__PURE__ */ i(
     Y,
     {
       sx: {
@@ -1276,8 +1276,8 @@ const Wo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(sn, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(X, { children: t.pay_bills_on_time_zero_fees_title }),
-          /* @__PURE__ */ e(D, { variant: "subtitle1", children: t.pay_bills_on_time_zero_fees_description })
+          /* @__PURE__ */ e(X, { children: n.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
@@ -1290,15 +1290,15 @@ const Wo = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(X, { sx: { textAlign: "left", pb: 16 }, children: t.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(X, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           $e,
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (r) => Bn(new Date(r * 1e3), Ln.MONTH_DAY),
+            formatDate: (a) => Ln(new Date(a * 1e3), Bn.MONTH_DAY),
             secondaryIcon: /* @__PURE__ */ e(cn, { color: "error", filled: !0, size: 12 }),
-            transactions: n.spendingFee
+            transactions: s.spendingFee
           }
         )
       ]
@@ -1318,7 +1318,7 @@ const Wo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(D, { variant: "body2", children: r.pay_bills_on_time_sticky_description }),
         /* @__PURE__ */ i(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i(Be, { children: [
+          /* @__PURE__ */ i(Le, { children: [
             t.spending_fee_transaction_count,
             " ",
             r.pay_bills_on_time_sticky_fee_count
@@ -1370,7 +1370,7 @@ const Wo = ({ total: t }) => {
       }
     ),
     /* @__PURE__ */ e($e, { amountColor: "text.primary", transactions: l })
-  ] }) : /* @__PURE__ */ e(ee, {});
+  ] }) : /* @__PURE__ */ e(Q, {});
 }, Zo = v(Qo), Jo = () => {
   const [t, o] = m.useState(0), { finstrong: n } = x();
   return /* @__PURE__ */ i(N, { children: [
@@ -1555,7 +1555,7 @@ const Wo = ({ total: t }) => {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e($e, { transactions: o.income.map((l) => l.transaction) })
     ) : /* @__PURE__ */ e(
-      L,
+      B,
       {
         onClick: () => {
           a(!0);
@@ -1594,7 +1594,7 @@ const Wo = ({ total: t }) => {
         }
       )
     ) : /* @__PURE__ */ e(
-      L,
+      B,
       {
         onClick: () => {
           a(!0);
@@ -1660,7 +1660,7 @@ const Wo = ({ total: t }) => {
 }, Te = (t, o = 1e3) => {
   const n = Math.abs(t) >= o ? "0.[0]a" : "0";
   return W(t, n);
-}, Bt = ({
+}, Lt = ({
   chartFor: t,
   data: o,
   title: n,
@@ -1720,9 +1720,9 @@ const Wo = ({ total: t }) => {
         children: [
           /* @__PURE__ */ e(X, { children: n }),
           r && /* @__PURE__ */ e(
-            L,
+            B,
             {
-              endIcon: /* @__PURE__ */ e(Z, {}),
+              endIcon: /* @__PURE__ */ e(J, {}),
               onClick: s,
               size: "small",
               sx: {
@@ -1872,7 +1872,7 @@ const Wo = ({ total: t }) => {
   const { isIncomeInitialized: t, loadDebtSpend: o, loadIncome: n, monthlySummaries: r } = F(), [s, a] = m.useState(0), { finstrong: l } = x();
   if (m.useEffect(() => {
     t || (o().finally(), n().finally());
-  }, [t]), !t) return /* @__PURE__ */ e(ee, {});
+  }, [t]), !t) return /* @__PURE__ */ e(Q, {});
   const c = r.some(
     (d) => d.debt_spend !== 0 || d.income !== 0
   );
@@ -1932,7 +1932,7 @@ const Wo = ({ total: t }) => {
       )
     ] }),
     c ? /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
-      Bt,
+      Lt,
       {
         chartFor: "debt_payment_vs_income",
         data: r,
@@ -2025,7 +2025,7 @@ const Wo = ({ total: t }) => {
   ), [s]);
   return /* @__PURE__ */ i(p, { sx: { gap: 24 }, children: [
     w > 0 || f > 0 ? /* @__PURE__ */ e(
-      Bt,
+      Lt,
       {
         ...l.appData.client_profile?.allow_trends_widget && {
           buttonLabel: c.key_indicators_spend.spend_less_than_you_make_drawer.view_more
@@ -2083,9 +2083,9 @@ const Wo = ({ total: t }) => {
               children: [
                 /* @__PURE__ */ e(X, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  L,
+                  B,
                   {
-                    endIcon: /* @__PURE__ */ e(Z, {}),
+                    endIcon: /* @__PURE__ */ e(J, {}),
                     onClick: () => a("spending")(),
                     size: "small",
                     sx: {
@@ -2259,7 +2259,7 @@ const Wo = ({ total: t }) => {
             ] }),
             /* @__PURE__ */ e(D, { color: "secondary", variant: "subtitle2", children: n })
           ] }),
-          /* @__PURE__ */ e(Z, { color: "secondary", size: 24 })
+          /* @__PURE__ */ e(J, { color: "secondary", size: 24 })
         ]
       }
     ),
@@ -2376,7 +2376,7 @@ const Wo = ({ total: t }) => {
     )
   ] });
 }, Sr = v(xr), Cr = () => {
-  const { healthScore: t } = F(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = J(), s = (d) => {
+  const { healthScore: t } = F(), { finstrong: o } = x(), { key_indicators_borrow: n } = o, { user: r } = ee(), s = (d) => {
     const _ = mt(d), h = {
       GOOD: n.manage_debit_good_description,
       FAIR: n.manage_debit_fair_description,
@@ -2496,9 +2496,9 @@ const Wo = ({ total: t }) => {
       /* @__PURE__ */ e(D, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      L,
+      B,
       {
-        endIcon: /* @__PURE__ */ e(Z, {}),
+        endIcon: /* @__PURE__ */ e(J, {}),
         onClick: t,
         size: "small",
         sx: {
@@ -2511,7 +2511,7 @@ const Wo = ({ total: t }) => {
         children: o.connect_more_accounts_button
       }
     ) })
-  ] }) : /* @__PURE__ */ e(ee, {});
+  ] }) : /* @__PURE__ */ e(Q, {});
 }, Dr = v(Mr), Ir = ({
   firstDay: t,
   frequency: o,
@@ -2551,7 +2551,7 @@ const Wo = ({ total: t }) => {
       )
     ] }),
     /* @__PURE__ */ e(M, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-      L,
+      B,
       {
         fullWidth: !0,
         onClick: () => s({ step: O.MonthlyIncome, type: "main" }),
@@ -2611,7 +2611,7 @@ const Wo = ({ total: t }) => {
       value: r ? t : ""
     }
   ) });
-}, Fr = v(Rr), Lt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ i(p, { sx: { gap: 8 }, children: [
+}, Fr = v(Rr), Bt = ({ value: t, completeCopy: o }) => /* @__PURE__ */ i(p, { sx: { gap: 8 }, children: [
   /* @__PURE__ */ e(p, { sx: { flexDirection: "row", gap: 4 }, children: Array.from({ length: 4 }).map((n, r) => /* @__PURE__ */ e(
     M,
     {
@@ -2629,7 +2629,7 @@ const Wo = ({ total: t }) => {
     "% ",
     o
   ] })
-] }), Br = ({
+] }), Lr = ({
   completeCopy: t,
   primaryText: o,
   secondaryText: n,
@@ -2639,14 +2639,14 @@ const Wo = ({ total: t }) => {
     /* @__PURE__ */ e(X, { children: o }),
     /* @__PURE__ */ e(D, { variant: "subtitle1", children: n })
   ] }),
-  /* @__PURE__ */ e(Lt, { completeCopy: t, value: r })
+  /* @__PURE__ */ e(Bt, { completeCopy: t, value: r })
 ] }), at = {
   step: O.ConnectAccounts,
   type: "main"
-}, Lr = ({ isOpen: t, onClose: o }) => {
-  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = x(), { setSelectedAccounts: a } = U(), { addRepeatingTransaction: l, setDateRange: c } = je(), { filter: d, setFilter: _, transactions: h } = On(), { user: u, userProfile: b, updateUser: S, updateUserProfile: C } = J(), [f, w] = m.useState(u.credit_score || 0), [k, g] = m.useState(
+}, Br = ({ isOpen: t, onClose: o }) => {
+  const { visibleAccounts: n } = Se(), { calculateHealthScore: r } = F(), { finstrong: s } = x(), { setSelectedAccounts: a } = U(), { addRepeatingTransaction: l, setDateRange: c } = je(), { filter: d, setFilter: _, transactions: h } = On(), { user: u, userProfile: b, updateUser: S, updateUserProfile: C } = ee(), [f, w] = m.useState(u.credit_score || 0), [k, g] = m.useState(
     at
-  ), [y, $] = m.useState(1), [B, T] = m.useState(Ct.EveryMonth), [P, z] = m.useState([]), [G, _e] = m.useState(!1), [ue, te] = m.useState(!1), [j, ve] = m.useState(u.birthday), [H, we] = m.useState(15), [K, ae] = m.useState("");
+  ), [y, $] = m.useState(1), [L, T] = m.useState(Ct.EveryMonth), [P, z] = m.useState([]), [G, _e] = m.useState(!1), [ue, te] = m.useState(!1), [j, ve] = m.useState(u.birthday), [H, we] = m.useState(15), [K, ae] = m.useState("");
   m.useEffect(() => {
     c({ start: kt(ot()), end: Mt(ot()) });
   }, []), m.useEffect(() => {
@@ -2688,14 +2688,14 @@ const Wo = ({ total: t }) => {
         Ar,
         {
           firstDay: y,
-          frequency: B,
+          frequency: L,
           incomeTransactions: P,
           secondDay: H,
           setCurrentStep: (A) => {
             g(A), z((R) => {
               if (R.some((ie) => ie.guid === K)) return R.filter((ie) => ie.guid !== K);
               const Ae = h.find((ie) => ie.guid === K);
-              return Ae ? [...R, { ...Ae, firstDay: y, frequency: B, secondDay: H }] : R;
+              return Ae ? [...R, { ...Ae, firstDay: y, frequency: L, secondDay: H }] : R;
             });
           },
           setFirstDay: $,
@@ -2752,7 +2752,7 @@ const Wo = ({ total: t }) => {
       case O.MonthlyIncome:
         K && P.findIndex(({ guid: ye }) => ye === K) === -1 && z((ye) => [
           ...ye,
-          { ...he, firstDay: y, frequency: B, secondDay: H }
+          { ...he, firstDay: y, frequency: L, secondDay: H }
         ]);
         break;
       case O.ConnectAccounts:
@@ -2827,12 +2827,12 @@ const Wo = ({ total: t }) => {
         children: /* @__PURE__ */ i(p, { sx: { bgcolor: "background.default", height: "100%" }, children: [
           G && /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 24, position: "relative", px: 16, top: 126 }, children: [
             /* @__PURE__ */ e("img", { alt: "", src: Do, style: { minHeight: 100, width: 211 } }),
-            /* @__PURE__ */ e(Be, { children: s.onboarding_calculate_primary }),
+            /* @__PURE__ */ e(Le, { children: s.onboarding_calculate_primary }),
             /* @__PURE__ */ e(D, { sx: { textAlign: "center" }, variant: "subtitle1", children: s.onboarding_calculate_secondary })
           ] }),
           ge && !G && /* @__PURE__ */ i(m.Fragment, { children: [
             /* @__PURE__ */ e(
-              Br,
+              Lr,
               {
                 completeCopy: s.complete,
                 primaryText: ge.primaryText,
@@ -2842,7 +2842,7 @@ const Wo = ({ total: t }) => {
             ),
             k.type === "main" && /* @__PURE__ */ i(M, { sx: { bgcolor: "background.default" }, children: [
               ge.main,
-              jt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(L, { fullWidth: !0, onClick: zt, children: s.onboarding_do_it_later }) })
+              jt && /* @__PURE__ */ e(p, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(B, { fullWidth: !0, onClick: zt, children: s.onboarding_do_it_later }) })
             ] }),
             k.type === "detail" && ge.detail
           ] })
@@ -2858,7 +2858,7 @@ const Wo = ({ total: t }) => {
       }
     )
   ] });
-}, Pr = v(Lr), Wr = () => {
+}, Pr = v(Br), Wr = () => {
   const { finstrong: t } = x(), [o, n] = m.useState(!1);
   return /* @__PURE__ */ i(m.Fragment, { children: [
     /* @__PURE__ */ i(
@@ -2877,18 +2877,18 @@ const Wo = ({ total: t }) => {
           /* @__PURE__ */ i(p, { sx: { alignItems: { sm: "center" }, gap: 24, width: "100%" }, children: [
             /* @__PURE__ */ e(M, { sx: { textAlign: "center" }, children: /* @__PURE__ */ e(_n, { size: 72 }) }),
             /* @__PURE__ */ i(p, { sx: { gap: 4, textAlign: "center", width: { sm: 400 } }, children: [
-              /* @__PURE__ */ e(Be, { children: t.onboarding_title }),
+              /* @__PURE__ */ e(Le, { children: t.onboarding_title }),
               /* @__PURE__ */ e(D, { sx: { color: "text.secondary" }, variant: "subtitle1", children: t.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(L, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
+          /* @__PURE__ */ e(B, { onClick: () => n(!0), variant: "contained", children: t.onboarding_get_started })
         ]
       }
     ),
     /* @__PURE__ */ e(Pr, { isOpen: o, onClose: () => n(!1) })
   ] });
 }, $r = ({ isOpen: t, onClose: o }) => {
-  const { finstrong: n } = x(), r = E(), { updateUser: s, user: a } = J(), [l, c] = m.useState(a.birthday), d = (h) => {
+  const { finstrong: n } = x(), r = E(), { updateUser: s, user: a } = ee(), [l, c] = m.useState(a.birthday), d = (h) => {
     c(Math.floor(new Date(h).getTime() / 1e3));
   };
   return /* @__PURE__ */ e(
@@ -2949,7 +2949,7 @@ const Wo = ({ total: t }) => {
     common: s,
     finstrong: a,
     recurring: l
-  } = x(), { repeatingTransactions: c } = je(), { user: d } = J(), _ = c.reduce((C, f) => {
+  } = x(), { repeatingTransactions: c } = je(), { user: d } = ee(), _ = c.reduce((C, f) => {
     const { repeating_transaction_type: w, transactions: k, recurrence_type: g, amount: y } = f;
     return w === vt.Income && (k.length > 0 || g === Ct.EveryYear) ? C + y : C;
   }, 0), [h, u] = m.useState(null), S = [
@@ -2997,7 +2997,7 @@ const Wo = ({ total: t }) => {
           /* @__PURE__ */ e(D, { children: a.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
-          Lt,
+          Bt,
           {
             completeCopy: a.complete,
             value: S.reduce((C, f) => C + (f.isComplete ? 1 : 0), 0)
@@ -3006,7 +3006,7 @@ const Wo = ({ total: t }) => {
       ] }),
       /* @__PURE__ */ e(In, { list: S, onClickItem: u }),
       /* @__PURE__ */ e(M, { sx: { p: 24 }, children: /* @__PURE__ */ e(
-        Le,
+        Be,
         {
           description: a.connect_more_accounts_to_view_more_accurate_financial_picture,
           drawerType: "connectDrawer",
@@ -3153,7 +3153,7 @@ const Wo = ({ total: t }) => {
   ] });
 }, Nr = v(Hr), jr = ({ isOpen: t, onClose: o }) => {
   const n = E(), { finstrong: r } = x(), { isCopyLoaded: s, isInitialized: a } = U(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: _ } = F();
-  if (!s || !a) return /* @__PURE__ */ e(ee, {});
+  if (!s || !a) return /* @__PURE__ */ e(Q, {});
   const h = Ge(c.health_score || 0, r), u = d.slice().reverse();
   return /* @__PURE__ */ e(
     Ot,
@@ -3351,16 +3351,16 @@ const Wo = ({ total: t }) => {
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ e(ee, {});
+  ] }) }) : /* @__PURE__ */ e(Q, {});
 }, Yr = v(Xr), qr = v(() => {
   const [t, o] = m.useState(!1), n = E(), [r, { width: s }] = ft(), { finstrong: a } = x(), { isCopyLoaded: l, isInitialized: c } = U(), { healthScore: d, healthScoreChange: _ } = F(), h = n.palette.mode === "dark", u = Ge(d?.health_score, a);
-  return !l || !c ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ i(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  return !l || !c ? /* @__PURE__ */ e(Q, {}) : /* @__PURE__ */ i(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ i(p, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ e(X, { children: a.financial_strength_header }),
       /* @__PURE__ */ e(
-        L,
+        B,
         {
-          endIcon: /* @__PURE__ */ e(Z, {}),
+          endIcon: /* @__PURE__ */ e(J, {}),
           onClick: () => o(!0),
           size: "small",
           sx: {
@@ -3429,7 +3429,7 @@ const Wo = ({ total: t }) => {
         ]
       }
     ) : /* @__PURE__ */ e(
-      Le,
+      Be,
       {
         buttonText: a.connect_more_accounts_title,
         description: a.health_score_zero_description,
@@ -3465,7 +3465,7 @@ const Wo = ({ total: t }) => {
     loadMonthlySummaries: S,
     loadPeerScore: C,
     peerScore: f
-  } = _, { finstrong: w, connect: k } = x(), { isCopyLoaded: g, isInitialized: y } = U(), { loadRepeatingTransactions: $ } = je(), { isSmallMobile: B } = Xe(), T = E(), { userProfile: P } = J(), [z, G] = m.useState(!1), [_e, ue] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1);
+  } = _, { finstrong: w, connect: k } = x(), { isCopyLoaded: g, isInitialized: y } = U(), { loadRepeatingTransactions: $ } = je(), { isSmallMobile: L } = Xe(), T = E(), { userProfile: P } = ee(), [z, G] = m.useState(!1), [_e, ue] = m.useState(!1), [te, j] = m.useState(!1), [ve, H] = m.useState(!1);
   if (vo({
     widgetName: "FinstrongWidget",
     isLoaded: z
@@ -3479,7 +3479,7 @@ const Wo = ({ total: t }) => {
     y && (d(r, s.start, s.end).finally(() => {
       G(!0);
     }), a || (l(), $().finally()));
-  }, [s, a, y, r]), !g || !y || !z) return /* @__PURE__ */ e(ee, {});
+  }, [s, a, y, r]), !g || !y || !z) return /* @__PURE__ */ e(Q, {});
   const we = () => ue(!0), K = Math.round(f?.average_health_score?.average_health_score || 0), ae = h.some((he) => he.y !== 0);
   return /* @__PURE__ */ i(
     wo,
@@ -3495,11 +3495,11 @@ const Wo = ({ total: t }) => {
       onBackClick: t,
       sx: {
         "& .MuiCardHeader-root": {
-          px: B ? 16 : 48,
-          pt: B ? 12 : 48
+          px: L ? 16 : 48,
+          pt: L ? 12 : 48
         },
         "& .MuiDivider-root": {
-          mt: B ? 12 : 24
+          mt: L ? 12 : 24
         },
         ...o
       },
@@ -3513,14 +3513,14 @@ const Wo = ({ total: t }) => {
               flexDirection: { md: "row" },
               gap: 24,
               justifyContent: "center",
-              pt: B ? 16 : 24,
-              px: B ? 16 : 48
+              pt: L ? 16 : 24,
+              px: L ? 16 : 48
             },
             children: [
               /* @__PURE__ */ i(p, { sx: { gap: 24, width: { md: 432 }, height: "100%" }, children: [
                 /* @__PURE__ */ e(qr, {}),
                 /* @__PURE__ */ e(
-                  Le,
+                  Be,
                   {
                     description: w.connect_more_accounts_description,
                     drawerType: "connectDrawer",
@@ -3537,9 +3537,9 @@ const Wo = ({ total: t }) => {
                     children: [
                       /* @__PURE__ */ e(X, { children: w.key_indicators }),
                       /* @__PURE__ */ e(
-                        L,
+                        B,
                         {
-                          endIcon: /* @__PURE__ */ e(Z, {}),
+                          endIcon: /* @__PURE__ */ e(J, {}),
                           onClick: () => j(!0),
                           size: "small",
                           sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.6.16",
+  "version": "7.6.18",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",