@mx-cartographer/experiences 7.0.14-alpha-debts-missing-sorting-option-ram1 → 7.0.15

package/dist/debts/index.es.js

@@ -1,168 +1,111 @@
 import { jsx as e, jsxs as s, Fragment as L } from "react/jsx-runtime";
-import x from "react";
+import y from "react";
 import { observer as S } from "mobx-react-lite";
-import g from "@mui/material/Stack";
-import { useTheme as j, Card as be, Stack as _, Box as O } from "@mui/material";
-import { Text as l, H3 as ve, InstitutionLogo as De, Icon as ee } from "@mxenabled/mxui";
-import { getUnixTime as le, addMonths as se, fromUnixTime as ce, intervalToDuration as Te, formatDuration as Ae } from "date-fns";
-import { D as M, M as Ee, I as Ie } from "../DebtsStore-VkyMADzd.mjs";
-import { a as Pr } from "../DebtsStore-VkyMADzd.mjs";
-import { f as P, a as Be } from "../NumberFormatting-CtWHhyBX.mjs";
+import f from "@mui/material/Stack";
+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 Se, formatDuration as De } from "date-fns";
+import { D as $ } from "../DebtsStore-Dp-CraCD.mjs";
+import { a as Sr } from "../DebtsStore-Dp-CraCD.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 Me, x as q, u as C, j as z, e as k, c as Z, a as Pe } from "../hooks-DkUqN6JE.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 A } from "../Localization-2MODESHW.mjs";
-import { A as ke, u as Fe } from "../AccountDetailsHeader-Eb3WvBGm.mjs";
-import Ne from "@mui/material/Card";
-import Re from "@mui/material/CardContent";
-import Le from "@mui/material/CardHeader";
-import { LineChart as $e } from "@mui/x-charts";
+import { b as T } from "../Localization-2MODESHW.mjs";
+import { A as Ee, u as Ie } from "../AccountDetailsHeader-Eb3WvBGm.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 He } from "@mui/material/styles";
-import { A as T, W as Oe } from "../WidgetContainer-CdBs9WOZ.mjs";
-import de from "@mui/material/Tab";
-import We from "@mui/material/Tabs";
-import _e from "@mui/material/List";
+import { useTheme as Ne } from "@mui/material/styles";
+import { A as v, W as Re } from "../WidgetContainer-CdBs9WOZ.mjs";
+import le from "@mui/material/Tab";
+import $e from "@mui/material/Tabs";
+import he from "@mui/material/List";
 import W from "@mui/material/Divider";
-import { M as Ge, I as je, O as ze } from "../OriginalBalanceAction-DepsKiJz.mjs";
-import Xe from "@mui/material/TextField";
+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-DNZZ5fSa.mjs";
 import { C as ae } from "../CurrencyInput-bEx2Mbd0.mjs";
-import pe from "@mui/material/Alert";
-import me from "@mui/material/AlertTitle";
-import he from "@mui/material/Paper";
-import { Error as Ve, CheckCircle as ye } from "@mxenabled/mx-icons";
-import { T as ue } from "../TabContentContainer-j01JYR_7.mjs";
-import { DataGridPro as Ye } from "@mui/x-data-grid-pro";
+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 { H as G } from "../HeaderCell-DjuifqHJ.mjs";
-import { f as Ke } from "../ConnectDrawer-phFH6OHt.mjs";
-import fe from "@mui/material/Button";
-import Ue from "@mui/material/IconButton";
-import qe from "@mui/material/ListItem";
-import Ze from "@mui/material/Popover";
-import { L as Je } from "../Loader-DUaFpDGv.mjs";
-const Qe = (a, n = 0, o = 0) => {
-  const r = n / (Ee * Ie);
-  return o === 0 ? 0 : Math.ceil(
-    r === 0 ? a / o : -Math.log(1 - r * a / o) / Math.log(1 + r)
-  );
-}, et = (a, n, o, r, t) => {
-  const i = [];
-  if (o === 0) {
-    for (let d = 0; d < a; d++) {
-      const c = n - r * (d + 1), h = n - r * d, m = c >= 0 ? r : h;
-      i.push({
-        balance: c >= 0 ? c : 0,
-        interest: o,
-        payment: m,
-        principal: m,
-        timestamp: le(
-          se(
-            ce(t),
-            // convert seconds → Date
-            d + 1
-            // add (index + 1) months
-          )
-        )
-      });
-    }
-    return i;
-  }
-  const p = o / 1200;
-  for (let d = 0; d < a; d++) {
-    const c = le(se(ce(t), d + 1)), h = Math.pow(1 + p, d), m = n * h - r * ((h - 1) / p), y = Math.pow(1 + p, d + 1), f = n * y - r * ((y - 1) / p), v = r + Math.min(f, 0), E = m * p;
-    i.push({
-      balance: Math.max(0, f),
-      interest: E,
-      payment: v,
-      principal: v - E,
-      timestamp: c
-    });
-  }
-  return i;
-}, tt = (a) => (a[a.length - 1] || {}).timestamp, rt = (a) => a.map((n) => {
-  const { monthly_payment: o, interest_rate: r, balance: t, payment_due_date: i } = n, p = Qe(t, r ?? 0, o ?? 0), d = et(
-    p,
-    t,
-    r ?? 0,
-    o ?? 0,
-    i
-  ), c = tt(d);
-  return {
-    ...n,
-    minimumFinalPayment: c,
-    minimumPayments: d
-  };
-}), xe = (a, n) => {
-  const o = rt(
-    a.filter((t) => !t.is_paid_off && !t.is_impossible)
-  ), r = a.filter((t) => t.is_paid_off || t.is_impossible).map((t) => ({ ...t, minimumPayments: [] }));
-  switch (n) {
-    case M.FASTEST_PAYOFF_FIRST:
-      o.sort((t, i) => (t.minimumFinalPayment ?? 0) - (i.minimumFinalPayment ?? 0));
-      break;
-    case M.HIGHEST_INTEREST:
-      o.sort((t, i) => (i.interest_rate ?? 0) - (t.interest_rate ?? 0));
+import { f as je } from "../ConnectDrawer-phFH6OHt.mjs";
+import be from "@mui/material/Button";
+import ze from "@mui/material/IconButton";
+import Xe from "@mui/material/ListItem";
+import Ve from "@mui/material/Popover";
+import { L as Ye } from "../Loader-DUaFpDGv.mjs";
+const _e = (a, o) => {
+  const n = a.filter((t) => !t.is_paid_off && !t.is_impossible), r = a.filter((t) => t.is_paid_off || t.is_impossible);
+  switch (o) {
+    case $.HIGHEST_INTEREST:
+      n.sort((t, l) => (l.interest_rate ?? 0) - (t.interest_rate ?? 0));
       break;
-    case M.LOWEST_BALANCE:
-      o.sort((t, i) => t.balance - i.balance);
+    case $.LOWEST_BALANCE:
+      n.sort((t, l) => t.balance - l.balance);
       break;
-    case M.HIGHEST_BALANCE:
-      o.sort((t, i) => i.balance - t.balance);
+    case $.HIGHEST_BALANCE:
+      n.sort((t, l) => l.balance - t.balance);
       break;
     default:
-      o.sort((t, i) => t.balance - i.balance);
+      n.sort((t, l) => t.balance - l.balance);
   }
-  a.splice(0, a.length, ...o, ...r);
+  a.splice(0, a.length, ...n, ...r);
 };
-function at(a, n, o = 0) {
-  const r = a.map((m) => ({ ...m })).filter(
-    (m) => m.interest_rate !== void 0 && m.monthly_payment !== void 0 && !m.is_paid_off
+function Ke(a, o, n = 0) {
+  const r = a.map((p) => ({ ...p })).filter(
+    (p) => p.interest_rate !== void 0 && p.monthly_payment !== void 0 && !p.is_paid_off
   );
-  xe(r, n);
-  let t = 0, i = 0;
-  const p = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
-  for (; r.some((m) => m.balance >= 0.01 && !m.is_impossible); ) {
-    let m = !1;
-    for (const [y, f] of r.entries()) {
-      if (f.balance <= 0.01 || f.is_impossible) continue;
-      const E = (f.interest_rate ?? 0) / 100 / 12, D = f.balance * E;
-      let u = f.monthly_payment ?? 0;
-      y === 0 && o && (u += o), f.balance += D;
-      const I = Math.min(f.balance, u + i);
-      if (I <= D) {
-        f.is_impossible = !0;
+  _e(r, o);
+  let t = 0, l = 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 [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;
       }
-      f.balance -= I, f.balance = f.balance < 0.01 ? 0 : f.balance, t += D, f.balance <= 0 && (i += u), I > 0 && (m = !0);
+      x.balance -= A, x.balance = x.balance < 0.01 ? 0 : x.balance, t += D, x.balance <= 0 && (l += u), A > 0 && (p = !0);
     }
-    m && d.setMonth(d.getMonth() + 1);
+    p && m.setMonth(m.getMonth() + 1);
   }
-  const c = r.some((m) => m.is_impossible && m.balance > 0), h = Te({ start: p, end: d });
+  const c = r.some((p) => p.is_impossible && p.balance > 0), h = Se({ start: d, end: m });
   return {
-    payoffSavings: c ? "N/A" : P(t, "0,0.00"),
-    payoffDate: c ? "Never" : K(d, U.MONTH_YEAR),
-    payoffDuration: c ? "Stagnant" : Ae(h, { format: ["years", "months"] }) || "0 months"
+    payoffSavings: c ? "N/A" : B(t, "0,0.00"),
+    payoffDate: c ? "Never" : K(m, U.MONTH_YEAR),
+    payoffDuration: c ? "Stagnant" : De(h, { format: ["years", "months"] }) || "0 months"
   };
 }
 const R = () => {
-  if (!x.useContext(Me))
+  if (!y.useContext(Te))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return q().uiStore;
-}, nt = ({ debts: a, onClickCta: n, sx: o }) => {
-  const r = j(), { isMobile: t } = X(), { debts: i } = C(), { selectedDebtPriority: p } = R(), { monthlyCashFlowProfile: d } = z(), { payoffDate: c, payoffSavings: h, payoffDuration: m } = x.useMemo(() => {
-    const y = d?.extra_payment ?? 0;
-    return at(a, p, y);
-  }, [a, p, d]);
+}, 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 g = m?.extra_payment ?? 0;
+    return Ke(a, d, g);
+  }, [a, d, m]);
   return /* @__PURE__ */ e(
-    be,
+    me,
     {
       sx: {
         boxShadow: r.shadows[2],
         width: t ? "100%" : "186px",
         minWidth: "186px",
-        ...o
+        ...n
       },
       children: /* @__PURE__ */ s(_, { sx: { gap: "12px", p: "16px" }, children: [
         /* @__PURE__ */ s(
@@ -175,79 +118,79 @@ const R = () => {
               pb: "8px"
             },
             children: [
-              /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_date_description }),
-              /* @__PURE__ */ e(l, { bold: !0, color: r.palette.primary.main, variant: "Small", children: c })
+              /* @__PURE__ */ e(i, { variant: "XSmall", children: l.snowball_card_date_description }),
+              /* @__PURE__ */ e(i, { bold: !0, color: r.palette.primary.main, variant: "Small", children: c })
             ]
           }
         ),
         /* @__PURE__ */ s(_, { gap: t ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: h }),
-          /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: i.snowball_card_amount_description })
+          /* @__PURE__ */ e(i, { bold: !0, variant: "Small", children: h }),
+          /* @__PURE__ */ e(i, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: l.snowball_card_amount_description })
         ] }),
         /* @__PURE__ */ s(_, { gap: t ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: m }),
-          /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_duration_description })
+          /* @__PURE__ */ e(i, { bold: !0, variant: "Small", children: p }),
+          /* @__PURE__ */ e(i, { variant: "XSmall", children: l.snowball_card_duration_description })
         ] }),
         /* @__PURE__ */ e(
-          l,
+          i,
           {
             bold: !0,
             color: r.palette.primary.main,
-            onClick: n,
+            onClick: o,
             sx: { cursor: "pointer" },
             variant: "Small",
-            children: i.snowball_card_cta
+            children: l.snowball_card_cta
           }
         )
       ] })
     }
   );
-}, ot = S(nt), it = ({ isOpen: a, onClose: n, sx: o }) => {
-  const r = j(), { debts: t } = C(), [i, p] = x.useState(!1);
+}, 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,
     {
       ariaLabelClose: "",
       isOpen: a,
-      onClose: n,
-      sx: { ...o },
+      onClose: o,
+      sx: { ...n },
       title: t.snowball_drawer_title,
       children: /* @__PURE__ */ s(_, { bgcolor: r.palette.background.default, height: "100%", children: [
         /* @__PURE__ */ s(_, { alignItems: "center", px: 24, py: 24, children: [
           /* @__PURE__ */ s(_, { alignItems: "center", pb: 24, children: [
-            /* @__PURE__ */ e(l, { mb: 12, variant: "H3", children: t.snowball_drawer_subtitle }),
-            /* @__PURE__ */ e(l, { color: r.palette.secondary.main, variant: "Small", children: t.snowball_drawer_amount_description }),
-            /* @__PURE__ */ e(l, { variant: "H1", children: t.snowball_drawer_savings }),
-            /* @__PURE__ */ e(l, { color: r.palette.secondary.main, variant: "Small", children: t.snowball_drawer_duration_description })
+            /* @__PURE__ */ e(i, { mb: 12, variant: "H3", children: t.snowball_drawer_subtitle }),
+            /* @__PURE__ */ e(i, { color: r.palette.secondary.main, variant: "Small", children: t.snowball_drawer_amount_description }),
+            /* @__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(be, { sx: { display: "grid", py: 16, px: 24 }, children: [
-            /* @__PURE__ */ e(l, { mb: 4, variant: "H3", children: t.snowball_drawer_question }),
+          /* @__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(
-              l,
+              i,
               {
                 color: r.palette.secondary.main,
                 mb: 8,
-                sx: { whiteSpace: i ? "normal" : "nowrap" },
+                sx: { whiteSpace: l ? "normal" : "nowrap" },
                 variant: "ParagraphSmall",
                 children: t.snowball_drawer_answer
               }
             ),
             /* @__PURE__ */ e(
-              l,
+              i,
               {
                 bold: !0,
                 color: r.palette.primary.main,
-                onClick: () => p(!i),
+                onClick: () => d(!l),
                 sx: { cursor: "pointer" },
                 variant: "Small",
-                children: i ? t.snowball_drawer_less : t.snowball_drawer_more
+                children: l ? t.snowball_drawer_less : t.snowball_drawer_more
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ s(_, { children: [
           /* @__PURE__ */ e(
-            l,
+            i,
             {
               color: r.palette.secondary.main,
               px: 24,
@@ -257,8 +200,8 @@ const R = () => {
             }
           ),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: A(t.snowball_drawer_month_header, 1) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: T(t.snowball_drawer_month_header, 1) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
           ] }),
           /* @__PURE__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -275,7 +218,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -290,20 +233,20 @@ const R = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: A(t.snowball_drawer_debt_label, "A") }),
-                      /* @__PURE__ */ s(l, { color: r.palette.secondary.main, variant: "XSmall", children: [
-                        A(
+                      /* @__PURE__ */ e(i, { variant: "Body", children: T(t.snowball_drawer_debt_label, "A") }),
+                      /* @__PURE__ */ s(i, { color: r.palette.secondary.main, variant: "XSmall", children: [
+                        T(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$100"
                         ),
-                        /* @__PURE__ */ e("strong", { children: A(t.snowball_drawer_debt_label, "B") }),
+                        /* @__PURE__ */ e("strong", { children: T(t.snowball_drawer_debt_label, "B") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: "$100.00" }),
+                      /* @__PURE__ */ e(i, { variant: "Body", children: "$100.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -341,8 +284,8 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "B") }),
-                    /* @__PURE__ */ e(l, { variant: "Body", children: "$400.00" })
+                    /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: T(t.snowball_drawer_debt_label, "B") }),
+                    /* @__PURE__ */ e(i, { variant: "Body", children: "$400.00" })
                   ]
                 }
               )
@@ -361,8 +304,8 @@ const R = () => {
                 }
               ),
               /* @__PURE__ */ s(_, { flexDirection: "row", flexGrow: 1, pr: 24, children: [
-                /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }),
-                /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
+                /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: T(t.snowball_drawer_debt_label, "C") }),
+                /* @__PURE__ */ e(i, { variant: "Body", children: "$1,000.00" })
               ] })
             ] }),
             /* @__PURE__ */ s(
@@ -377,15 +320,15 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: "$1,500.00" })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: A(t.snowball_drawer_month_header, 2) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: T(t.snowball_drawer_month_header, 2) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
           ] }),
           /* @__PURE__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -402,7 +345,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -417,20 +360,20 @@ const R = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: A(t.snowball_drawer_debt_label, "B") }),
-                      /* @__PURE__ */ s(l, { color: r.palette.secondary.main, variant: "XSmall", children: [
-                        A(
+                      /* @__PURE__ */ e(i, { variant: "Body", children: T(t.snowball_drawer_debt_label, "B") }),
+                      /* @__PURE__ */ s(i, { color: r.palette.secondary.main, variant: "XSmall", children: [
+                        T(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$500"
                         ),
-                        /* @__PURE__ */ e("strong", { children: A(t.snowball_drawer_debt_label, "C") }),
+                        /* @__PURE__ */ e("strong", { children: T(t.snowball_drawer_debt_label, "C") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: "$500.00" }),
+                      /* @__PURE__ */ e(i, { variant: "Body", children: "$500.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -467,8 +410,8 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }),
-                    /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
+                    /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: T(t.snowball_drawer_debt_label, "C") }),
+                    /* @__PURE__ */ e(i, { variant: "Body", children: "$1,000.00" })
                   ]
                 }
               )
@@ -485,15 +428,15 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: "$1,500.00" })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: A(t.snowball_drawer_month_header, 3) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: T(t.snowball_drawer_month_header, 3) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: t.snowball_drawer_payment_header })
           ] }),
           /* @__PURE__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -510,7 +453,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -524,11 +467,11 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(l, { variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }) }),
+                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(i, { variant: "Body", children: T(t.snowball_drawer_debt_label, "C") }) }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: "$1,500.00" }),
+                      /* @__PURE__ */ e(i, { variant: "Body", children: "$1,500.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -554,8 +497,8 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: "$1,500.00" })
                 ]
               }
             )
@@ -564,50 +507,50 @@ const R = () => {
       ] })
     }
   );
-}, lt = S(it), st = "#FF7B08";
-function ct(a, n) {
-  const [o, r, t] = a.replace(/^#/, "").match(/.{1,2}/g).map((p) => parseInt(p, 16)), i = [
-    Math.max(0, Math.min(255, Math.round(o * n))),
-    Math.max(0, Math.min(255, Math.round(r * n))),
-    Math.max(0, Math.min(255, Math.round(t * n)))
+}, 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))),
+    Math.max(0, Math.min(255, Math.round(r * o))),
+    Math.max(0, Math.min(255, Math.round(t * o)))
   ];
-  return `rgb(${i[0]}, ${i[1]}, ${i[2]})`;
+  return `rgb(${l[0]}, ${l[1]}, ${l[2]})`;
 }
-const ge = ({
+const ye = ({
   sx: a,
-  height: n = 500,
-  width: o,
+  height: o = 500,
+  width: n,
   debts: r,
   hoveredDebtGuid: t,
-  onClickArea: i,
-  onHoverArea: p
+  onClickArea: l,
+  onHoverArea: d
 }) => {
-  const d = He(), { onEvent: c } = k(), h = r.filter((b) => !b.is_impossible), m = [
+  const m = Ne(), { onEvent: c } = M(), h = r.filter((b) => !b.is_impossible), p = [
     ...new Set(
       h.flatMap((b) => b.dataset.map((w) => new Date(w.x).getTime()))
     )
-  ].sort((b, w) => b - w).map((b) => new Date(b)), y = 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 B = w.get(m[0].getTime()) ?? 0;
-    const F = m.map((N) => {
-      const $ = w.get(N.getTime()) ?? B;
-      return B = $, { x: N, y: $ };
+    let I = w.get(p[0].getTime()) ?? 0;
+    const P = p.map((N) => {
+      const H = w.get(N.getTime()) ?? I;
+      return I = H, { x: N, y: H };
     });
-    return { ...b, dataset: F };
-  }), f = y.reduce(
+    return { ...b, dataset: P };
+  }), x = g.reduce(
     (b, w) => b + (w.dataset[0]?.y ?? 0),
     0
-  ), v = m.map((b, w) => {
-    const B = w / (m.length - 1), F = f * (1 - B);
-    return { x: b, y: F };
-  }), E = Math.ceil(f / 100) * 100, D = m, u = y.map((b, w) => {
-    const B = 1 - w / y.length * 0.5, F = ct(st, B);
+  ), E = p.map((b, w) => {
+    const I = w / (p.length - 1), P = x * (1 - I);
+    return { x: b, y: P };
+  }), 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,
       label: b.name,
       data: b.dataset.map((N) => N.y),
-      color: F,
+      color: P,
       curve: "linear",
       type: "line",
       area: !0,
@@ -618,15 +561,15 @@ const ge = ({
   u.push({
     id: "payoff-line",
     label: "Payoff Line",
-    data: v.map((b) => b.y),
-    color: d.palette.grey[700],
+    data: E.map((b) => b.y),
+    color: m.palette.grey[700],
     curve: "linear",
     type: "line",
     stack: void 0,
     showMark: !1,
     disableHighlight: !0
   });
-  const I = (b) => u.findIndex((w) => w?.guid === b);
+  const A = (b) => u.findIndex((w) => w?.guid === b);
   return /* @__PURE__ */ e(
     re,
     {
@@ -643,19 +586,19 @@ const ge = ({
         }
       },
       children: /* @__PURE__ */ e(
-        $e,
+        Pe,
         {
           axisHighlight: { x: "none" },
           disableLineItemHighlight: !0,
-          height: n,
+          height: o,
           onAreaClick: (b, w) => {
-            i?.();
-            const B = u.find((F) => F.id === w.seriesId);
-            c(T.DEBTS_CLICK_CHART_AREA, { account_guid: B?.guid });
+            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((B) => B.id === b?.seriesId)?.guid;
-            p?.(w ?? "");
+            const w = u.find((I) => I.id === b?.seriesId)?.guid;
+            d?.(w ?? "");
           },
           series: u,
           skipAnimation: !0,
@@ -681,21 +624,21 @@ const ge = ({
               strokeDasharray: "10 5",
               strokeWidth: 1
             },
-            [`& .MuiLineElement-series-debt-${I(t ?? "0")}`]: {
+            [`& .MuiLineElement-series-debt-${A(t ?? "0")}`]: {
               opacity: 1
             },
-            [`& .MuiAreaElement-series-debt-${I(t ?? "0")}`]: {
+            [`& .MuiAreaElement-series-debt-${A(t ?? "0")}`]: {
               opacity: 1
             },
             ...a
           },
           tooltip: { trigger: "none" },
-          width: o,
+          width: n,
           xAxis: [
             {
               data: D,
               scaleType: "time",
-              min: m[0],
+              min: p[0],
               disableTicks: !0,
               valueFormatter: (b) => K(b, U.MONTH_SHORT_YEAR)
             }
@@ -703,20 +646,20 @@ const ge = ({
           yAxis: [
             {
               min: 0,
-              max: E,
+              max: k,
               disableTicks: !0,
-              valueFormatter: (b) => P(b, "0a")
+              valueFormatter: (b) => B(b, "0a")
             }
           ]
         }
       )
     }
   );
-}, dt = () => {
-  const a = j(), { debts: n } = C(), { selectedDebtChartData: o } = R();
+}, tt = () => {
+  const a = j(), { debts: o } = C(), { selectedDebtChartData: n } = R();
   return /* @__PURE__ */ s(L, { children: [
     /* @__PURE__ */ s(
-      Ne,
+      Be,
       {
         sx: {
           "& .MuiCardContent-root:last-child": {
@@ -724,39 +667,39 @@ const ge = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(Le, { sx: { pb: 0 }, title: /* @__PURE__ */ e(ve, { sx: { pb: 4 }, children: n.details_chart_title }) }),
-          /* @__PURE__ */ e(Re, { sx: { p: 0 }, children: /* @__PURE__ */ e(ge, { debts: [o], height: 250 }) })
+          /* @__PURE__ */ e(ke, { sx: { pb: 0 }, title: /* @__PURE__ */ e(we, { sx: { pb: 4 }, children: o.details_chart_title }) }),
+          /* @__PURE__ */ e(Me, { sx: { p: 0 }, children: /* @__PURE__ */ e(ye, { debts: [n], height: 250 }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      l,
+      i,
       {
         color: a.palette.text.secondary,
         sx: { whiteSpace: "normal", textAlign: "center", px: 8, py: 12 },
         variant: "Small",
-        children: n.details_chart_description
+        children: o.details_chart_description
       }
     )
   ] });
-}, pt = S(dt), mt = () => {
-  const a = j(), { onEvent: n } = k(), { debts: o } = C(), { selectedDebtChartData: r, showCompleted: t, showError: i } = R();
-  return x.useEffect(() => n(T.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(_e, { children: i || t ? /* @__PURE__ */ e(
-    l,
+}, 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(he, { children: l || t ? /* @__PURE__ */ e(
+    i,
     {
       color: a.palette.secondary.main,
       component: "div",
       sx: { p: 32, textAlign: "center", whiteSpace: "normal" },
       variant: "Small",
-      children: i ? o.schedule_error_message : o.schedule_complete_message
+      children: l ? n.schedule_error_message : n.schedule_complete_message
     }
   ) : /* @__PURE__ */ s(L, { children: [
-    /* @__PURE__ */ s(g, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-      /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: o.schedule_month_heading }),
-      /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: o.schedule_amount_heading })
+    /* @__PURE__ */ s(f, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+      /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: n.schedule_month_heading }),
+      /* @__PURE__ */ e(i, { bold: !0, variant: "XSmall", children: n.schedule_amount_heading })
     ] }),
-    r.dataset.slice(1).map(({ x: p, y: d, payment: c }) => /* @__PURE__ */ e(g, { bgcolor: a.palette.background.paper, children: /* @__PURE__ */ e(g, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
-      g,
+    r.dataset.slice(1).map(({ x: d, y: m, payment: c }) => /* @__PURE__ */ e(f, { bgcolor: a.palette.background.paper, children: /* @__PURE__ */ e(f, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
+      f,
       {
         sx: {
           borderBottom: `1px solid ${a.palette.border.light}`,
@@ -766,28 +709,28 @@ const ge = ({
           pr: 24
         },
         children: [
-          /* @__PURE__ */ s(g, { flexGrow: 1, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: K(p, U.MONTH_YEAR) }),
-            /* @__PURE__ */ e(l, { color: a.palette.secondary.main, variant: "XSmall", children: o.schedule_month_label })
+          /* @__PURE__ */ s(f, { flexGrow: 1, children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: K(d, U.MONTH_YEAR) }),
+            /* @__PURE__ */ e(i, { color: a.palette.secondary.main, variant: "XSmall", children: n.schedule_month_label })
           ] }),
-          /* @__PURE__ */ s(g, { children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: P(d, "0,0.00") }),
+          /* @__PURE__ */ s(f, { children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: B(m, "0,0.00") }),
             /* @__PURE__ */ e(
-              l,
+              i,
               {
                 bold: !0,
                 color: a.palette.success.main,
                 textAlign: "end",
                 variant: "Tiny",
-                children: `+${P(c, "0,0")}`
+                children: `+${B(c, "0,0")}`
               }
             )
           ] })
         ]
       }
-    ) }) }, String(p))),
-    /* @__PURE__ */ e(g, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
-      g,
+    ) }) }, String(d))),
+    /* @__PURE__ */ e(f, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
+      f,
       {
         sx: {
           alignItems: "center",
@@ -797,135 +740,135 @@ const ge = ({
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: o.schedule_payoff_label }),
-          /* @__PURE__ */ e(l, { variant: "Body", children: "-" })
+          /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: n.schedule_payoff_label }),
+          /* @__PURE__ */ e(i, { variant: "Body", children: "-" })
         ]
       }
     ) })
   ] }) });
-}, ht = S(mt), ut = S(({ debt: a }) => {
-  const { debts: n } = C(), { updateAccount: o } = Z(), { onEvent: r } = k(), [t, i] = x.useState(a.interest_rate ?? 0), p = t < 0, d = async () => {
-    await o({ ...a.account, interest_rate: t }), a.interest_rate = t, r(T.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
+}, 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 = () => {
     setTimeout(() => {
-      i(a.interest_rate ?? 0);
+      l(a.interest_rate ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: p,
-      label: `${n.details_interest_rate} (%)`,
+      isSaveDisabled: d,
+      label: `${o.details_interest_rate} (%)`,
       onCancel: c,
-      onSave: d,
-      primaryText: n.details_interest_rate,
-      secondaryText: Be(Number(a.interest_rate) / 100),
-      zeroStateText: a.interest_rate ? void 0 : n.add_interest_rate,
+      onSave: m,
+      primaryText: o.details_interest_rate,
+      secondaryText: ve(Number(a.interest_rate) / 100),
+      zeroStateText: a.interest_rate ? void 0 : o.add_interest_rate,
       children: /* @__PURE__ */ e(
-        Xe,
+        Oe,
         {
-          error: p,
+          error: d,
           fullWidth: !0,
-          onChange: (h) => i(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
+          onChange: (h) => l(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
           type: "number",
           value: t
         }
       )
     }
   );
-}), bt = S(({ debt: a }) => {
-  const { debts: n } = C(), { updateAccount: o } = Z(), { onEvent: r } = k(), [t, i] = x.useState(a.monthly_payment ?? 0), p = t < 0 || t > 9999999999e-2, d = async () => {
-    await o({ ...a.account, minimum_payment: t }), a.monthly_payment = t, r(T.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
+}), 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 = () => {
     setTimeout(() => {
-      i(a.monthly_payment ?? 0);
+      l(a.monthly_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: p,
-      label: n.details_monthly_payment,
+      isSaveDisabled: d,
+      label: o.details_monthly_payment,
       onCancel: c,
-      onSave: d,
-      primaryText: n.details_monthly_payment,
-      secondaryText: P(a.monthly_payment, "0,0"),
-      zeroStateText: a.monthly_payment ? void 0 : n.add_monthly_payment,
+      onSave: m,
+      primaryText: o.details_monthly_payment,
+      secondaryText: B(a.monthly_payment, "0,0"),
+      zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: p,
+          error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), _t = S(({ debt: a }) => {
-  const { debts: n } = C(), { updateAccount: o } = Z(), { onEvent: r } = k(), [t, i] = x.useState(a.original_balance ?? 0), p = t < 0 || t > 9999999999e-2, d = async () => {
-    await o({ ...a.account, original_balance: t }), a.original_balance = t, r(T.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
+}), 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 = () => {
     setTimeout(() => {
-      i(a.original_balance ?? 0);
+      l(a.original_balance ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: p,
-      label: n.details_original_balance,
+      isSaveDisabled: d,
+      label: o.details_original_balance,
       onCancel: c,
-      onSave: d,
-      primaryText: n.details_original_balance,
-      secondaryText: P(a.original_balance, "0,0"),
-      zeroStateText: a.original_balance ? void 0 : n.add_original_balance,
+      onSave: m,
+      primaryText: o.details_original_balance,
+      secondaryText: B(a.original_balance, "0,0"),
+      zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: p,
+          error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), yt = () => {
-  const { onEvent: a } = k(), { selectedDebtChartData: n } = R();
-  return x.useEffect(() => a(T.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(g, { bgcolor: "background.paper", children: [
-    n?.goal && /* @__PURE__ */ s(L, { children: [
-      /* @__PURE__ */ e(Ge, { goal: n.goal }),
+}), st = () => {
+  const { onEvent: a } = M(), { selectedDebtChartData: o } = R();
+  return y.useEffect(() => a(v.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(f, { bgcolor: "background.paper", children: [
+    o?.goal && /* @__PURE__ */ s(L, { children: [
+      /* @__PURE__ */ e(Le, { goal: o.goal }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(je, { goal: n.goal }),
+      /* @__PURE__ */ e(He, { goal: o.goal }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(ze, { goal: n.goal }),
+      /* @__PURE__ */ e(Fe, { goal: o.goal }),
       /* @__PURE__ */ e(W, {})
     ] }),
-    !n?.goal && n?.account && /* @__PURE__ */ s(L, { children: [
-      /* @__PURE__ */ e(bt, { debt: n }),
+    !o?.goal && o?.account && /* @__PURE__ */ s(L, { children: [
+      /* @__PURE__ */ e(it, { debt: o }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(ut, { debt: n }),
+      /* @__PURE__ */ e(nt, { debt: o }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(_t, { debt: n }),
+      /* @__PURE__ */ e(lt, { debt: o }),
       /* @__PURE__ */ e(W, {})
     ] })
   ] });
-}, ft = S(yt), xt = ({ setTabValue: a, sx: n }) => {
-  const { debts: o } = C(), { showError: r, showCompleted: t } = R();
-  return x.useEffect(() => {
+}, 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(g, { gap: 16, children: [
-    /* @__PURE__ */ e(he, { sx: { my: 16, mx: 24, ...n }, children: /* @__PURE__ */ s(
-      pe,
+  }, [r]), !r && !t ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ s(f, { gap: 16, children: [
+    /* @__PURE__ */ e(de, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      se,
       {
-        icon: r ? /* @__PURE__ */ e(Ve, { filled: !0 }) : /* @__PURE__ */ e(ye, { color: "success", filled: !0 }),
+        icon: r ? /* @__PURE__ */ e(We, { filled: !0 }) : /* @__PURE__ */ e(ue, { color: "success", filled: !0 }),
         severity: "error",
         sx: {
           alignItems: "start",
@@ -938,13 +881,13 @@ const ge = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(me, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r ? o.status_error_title : o.status_complete_title }),
-          /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: r ? o.status_error_description : o.status_complete_description })
+          /* @__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(he, { sx: { mb: 16, mt: 100, mx: 24, ...n }, children: /* @__PURE__ */ s(
-      pe,
+    r && /* @__PURE__ */ e(de, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      se,
       {
         icon: /* @__PURE__ */ e(L, {}),
         severity: "error",
@@ -956,28 +899,28 @@ const ge = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(me, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: o.status_info_title }),
-          /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: o.status_info_description })
+          /* @__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 })
         ]
       }
     ) })
   ] });
-}, gt = S(xt), wt = () => {
-  const { debts: a } = C(), { showError: n, showCompleted: o } = R(), [r, t] = x.useState(0);
+}, pt = S(dt), mt = () => {
+  const { debts: a } = C(), { showError: o, showCompleted: n } = R(), [r, t] = y.useState(0);
   return /* @__PURE__ */ s(L, { children: [
-    (n || o) && /* @__PURE__ */ e(gt, { setTabValue: t, sx: { mt: -24 } }),
+    (o || n) && /* @__PURE__ */ e(pt, { setTabValue: t, sx: { mt: -24 } }),
     /* @__PURE__ */ s(
-      We,
+      $e,
       {
         "aria-label": a.details_tabs_aria_label,
         centered: !0,
-        onChange: (i, p) => t(p),
+        onChange: (l, d) => t(d),
         textColor: "primary",
         value: r,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            de,
+            le,
             {
               "aria-controls": "debt-schedule-tabpanel-0",
               id: "debt-schedule-tab-0",
@@ -985,7 +928,7 @@ const ge = ({
             }
           ),
           /* @__PURE__ */ e(
-            de,
+            le,
             {
               "aria-controls": "debt-details-tabpanel-1",
               id: "debt-details-tab-1",
@@ -995,112 +938,112 @@ const ge = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(ue, { index: 0, name: "debt-schedule", value: r, children: /* @__PURE__ */ e(ht, {}) }),
-    /* @__PURE__ */ e(ue, { index: 1, name: "debt-details", value: r, children: /* @__PURE__ */ e(ft, {}) })
+    /* @__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, {}) })
   ] });
-}, Ct = S(wt), St = ({ isOpen: a, onClose: n, sx: o }) => {
-  const { debts: r } = C(), { showError: t, showCompleted: i } = R(), p = t || i ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(pt, {});
+}, 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,
     {
       ariaLabelClose: r.details_close_aria,
       isOpen: a,
-      onClose: n,
-      sx: { ...o },
+      onClose: o,
+      sx: { ...n },
       title: r.details_title,
-      children: /* @__PURE__ */ s(g, { bgcolor: "background.default", children: [
-        /* @__PURE__ */ e(ke, { customDetailsChart: p }),
-        /* @__PURE__ */ e(Ct, {})
+      children: /* @__PURE__ */ s(f, { bgcolor: "background.default", children: [
+        /* @__PURE__ */ e(Ee, { customDetailsChart: d }),
+        /* @__PURE__ */ e(ht, {})
       ] })
     }
   );
-}, vt = S(() => {
-  const { debts: a } = C(), { monthlyCashFlowProfile: n, updateMonthlyCashFlowProfile: o } = z(), { onEvent: r } = k(), [t, i] = x.useState(n?.extra_payment ?? 0), p = t < 0 || t > 9999999999e-2, d = async () => {
-    n && (await o({ ...n, extra_payment: t }), n.extra_payment = t, r(T.DEBTS_SAVE_PAYDOWN_ACTION, {
-      user_guid: n?.user_guid
+}, 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
     }));
   }, c = () => {
     setTimeout(() => {
-      i(n?.extra_payment ?? 0);
+      l(o?.extra_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: p,
+      isSaveDisabled: d,
       label: a.paydown_drawer_extra_payment,
       onCancel: c,
-      onSave: d,
+      onSave: m,
       primaryText: a.paydown_drawer_extra_payment,
-      secondaryText: P(n?.extra_payment, "0,0"),
-      zeroStateText: n?.extra_payment ? void 0 : a.add_extra_payment,
+      secondaryText: B(o?.extra_payment, "0,0"),
+      zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: p,
+          error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), Dt = () => {
-  const { debts: a } = C(), { totalMonthlyPayments: n } = q(), { monthlyCashFlowProfile: o } = z(), r = n + Number(o?.extra_payment);
-  return /* @__PURE__ */ s(g, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
-    /* @__PURE__ */ s(g, { p: 24, children: [
-      /* @__PURE__ */ s(g, { alignItems: "center", gap: 4, mb: 24, children: [
-        /* @__PURE__ */ e(l, { variant: "Body", children: a.paydown_drawer_mimimum_label }),
-        /* @__PURE__ */ e(l, { bold: !0, variant: "H1", children: P(n, "0,0") }),
-        /* @__PURE__ */ e(l, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: a.paydown_drawer_minimum_info })
+}), _t = () => {
+  const { debts: a } = C(), { totalMonthlyPayments: o } = q(), { monthlyCashFlowProfile: n } = z(), r = o + Number(n?.extra_payment);
+  return /* @__PURE__ */ s(f, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ s(f, { p: 24, children: [
+      /* @__PURE__ */ s(f, { alignItems: "center", gap: 4, mb: 24, children: [
+        /* @__PURE__ */ e(i, { variant: "Body", children: a.paydown_drawer_mimimum_label }),
+        /* @__PURE__ */ e(i, { bold: !0, variant: "H1", children: B(o, "0,0") }),
+        /* @__PURE__ */ e(i, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: a.paydown_drawer_minimum_info })
       ] }),
-      /* @__PURE__ */ s(g, { children: [
-        /* @__PURE__ */ e(l, { variant: "H3", children: a.paydown_drawer_subtitle }),
-        /* @__PURE__ */ e(l, { truncate: !1, variant: "ParagraphSmall", children: a.paydown_drawer_description })
+      /* @__PURE__ */ s(f, { children: [
+        /* @__PURE__ */ e(i, { variant: "H3", children: a.paydown_drawer_subtitle }),
+        /* @__PURE__ */ e(i, { truncate: !1, variant: "ParagraphSmall", children: a.paydown_drawer_description })
       ] })
     ] }),
-    /* @__PURE__ */ e(g, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(vt, {}) }),
-    /* @__PURE__ */ e(g, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(g, { gap: 4, children: [
-      /* @__PURE__ */ e(l, { variant: "Small", children: a.paydown_drawer_total_payment }),
-      /* @__PURE__ */ e(l, { bold: !0, textAlign: "right", variant: "Body", children: P(r, "0,0") })
+    /* @__PURE__ */ e(f, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(bt, {}) }),
+    /* @__PURE__ */ e(f, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(f, { gap: 4, children: [
+      /* @__PURE__ */ e(i, { variant: "Small", children: a.paydown_drawer_total_payment }),
+      /* @__PURE__ */ e(i, { bold: !0, textAlign: "right", variant: "Body", children: B(r, "0,0") })
     ] }) })
   ] });
-}, Tt = S(Dt), At = ({ isOpen: a, onClose: n, sx: o }) => {
+}, yt = S(_t), ft = ({ isOpen: a, onClose: o, sx: n }) => {
   const { debts: r } = C();
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: r.paydown_drawer_close_aria,
       isOpen: a,
-      onClose: n,
-      sx: { ...o },
+      onClose: o,
+      sx: { ...n },
       title: r.paydown_drawer_title,
-      children: /* @__PURE__ */ e(Tt, {})
+      children: /* @__PURE__ */ e(yt, {})
     }
   );
 };
-function Et(a, n) {
-  const o = (r) => {
+function gt(a, o) {
+  const n = (r) => {
     if (typeof r == "number") return r;
     if (r === "!" || r === "✓") return 1 / 0;
     throw new Error("Unsupported value");
   };
-  return o(a) - o(n);
+  return n(a) - n(o);
 }
-function It(a) {
+function xt(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
-const Bt = (a) => {
-  const n = {
+const wt = (a) => {
+  const o = {
     text: "#121417",
     background: "#FFB252"
   };
-  return a === "!" && (n.text = "#FFFFFF", n.background = "#DF320C"), a === "✓" && (n.text = "#FFFFFF", n.background = "#09A57F"), n;
-}, Mt = (a) => {
-  const n = String(a.formattedValue), o = Bt(n);
+  return a === "!" && (o.text = "#FFFFFF", o.background = "#DF320C"), a === "✓" && (o.text = "#FFFFFF", o.background = "#09A57F"), o;
+}, Ct = (a) => {
+  const o = String(a.formattedValue), n = wt(o);
   return /* @__PURE__ */ e(
     re,
     {
@@ -1112,75 +1055,75 @@ const Bt = (a) => {
         // Adjust the size as needed
         height: 20,
         borderRadius: "50%",
-        backgroundColor: o.background,
+        backgroundColor: n.background,
         marginLeft: "10px"
       },
-      children: /* @__PURE__ */ e(l, { color: o.text, fontWeight: 700, variant: "Small", children: n })
+      children: /* @__PURE__ */ e(i, { color: n.text, fontWeight: 700, variant: "Small", children: o })
     }
   );
-}, Pt = (a) => {
-  const n = a.row.account, o = Ke[n.account_type];
-  return /* @__PURE__ */ s(g, { alignItems: "center", flexDirection: "row", children: [
+}, St = (a) => {
+  const o = a.row.account, n = je[o.account_type];
+  return /* @__PURE__ */ s(f, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
-      De,
+      Ce,
       {
-        alt: `${n.institutionName}`,
-        institutionGuid: n.institution_guid || ""
+        alt: `${o.institutionName}`,
+        institutionGuid: o.institution_guid || ""
       }
     ),
-    /* @__PURE__ */ s(g, { ml: 12, children: [
-      /* @__PURE__ */ e(l, { variant: "Small", children: n.name }),
-      /* @__PURE__ */ e(l, { variant: "XSmall", children: o })
+    /* @__PURE__ */ s(f, { ml: 12, children: [
+      /* @__PURE__ */ e(i, { variant: "Small", children: o.name }),
+      /* @__PURE__ */ e(i, { variant: "XSmall", children: n })
     ] })
   ] });
-}, kt = ({
+}, Dt = ({
   sx: a = {},
-  debts: n,
-  hoveredDebtGuid: o,
+  debts: o,
+  hoveredDebtGuid: n,
   onHoverRow: r,
   onClickRow: t
 }) => {
-  const i = j(), { onEvent: p } = k(), { isMobile: d } = X(), { debts: c } = C(), [h, m] = x.useState([
+  const l = j(), { onEvent: d } = M(), { isMobile: m } = X(), { debts: c } = C(), [h, p] = y.useState([
     { field: "priority", sort: "asc" }
-  ]), y = [
+  ]), g = [
     {
       field: "priority",
       headerName: c.table_column_priority,
       renderHeader: G,
-      renderCell: Mt,
-      sortComparator: Et,
+      renderCell: Ct,
+      sortComparator: gt,
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: d ? 67 : 72,
-      flex: d ? 0.2 : 0.4
+      minWidth: m ? 67 : 72,
+      flex: m ? 0.2 : 0.4
     },
     {
       field: "account",
       headerName: c.table_column_account,
       renderHeader: G,
-      renderCell: Pt,
+      renderCell: St,
       sortable: !1,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: d ? 180 : 225,
+      minWidth: m ? 180 : 225,
       flex: 1
     },
     {
       field: "balance",
       headerName: c.table_column_balance,
       renderHeader: G,
-      valueFormatter: (u) => P(u, "0,0"),
+      valueFormatter: (u) => B(u, "0,0"),
       sortable: !0,
-      hideSortIcons: d,
+      hideSortIcons: m,
       type: "number",
-      align: d ? "right" : "left",
-      headerAlign: d ? "right" : "left",
-      minWidth: d ? 70 : 122,
-      flex: d ? 0.4 : 0.6
+      align: m ? "right" : "left",
+      headerAlign: m ? "right" : "left",
+      minWidth: m ? 70 : 122,
+      flex: m ? 0.4 : 0.6
     },
     {
       field: "interest_rate",
@@ -1188,7 +1131,7 @@ const Bt = (a) => {
       renderHeader: G,
       valueFormatter: (u) => isNaN(u) ? "---" : `${Number(u).toFixed(2)}%`,
       sortable: !0,
-      hideSortIcons: d,
+      hideSortIcons: m,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1201,7 +1144,7 @@ const Bt = (a) => {
       renderHeader: G,
       valueFormatter: (u) => u ? K(u, U.MONTH_SHORT_YEAR) : "---",
       sortable: !0,
-      hideSortIcons: d,
+      hideSortIcons: m,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1212,17 +1155,17 @@ const Bt = (a) => {
       field: "monthly_payment",
       headerName: c.table_column_amount_due,
       renderHeader: G,
-      valueFormatter: (u) => typeof u == "number" ? P(u, "0,0") : "---",
+      valueFormatter: (u) => typeof u == "number" ? B(u, "0,0") : "---",
       sortable: !0,
-      hideSortIcons: d,
+      hideSortIcons: m,
       type: "number",
       align: "left",
       headerAlign: "left",
       minWidth: 122,
       flex: 0.6
     }
-  ], f = [
-    ...y.slice(0, 3),
+  ], x = [
+    ...g.slice(0, 3),
     {
       field: "chevron",
       headerName: "",
@@ -1235,14 +1178,14 @@ const Bt = (a) => {
       headerAlign: "right",
       width: 20
     }
-  ], v = x.useMemo(() => n.map((u, I) => ({
+  ], E = y.useMemo(() => o.map((u, A) => ({
     ...u,
-    id: I,
-    priority: It(u)
-  })), [n]), E = (u) => {
-    const Y = u.target.closest("[data-id]")?.getAttribute("data-id"), b = n[Number(Y)];
+    id: A,
+    priority: xt(u)
+  })), [o]), k = (u) => {
+    const Y = u.target.closest("[data-id]")?.getAttribute("data-id"), b = o[Number(Y)];
     r?.(b?.guid ?? "");
-  }, D = (u) => v.find((I) => I.guid === u)?.id;
+  }, D = (u) => E.find((A) => A.guid === u)?.id;
   return /* @__PURE__ */ e(
     re,
     {
@@ -1255,32 +1198,32 @@ const Bt = (a) => {
         ...a
       },
       children: /* @__PURE__ */ e(
-        Ye,
+        Ge,
         {
-          columns: d ? f : y,
+          columns: m ? x : g,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
           initialState: { sorting: { sortModel: h } },
           onRowClick: (u) => {
-            t(), p(T.DEBTS_CLICK_TABLE_ROW, { account_guid: u.row.guid });
+            t(), d(v.DEBTS_CLICK_TABLE_ROW, { account_guid: u.row.guid });
           },
           onSortModelChange: (u) => {
-            m(u), p(T.DEBTS_CLICK_TABLE_SORT);
+            p(u), d(v.DEBTS_CLICK_TABLE_SORT);
           },
-          rows: v,
+          rows: E,
           slotProps: {
             baseIconButton: { color: "secondary", sx: { ml: 8 } },
             row: {
-              onMouseEnter: E,
+              onMouseEnter: k,
               onMouseLeave: () => r?.("")
             }
           },
           sortModel: h,
           sortingOrder: ["asc", "desc"],
           sx: {
-            [`& .MuiDataGrid-row[data-id="${D(o)}"]`]: {
-              backgroundColor: i.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
+            [`& .MuiDataGrid-row[data-id="${D(n)}"]`]: {
+              backgroundColor: l.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
               filter: "brightness(98%)"
             }
           }
@@ -1288,54 +1231,50 @@ const Bt = (a) => {
       )
     }
   );
-}, Ft = ({ buttonText: a, isOpen: n, onClick: o }) => {
-  const { isDesktop: r, isTablet: t } = X(), i = n ? "unfold_less" : "unfold_more";
+}, vt = ({ buttonText: a, isOpen: o, onClick: n }) => {
+  const { isDesktop: r, isTablet: t } = X(), l = o ? "unfold_less" : "unfold_more";
   return r || t ? /* @__PURE__ */ e(
-    fe,
+    be,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: o,
-      startIcon: /* @__PURE__ */ e(ee, { name: i }),
+      onClick: n,
+      startIcon: /* @__PURE__ */ e(ee, { name: l }),
       sx: { justifyContent: "start", minWidth: 214, mx: 4 },
       children: a
     }
   ) : /* @__PURE__ */ e(
-    Ue,
+    ze,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: o,
-      children: /* @__PURE__ */ e(ee, { name: i })
+      onClick: n,
+      children: /* @__PURE__ */ e(ee, { name: l })
     }
   );
-}, Nt = S(({ buttonEl: a, onClose: n }) => {
-  const { onEvent: o } = k(), { debts: r } = C(), { selectedDebtPriority: t, setSelectedDebtPriority: i } = R(), p = !!a, d = [
+}, Tt = S(({ buttonEl: a, onClose: o }) => {
+  const { onEvent: n } = M(), { debts: r } = C(), { selectedDebtPriority: t, setSelectedDebtPriority: l } = R(), d = !!a, m = [
     {
-      priority: M.FASTEST_PAYOFF_FIRST,
-      text: r.priority_sort_fastest_payoff
-    },
-    {
-      priority: M.HIGHEST_INTEREST,
+      priority: $.HIGHEST_INTEREST,
       text: r.priority_sort_highest_interest
     },
     {
-      priority: M.LOWEST_BALANCE,
+      priority: $.LOWEST_BALANCE,
       text: r.priority_sort_lowest_balance
     },
     {
-      priority: M.HIGHEST_BALANCE,
+      priority: $.HIGHEST_BALANCE,
       text: r.priority_sort_highest_balance
     }
   ], c = (h) => {
-    i(h), o(T.DEBTS_CLICK_PRIORITY, { debts_priority: h });
+    l(h), n(v.DEBTS_CLICK_PRIORITY, { debts_priority: h });
   };
   return /* @__PURE__ */ e(
-    Ze,
+    Ve,
     {
       anchorEl: a,
       anchorOrigin: {
@@ -1343,14 +1282,14 @@ const Bt = (a) => {
         horizontal: "left"
       },
       id: "prioritize-debts",
-      onClose: n,
-      open: p,
+      onClose: o,
+      open: d,
       transformOrigin: {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(_e, { children: d.map(({ priority: h, text: m }) => /* @__PURE__ */ s(
-        qe,
+      children: /* @__PURE__ */ e(he, { children: m.map(({ priority: h, text: p }) => /* @__PURE__ */ s(
+        Xe,
         {
           onClick: () => c(h),
           sx: {
@@ -1368,70 +1307,69 @@ const Bt = (a) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: m }),
-            t === h && /* @__PURE__ */ e(ye, { color: "inherit", filled: !0, fontSize: "small" })
+            /* @__PURE__ */ e(i, { color: "inherit", variant: "Small", children: p }),
+            t === h && /* @__PURE__ */ e(ue, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
         h
       )) })
     }
   );
-}), Rt = S(() => {
-  const { onEvent: a } = k(), { debts: n } = C(), { selectedDebtPriority: o } = R(), [r, t] = x.useState(null), i = (h) => {
-    t(h.currentTarget), a(T.DEBTS_CLICK_PRIORITIZE);
-  }, p = () => {
+}), 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 = () => {
     t(null);
-  }, d = !!r, c = x.useMemo(() => ({
-    [M.FASTEST_PAYOFF_FIRST]: n.priority_sort_fastest_payoff,
-    [M.HIGHEST_INTEREST]: n.priority_sort_highest_interest,
-    [M.HIGHEST_BALANCE]: n.priority_sort_highest_balance,
-    [M.LOWEST_BALANCE]: n.priority_sort_lowest_balance
-  })[o] ?? n.priority_sort_lowest_balance, [o]);
+  }, m = !!r, c = y.useMemo(() => ({
+    [$.HIGHEST_INTEREST]: o.priority_sort_highest_interest,
+    [$.HIGHEST_BALANCE]: o.priority_sort_highest_balance,
+    [$.LOWEST_BALANCE]: o.priority_sort_lowest_balance
+  })[n] ?? o.priority_sort_lowest_balance, [n]);
   return /* @__PURE__ */ s(_, { children: [
-    /* @__PURE__ */ e(Ft, { buttonText: c, isOpen: d, onClick: i }),
-    /* @__PURE__ */ e(Nt, { buttonEl: r, onClose: p })
+    /* @__PURE__ */ e(vt, { buttonText: c, isOpen: m, onClick: l }),
+    /* @__PURE__ */ e(Tt, { buttonEl: r, onClose: d })
   ] });
-}), Lt = (a, n, o = 0) => {
+}), Et = (a, o, n = 0) => {
   const r = a.map((c) => ({ ...c }));
-  xe(r, n);
-  const t = /* @__PURE__ */ new Date(), i = [];
-  let p = 0, d = 1;
+  _e(r, o);
+  const t = /* @__PURE__ */ new Date(), l = [];
+  let d = 0, m = 1;
   for (const c of r)
-    i.push({
+    l.push({
       ...c,
       // Start with the initial balance
       dataset: [{ x: new Date(t), y: c.balance }]
     });
   for (; r.some((c) => c.balance >= 0.01 && !c.is_impossible); ) {
     let c = !1;
-    for (const [h, m] of r.entries()) {
-      if (m.balance <= 0.01) continue;
-      const y = i[h].dataset, v = (m.interest_rate ?? 0) / 100 / 12, E = m.balance * v;
-      let D = m.monthly_payment ?? 0;
-      h === 0 && (D += o), m.balance += E;
-      const u = Math.min(m.balance, D + p);
-      if (u <= E) {
-        m.is_impossible = !0, i[h].is_impossible = !0, i[h].priority = void 0, y.push({ x: new Date(t), y: m.balance });
+    for (const [h, p] of r.entries()) {
+      if (p.balance <= 0.01) continue;
+      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, g.push({ x: new Date(t), y: p.balance });
         continue;
       }
-      m.balance -= u, m.balance = m.balance < 0.01 ? 0 : m.balance, y.push({
+      p.balance -= u, p.balance = p.balance < 0.01 ? 0 : p.balance, g.push({
         x: new Date(t),
-        y: Math.max(0, m.balance),
+        y: Math.max(0, p.balance),
         payment: u,
-        extra: p
-      }), m.balance <= 0 && (p += D, i[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
+        extra: d
+      }), p.balance <= 0 && (d += D, l[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
     }
     c && t.setMonth(t.getMonth() + 1);
   }
-  return i.forEach((c) => {
+  return l.forEach((c) => {
     (c.interest_rate === void 0 || c.interest_rate === void 0) && (c.projected_payoff_date = void 0);
-  }), i.forEach((c) => {
-    c.priority = !c.is_paid_off && !c.is_impossible ? d++ : void 0;
-  }), i;
-}, $t = S(({ onClick: a }) => {
-  const { debts: n } = C(), { isDesktop: o } = X(), { totalMonthlyPayments: r } = q(), { monthlyCashFlowProfile: t } = z(), i = r + Number(t?.extra_payment), p = o ? n.paydown_button_long : n.paydown_button_short;
+  }), l.forEach((c) => {
+    c.priority = !c.is_paid_off && !c.is_impossible ? m++ : void 0;
+  }), l;
+}, 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(
-    fe,
+    be,
     {
       "aria-controls": "extra-paydown",
       "aria-describedby": "extra-paydown",
@@ -1439,100 +1377,100 @@ const Bt = (a) => {
       "aria-label": "extra-paydown",
       onClick: a,
       sx: { justifyContent: "start", minWidth: 100, mx: 4 },
-      children: A(p, P(i, "0,0"))
+      children: T(d, B(l, "0,0"))
     }
   );
-}), Ht = ({ onBackClick: a, sx: n }) => {
-  const [o, r] = x.useState(!1), [t, i] = x.useState(!1), [p, d] = x.useState(!1), [c, h] = x.useState(""), { isDesktop: m, isMobile: y } = X(), { debts: f } = C(), { onEvent: v } = k(), { isCopyLoaded: E, isInitialized: D, setSelectedAccounts: u } = Pe(), { setSelectedAccount: I } = Fe(), { selectedDebtPriority: V, setSelectedDebtChartData: Y } = R(), { visibleDebtAccounts: b } = Z(), { goalsLoaded: w, loadGoals: B, monthlyCashFlowProfile: F } = z(), { debts: N } = q(), $ = x.useMemo(() => {
-    const H = F?.extra_payment ?? 0;
-    return Lt(N, V, H);
-  }, [N, V, F]);
-  x.useEffect(() => {
-    u(b), v(T.DEBTS_VIEW);
-  }, []), x.useEffect(() => {
+}), 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: 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]);
+  y.useEffect(() => {
+    u(b), E(v.DEBTS_VIEW);
+  }, []), y.useEffect(() => {
     u(b);
-  }, [b]), x.useEffect(() => {
-    D && B().finally();
+  }, [b]), y.useEffect(() => {
+    D && I().finally();
   }, [D]);
-  const ne = (H) => h(H), oe = () => {
-    const H = b.find((Q) => Q.guid === c), ie = $.find((Q) => Q.guid === c);
-    H && I(H), ie && Y(ie), r(!0);
-  }, we = () => v(T.DEBTS_CLICK_FILTER), Ce = () => {
-    d(!0), v(T.DEBTS_CLICK_SNOWBALL_CTA);
-  }, Se = () => {
-    i(!0), v(T.DEBTS_CLICK_PAYDOWN);
+  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);
+  }, xe = () => {
+    l(!0), E(v.DEBTS_CLICK_PAYDOWN);
   };
-  return !w || !E || !D ? /* @__PURE__ */ e(Je, {}) : /* @__PURE__ */ s(
-    Oe,
+  return !w || !k || !D ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ s(
+    Re,
     {
       accountOptions: b,
       actions: [
-        /* @__PURE__ */ e(Rt, {}, "prioritize-debts"),
-        /* @__PURE__ */ e($t, { onClick: Se }, "extra-paydown")
+        /* @__PURE__ */ e(At, {}, "prioritize-debts"),
+        /* @__PURE__ */ e(It, { onClick: xe }, "extra-paydown")
       ],
-      onAccountsFilterClick: we,
+      onAccountsFilterClick: fe,
       onBackClick: a,
-      sx: n,
-      title: f.title,
+      sx: o,
+      title: x.title,
       children: [
-        /* @__PURE__ */ s(g, { sx: { px: m ? "48px" : "24px" }, children: [
+        /* @__PURE__ */ s(f, { sx: { px: p ? "48px" : "24px" }, children: [
           /* @__PURE__ */ s(
-            g,
+            f,
             {
               sx: {
-                alignItems: y ? "flex-start" : "flex-end",
-                flexDirection: y ? "column" : "row",
-                mx: y ? "-12px" : 0
+                alignItems: g ? "flex-start" : "flex-end",
+                flexDirection: g ? "column" : "row",
+                mx: g ? "-12px" : 0
               },
               children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  ye,
                   {
-                    debts: $,
-                    height: y ? 250 : void 0,
+                    debts: H,
+                    height: g ? 250 : void 0,
                     hoveredDebtGuid: c,
-                    onClickArea: oe,
-                    onHoverArea: ne,
-                    sx: { mr: y ? "4px" : "-48px" }
+                    onClickArea: ne,
+                    onHoverArea: oe,
+                    sx: { mr: g ? "4px" : "-48px" }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ot,
+                  qe,
                   {
-                    debts: $,
-                    onClickCta: Ce,
-                    sx: { mb: y ? "0px" : "64px" }
+                    debts: H,
+                    onClickCta: ge,
+                    sx: { mb: g ? "0px" : "64px" }
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(g, { sx: { mx: y ? "-24px" : 0 }, children: /* @__PURE__ */ e(
-            kt,
+          /* @__PURE__ */ e(f, { sx: { mx: g ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+            Dt,
             {
-              debts: $,
+              debts: H,
               hoveredDebtGuid: c,
-              onClickRow: oe,
-              onHoverRow: ne
+              onClickRow: ne,
+              onHoverRow: oe
             }
           ) })
         ] }),
         /* @__PURE__ */ e(
-          lt,
+          Je,
           {
-            isOpen: p,
-            onClose: () => d(!1)
+            isOpen: d,
+            onClose: () => m(!1)
           }
         ),
-        /* @__PURE__ */ e(St, { isOpen: o, onClose: () => r(!1) }),
-        /* @__PURE__ */ e(At, { isOpen: t, onClose: () => i(!1) })
+        /* @__PURE__ */ e(ut, { isOpen: n, onClose: () => r(!1) }),
+        /* @__PURE__ */ e(ft, { isOpen: t, onClose: () => l(!1) })
       ]
     }
   );
-}, Ir = S(Ht);
+}, xr = S(Bt);
 export {
-  ge as DebtsChart,
-  Pr as DebtsStore,
-  kt as DebtsTable,
-  Ir as DebtsWidget
+  ye as DebtsChart,
+  Sr as DebtsStore,
+  Dt as DebtsTable,
+  xr as DebtsWidget
 };