@mx-cartographer/experiences 9.0.11 → 9.0.12

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [9.0.12] - 06-02-2026
+
+- **FIXED** - Debts widget briefly displaying zero percent interest rates before account data finished loading
+
 ## [9.0.11] - 06-01-2026
 
 - **ADDED** - Spending chart accessibility description for screen readers

package/dist/debts/index.es.js

@@ -5,7 +5,7 @@ import y from "@mui/material/Stack";
 import { useTheme as j, Card as ge, Stack as u, Box as W } from "@mui/material";
 import { Text as i, P as xe, H3 as Be, InstitutionLogo as Pe, Icon as ne } from "@mxenabled/mxui";
 import { intervalToDuration as Re, formatDuration as Le } from "date-fns";
-import { s as Fe, D as F, t as $e, b as Oe } from "../DebtUtils-i4pI2Uoe.mjs";
+import { s as Fe, D as $, t as $e, b as Oe } from "../DebtUtils-i4pI2Uoe.mjs";
 import { f as I, a as We } from "../NumberFormatting--XMeeBfr.mjs";
 import { f as J, D as Q } from "../DateFormats-HudZ3Bjs.mjs";
 import { G as Ge, q as ee, u as w, k as V, f as k, c as te, i as He, a as ze } from "../hooks-97sNJ_lf.mjs";
@@ -56,7 +56,7 @@ function ht(r, n, o = 0) {
     let m = !1;
     for (const [v, x] of t.entries()) {
       if (x.balance <= 0.01 || x.is_impossible) continue;
-      const L = (x.interest_rate ?? 0) / 100 / 12, N = x.balance * L;
+      const F = (x.interest_rate ?? 0) / 100 / 12, N = x.balance * F;
       let A = x.monthly_payment ?? 0;
       v === 0 && o && (A += o), x.balance += N;
       const E = Math.min(x.balance, A + s);
@@ -525,10 +525,10 @@ const De = ({
   }), x = v.reduce(
     (p, g) => p + (g.dataset[0]?.y ?? 0),
     0
-  ), $ = m.map((p, g) => {
+  ), L = m.map((p, g) => {
     const D = g / (m.length - 1), M = x * (1 - D);
     return { x: p, y: M };
-  }), L = Math.ceil(x / 100) * 100, N = m, A = v.map((p, g) => {
+  }), F = Math.ceil(x / 100) * 100, N = m, A = v.map((p, g) => {
     const D = 1 - g / v.length * 0.5, M = gt(ft, D);
     return {
       id: `debt-${g}`,
@@ -546,7 +546,7 @@ const De = ({
   A.push({
     id: "payoff-line",
     label: "Payoff Line",
-    data: $.map((p) => p.y),
+    data: L.map((p) => p.y),
     color: c.palette.grey[700],
     curve: "linear",
     type: "line",
@@ -632,7 +632,7 @@ const De = ({
           yAxis: [
             {
               min: 0,
-              max: L,
+              max: F,
               disableTicks: !0,
               valueFormatter: (p) => I(p, "0a")
             }
@@ -1148,7 +1148,7 @@ const Wt = (r) => {
       minWidth: 122,
       flex: 0.6
     }
-  ], $ = [
+  ], L = [
     ...x.slice(0, 3),
     {
       field: "chevron",
@@ -1162,7 +1162,7 @@ const Wt = (r) => {
       headerAlign: "right",
       width: 20
     }
-  ], L = f.useMemo(() => n.map((_, p) => ({
+  ], F = f.useMemo(() => n.map((_, p) => ({
     ..._,
     id: p,
     priority: Ot(_)
@@ -1173,7 +1173,7 @@ const Wt = (r) => {
     c || N(_);
   }, E = (_) => {
     c && N(_);
-  }, Y = (_) => L.find((p) => p.guid === _)?.id;
+  }, Y = (_) => F.find((p) => p.guid === _)?.id;
   return /* @__PURE__ */ e(
     le,
     {
@@ -1189,7 +1189,7 @@ const Wt = (r) => {
       children: /* @__PURE__ */ e(
         ot,
         {
-          columns: c ? $ : x,
+          columns: c ? L : x,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
@@ -1200,7 +1200,7 @@ const Wt = (r) => {
           onSortModelChange: (_) => {
             v(_), d(S.DEBTS_CLICK_TABLE_SORT);
           },
-          rows: L,
+          rows: F,
           slotProps: {
             baseIconButton: { color: "secondary", sx: { ml: 8 } },
             row: {
@@ -1259,19 +1259,19 @@ const Wt = (r) => {
 }, Vt = C(({ buttonEl: r, onClose: n }) => {
   const { onEvent: o } = k(), { debts: t } = w(), { selectedDebtPriority: a, setSelectedDebtPriority: s } = P(), d = !!r, c = [
     {
-      priority: F.FASTEST_PAYOFF_FIRST,
+      priority: $.FASTEST_PAYOFF_FIRST,
       text: t.priority_sort_fastest_payoff
     },
     {
-      priority: F.HIGHEST_INTEREST,
+      priority: $.HIGHEST_INTEREST,
       text: t.priority_sort_highest_interest
     },
     {
-      priority: F.LOWEST_BALANCE,
+      priority: $.LOWEST_BALANCE,
       text: t.priority_sort_lowest_balance
     },
     {
-      priority: F.HIGHEST_BALANCE,
+      priority: $.HIGHEST_BALANCE,
       text: t.priority_sort_highest_balance
     }
   ], b = (h) => {
@@ -1325,10 +1325,10 @@ const Wt = (r) => {
   }, b = () => {
     d(null);
   }, h = !!s, m = f.useMemo(() => ({
-    [F.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
-    [F.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
-    [F.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
-    [F.LOWEST_BALANCE]: t.priority_sort_lowest_balance
+    [$.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
+    [$.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
+    [$.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
+    [$.LOWEST_BALANCE]: t.priority_sort_lowest_balance
   })[a] ?? t.priority_sort_lowest_balance, [a]);
   return /* @__PURE__ */ l(u, { children: [
     /* @__PURE__ */ e(
@@ -1362,21 +1362,21 @@ const Wt = (r) => {
   const { isDesktop: t, isMobile: a } = ae(), { connect: s, debts: d } = w(), { onEvent: c } = k(), {
     config: { show_connections_widget_in_master: b }
   } = He(), { isInitialized: h } = ze(), { setSelectedAccount: m } = Ve(), { selectedDebtPriority: v, setSelectedDebtChartData: x } = P(), {
-    isAccountDataLoaded: $,
-    loadAccountData: L,
+    isAccountDataLoaded: L,
+    loadAccountData: F,
     detailedAccounts: N,
     visibleDebtAccounts: A
   } = te(), { isAllGoalDataLoaded: E, loadGoalData: Y, monthlyCashFlowProfile: _ } = V(), { debts: p } = ee(), [g, D] = f.useState(!1), [M, B] = f.useState(!1), [K, ce] = f.useState(!1), [U, Se] = f.useState(""), [Ae, de] = f.useState(!1);
   st({
     widgetName: "DebtsWidget",
-    isLoaded: E
+    isLoaded: L && E
   });
   const q = f.useMemo(() => {
     const O = _?.extra_payment ?? 0;
     return $e(p, v, O);
   }, [p, v, _]);
   f.useEffect(() => {
-    $ || L().finally(), c(S.DEBTS_VIEW);
+    L || F().finally(), c(S.DEBTS_VIEW);
   }, []), f.useEffect(() => {
     h && Y().finally();
   }, [h]);
@@ -1388,7 +1388,7 @@ const Wt = (r) => {
   }, Ie = () => {
     B(!0), c(S.DEBTS_CLICK_PAYDOWN);
   };
-  if (!h || !E)
+  if (!h || !L || !E)
     return /* @__PURE__ */ e(ct, {});
   const Me = N.length === 0, ke = A.length === 0, Ne = p.length === 0, X = Me || ke || Ne, Z = Oe(
     d,

package/package.json

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