@mx-cartographer/experiences 7.11.1 → 7.11.3

package/dist/debts/index.es.js

@@ -3,7 +3,7 @@ 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 { Text as l, P as Ce, H3 as Fe, InstitutionLogo as Le, Icon as oe } from "@mxenabled/mxui";
+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";
 import { fromUnixTime as ue } from "date-fns/fromUnixTime";
@@ -11,16 +11,16 @@ import { getUnixTime as be } from "date-fns/getUnixTime";
 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 J, D as Q } from "../DateFormats-Cs-NbEZ7.mjs";
-import { G as je, v as ee, u as C, l as Y, g as R, d as te, a as ze, b as Xe } from "../hooks-0kWPTHNb.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-0kWPTHNb.mjs";
 import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as ne } from "../Drawer-DV4NTsFg.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-Bf3yJZ-O.mjs";
+import { A as Ve, u as Ye } from "../AccountDetailsHeader-hDo7gojQ.mjs";
 import Ke from "@mui/material/Card";
 import Ue from "@mui/material/CardContent";
 import qe from "@mui/material/CardHeader";
-import ie from "@mui/material/Box";
+import le from "@mui/material/Box";
 import { useTheme as Ze } from "@mui/material/styles";
 import { LineChart as Je } from "@mui/x-charts/LineChart";
 import { A as D } from "../Analytics-i5h6BxR1.mjs";
@@ -30,8 +30,8 @@ import Se from "@mui/material/List";
 import G from "@mui/material/Divider";
 import { M as et, I as tt, O as rt } from "../OriginalBalanceAction-CBZ_YHmB.mjs";
 import at from "@mui/material/TextField";
-import { L as re } from "../ListItemAction-Dq1lMdxh.mjs";
-import { C as le } from "../CurrencyInput-PMOAH5R3.mjs";
+import { L as ae } from "../ListItemAction-Dq1lMdxh.mjs";
+import { C as se } from "../CurrencyInput-PMOAH5R3.mjs";
 import ye from "@mui/material/Alert";
 import fe from "@mui/material/AlertTitle";
 import ge from "@mui/material/Paper";
@@ -44,10 +44,10 @@ import De from "@mui/material/Button";
 import lt from "@mui/material/IconButton";
 import st from "@mui/material/ListItem";
 import ct from "@mui/material/Popover";
-import { b as dt } from "../GlobalAccountFilter-DnhoRX8C.mjs";
+import { C as dt } from "../ConnectDrawer-BLwcW0Oe.mjs";
 import { u as pt } from "../useWidgetLoadTimer-yzSfT9dS.mjs";
 import { L as mt } from "../Loader-D3rjKx72.mjs";
-import { W as ht } from "../WidgetContainer-lNbK1wCG.mjs";
+import { W as ht } from "../WidgetContainer-B5jzz8M1.mjs";
 import { E as ut } from "../EmptyState-DHAkGsjk.mjs";
 const bt = (a, o = 0, r = 0) => {
   if (r === 0) return 0;
@@ -59,12 +59,12 @@ const bt = (a, o = 0, r = 0) => {
   const i = [];
   if (r === 0) {
     for (let d = 0; d < a; d++) {
-      const p = o - t * (d + 1), m = o - t * d, u = p >= 0 ? t : m;
+      const p = o - t * (d + 1), h = o - t * d, m = p >= 0 ? t : h;
       i.push({
         balance: p >= 0 ? p : 0,
         interest: r,
-        payment: u,
-        principal: u,
+        payment: m,
+        principal: m,
         timestamp: be(
           he(
             ue(n),
@@ -79,7 +79,7 @@ const bt = (a, o = 0, r = 0) => {
   }
   const c = r / 1200;
   for (let d = 0; d < a; d++) {
-    const p = be(he(ue(n), d + 1)), m = Math.pow(1 + c, d), u = o * m - t * ((m - 1) / c), w = Math.pow(1 + c, d + 1), b = o * w - t * ((w - 1) / c), B = t + Math.min(b, 0), M = u * c;
+    const p = be(he(ue(n), d + 1)), h = Math.pow(1 + c, d), m = o * h - t * ((h - 1) / c), w = Math.pow(1 + c, d + 1), b = o * w - t * ((w - 1) / c), B = t + Math.min(b, 0), M = m * c;
     i.push({
       balance: Math.max(0, b),
       interest: M,
@@ -126,14 +126,14 @@ const bt = (a, o = 0, r = 0) => {
   a.splice(0, a.length, ...r, ...t);
 };
 function gt(a, o, r = 0) {
-  const t = a.map((u) => ({ ...u })).filter(
-    (u) => u.interest_rate !== void 0 && u.monthly_payment !== void 0 && !u.is_paid_off
+  const t = a.map((m) => ({ ...m })).filter(
+    (m) => m.interest_rate !== void 0 && m.monthly_payment !== void 0 && !m.is_paid_off
   );
   Te(t, o);
   let n = 0, i = 0;
   const c = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
-  for (; t.some((u) => u.balance >= 0.01 && !u.is_impossible); ) {
-    let u = !1;
+  for (; t.some((m) => m.balance >= 0.01 && !m.is_impossible); ) {
+    let m = !1;
     for (const [w, b] of t.entries()) {
       if (b.balance <= 0.01 || b.is_impossible) continue;
       const M = (b.interest_rate ?? 0) / 100 / 12, I = b.balance * M;
@@ -144,23 +144,23 @@ function gt(a, o, r = 0) {
         b.is_impossible = !0;
         continue;
       }
-      b.balance -= T, b.balance = b.balance < 0.01 ? 0 : b.balance, n += I, b.balance <= 0 && (i += S), T > 0 && (u = !0);
+      b.balance -= T, b.balance = b.balance < 0.01 ? 0 : b.balance, n += I, b.balance <= 0 && (i += S), T > 0 && (m = !0);
     }
-    u && d.setMonth(d.getMonth() + 1);
+    m && d.setMonth(d.getMonth() + 1);
   }
-  const p = t.some((u) => u.is_impossible && u.balance > 0), m = $e({ start: c, end: d });
+  const p = t.some((m) => m.is_impossible && m.balance > 0), h = $e({ start: c, end: d });
   return {
     payoffSavings: p ? "N/A" : N(n, "0,0.00"),
-    payoffDate: p ? "Never" : J(d, Q.MONTH_YEAR),
-    payoffDuration: p ? "Stagnant" : He(m, { format: ["years", "months"] }) || "0 months"
+    payoffDate: p ? "Never" : Q(d, ee.MONTH_YEAR),
+    payoffDuration: p ? "Stagnant" : He(h, { format: ["years", "months"] }) || "0 months"
   };
 }
 const F = () => {
   if (!g.useContext(je))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
-  return ee().uiStore;
+  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: m, payoffDuration: u } = g.useMemo(() => {
+  const t = V(), { isMobile: n } = K(), { debts: i } = C(), { selectedDebtPriority: c } = F(), { monthlyCashFlowProfile: d } = Y(), { payoffDate: p, payoffSavings: h, payoffDuration: m } = g.useMemo(() => {
     const w = d?.extra_payment ?? 0;
     return gt(a, c, w);
   }, [a, c, d]);
@@ -190,11 +190,11 @@ const F = () => {
           }
         ),
         /* @__PURE__ */ s(_, { gap: n ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: m }),
+          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: h }),
           /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: i.snowball_card_amount_description })
         ] }),
         /* @__PURE__ */ s(_, { gap: n ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: u }),
+          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: m }),
           /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_duration_description })
         ] }),
         /* @__PURE__ */ e(
@@ -214,7 +214,7 @@ const F = () => {
 }, wt = v(xt), Ct = ({ isOpen: a, onClose: o }) => {
   const r = V(), { debts: t } = C(), [n, i] = g.useState(!1);
   return /* @__PURE__ */ e(
-    ne,
+    ie,
     {
       ariaLabelClose: "",
       isOpen: a,
@@ -590,31 +590,31 @@ const Ae = ({
   onClickArea: i,
   onHoverArea: c
 }) => {
-  const d = Ze(), { onEvent: p } = R(), m = t.filter((h) => !h.is_impossible), u = [
+  const d = Ze(), { onEvent: p } = R(), h = t.filter((u) => !u.is_impossible), m = [
     ...new Set(
-      m.flatMap((h) => h.dataset.map((f) => new Date(f.x).getTime()))
+      h.flatMap((u) => u.dataset.map((f) => new Date(f.x).getTime()))
     )
-  ].sort((h, f) => h - f).map((h) => new Date(h)), w = m.map((h) => {
-    const f = new Map(h.dataset.map((L) => [new Date(L.x).getTime(), L.y]));
-    let A = f.get(u[0].getTime()) ?? 0;
-    const k = u.map((L) => {
+  ].sort((u, f) => u - f).map((u) => new Date(u)), w = h.map((u) => {
+    const f = new Map(u.dataset.map((L) => [new Date(L.x).getTime(), L.y]));
+    let A = f.get(m[0].getTime()) ?? 0;
+    const k = m.map((L) => {
       const z = f.get(L.getTime()) ?? A;
       return A = z, { x: L, y: z };
     });
-    return { ...h, dataset: k };
+    return { ...u, dataset: k };
   }), b = w.reduce(
-    (h, f) => h + (f.dataset[0]?.y ?? 0),
+    (u, f) => u + (f.dataset[0]?.y ?? 0),
     0
-  ), B = u.map((h, f) => {
-    const A = f / (u.length - 1), k = b * (1 - A);
-    return { x: h, y: k };
-  }), M = Math.ceil(b / 100) * 100, I = u, S = w.map((h, f) => {
+  ), B = m.map((u, f) => {
+    const A = f / (m.length - 1), k = b * (1 - A);
+    return { x: u, y: k };
+  }), M = Math.ceil(b / 100) * 100, I = m, S = w.map((u, f) => {
     const A = 1 - f / w.length * 0.5, k = Dt(vt, A);
     return {
       id: `debt-${f}`,
-      guid: h.guid,
-      label: h.name,
-      data: h.dataset.map((L) => L.y),
+      guid: u.guid,
+      label: u.name,
+      data: u.dataset.map((L) => L.y),
       color: k,
       curve: "linear",
       type: "line",
@@ -626,7 +626,7 @@ const Ae = ({
   S.push({
     id: "payoff-line",
     label: "Payoff Line",
-    data: B.map((h) => h.y),
+    data: B.map((u) => u.y),
     color: d.palette.grey[700],
     curve: "linear",
     type: "line",
@@ -634,9 +634,9 @@ const Ae = ({
     showMark: !1,
     disableHighlight: !0
   });
-  const T = (h) => S.findIndex((f) => f?.guid === h);
+  const T = (u) => S.findIndex((f) => f?.guid === u);
   return /* @__PURE__ */ e(
-    ie,
+    le,
     {
       sx: {
         width: "100%",
@@ -658,13 +658,13 @@ const Ae = ({
           height: o,
           hideLegend: !0,
           margin: { bottom: 24, left: 32, right: 72, top: 48 },
-          onAreaClick: (h, f) => {
+          onAreaClick: (u, f) => {
             i?.();
             const A = S.find((k) => k.id === f.seriesId);
             p(D.DEBTS_CLICK_CHART_AREA, { account_guid: A?.guid });
           },
-          onHighlightChange: (h) => {
-            const f = S.find((A) => A.id === h?.seriesId)?.guid;
+          onHighlightChange: (u) => {
+            const f = S.find((A) => A.id === u?.seriesId)?.guid;
             c?.(f ?? "");
           },
           series: S,
@@ -703,10 +703,10 @@ const Ae = ({
             {
               data: I,
               disableTicks: !0,
-              min: u[0],
+              min: m[0],
               scaleType: "time",
               tickLabelMinGap: 24,
-              valueFormatter: (h) => J(h, Q.MONTH_SHORT_YEAR)
+              valueFormatter: (u) => Q(u, ee.MONTH_SHORT_YEAR)
             }
           ],
           yAxis: [
@@ -714,7 +714,7 @@ const Ae = ({
               min: 0,
               max: M,
               disableTicks: !0,
-              valueFormatter: (h) => N(h, "0a")
+              valueFormatter: (u) => N(u, "0a")
             }
           ]
         }
@@ -776,7 +776,7 @@ const Ae = ({
         },
         children: [
           /* @__PURE__ */ s(x, { flexGrow: 1, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: J(c, Q.MONTH_YEAR) }),
+            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: Q(c, ee.MONTH_YEAR) }),
             /* @__PURE__ */ e(l, { color: a.palette.secondary.main, variant: "XSmall", children: r.schedule_month_label })
           ] }),
           /* @__PURE__ */ s(x, { children: [
@@ -813,7 +813,7 @@ const Ae = ({
     ) })
   ] }) });
 }, It = v(Et), Bt = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = te(), { onEvent: t } = R(), [n, i] = g.useState(a.interest_rate ?? 0), c = n < 0, d = async () => {
+  const { debts: o } = C(), { updateAccount: r } = re(), { onEvent: t } = R(), [n, i] = g.useState(a.interest_rate ?? 0), c = n < 0, d = async () => {
     await r({ ...a.account, interest_rate: n }), a.interest_rate = n, t(D.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
@@ -821,7 +821,7 @@ const Ae = ({
     }, 250);
   };
   return /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isSaveDisabled: c,
       label: `${o.details_interest_rate} (%)`,
@@ -835,7 +835,7 @@ const Ae = ({
         {
           error: c,
           fullWidth: !0,
-          onChange: (m) => i(isNaN(parseFloat(m.target.value)) ? 0 : parseFloat(m.target.value)),
+          onChange: (h) => i(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
           type: "number",
           value: n
         }
@@ -843,7 +843,7 @@ const Ae = ({
     }
   );
 }), Mt = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = te(), { onEvent: t } = R(), [n, i] = g.useState(a.monthly_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+  const { debts: o } = C(), { updateAccount: r } = re(), { onEvent: t } = R(), [n, i] = g.useState(a.monthly_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
     await r({ ...a.account, minimum_payment: n }), a.monthly_payment = n, t(D.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
@@ -851,7 +851,7 @@ const Ae = ({
     }, 250);
   };
   return /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isSaveDisabled: c,
       label: o.details_monthly_payment,
@@ -861,21 +861,21 @@ const Ae = ({
       secondaryText: N(a.monthly_payment, "0,0"),
       zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
       children: /* @__PURE__ */ e(
-        le,
+        se,
         {
           amount: n,
           autoFocus: !0,
           error: c,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
+          setAmount: (h) => i(isNaN(Number(h)) ? n : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), kt = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = te(), { onEvent: t } = R(), [n, i] = g.useState(a.original_balance ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+  const { debts: o } = C(), { updateAccount: r } = re(), { onEvent: t } = R(), [n, i] = g.useState(a.original_balance ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
     await r({ ...a.account, original_balance: n }), a.original_balance = n, t(D.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
@@ -883,7 +883,7 @@ const Ae = ({
     }, 250);
   };
   return /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isSaveDisabled: c,
       label: o.details_original_balance,
@@ -893,14 +893,14 @@ const Ae = ({
       secondaryText: N(a.original_balance, "0,0"),
       zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
       children: /* @__PURE__ */ e(
-        le,
+        se,
         {
           amount: n,
           autoFocus: !0,
           error: c,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
+          setAmount: (h) => i(isNaN(Number(h)) ? n : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
@@ -1010,7 +1010,7 @@ const Ae = ({
 }, $t = v(Lt), Ht = ({ isOpen: a, onClose: o }) => {
   const { debts: r } = C(), { showError: t, showCompleted: n } = F(), i = t || n ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(At, {});
   return /* @__PURE__ */ e(
-    ne,
+    ie,
     {
       ariaLabelClose: r.details_close_aria,
       isOpen: a,
@@ -1033,7 +1033,7 @@ const Ae = ({
     }, 250);
   };
   return /* @__PURE__ */ e(
-    re,
+    ae,
     {
       isSaveDisabled: c,
       label: a.paydown_drawer_extra_payment,
@@ -1043,21 +1043,21 @@ const Ae = ({
       secondaryText: N(o?.extra_payment, "0,0"),
       zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
-        le,
+        se,
         {
           amount: n,
           autoFocus: !0,
           error: c,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
+          setAmount: (h) => i(isNaN(Number(h)) ? n : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), Wt = () => {
-  const { debts: a } = C(), { totalMonthlyPayments: o } = ee(), { monthlyCashFlowProfile: r } = Y(), t = o + Number(r?.extra_payment);
+  const { debts: a } = C(), { totalMonthlyPayments: o } = te(), { monthlyCashFlowProfile: r } = Y(), 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: [
@@ -1079,7 +1079,7 @@ const Ae = ({
 }, Gt = v(Wt), jt = ({ isOpen: a, onClose: o }) => {
   const { debts: r } = C();
   return /* @__PURE__ */ e(
-    ne,
+    ie,
     {
       ariaLabelClose: r.paydown_drawer_close_aria,
       isOpen: a,
@@ -1109,7 +1109,7 @@ const Vt = (a) => {
 }, Yt = (a) => {
   const o = String(a.formattedValue), r = Vt(o);
   return /* @__PURE__ */ e(
-    ie,
+    le,
     {
       sx: {
         display: "flex",
@@ -1147,7 +1147,7 @@ const Vt = (a) => {
   onHoverRow: t,
   onClickRow: n
 }) => {
-  const i = V(), { onEvent: c } = R(), { isMobile: d } = K(), { debts: p, common: m } = C(), [u, w] = g.useState([
+  const i = V(), { onEvent: c } = R(), { isMobile: d } = K(), { debts: p, common: h } = C(), [m, w] = g.useState([
     { field: "priority", sort: "asc" }
   ]), b = [
     {
@@ -1206,7 +1206,7 @@ const Vt = (a) => {
       field: "projected_payoff_date",
       headerName: p.table_column_payoff_date,
       renderHeader: j,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: y.value ? J(y.value, Q.MONTH_SHORT_YEAR) : "---" }),
+      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: y.value ? Q(y.value, ee.MONTH_SHORT_YEAR) : "---" }),
       sortable: !0,
       hideSortIcons: d,
       type: "number",
@@ -1234,7 +1234,7 @@ const Vt = (a) => {
       field: "chevron",
       headerClassName: "chevron-header",
       headerName: "",
-      renderCell: () => /* @__PURE__ */ e(_, { "aria-label": m.see_details, role: "button", children: /* @__PURE__ */ e(oe, { name: "chevron_right" }) }),
+      renderCell: () => /* @__PURE__ */ e(_, { "aria-label": h.see_details, role: "button", children: /* @__PURE__ */ e(ne, { name: "chevron_right" }) }),
       sortable: !1,
       hideSortIcons: !0,
       type: "custom",
@@ -1242,9 +1242,9 @@ const Vt = (a) => {
       headerAlign: "right",
       width: 20
     }
-  ], M = g.useMemo(() => o.map((y, h) => ({
+  ], M = g.useMemo(() => o.map((y, u) => ({
     ...y,
-    id: h,
+    id: u,
     priority: Xt(y)
   })), [o]), I = (y) => {
     const A = y.target.closest("[data-id]")?.getAttribute("data-id"), k = o[Number(A)];
@@ -1253,9 +1253,9 @@ const Vt = (a) => {
     d || I(y);
   }, T = (y) => {
     d && I(y);
-  }, H = (y) => M.find((h) => h.guid === y)?.id;
+  }, H = (y) => M.find((u) => u.guid === y)?.id;
   return /* @__PURE__ */ e(
-    ie,
+    le,
     {
       sx: {
         height: "100dvh",
@@ -1272,7 +1272,7 @@ const Vt = (a) => {
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
-          initialState: { sorting: { sortModel: u } },
+          initialState: { sorting: { sortModel: m } },
           onRowClick: (y) => {
             n(), c(D.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
           },
@@ -1289,7 +1289,7 @@ const Vt = (a) => {
               onClick: d ? T : void 0
             }
           },
-          sortModel: u,
+          sortModel: m,
           sortingOrder: ["asc", "desc"],
           sx: {
             "& .chevron-header": { display: "none" },
@@ -1302,17 +1302,23 @@ const Vt = (a) => {
       )
     }
   );
-}, qt = ({ buttonText: a, isOpen: o, onClick: r }) => {
-  const { isDesktop: t, isTablet: n } = K(), i = o ? "unfold_less" : "unfold_more";
-  return t || n ? /* @__PURE__ */ e(
+}, qt = ({
+  buttonText: a,
+  disabled: o,
+  isOpen: r,
+  onClick: t
+}) => {
+  const { isDesktop: n, isTablet: i } = K(), c = r ? "unfold_less" : "unfold_more";
+  return n || i ? /* @__PURE__ */ e(
     De,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: r,
-      startIcon: /* @__PURE__ */ e(oe, { name: i }),
+      disabled: o,
+      onClick: t,
+      startIcon: /* @__PURE__ */ e(ne, { name: c }),
       sx: { justifyContent: "start", minWidth: 214, mx: 4 },
       children: a
     }
@@ -1323,8 +1329,9 @@ const Vt = (a) => {
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: r,
-      children: /* @__PURE__ */ e(oe, { name: i })
+      disabled: o,
+      onClick: t,
+      children: /* @__PURE__ */ e(ne, { name: c })
     }
   );
 }, Zt = v(({ buttonEl: a, onClose: o }) => {
@@ -1345,8 +1352,8 @@ const Vt = (a) => {
       priority: P.HIGHEST_BALANCE,
       text: t.priority_sort_highest_balance
     }
-  ], p = (m) => {
-    i(m), r(D.DEBTS_CLICK_PRIORITY, { debts_priority: m });
+  ], p = (h) => {
+    i(h), r(D.DEBTS_CLICK_PRIORITY, { debts_priority: h });
   };
   return /* @__PURE__ */ e(
     ct,
@@ -1363,13 +1370,13 @@ const Vt = (a) => {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(Se, { children: d.map(({ priority: m, text: u }) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ e(Se, { children: d.map(({ priority: h, text: m }) => /* @__PURE__ */ s(
         st,
         {
-          onClick: () => p(m),
+          onClick: () => p(h),
           sx: {
-            bgcolor: n === m ? "primary.main" : void 0,
-            color: n === m ? "#fff" : void 0,
+            bgcolor: n === h ? "primary.main" : void 0,
+            color: n === h ? "#fff" : void 0,
             justifyContent: "space-between",
             minHeight: 44,
             minWidth: 268,
@@ -1382,28 +1389,36 @@ const Vt = (a) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: u }),
-            n === m && /* @__PURE__ */ e(ve, { color: "inherit", filled: !0, fontSize: "small" })
+            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: m }),
+            n === h && /* @__PURE__ */ e(ve, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
-        m
+        h
       )) })
     }
   );
-}), Jt = v(() => {
-  const { onEvent: a } = R(), { debts: o } = C(), { selectedDebtPriority: r } = F(), [t, n] = g.useState(null), i = (m) => {
-    n(m.currentTarget), a(D.DEBTS_CLICK_PRIORITIZE);
-  }, c = () => {
-    n(null);
-  }, d = !!t, p = g.useMemo(() => ({
-    [P.FASTEST_PAYOFF_FIRST]: o.priority_sort_fastest_payoff,
-    [P.HIGHEST_INTEREST]: o.priority_sort_highest_interest,
-    [P.HIGHEST_BALANCE]: o.priority_sort_highest_balance,
-    [P.LOWEST_BALANCE]: o.priority_sort_lowest_balance
-  })[r] ?? o.priority_sort_lowest_balance, [r]);
+}), Jt = v(({ disabled: a }) => {
+  const { onEvent: o } = R(), { debts: r } = C(), { selectedDebtPriority: t } = F(), [n, i] = g.useState(null), c = (m) => {
+    i(m.currentTarget), o(D.DEBTS_CLICK_PRIORITIZE);
+  }, d = () => {
+    i(null);
+  }, p = !!n, h = g.useMemo(() => ({
+    [P.FASTEST_PAYOFF_FIRST]: r.priority_sort_fastest_payoff,
+    [P.HIGHEST_INTEREST]: r.priority_sort_highest_interest,
+    [P.HIGHEST_BALANCE]: r.priority_sort_highest_balance,
+    [P.LOWEST_BALANCE]: r.priority_sort_lowest_balance
+  })[t] ?? r.priority_sort_lowest_balance, [t]);
   return /* @__PURE__ */ s(_, { children: [
-    /* @__PURE__ */ e(qt, { buttonText: p, isOpen: d, onClick: i }),
-    /* @__PURE__ */ e(Zt, { buttonEl: t, onClose: c })
+    /* @__PURE__ */ e(
+      qt,
+      {
+        buttonText: h,
+        disabled: a,
+        isOpen: p,
+        onClick: c
+      }
+    ),
+    /* @__PURE__ */ e(Zt, { buttonEl: n, onClose: d })
   ] });
 }), Qt = (a, o, r = 0) => {
   const t = a.map((p) => ({ ...p }));
@@ -1417,23 +1432,23 @@ const Vt = (a) => {
       dataset: [{ x: new Date(n), y: p.balance }]
     });
   for (; t.some((p) => p.balance >= 0.01 && !p.is_impossible); ) {
-    let p = !1, m = !1, u = !1;
+    let p = !1, h = !1, m = !1;
     for (const [w, b] of t.entries()) {
       if (b.balance <= 0.01) continue;
       const B = i[w].dataset, I = (b.interest_rate ?? 0) / 100 / 12, S = b.balance * I, T = b.monthly_payment ?? 0;
       let H = T, y = 0;
-      !u && r > 0 && (H += r, u = !0), !m && c > 0 && (y = c, m = !0), b.balance += S;
-      const h = Math.min(b.balance, H + y);
-      if (h <= S) {
+      !m && r > 0 && (H += r, m = !0), !h && c > 0 && (y = c, h = !0), b.balance += S;
+      const u = Math.min(b.balance, H + y);
+      if (u <= S) {
         b.is_impossible = !0, i[w].is_impossible = !0, i[w].priority = void 0, B.push({ x: new Date(n), y: b.balance });
         continue;
       }
-      b.balance -= h, b.balance = b.balance < 0.01 ? 0 : b.balance, B.push({
+      b.balance -= u, b.balance = b.balance < 0.01 ? 0 : b.balance, B.push({
         x: new Date(n),
         y: Math.max(0, b.balance),
-        payment: h,
+        payment: u,
         extra: y
-      }), b.balance <= 0 && (c += T, i[w].projected_payoff_date = new Date(n)), h > 0 && (p = !0);
+      }), b.balance <= 0 && (c += T, i[w].projected_payoff_date = new Date(n)), u > 0 && (p = !0);
     }
     p && n.setMonth(n.getMonth() + 1);
   }
@@ -1447,8 +1462,8 @@ const Vt = (a) => {
   header: o ? a.empty_state_header : a.empty_state_header_no_aggregation,
   onClickHandler: o ? r : void 0,
   primaryButton: o ? a.connect_accounts : void 0
-}), tr = v(({ onClick: a }) => {
-  const { debts: o } = C(), { isDesktop: r } = K(), { totalMonthlyPayments: t } = ee(), { monthlyCashFlowProfile: n } = Y(), i = t + Number(n?.extra_payment), c = r ? o.paydown_button_long : o.paydown_button_short;
+}), 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;
   return /* @__PURE__ */ e(
     De,
     {
@@ -1456,36 +1471,37 @@ const Vt = (a) => {
       "aria-describedby": "extra-paydown",
       "aria-haspopup": !0,
       "aria-label": "extra-paydown",
-      onClick: a,
+      disabled: a,
+      onClick: o,
       sx: { justifyContent: "start", minWidth: 100, mx: 4 },
-      children: E(c, N(i, "0,0"))
+      children: E(d, N(c, "0,0"))
     }
   );
 }), 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: m } = Ye(), { selectedDebtPriority: u, setSelectedDebtChartData: w } = F(), {
+  } = ze(), { isInitialized: p } = Xe(), { setSelectedAccount: h } = Ye(), { selectedDebtPriority: m, setSelectedDebtChartData: w } = F(), {
     isAccountDataLoaded: b,
     loadAccountData: B,
     detailedAccounts: M,
     visibleDebtAccounts: I
-  } = te(), { isAllGoalDataLoaded: S, loadGoalData: T, monthlyCashFlowProfile: H } = Y(), { debts: y } = ee(), [h, f] = g.useState(!1), [A, k] = g.useState(!1), [L, z] = g.useState(!1), [U, Ee] = g.useState(""), [Ie, se] = g.useState(!1);
+  } = 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);
   pt({
     widgetName: "DebtsWidget",
     isLoaded: S
   });
   const q = g.useMemo(() => {
     const O = H?.extra_payment ?? 0;
-    return Qt(y, u, O);
-  }, [y, u, H]);
+    return Qt(y, m, O);
+  }, [y, m, H]);
   g.useEffect(() => {
     b || B().finally(), c(D.DEBTS_VIEW);
   }, []), g.useEffect(() => {
     p && T().finally();
   }, [p]);
-  const ce = (O) => Ee(O), de = () => {
-    const O = I.find((ae) => ae.guid === U), me = q.find((ae) => ae.guid === U);
-    O && m(O), me && w(me), f(!0);
+  const de = (O) => Ee(O), pe = () => {
+    const O = I.find((oe) => oe.guid === U), me = q.find((oe) => oe.guid === U);
+    O && h(O), me && w(me), f(!0);
   }, Be = () => c(D.DEBTS_CLICK_FILTER), Me = () => {
     z(!0), c(D.DEBTS_CLICK_SNOWBALL_CTA);
   }, ke = () => {
@@ -1493,17 +1509,17 @@ const Vt = (a) => {
   };
   if (!p || !S)
     return /* @__PURE__ */ e(mt, {});
-  const Pe = M.length === 0, Ne = I.length === 0, Re = y.length === 0, pe = Pe || Ne || Re, Z = er(
+  const Pe = M.length === 0, Ne = I.length === 0, Re = y.length === 0, Z = Pe || Ne || Re, J = er(
     i,
     d,
-    () => se(!0)
+    () => ce(!0)
   );
   return /* @__PURE__ */ s(
     ht,
     {
       actions: [
-        /* @__PURE__ */ e(Jt, {}, "prioritize-debts"),
-        /* @__PURE__ */ e(tr, { onClick: ke }, "extra-paydown")
+        /* @__PURE__ */ e(Jt, { disabled: Z }, "prioritize-debts"),
+        /* @__PURE__ */ e(tr, { disabled: Z, onClick: ke }, "extra-paydown")
       ],
       allowedAccountTypes: [
         X.CREDIT_CARD,
@@ -1518,18 +1534,18 @@ const Vt = (a) => {
       title: i.title,
       children: [
         /* @__PURE__ */ s(x, { sx: { pt: 48, px: r ? "48px" : "24px" }, children: [
-          pe && /* @__PURE__ */ e(
+          Z && /* @__PURE__ */ e(
             ut,
             {
-              header: Z.header,
+              header: J.header,
               icon: "note_stack",
-              onClick: Z.onClickHandler,
-              primaryButton: Z.primaryButton,
-              subText: Z.description,
+              onClick: J.onClickHandler,
+              primaryButton: J.primaryButton,
+              subText: J.description,
               sx: { maxWidth: 400 }
             }
           ),
-          !pe && /* @__PURE__ */ s($, { children: [
+          !Z && /* @__PURE__ */ s($, { children: [
             /* @__PURE__ */ s(
               x,
               {
@@ -1545,8 +1561,8 @@ const Vt = (a) => {
                       debts: q,
                       height: t ? 250 : void 0,
                       hoveredDebtGuid: U,
-                      onClickArea: de,
-                      onHoverArea: ce,
+                      onClickArea: pe,
+                      onHoverArea: de,
                       sx: { mr: t ? "4px" : "-48px" }
                     }
                   ),
@@ -1566,8 +1582,8 @@ const Vt = (a) => {
               {
                 debts: q,
                 hoveredDebtGuid: U,
-                onClickRow: de,
-                onHoverRow: ce
+                onClickRow: pe,
+                onHoverRow: de
               }
             ) })
           ] })
@@ -1579,12 +1595,12 @@ const Vt = (a) => {
             onClose: () => z(!1)
           }
         ),
-        /* @__PURE__ */ e(Ht, { isOpen: h, onClose: () => f(!1) }),
+        /* @__PURE__ */ e(Ht, { isOpen: u, onClose: () => f(!1) }),
         /* @__PURE__ */ e(jt, { isOpen: A, onClose: () => k(!1) }),
         /* @__PURE__ */ e(
           dt,
           {
-            onClose: () => se(!1),
+            onClose: () => ce(!1),
             showConnectWidget: Ie,
             title: n.mini_title
           }