@mx-cartographer/experiences 7.0.11-alpha.al0 → 7.0.11

package/dist/debts/index.es.js

@@ -1,42 +1,42 @@
 import { jsx as e, jsxs as s, Fragment as L } from "react/jsx-runtime";
 import y from "react";
-import { observer as D } from "mobx-react-lite";
+import { observer as S } from "mobx-react-lite";
 import f from "@mui/material/Stack";
-import { useTheme as j, Card as pe, Stack as _, Box as O } from "@mui/material";
+import { useTheme as j, Card as me, Stack as _, Box as O } from "@mui/material";
 import { Text as i, H3 as we, InstitutionLogo as Ce, Icon as ee } from "@mxenabled/mxui";
-import { intervalToDuration as De, formatDuration as Se } from "date-fns";
-import { D as $ } from "../DebtsStore-BR1o55kk.mjs";
-import { a as Dr } from "../DebtsStore-BR1o55kk.mjs";
+import { intervalToDuration as Se, formatDuration as De } from "date-fns";
+import { D as $ } from "../DebtsStore-BwmpJMik.mjs";
+import { a as Sr } from "../DebtsStore-BwmpJMik.mjs";
 import { f as B, a as ve } from "../NumberFormatting-CtWHhyBX.mjs";
 import { f as K, D as U } from "../Dialog-CWW597AF.mjs";
-import { G as Te, x as q, u as C, j as z, e as M, c as Z, a as Ae } from "../hooks-DcS6DyRl.mjs";
+import { G as Te, x as q, u as C, j as z, e as M, c as Z, a as Ae } from "../hooks-DkUqN6JE.mjs";
 import { u as X } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as te } from "../Drawer-kEE73B87.mjs";
 import { b as T } from "../Localization-2MODESHW.mjs";
-import { A as Ee, u as Ie } from "../AccountDetailsHeader-nc5mqlHm.mjs";
+import { A as Ee, u as Ie } from "../AccountDetailsHeader-vSwO-5Wk.mjs";
 import Be from "@mui/material/Card";
 import Me from "@mui/material/CardContent";
 import ke from "@mui/material/CardHeader";
 import { LineChart as Pe } from "@mui/x-charts";
+import re from "@mui/material/Box";
 import { useTheme as Ne } from "@mui/material/styles";
-import { A as v, W as Re } from "../WidgetContainer-QcfqagZD.mjs";
-import ie from "@mui/material/Tab";
+import { A as v, W as Re } from "../WidgetContainer-BHhhVctF.mjs";
+import le from "@mui/material/Tab";
 import $e from "@mui/material/Tabs";
-import me from "@mui/material/List";
+import he from "@mui/material/List";
 import W from "@mui/material/Divider";
-import { M as Le, I as He, O as Fe } from "../OriginalBalanceAction-DDMRgIBU.mjs";
+import { M as Le, I as He, O as Fe } from "../OriginalBalanceAction-DepsKiJz.mjs";
 import Oe from "@mui/material/TextField";
-import { L as J } from "../ListItemAction-Cwadpg85.mjs";
-import { C as re } from "../CurrencyInput-BtrNBP3z.mjs";
-import le from "@mui/material/Alert";
-import se from "@mui/material/AlertTitle";
-import ce from "@mui/material/Paper";
-import { Error as We, CheckCircle as he } from "@mxenabled/mx-icons";
-import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
+import { L as J } from "../ListItemAction-DNZZ5fSa.mjs";
+import { C as ae } from "../CurrencyInput-bEx2Mbd0.mjs";
+import se from "@mui/material/Alert";
+import ce from "@mui/material/AlertTitle";
+import de from "@mui/material/Paper";
+import { Error as We, CheckCircle as ue } from "@mxenabled/mx-icons";
+import { T as pe } from "../TabContentContainer-j01JYR_7.mjs";
 import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
-import ue from "@mui/material/Box";
 import { H as G } from "../HeaderCell-DjuifqHJ.mjs";
-import { f as je } from "../ConnectDrawer-BfYwIgKa.mjs";
+import { f as je } from "../ConnectDrawer-BA9H_xx8.mjs";
 import be from "@mui/material/Button";
 import ze from "@mui/material/IconButton";
 import Xe from "@mui/material/ListItem";
@@ -68,25 +68,25 @@ function Ke(a, o, n = 0) {
   const d = /* @__PURE__ */ new Date(), m = /* @__PURE__ */ new Date();
   for (; r.some((p) => p.balance >= 0.01 && !p.is_impossible); ) {
     let p = !1;
-    for (const [x, g] of r.entries()) {
-      if (g.balance <= 0.01 || g.is_impossible) continue;
-      const k = (g.interest_rate ?? 0) / 100 / 12, S = g.balance * k;
-      let u = g.monthly_payment ?? 0;
-      x === 0 && n && (u += n), g.balance += S;
-      const A = Math.min(g.balance, u + l);
-      if (A <= S) {
-        g.is_impossible = !0;
+    for (const [g, x] of r.entries()) {
+      if (x.balance <= 0.01 || x.is_impossible) continue;
+      const k = (x.interest_rate ?? 0) / 100 / 12, D = x.balance * k;
+      let u = x.monthly_payment ?? 0;
+      g === 0 && n && (u += n), x.balance += D;
+      const A = Math.min(x.balance, u + l);
+      if (A <= D) {
+        x.is_impossible = !0;
         continue;
       }
-      g.balance -= A, g.balance = g.balance < 0.01 ? 0 : g.balance, t += S, g.balance <= 0 && (l += u), A > 0 && (p = !0);
+      x.balance -= A, x.balance = x.balance < 0.01 ? 0 : x.balance, t += D, x.balance <= 0 && (l += u), A > 0 && (p = !0);
     }
     p && m.setMonth(m.getMonth() + 1);
   }
-  const c = r.some((p) => p.is_impossible && p.balance > 0), h = De({ start: d, end: m });
+  const c = r.some((p) => p.is_impossible && p.balance > 0), h = Se({ start: d, end: m });
   return {
     payoffSavings: c ? "N/A" : B(t, "0,0.00"),
     payoffDate: c ? "Never" : K(m, U.MONTH_YEAR),
-    payoffDuration: c ? "Stagnant" : Se(h, { format: ["years", "months"] }) || "0 months"
+    payoffDuration: c ? "Stagnant" : De(h, { format: ["years", "months"] }) || "0 months"
   };
 }
 const R = () => {
@@ -95,11 +95,11 @@ const R = () => {
   return q().uiStore;
 }, Ue = ({ debts: a, onClickCta: o, sx: n }) => {
   const r = j(), { isMobile: t } = X(), { debts: l } = C(), { selectedDebtPriority: d } = R(), { monthlyCashFlowProfile: m } = z(), { payoffDate: c, payoffSavings: h, payoffDuration: p } = y.useMemo(() => {
-    const x = m?.extra_payment ?? 0;
-    return Ke(a, d, x);
+    const g = m?.extra_payment ?? 0;
+    return Ke(a, d, g);
   }, [a, d, m]);
   return /* @__PURE__ */ e(
-    pe,
+    me,
     {
       sx: {
         boxShadow: r.shadows[2],
@@ -145,7 +145,7 @@ const R = () => {
       ] })
     }
   );
-}, qe = D(Ue), Ze = ({ isOpen: a, onClose: o, sx: n }) => {
+}, qe = S(Ue), Ze = ({ isOpen: a, onClose: o, sx: n }) => {
   const r = j(), { debts: t } = C(), [l, d] = y.useState(!1);
   return /* @__PURE__ */ e(
     te,
@@ -163,7 +163,7 @@ const R = () => {
             /* @__PURE__ */ e(i, { variant: "H1", children: t.snowball_drawer_savings }),
             /* @__PURE__ */ e(i, { color: r.palette.secondary.main, variant: "Small", children: t.snowball_drawer_duration_description })
           ] }),
-          /* @__PURE__ */ s(pe, { sx: { display: "grid", py: 16, px: 24 }, children: [
+          /* @__PURE__ */ s(me, { sx: { display: "grid", py: 16, px: 24 }, children: [
             /* @__PURE__ */ e(i, { mb: 4, variant: "H3", children: t.snowball_drawer_question }),
             /* @__PURE__ */ e(
               i,
@@ -507,7 +507,7 @@ const R = () => {
       ] })
     }
   );
-}, Je = D(Ze), Qe = "#FF7B08";
+}, Je = S(Ze), Qe = "#FF7B08";
 function et(a, o) {
   const [n, r, t] = a.replace(/^#/, "").match(/.{1,2}/g).map((d) => parseInt(d, 16)), l = [
     Math.max(0, Math.min(255, Math.round(n * o))),
@@ -529,7 +529,7 @@ const ye = ({
     ...new Set(
       h.flatMap((b) => b.dataset.map((w) => new Date(w.x).getTime()))
     )
-  ].sort((b, w) => b - w).map((b) => new Date(b)), x = h.map((b) => {
+  ].sort((b, w) => b - w).map((b) => new Date(b)), g = h.map((b) => {
     const w = new Map(b.dataset.map((N) => [new Date(N.x).getTime(), N.y]));
     let I = w.get(p[0].getTime()) ?? 0;
     const P = p.map((N) => {
@@ -537,14 +537,14 @@ const ye = ({
       return I = H, { x: N, y: H };
     });
     return { ...b, dataset: P };
-  }), g = x.reduce(
+  }), x = g.reduce(
     (b, w) => b + (w.dataset[0]?.y ?? 0),
     0
   ), E = p.map((b, w) => {
-    const I = w / (p.length - 1), P = g * (1 - I);
+    const I = w / (p.length - 1), P = x * (1 - I);
     return { x: b, y: P };
-  }), k = Math.ceil(g / 100) * 100, S = p, u = x.map((b, w) => {
-    const I = 1 - w / x.length * 0.5, P = et(Qe, I);
+  }), k = Math.ceil(x / 100) * 100, D = p, u = g.map((b, w) => {
+    const I = 1 - w / g.length * 0.5, P = et(Qe, I);
     return {
       id: `debt-${w}`,
       guid: b.guid,
@@ -571,71 +571,88 @@ const ye = ({
   });
   const A = (b) => u.findIndex((w) => w?.guid === b);
   return /* @__PURE__ */ e(
-    Pe,
+    re,
     {
-      axisHighlight: { x: "none" },
-      disableLineItemHighlight: !0,
-      height: o,
-      onAreaClick: (b, w) => {
-        l?.();
-        const I = u.find((P) => P.id === w.seriesId);
-        c(v.DEBTS_CLICK_CHART_AREA, { account_guid: I?.guid });
-      },
-      onHighlightChange: (b) => {
-        const w = u.find((I) => I.id === b?.seriesId)?.guid;
-        d?.(w ?? "");
-      },
-      series: u,
-      skipAnimation: !0,
-      slotProps: {
-        legend: {
-          hidden: !0
-        }
-      },
       sx: {
-        p: 4,
-        "& .MuiBarLabel-root": {
-          fontSize: 10,
-          fontWeight: 600
-        },
-        "& .MuiAreaElement-root": {
-          opacity: 0.4,
-          transition: "opacity 0.3s ease"
-        },
-        "& .MuiAreaElement-root:hover": {
-          opacity: 1
-        },
-        "& .MuiLineElement-series-payoff-line": {
-          strokeDasharray: "10 5",
-          strokeWidth: 1
-        },
-        [`& .MuiLineElement-series-debt-${A(t ?? "0")}`]: {
-          opacity: 1
-        },
-        [`& .MuiAreaElement-series-debt-${A(t ?? "0")}`]: {
-          opacity: 1
+        width: "100%",
+        height: "100%",
+        touchAction: "pan-y",
+        "& svg": {
+          touchAction: "pan-y",
+          userSelect: "none"
         },
-        ...a
-      },
-      tooltip: { trigger: "none" },
-      width: n,
-      xAxis: [
-        {
-          data: S,
-          scaleType: "time",
-          min: p[0],
-          disableTicks: !0,
-          valueFormatter: (b) => K(b, U.MONTH_SHORT_YEAR)
+        "& .recharts-wrapper": {
+          touchAction: "pan-y"
         }
-      ],
-      yAxis: [
+      },
+      children: /* @__PURE__ */ e(
+        Pe,
         {
-          min: 0,
-          max: k,
-          disableTicks: !0,
-          valueFormatter: (b) => B(b, "0a")
+          axisHighlight: { x: "none" },
+          disableLineItemHighlight: !0,
+          height: o,
+          onAreaClick: (b, w) => {
+            l?.();
+            const I = u.find((P) => P.id === w.seriesId);
+            c(v.DEBTS_CLICK_CHART_AREA, { account_guid: I?.guid });
+          },
+          onHighlightChange: (b) => {
+            const w = u.find((I) => I.id === b?.seriesId)?.guid;
+            d?.(w ?? "");
+          },
+          series: u,
+          skipAnimation: !0,
+          slotProps: {
+            legend: {
+              hidden: !0
+            }
+          },
+          sx: {
+            p: 4,
+            "& .MuiBarLabel-root": {
+              fontSize: 10,
+              fontWeight: 600
+            },
+            "& .MuiAreaElement-root": {
+              opacity: 0.4,
+              transition: "opacity 0.3s ease"
+            },
+            "& .MuiAreaElement-root:hover": {
+              opacity: 1
+            },
+            "& .MuiLineElement-series-payoff-line": {
+              strokeDasharray: "10 5",
+              strokeWidth: 1
+            },
+            [`& .MuiLineElement-series-debt-${A(t ?? "0")}`]: {
+              opacity: 1
+            },
+            [`& .MuiAreaElement-series-debt-${A(t ?? "0")}`]: {
+              opacity: 1
+            },
+            ...a
+          },
+          tooltip: { trigger: "none" },
+          width: n,
+          xAxis: [
+            {
+              data: D,
+              scaleType: "time",
+              min: p[0],
+              disableTicks: !0,
+              valueFormatter: (b) => K(b, U.MONTH_SHORT_YEAR)
+            }
+          ],
+          yAxis: [
+            {
+              min: 0,
+              max: k,
+              disableTicks: !0,
+              valueFormatter: (b) => B(b, "0a")
+            }
+          ]
         }
-      ]
+      )
     }
   );
 }, tt = () => {
@@ -665,9 +682,9 @@ const ye = ({
       }
     )
   ] });
-}, rt = D(tt), at = () => {
+}, rt = S(tt), at = () => {
   const a = j(), { onEvent: o } = M(), { debts: n } = C(), { selectedDebtChartData: r, showCompleted: t, showError: l } = R();
-  return y.useEffect(() => o(v.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(me, { children: l || t ? /* @__PURE__ */ e(
+  return y.useEffect(() => o(v.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(he, { children: l || t ? /* @__PURE__ */ e(
     i,
     {
       color: a.palette.secondary.main,
@@ -729,7 +746,7 @@ const ye = ({
       }
     ) })
   ] }) });
-}, ot = D(at), nt = D(({ debt: a }) => {
+}, ot = S(at), nt = S(({ debt: a }) => {
   const { debts: o } = C(), { updateAccount: n } = Z(), { onEvent: r } = M(), [t, l] = y.useState(a.interest_rate ?? 0), d = t < 0, m = async () => {
     await n({ ...a.account, interest_rate: t }), a.interest_rate = t, r(v.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
   }, c = () => {
@@ -759,7 +776,7 @@ const ye = ({
       )
     }
   );
-}), it = D(({ debt: a }) => {
+}), it = S(({ debt: a }) => {
   const { debts: o } = C(), { updateAccount: n } = Z(), { onEvent: r } = M(), [t, l] = y.useState(a.monthly_payment ?? 0), d = t < 0 || t > 9999999999e-2, m = async () => {
     await n({ ...a.account, minimum_payment: t }), a.monthly_payment = t, r(v.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
   }, c = () => {
@@ -778,7 +795,7 @@ const ye = ({
       secondaryText: B(a.monthly_payment, "0,0"),
       zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
       children: /* @__PURE__ */ e(
-        re,
+        ae,
         {
           amount: t,
           autoFocus: !0,
@@ -791,7 +808,7 @@ const ye = ({
       )
     }
   );
-}), lt = D(({ debt: a }) => {
+}), lt = S(({ debt: a }) => {
   const { debts: o } = C(), { updateAccount: n } = Z(), { onEvent: r } = M(), [t, l] = y.useState(a.original_balance ?? 0), d = t < 0 || t > 9999999999e-2, m = async () => {
     await n({ ...a.account, original_balance: t }), a.original_balance = t, r(v.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
   }, c = () => {
@@ -810,7 +827,7 @@ const ye = ({
       secondaryText: B(a.original_balance, "0,0"),
       zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
       children: /* @__PURE__ */ e(
-        re,
+        ae,
         {
           amount: t,
           autoFocus: !0,
@@ -843,15 +860,15 @@ const ye = ({
       /* @__PURE__ */ e(W, {})
     ] })
   ] });
-}, ct = D(st), dt = ({ setTabValue: a, sx: o }) => {
+}, ct = S(st), dt = ({ setTabValue: a, sx: o }) => {
   const { debts: n } = C(), { showError: r, showCompleted: t } = R();
   return y.useEffect(() => {
     r && a(1);
   }, [r]), !r && !t ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ s(f, { gap: 16, children: [
-    /* @__PURE__ */ e(ce, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      le,
+    /* @__PURE__ */ e(de, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      se,
       {
-        icon: r ? /* @__PURE__ */ e(We, { filled: !0 }) : /* @__PURE__ */ e(he, { color: "success", filled: !0 }),
+        icon: r ? /* @__PURE__ */ e(We, { filled: !0 }) : /* @__PURE__ */ e(ue, { color: "success", filled: !0 }),
         severity: "error",
         sx: {
           alignItems: "start",
@@ -864,13 +881,13 @@ const ye = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(se, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r ? n.status_error_title : n.status_complete_title }),
+          /* @__PURE__ */ e(ce, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r ? n.status_error_title : n.status_complete_title }),
           /* @__PURE__ */ e(i, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: r ? n.status_error_description : n.status_complete_description })
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e(ce, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      le,
+    r && /* @__PURE__ */ e(de, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      se,
       {
         icon: /* @__PURE__ */ e(L, {}),
         severity: "error",
@@ -882,13 +899,13 @@ const ye = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(se, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: n.status_info_title }),
+          /* @__PURE__ */ e(ce, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: n.status_info_title }),
           /* @__PURE__ */ e(i, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: n.status_info_description })
         ]
       }
     ) })
   ] });
-}, pt = D(dt), mt = () => {
+}, pt = S(dt), mt = () => {
   const { debts: a } = C(), { showError: o, showCompleted: n } = R(), [r, t] = y.useState(0);
   return /* @__PURE__ */ s(L, { children: [
     (o || n) && /* @__PURE__ */ e(pt, { setTabValue: t, sx: { mt: -24 } }),
@@ -903,7 +920,7 @@ const ye = ({
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ie,
+            le,
             {
               "aria-controls": "debt-schedule-tabpanel-0",
               id: "debt-schedule-tab-0",
@@ -911,7 +928,7 @@ const ye = ({
             }
           ),
           /* @__PURE__ */ e(
-            ie,
+            le,
             {
               "aria-controls": "debt-details-tabpanel-1",
               id: "debt-details-tab-1",
@@ -921,10 +938,10 @@ const ye = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(de, { index: 0, name: "debt-schedule", value: r, children: /* @__PURE__ */ e(ot, {}) }),
-    /* @__PURE__ */ e(de, { index: 1, name: "debt-details", value: r, children: /* @__PURE__ */ e(ct, {}) })
+    /* @__PURE__ */ e(pe, { index: 0, name: "debt-schedule", value: r, children: /* @__PURE__ */ e(ot, {}) }),
+    /* @__PURE__ */ e(pe, { index: 1, name: "debt-details", value: r, children: /* @__PURE__ */ e(ct, {}) })
   ] });
-}, ht = D(mt), ut = ({ isOpen: a, onClose: o, sx: n }) => {
+}, ht = S(mt), ut = ({ isOpen: a, onClose: o, sx: n }) => {
   const { debts: r } = C(), { showError: t, showCompleted: l } = R(), d = t || l ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(rt, {});
   return /* @__PURE__ */ e(
     te,
@@ -940,7 +957,7 @@ const ye = ({
       ] })
     }
   );
-}, bt = D(() => {
+}, bt = S(() => {
   const { debts: a } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: n } = z(), { onEvent: r } = M(), [t, l] = y.useState(o?.extra_payment ?? 0), d = t < 0 || t > 9999999999e-2, m = async () => {
     o && (await n({ ...o, extra_payment: t }), o.extra_payment = t, r(v.DEBTS_SAVE_PAYDOWN_ACTION, {
       user_guid: o?.user_guid
@@ -961,7 +978,7 @@ const ye = ({
       secondaryText: B(o?.extra_payment, "0,0"),
       zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
-        re,
+        ae,
         {
           amount: t,
           autoFocus: !0,
@@ -994,7 +1011,7 @@ const ye = ({
       /* @__PURE__ */ e(i, { bold: !0, textAlign: "right", variant: "Body", children: B(r, "0,0") })
     ] }) })
   ] });
-}, yt = D(_t), ft = ({ isOpen: a, onClose: o, sx: n }) => {
+}, yt = S(_t), ft = ({ isOpen: a, onClose: o, sx: n }) => {
   const { debts: r } = C();
   return /* @__PURE__ */ e(
     te,
@@ -1008,7 +1025,7 @@ const ye = ({
     }
   );
 };
-function xt(a, o) {
+function gt(a, o) {
   const n = (r) => {
     if (typeof r == "number") return r;
     if (r === "!" || r === "✓") return 1 / 0;
@@ -1016,7 +1033,7 @@ function xt(a, o) {
   };
   return n(a) - n(o);
 }
-function gt(a) {
+function xt(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
 const wt = (a) => {
@@ -1028,7 +1045,7 @@ const wt = (a) => {
 }, Ct = (a) => {
   const o = String(a.formattedValue), n = wt(o);
   return /* @__PURE__ */ e(
-    ue,
+    re,
     {
       sx: {
         display: "flex",
@@ -1044,7 +1061,7 @@ const wt = (a) => {
       children: /* @__PURE__ */ e(i, { color: n.text, fontWeight: 700, variant: "Small", children: o })
     }
   );
-}, Dt = (a) => {
+}, St = (a) => {
   const o = a.row.account, n = je[o.account_type];
   return /* @__PURE__ */ s(f, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
@@ -1059,7 +1076,7 @@ const wt = (a) => {
       /* @__PURE__ */ e(i, { variant: "XSmall", children: n })
     ] })
   ] });
-}, St = ({
+}, Dt = ({
   sx: a = {},
   debts: o,
   hoveredDebtGuid: n,
@@ -1068,13 +1085,13 @@ const wt = (a) => {
 }) => {
   const l = j(), { onEvent: d } = M(), { isMobile: m } = X(), { debts: c } = C(), [h, p] = y.useState([
     { field: "priority", sort: "asc" }
-  ]), x = [
+  ]), g = [
     {
       field: "priority",
       headerName: c.table_column_priority,
       renderHeader: G,
       renderCell: Ct,
-      sortComparator: xt,
+      sortComparator: gt,
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
@@ -1087,7 +1104,7 @@ const wt = (a) => {
       field: "account",
       headerName: c.table_column_account,
       renderHeader: G,
-      renderCell: Dt,
+      renderCell: St,
       sortable: !1,
       type: "custom",
       align: "left",
@@ -1147,8 +1164,8 @@ const wt = (a) => {
       minWidth: 122,
       flex: 0.6
     }
-  ], g = [
-    ...x.slice(0, 3),
+  ], x = [
+    ...g.slice(0, 3),
     {
       field: "chevron",
       headerName: "",
@@ -1164,13 +1181,13 @@ const wt = (a) => {
   ], E = y.useMemo(() => o.map((u, A) => ({
     ...u,
     id: A,
-    priority: gt(u)
+    priority: xt(u)
   })), [o]), k = (u) => {
     const Y = u.target.closest("[data-id]")?.getAttribute("data-id"), b = o[Number(Y)];
     r?.(b?.guid ?? "");
-  }, S = (u) => E.find((A) => A.guid === u)?.id;
+  }, D = (u) => E.find((A) => A.guid === u)?.id;
   return /* @__PURE__ */ e(
-    ue,
+    re,
     {
       sx: {
         height: "100dvh",
@@ -1183,7 +1200,7 @@ const wt = (a) => {
       children: /* @__PURE__ */ e(
         Ge,
         {
-          columns: m ? g : x,
+          columns: m ? x : g,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
@@ -1205,7 +1222,7 @@ const wt = (a) => {
           sortModel: h,
           sortingOrder: ["asc", "desc"],
           sx: {
-            [`& .MuiDataGrid-row[data-id="${S(n)}"]`]: {
+            [`& .MuiDataGrid-row[data-id="${D(n)}"]`]: {
               backgroundColor: l.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
               filter: "brightness(98%)"
             }
@@ -1239,7 +1256,7 @@ const wt = (a) => {
       children: /* @__PURE__ */ e(ee, { name: l })
     }
   );
-}, Tt = D(({ buttonEl: a, onClose: o }) => {
+}, Tt = S(({ buttonEl: a, onClose: o }) => {
   const { onEvent: n } = M(), { debts: r } = C(), { selectedDebtPriority: t, setSelectedDebtPriority: l } = R(), d = !!a, m = [
     {
       priority: $.HIGHEST_INTEREST,
@@ -1271,7 +1288,7 @@ const wt = (a) => {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(me, { children: m.map(({ priority: h, text: p }) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ e(he, { children: m.map(({ priority: h, text: p }) => /* @__PURE__ */ s(
         Xe,
         {
           onClick: () => c(h),
@@ -1291,14 +1308,14 @@ const wt = (a) => {
           },
           children: [
             /* @__PURE__ */ e(i, { color: "inherit", variant: "Small", children: p }),
-            t === h && /* @__PURE__ */ e(he, { color: "inherit", filled: !0, fontSize: "small" })
+            t === h && /* @__PURE__ */ e(ue, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
         h
       )) })
     }
   );
-}), At = D(() => {
+}), At = S(() => {
   const { onEvent: a } = M(), { debts: o } = C(), { selectedDebtPriority: n } = R(), [r, t] = y.useState(null), l = (h) => {
     t(h.currentTarget), a(v.DEBTS_CLICK_PRIORITIZE);
   }, d = () => {
@@ -1327,20 +1344,20 @@ const wt = (a) => {
     let c = !1;
     for (const [h, p] of r.entries()) {
       if (p.balance <= 0.01) continue;
-      const x = l[h].dataset, E = (p.interest_rate ?? 0) / 100 / 12, k = p.balance * E;
-      let S = p.monthly_payment ?? 0;
-      h === 0 && (S += n), p.balance += k;
-      const u = Math.min(p.balance, S + d);
+      const g = l[h].dataset, E = (p.interest_rate ?? 0) / 100 / 12, k = p.balance * E;
+      let D = p.monthly_payment ?? 0;
+      h === 0 && (D += n), p.balance += k;
+      const u = Math.min(p.balance, D + d);
       if (u <= k) {
-        p.is_impossible = !0, l[h].is_impossible = !0, l[h].priority = void 0, x.push({ x: new Date(t), y: p.balance });
+        p.is_impossible = !0, l[h].is_impossible = !0, l[h].priority = void 0, g.push({ x: new Date(t), y: p.balance });
         continue;
       }
-      p.balance -= u, p.balance = p.balance < 0.01 ? 0 : p.balance, x.push({
+      p.balance -= u, p.balance = p.balance < 0.01 ? 0 : p.balance, g.push({
         x: new Date(t),
         y: Math.max(0, p.balance),
         payment: u,
         extra: d
-      }), p.balance <= 0 && (d += S, l[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
+      }), p.balance <= 0 && (d += D, l[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
     }
     c && t.setMonth(t.getMonth() + 1);
   }
@@ -1349,7 +1366,7 @@ const wt = (a) => {
   }), l.forEach((c) => {
     c.priority = !c.is_paid_off && !c.is_impossible ? m++ : void 0;
   }), l;
-}, It = D(({ onClick: a }) => {
+}, It = S(({ onClick: a }) => {
   const { debts: o } = C(), { isDesktop: n } = X(), { totalMonthlyPayments: r } = q(), { monthlyCashFlowProfile: t } = z(), l = r + Number(t?.extra_payment), d = n ? o.paydown_button_long : o.paydown_button_short;
   return /* @__PURE__ */ e(
     be,
@@ -1364,7 +1381,7 @@ const wt = (a) => {
     }
   );
 }), Bt = ({ onBackClick: a, sx: o }) => {
-  const [n, r] = y.useState(!1), [t, l] = y.useState(!1), [d, m] = y.useState(!1), [c, h] = y.useState(""), { isDesktop: p, isMobile: x } = X(), { debts: g } = C(), { onEvent: E } = M(), { isCopyLoaded: k, isInitialized: S, setSelectedAccounts: u } = Ae(), { setSelectedAccount: A } = Ie(), { selectedDebtPriority: V, setSelectedDebtChartData: Y } = R(), { visibleDebtAccounts: b } = Z(), { goalsLoaded: w, loadGoals: I, monthlyCashFlowProfile: P } = z(), { debts: N } = q(), H = y.useMemo(() => {
+  const [n, r] = y.useState(!1), [t, l] = y.useState(!1), [d, m] = y.useState(!1), [c, h] = y.useState(""), { isDesktop: p, isMobile: g } = X(), { debts: x } = C(), { onEvent: E } = M(), { isCopyLoaded: k, isInitialized: D, setSelectedAccounts: u } = Ae(), { setSelectedAccount: A } = Ie(), { selectedDebtPriority: V, setSelectedDebtChartData: Y } = R(), { visibleDebtAccounts: b } = Z(), { goalsLoaded: w, loadGoals: I, monthlyCashFlowProfile: P } = z(), { debts: N } = q(), H = y.useMemo(() => {
     const F = P?.extra_payment ?? 0;
     return Et(N, V, F);
   }, [N, V, P]);
@@ -1373,68 +1390,68 @@ const wt = (a) => {
   }, []), y.useEffect(() => {
     u(b);
   }, [b]), y.useEffect(() => {
-    S && I().finally();
-  }, [S]);
-  const ae = (F) => h(F), oe = () => {
-    const F = b.find((Q) => Q.guid === c), ne = H.find((Q) => Q.guid === c);
-    F && A(F), ne && Y(ne), r(!0);
-  }, fe = () => E(v.DEBTS_CLICK_FILTER), xe = () => {
+    D && I().finally();
+  }, [D]);
+  const oe = (F) => h(F), ne = () => {
+    const F = b.find((Q) => Q.guid === c), ie = H.find((Q) => Q.guid === c);
+    F && A(F), ie && Y(ie), r(!0);
+  }, fe = () => E(v.DEBTS_CLICK_FILTER), ge = () => {
     m(!0), E(v.DEBTS_CLICK_SNOWBALL_CTA);
-  }, ge = () => {
+  }, xe = () => {
     l(!0), E(v.DEBTS_CLICK_PAYDOWN);
   };
-  return !w || !k || !S ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ s(
+  return !w || !k || !D ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ s(
     Re,
     {
       accountOptions: b,
       actions: [
         /* @__PURE__ */ e(At, {}, "prioritize-debts"),
-        /* @__PURE__ */ e(It, { onClick: ge }, "extra-paydown")
+        /* @__PURE__ */ e(It, { onClick: xe }, "extra-paydown")
       ],
       onAccountsFilterClick: fe,
       onBackClick: a,
       sx: o,
-      title: g.title,
+      title: x.title,
       children: [
         /* @__PURE__ */ s(f, { sx: { px: p ? "48px" : "24px" }, children: [
           /* @__PURE__ */ s(
             f,
             {
               sx: {
-                alignItems: x ? "flex-start" : "flex-end",
-                flexDirection: x ? "column" : "row",
-                mx: x ? "-12px" : 0
+                alignItems: g ? "flex-start" : "flex-end",
+                flexDirection: g ? "column" : "row",
+                mx: g ? "-12px" : 0
               },
               children: [
                 /* @__PURE__ */ e(
                   ye,
                   {
                     debts: H,
-                    height: x ? 250 : void 0,
+                    height: g ? 250 : void 0,
                     hoveredDebtGuid: c,
-                    onClickArea: oe,
-                    onHoverArea: ae,
-                    sx: { mr: x ? "4px" : "-48px" }
+                    onClickArea: ne,
+                    onHoverArea: oe,
+                    sx: { mr: g ? "4px" : "-48px" }
                   }
                 ),
                 /* @__PURE__ */ e(
                   qe,
                   {
                     debts: H,
-                    onClickCta: xe,
-                    sx: { mb: x ? "0px" : "64px" }
+                    onClickCta: ge,
+                    sx: { mb: g ? "0px" : "64px" }
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(f, { sx: { mx: x ? "-24px" : 0 }, children: /* @__PURE__ */ e(
-            St,
+          /* @__PURE__ */ e(f, { sx: { mx: g ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+            Dt,
             {
               debts: H,
               hoveredDebtGuid: c,
-              onClickRow: oe,
-              onHoverRow: ae
+              onClickRow: ne,
+              onHoverRow: oe
             }
           ) })
         ] }),
@@ -1450,10 +1467,10 @@ const wt = (a) => {
       ]
     }
   );
-}, gr = D(Bt);
+}, xr = S(Bt);
 export {
   ye as DebtsChart,
-  Dr as DebtsStore,
-  St as DebtsTable,
-  gr as DebtsWidget
+  Sr as DebtsStore,
+  Dt as DebtsTable,
+  xr as DebtsWidget
 };