@mx-cartographer/experiences 7.11.8 → 7.11.10

package/CHANGELOG.md

@@ -1,6 +1,14 @@
+## [7.11.10] - 03-05-2026
+
+- **FIXED** - Account Actions | toggle a11y
+
+## [7.11.9] - 03-04-2026
+
+- **FIXED** - `Debts` return to the top of the page when scrolling quickly
+
 ## [7.11.8] - 03-04-2026
 
-- **UPDATED** - `categoryBudget` cta button 
+- **UPDATED** - `categoryBudget` cta button
 
 ## [7.11.7] - 03-04-2026
 

package/dist/accounts/components/detailsdrawer/Accounts/AccountActionsRow.d.ts

@@ -1,4 +1,5 @@
 interface AccountActionsRowProps {
+    ariaPressed?: boolean;
     onClick: () => void;
     isLast?: boolean;
     primaryText: string;

package/dist/accounts/index.es.js

@@ -13,15 +13,15 @@ import { useTheme as M1, alpha as y1 } from "@mui/material/styles";
 import { u as R, A as x1 } from "../AccountDetailsHeader-BCi1WwkM.mjs";
 import { L as w1 } from "../LineChart-Pu3pKqtQ.mjs";
 import { g as b1, a as S1, b as R1 } from "../SpendingData-C3bN-37j.mjs";
-import { m as T1, u as y, d as k, g as Z, h as m1, b as G, a as E1 } from "../hooks-zu7yblbi.mjs";
+import { m as T1, u as y, d as k, g as I, h as m1, b as G, a as E1 } from "../hooks-zu7yblbi.mjs";
 import { A as N, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
 import { I as _1, P as L1, S as f1 } from "../Account-DuOz1a27.mjs";
 import { a as D1, b as k1 } from "../AccountFields-C-sby5mF.mjs";
 import { g as i2 } from "../AccountFields-C-sby5mF.mjs";
 import { A as U } from "../AccountListItem-Ceuh5WKe.mjs";
 import a1 from "@mui/material/Tab";
-import Z1 from "@mui/material/Tabs";
-import I1 from "@mui/material/Switch";
+import I1 from "@mui/material/Tabs";
+import Z1 from "@mui/material/Switch";
 import D from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
 import O from "@mui/material/ListItemText";
@@ -73,15 +73,15 @@ const d3 = (t, o) => {
 }, u3 = (t, o, n) => {
   const [i, c] = t, l = i, u = c ?? i, a = [];
   if (l && u && _1.includes(o)) {
-    const d = l[l.length - 1].y;
-    a.push({ label: n.income_label, amount: d });
+    const r = l[l.length - 1].y;
+    a.push({ label: n.income_label, amount: r });
   } else if (L1.includes(o)) {
-    const d = l[l.length - 1].y;
-    a.push({ label: n.payments_label, amount: d });
+    const r = l[l.length - 1].y;
+    a.push({ label: n.payments_label, amount: r });
   }
   if (u && f1.includes(o)) {
-    const d = u[u.length - 1].y;
-    a.push({ label: n.spending_label, amount: d });
+    const r = u[u.length - 1].y;
+    a.push({ label: n.spending_label, amount: r });
   }
   return a;
 }, C3 = () => {
@@ -106,30 +106,31 @@ const d3 = (t, o) => {
     }
   ) });
 }, h3 = V(C3), J = ({
-  children: t,
-  isLast: o = !1,
-  onClick: n,
-  primaryText: i,
-  secondaryText: c
+  ariaPressed: t,
+  children: o,
+  isLast: n = !1,
+  onClick: i,
+  primaryText: c,
+  secondaryText: l
 }) => /* @__PURE__ */ C(x, { children: [
-  /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { onClick: n, children: [
-    /* @__PURE__ */ e(O, { primary: i, secondary: c }),
-    t
+  /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: i, children: [
+    /* @__PURE__ */ e(O, { primary: c, secondary: l }),
+    o
   ] }) }),
-  /* @__PURE__ */ e(b, { sx: { ml: o ? 0 : 24 } })
+  /* @__PURE__ */ e(b, { sx: { ml: n ? 0 : 24 } })
 ] }), m3 = () => {
   const { accounts: t } = k(), { selectedAccount: o, selectedMember: n } = R();
   return t.filter(
     (i) => i.member_guid === n.guid && n.successfully_aggregated_at && i.guid !== o.guid
   );
 }, p3 = () => {
-  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: d } = R(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = Z(), { modifyTransactionByAccountGuid: M } = m1(), w = async (p) => {
+  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = R(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = I(), { modifyTransactionByAccountGuid: M } = m1(), w = async (p) => {
     await _({
-      ...d,
+      ...r,
       ...p
-    }), "is_closed" in p && p.is_closed !== d.is_closed && M(d.guid, { accountIsClosed: p.is_closed });
-  }, r = () => {
-    m([d.guid, u.guid]).finally(
+    }), "is_closed" in p && p.is_closed !== r.is_closed && M(r.guid, { accountIsClosed: p.is_closed });
+  }, d = () => {
+    m([r.guid, u.guid]).finally(
       () => i(!1)
     );
   };
@@ -138,12 +139,13 @@ const d3 = (t, o) => {
     /* @__PURE__ */ e(
       J,
       {
+        ariaPressed: r.is_hidden,
         onClick: () => {
-          w({ is_hidden: !d.is_hidden }), v(S.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: d.guid });
+          w({ is_hidden: !r.is_hidden }), v(S.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
-        primaryText: d.is_hidden ? s.unhide_account : s.hide_Account,
-        secondaryText: d.is_hidden ? s.include_this_account : s.exclude_this_account,
-        children: /* @__PURE__ */ e(I1, { checked: d.is_hidden })
+        primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
+        secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
+        children: /* @__PURE__ */ e(Z1, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
       }
     ),
     /* @__PURE__ */ e(
@@ -151,11 +153,11 @@ const d3 = (t, o) => {
       {
         onClick: () => {
           o(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
-            account_guid: d.guid
+            account_guid: r.guid
           });
         },
-        primaryText: d.is_closed ? s.mark_as_open : s.mark_as_closed,
-        secondaryText: d.is_closed ? s.this_will_set_the_closed_account : s.this_will_set_the_account_balance_to_0,
+        primaryText: r.is_closed ? s.mark_as_open : s.mark_as_closed,
+        secondaryText: r.is_closed ? s.this_will_set_the_closed_account : s.this_will_set_the_account_balance_to_0,
         children: /* @__PURE__ */ e(F, { name: "chevron_right" })
       }
     ),
@@ -165,7 +167,7 @@ const d3 = (t, o) => {
         isLast: !0,
         onClick: () => {
           i(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
-            account_guid: d.guid
+            account_guid: r.guid
           });
         },
         primaryText: s.mark_as_duplicate,
@@ -178,16 +180,16 @@ const d3 = (t, o) => {
       {
         copy: {
           close_aria: s.close_modal,
-          title: d.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
+          title: r.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
         },
         isOpen: t,
         onClose: () => {
           o(!1);
         },
-        onPrimaryAction: () => w({ is_closed: !d.is_closed }),
+        onPrimaryAction: () => w({ is_closed: !r.is_closed }),
         children: /* @__PURE__ */ e(g, { truncate: !1, children: f(
-          d.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
-          d.name
+          r.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
+          r.name
         ) })
       }
     ),
@@ -199,7 +201,7 @@ const d3 = (t, o) => {
         onClose: () => i(!1),
         title: s.mark_as_duplicate,
         children: /* @__PURE__ */ e(E, { children: H.map((p) => {
-          const I = H.indexOf(p) === H.length - 1;
+          const Z = H.indexOf(p) === H.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
               U,
@@ -210,7 +212,7 @@ const d3 = (t, o) => {
                 }
               }
             ),
-            /* @__PURE__ */ e(E, { sx: { ml: I ? 0 : 24 } })
+            /* @__PURE__ */ e(E, { sx: { ml: Z ? 0 : 24 } })
           ] }, p.guid);
         }) })
       }
@@ -224,11 +226,11 @@ const d3 = (t, o) => {
         },
         isOpen: c,
         onClose: () => l(!1),
-        onPrimaryAction: r,
+        onPrimaryAction: d,
         children: [
           /* @__PURE__ */ e(g, { truncate: !1, children: f(
             s.this_means_accounts_will_be_merged,
-            d.name,
+            r.name,
             u.name
           ) }),
           /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
@@ -467,7 +469,7 @@ const d3 = (t, o) => {
     )
   ] });
 }, f3 = V(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: i } = k(), { selectedAccount: c } = R(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [d, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
+  const { updateAccount: i } = k(), { selectedAccount: c } = R(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [r, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
     a(""), m(""), n();
   }, v = () => {
     switch (t.type) {
@@ -485,10 +487,10 @@ const d3 = (t, o) => {
               },
               label: t.label,
               labelId: `${t.label}-select-label`,
-              onChange: (r) => a(r.target.value),
+              onChange: (d) => a(d.target.value),
               placeholder: t.placeholder,
               value: u,
-              children: t.options?.map((r) => /* @__PURE__ */ e(j1, { value: r.value, children: r.label }, r.value))
+              children: t.options?.map((d) => /* @__PURE__ */ e(j1, { value: d.value, children: d.label }, d.value))
             }
           )
         ] });
@@ -511,8 +513,8 @@ const d3 = (t, o) => {
           {
             maxDate: U1(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
-            onChange: (r) => {
-              c[t.name] && Number(c[t.name]) <= 31 ? a(r.getDate()) : a(r);
+            onChange: (d) => {
+              c[t.name] && Number(c[t.name]) <= 31 ? a(d.getDate()) : a(d);
             },
             sx: {
               "& .MuiPickersDay-today": {
@@ -521,7 +523,7 @@ const d3 = (t, o) => {
               "& .MuiPickersArrowSwitcher-button": {
                 color: "primary.lighter",
                 "&:hover": {
-                  backgroundColor: (r) => y1(r.palette.primary.light, 0.1)
+                  backgroundColor: (d) => y1(d.palette.primary.light, 0.1)
                 }
               }
             },
@@ -533,9 +535,9 @@ const d3 = (t, o) => {
           J1,
           {
             defaultValue: c[t.name],
-            error: !!d,
+            error: !!r,
             fullWidth: !0,
-            helperText: d,
+            helperText: r,
             inputProps: {
               "aria-label": t.placeholder
             },
@@ -549,8 +551,8 @@ const d3 = (t, o) => {
       ...c,
       [t.name]: u
     }), H();
-  }, w = (r) => {
-    a(r.target.value), t.validation && m(t.validation(r.target.value));
+  }, w = (d) => {
+    a(d.target.value), t.validation && m(t.validation(d.target.value));
   };
   return /* @__PURE__ */ e(
     Q,
@@ -559,7 +561,7 @@ const d3 = (t, o) => {
         close_aria: l.close_aria,
         title: f(l.edit_field, t.label)
       },
-      disablePrimaryButton: !!d || !_,
+      disablePrimaryButton: !!r || !_,
       isOpen: o,
       onClose: H,
       onPrimaryAction: M,
@@ -575,7 +577,7 @@ const d3 = (t, o) => {
     }
   );
 }, H3 = V(g3), A3 = () => {
-  const t = window.app?.config, { onEvent: o } = Z(), { selectedAccount: n } = R(), { accounts: i } = y(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [d, m] = h.useState(c[0]), _ = c.filter(
+  const t = window.app?.config, { onEvent: o } = I(), { selectedAccount: n } = R(), { accounts: i } = y(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, m] = h.useState(c[0]), _ = c.filter(
     (s) => l || n[s.name] || n[s.name] === 0
   );
   return /* @__PURE__ */ C(x, { children: [
@@ -607,17 +609,17 @@ const d3 = (t, o) => {
         /* @__PURE__ */ e(b, { sx: { ml: v ? 0 : 24 } })
       ] }) }, s.name);
     }),
-    u && d && /* @__PURE__ */ e(
+    u && r && /* @__PURE__ */ e(
       H3,
       {
-        field: d,
+        field: r,
         isOpen: u,
         onClose: () => a(!1)
       }
     )
   ] });
 }, V3 = V(A3), v3 = () => {
-  const { onEvent: t } = Z();
+  const { onEvent: t } = I();
   return h.useEffect(() => t(S.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(E, { children: [
     /* @__PURE__ */ e(V3, {}),
     /* @__PURE__ */ e(f3, {}),
@@ -681,13 +683,13 @@ const d3 = (t, o) => {
     )
   ] });
 }, x3 = V(y3), w3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = Z(), { selectedAccount: i } = R(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: d } = m1();
+  const [t, o] = h.useState(""), { onEvent: n } = I(), { selectedAccount: i } = R(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
   h.useEffect(() => {
     l || u().finally();
   }, []);
   const m = h.useMemo(
-    () => d.find((_) => _.guid === t),
-    [t, d]
+    () => r.find((_) => _.guid === t),
+    [t, r]
   );
   return h.useEffect(() => {
     a({
@@ -712,7 +714,7 @@ const d3 = (t, o) => {
   return /* @__PURE__ */ C(x, { children: [
     /* @__PURE__ */ e(x3, { setTabValue: o }),
     /* @__PURE__ */ C(
-      Z1,
+      I1,
       {
         "aria-label": n.transactions_and_details_aria,
         centered: !0,
@@ -744,30 +746,30 @@ const d3 = (t, o) => {
     /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(M3, {}) })
   ] });
 }, R3 = V(S3), T3 = () => {
-  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = R(), { members: u } = k(), { onEvent: a } = Z(), d = [...new Set(i.map((r) => r.account_type))], m = i.find((r) => t === r.guid), _ = h.useMemo(
-    () => i.filter((r) => r.is_hidden),
+  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = R(), { members: u } = k(), { onEvent: a } = I(), r = [...new Set(i.map((d) => d.account_type))], m = i.find((d) => t === d.guid), _ = h.useMemo(
+    () => i.filter((d) => d.is_hidden),
     [i]
   ), s = h.useMemo(
-    () => i.filter((r) => r.is_closed),
+    () => i.filter((d) => d.is_closed),
     [i]
   ), H = _.reduce(
-    (r, p) => (p.available_balance || p.balance || 0) + r,
+    (d, p) => (p.available_balance || p.balance || 0) + d,
     0
   ), v = k1(s, n);
   h.useEffect(() => {
     if (m) {
       c(m);
-      const r = u.find((p) => p.guid === m?.member_guid) || {};
-      r && l(r);
+      const d = u.find((p) => p.guid === m?.member_guid) || {};
+      d && l(d);
     }
   }, [m, t]);
-  const M = (r) => {
-    o(r.guid), a(S.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: r.guid,
-      account_type: r.account_type
+  const M = (d) => {
+    o(d.guid), a(S.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: d.guid,
+      account_type: d.account_type
     });
-  }, w = (r) => {
-    const p = r === "hidden" ? _ : s, I = r === "hidden" ? H : v, A = r === "hidden" ? n.account_hidden : n.account_closed;
+  }, w = (d) => {
+    const p = d === "hidden" ? _ : s, Z = d === "hidden" ? H : v, A = d === "hidden" ? n.account_hidden : n.account_closed;
     return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
       E,
       {
@@ -780,7 +782,7 @@ const d3 = (t, o) => {
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
               /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: A }),
-              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(I, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(Z, "0,0.00") })
             ]
           }
         ) }),
@@ -795,7 +797,7 @@ const d3 = (t, o) => {
                 shouldShowConnectionStatus: !0
               }
             ),
-            r === "hidden" ? /* @__PURE__ */ e(
+            d === "hidden" ? /* @__PURE__ */ e(
               b,
               {
                 sx: {
@@ -818,10 +820,10 @@ const d3 = (t, o) => {
     ) });
   };
   return /* @__PURE__ */ C(c1, { sx: { pt: 24 }, children: [
-    d.map((r) => {
+    r.map((d) => {
       const p = i.filter(
-        (A) => A.account_type === r && !A.is_closed && !A.is_hidden
-      ), I = p.reduce(
+        (A) => A.account_type === d && !A.is_closed && !A.is_hidden
+      ), Z = p.reduce(
         (A, T) => (T.balance || 0) + A,
         0
       );
@@ -836,8 +838,8 @@ const d3 = (t, o) => {
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: n.account_types[r] }),
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(I, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: n.account_types[d] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(Z, "0,0.00") })
               ]
             }
           ) }),
@@ -864,7 +866,7 @@ const d3 = (t, o) => {
             ] }, A.guid);
           }) })
         },
-        r
+        d
       );
     }),
     _.length > 0 && w("hidden"),
@@ -884,16 +886,16 @@ const d3 = (t, o) => {
     )
   ] });
 }, E3 = V(T3), D3 = ({ onBackClick: t, sx: o = {} }) => {
-  const [n, i] = h.useState(!1), [c, l] = h.useState(!1), { config: u } = E1(), { isAccountDataLoaded: a, loadAccountData: d } = k(), { accounts: m, connect: _ } = y(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: v } = H1(), { onEvent: M } = Z();
+  const [n, i] = h.useState(!1), [c, l] = h.useState(!1), { config: u } = E1(), { isAccountDataLoaded: a, loadAccountData: r } = k(), { accounts: m, connect: _ } = y(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: v } = H1(), { onEvent: M } = I();
   n1({
     widgetName: "AccountsWidget",
     isLoaded: a
   }), h.useEffect(() => {
-    a || d().finally();
+    a || r().finally();
   }, []);
   const w = () => {
     i(!0), M(S.ACCOUNTS_CLICK_CONNECT);
-  }, r = () => {
+  }, d = () => {
     l(!0), M(S.ACCOUNTS_CLICK_CONNECT);
   };
   return s ? /* @__PURE__ */ C(
@@ -904,7 +906,7 @@ const d3 = (t, o) => {
         {
           iconName: "credit_card_gear",
           label: m.manage,
-          onClick: r
+          onClick: d
         }
       ] : [],
       onAccountsFilterClick: () => M(S.ACCOUNTS_CLICK_FILTER),
@@ -946,15 +948,15 @@ function k3(t) {
     externalAccounts: C1(n)
   };
 }
-function Z3(t, o) {
+function I3(t, o) {
   const { heldAccounts: n, externalAccounts: i } = k3(t), c = n.slice(0, o);
   return c.length < o && c.push(...i.slice(0, o - c.length)), c;
 }
-const I3 = {
+const Z3 = {
   [N.CHECKING]: 1,
   [N.SAVINGS]: 2,
   [N.CREDIT_CARD]: 3
-}, u1 = (t) => I3[t] ?? t + 100, C1 = (t) => t.sort((o, n) => {
+}, u1 = (t) => Z3[t] ?? t + 100, C1 = (t) => t.sort((o, n) => {
   const i = u1(o.account_type), c = u1(n.account_type), l = i - c;
   if (l !== 0) return l;
   const u = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
@@ -967,8 +969,8 @@ const I3 = {
   }), h.useEffect(() => {
     n || i().finally();
   }, []);
-  const d = h.useMemo(
-    () => Z3(u, a ? 5 : 3),
+  const r = h.useMemo(
+    () => I3(u, a ? 5 : 3),
     [u, a]
   );
   return l ? /* @__PURE__ */ e(
@@ -981,8 +983,8 @@ const I3 = {
       title: c.mini_title,
       children: n ? /* @__PURE__ */ C(E, { children: [
         u.length === 0 && /* @__PURE__ */ e(D, { sx: { justifyContent: "center" }, children: c.no_accounts }),
-        d.map((m, _) => {
-          const s = d.indexOf(m) === d.length - 1;
+        r.map((m, _) => {
+          const s = r.indexOf(m) === r.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
               U,

package/dist/debts/index.es.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
 import g from "react";
 import { observer as v } from "mobx-react-lite";
 import x from "@mui/material/Stack";
-import { useTheme as V, Card as we, Stack as _, Box as W } from "@mui/material";
+import { useTheme as Y, Card as we, Stack as _, Box as W } from "@mui/material";
 import { Text as l, P as Ce, H3 as Fe, InstitutionLogo as Le, Icon as ne } from "@mxenabled/mxui";
 import { intervalToDuration as $e, formatDuration as He } from "date-fns";
 import { addMonths as he } from "date-fns/addMonths";
@@ -12,11 +12,11 @@ import { a as P, M as Oe, I as We } from "../DebtsStore-BZqNLaqd.mjs";
 import { D as ra } from "../DebtsStore-BZqNLaqd.mjs";
 import { f as N, a as Ge } from "../NumberFormatting-DjTD0t3W.mjs";
 import { f as Q, D as ee } from "../DateFormats-Cs-NbEZ7.mjs";
-import { G as je, v as te, u as C, l as Y, g as R, d as re, a as ze, b as Xe } from "../hooks-zu7yblbi.mjs";
+import { G as je, v as te, u as C, l as V, g as R, d as re, a as ze, b as Xe } from "../hooks-zu7yblbi.mjs";
 import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as ie } from "../Drawer-DV4NTsFg.mjs";
 import { b as E } from "../Localization-2MODESHW.mjs";
-import { A as Ve, u as Ye } from "../AccountDetailsHeader-BCi1WwkM.mjs";
+import { A as Ye, u as Ve } from "../AccountDetailsHeader-BCi1WwkM.mjs";
 import Ke from "@mui/material/Card";
 import Ue from "@mui/material/CardContent";
 import qe from "@mui/material/CardHeader";
@@ -160,7 +160,7 @@ const F = () => {
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return te().uiStore;
 }, xt = ({ debts: a, onClickCta: o, sx: r }) => {
-  const t = V(), { isMobile: n } = K(), { debts: i } = C(), { selectedDebtPriority: c } = F(), { monthlyCashFlowProfile: d } = Y(), { payoffDate: p, payoffSavings: h, payoffDuration: m } = g.useMemo(() => {
+  const t = Y(), { isMobile: n } = K(), { debts: i } = C(), { selectedDebtPriority: c } = F(), { monthlyCashFlowProfile: d } = V(), { payoffDate: p, payoffSavings: h, payoffDuration: m } = g.useMemo(() => {
     const w = d?.extra_payment ?? 0;
     return gt(a, c, w);
   }, [a, c, d]);
@@ -212,7 +212,7 @@ const F = () => {
     }
   );
 }, wt = v(xt), Ct = ({ isOpen: a, onClose: o }) => {
-  const r = V(), { debts: t } = C(), [n, i] = g.useState(!1);
+  const r = Y(), { debts: t } = C(), [n, i] = g.useState(!1);
   return /* @__PURE__ */ e(
     ie,
     {
@@ -722,7 +722,7 @@ const Ae = ({
     }
   );
 }, Tt = () => {
-  const a = V(), { debts: o } = C(), { selectedDebtChartData: r } = F();
+  const a = Y(), { debts: o } = C(), { selectedDebtChartData: r } = F();
   return /* @__PURE__ */ s($, { children: [
     /* @__PURE__ */ s(
       Ke,
@@ -749,7 +749,7 @@ const Ae = ({
     )
   ] });
 }, At = v(Tt), Et = () => {
-  const a = V(), { onEvent: o } = R(), { debts: r } = C(), { selectedDebtChartData: t, showCompleted: n, showError: i } = F();
+  const a = Y(), { onEvent: o } = R(), { debts: r } = C(), { selectedDebtChartData: t, showCompleted: n, showError: i } = F();
   return g.useEffect(() => o(D.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(Se, { children: i || n ? /* @__PURE__ */ e(
     l,
     {
@@ -1017,13 +1017,13 @@ const Ae = ({
       onClose: o,
       title: r.details_title,
       children: /* @__PURE__ */ s(x, { bgcolor: "background.default", children: [
-        /* @__PURE__ */ e(Ve, { customDetailsChart: i }),
+        /* @__PURE__ */ e(Ye, { customDetailsChart: i }),
         /* @__PURE__ */ e($t, {})
       ] })
     }
   );
 }, Ot = v(() => {
-  const { debts: a } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: r } = Y(), { onEvent: t } = R(), [n, i] = g.useState(o?.extra_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+  const { debts: a } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: r } = V(), { onEvent: t } = R(), [n, i] = g.useState(o?.extra_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
     o && (await r({ ...o, extra_payment: n }), o.extra_payment = n, t(D.DEBTS_SAVE_PAYDOWN_ACTION, {
       user_guid: o?.user_guid
     }));
@@ -1057,7 +1057,7 @@ const Ae = ({
     }
   );
 }), Wt = () => {
-  const { debts: a } = C(), { totalMonthlyPayments: o } = te(), { monthlyCashFlowProfile: r } = Y(), t = o + Number(r?.extra_payment);
+  const { debts: a } = C(), { totalMonthlyPayments: o } = te(), { monthlyCashFlowProfile: r } = V(), t = o + Number(r?.extra_payment);
   return /* @__PURE__ */ s(x, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
     /* @__PURE__ */ s(x, { p: 24, children: [
       /* @__PURE__ */ s(x, { alignItems: "center", gap: 4, mb: 24, children: [
@@ -1100,14 +1100,14 @@ function zt(a, o) {
 function Xt(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
-const Vt = (a) => {
+const Yt = (a) => {
   const o = {
     text: "#121417",
     background: "#FFB252"
   };
   return a === "!" && (o.text = "#FFFFFF", o.background = "#DF320C"), a === "✓" && (o.text = "#FFFFFF", o.background = "#09A57F"), o;
-}, Yt = (a) => {
-  const o = String(a.formattedValue), r = Vt(o);
+}, Vt = (a) => {
+  const o = String(a.formattedValue), r = Yt(o);
   return /* @__PURE__ */ e(
     le,
     {
@@ -1147,14 +1147,14 @@ const Vt = (a) => {
   onHoverRow: t,
   onClickRow: n
 }) => {
-  const i = V(), { onEvent: c } = R(), { isMobile: d } = K(), { debts: p, common: h } = C(), [m, w] = g.useState([
+  const i = Y(), { onEvent: c } = R(), { isMobile: d } = K(), { debts: p, common: h } = C(), [m, w] = g.useState([
     { field: "priority", sort: "asc" }
   ]), b = [
     {
       field: "priority",
       headerName: p.table_column_priority,
       renderHeader: j,
-      renderCell: Yt,
+      renderCell: Vt,
       sortComparator: zt,
       sortable: !0,
       hideSortIcons: !0,
@@ -1258,10 +1258,11 @@ const Vt = (a) => {
     le,
     {
       sx: {
-        height: "100dvh",
+        height: "auto",
         width: "100%",
         mt: "15px",
         overflowX: "auto",
+        overflowY: "visible",
         boxShadow: "none",
         ...a
       },
@@ -1463,7 +1464,7 @@ const Vt = (a) => {
   onClickHandler: o ? r : void 0,
   primaryButton: o ? a.connect_accounts : void 0
 }), tr = v(({ disabled: a, onClick: o }) => {
-  const { debts: r } = C(), { isDesktop: t } = K(), { totalMonthlyPayments: n } = te(), { monthlyCashFlowProfile: i } = Y(), c = n + Number(i?.extra_payment), d = t ? r.paydown_button_long : r.paydown_button_short;
+  const { debts: r } = C(), { isDesktop: t } = K(), { totalMonthlyPayments: n } = te(), { monthlyCashFlowProfile: i } = V(), c = n + Number(i?.extra_payment), d = t ? r.paydown_button_long : r.paydown_button_short;
   return /* @__PURE__ */ e(
     De,
     {
@@ -1480,12 +1481,12 @@ const Vt = (a) => {
 }), rr = ({ onBackClick: a, sx: o }) => {
   const { isDesktop: r, isMobile: t } = K(), { connect: n, debts: i } = C(), { onEvent: c } = R(), {
     config: { show_connections_widget_in_master: d }
-  } = ze(), { isInitialized: p } = Xe(), { setSelectedAccount: h } = Ye(), { selectedDebtPriority: m, setSelectedDebtChartData: w } = F(), {
+  } = ze(), { isInitialized: p } = Xe(), { setSelectedAccount: h } = Ve(), { selectedDebtPriority: m, setSelectedDebtChartData: w } = F(), {
     isAccountDataLoaded: b,
     loadAccountData: B,
     detailedAccounts: M,
     visibleDebtAccounts: I
-  } = re(), { isAllGoalDataLoaded: S, loadGoalData: T, monthlyCashFlowProfile: H } = Y(), { debts: y } = te(), [u, f] = g.useState(!1), [A, k] = g.useState(!1), [L, z] = g.useState(!1), [U, Ee] = g.useState(""), [Ie, ce] = g.useState(!1);
+  } = re(), { isAllGoalDataLoaded: S, loadGoalData: T, monthlyCashFlowProfile: H } = V(), { debts: y } = te(), [u, f] = g.useState(!1), [A, k] = g.useState(!1), [L, z] = g.useState(!1), [U, Ee] = g.useState(""), [Ie, ce] = g.useState(!1);
   pt({
     widgetName: "DebtsWidget",
     isLoaded: S

package/package.json

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