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

package/dist/debts/index.es.js

@@ -1,111 +1,168 @@
 import { jsx as e, jsxs as s, Fragment as L } from "react/jsx-runtime";
-import y from "react";
+import x from "react";
 import { observer as S } from "mobx-react-lite";
-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 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 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-DkUqN6JE.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 { 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-sum_Bgdy.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 { 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 re from "@mui/material/Box";
-import { useTheme as Ne } from "@mui/material/styles";
-import { A as v, W as Re } from "../WidgetContainer-C2NBfpDg.mjs";
-import le from "@mui/material/Tab";
-import $e from "@mui/material/Tabs";
-import he from "@mui/material/List";
+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 W from "@mui/material/Divider";
-import { M as Le, I as He, O as Fe } from "../OriginalBalanceAction-DepsKiJz.mjs";
-import Oe from "@mui/material/TextField";
+import { M as Ge, I as je, O as ze } from "../OriginalBalanceAction-DepsKiJz.mjs";
+import Xe from "@mui/material/TextField";
 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 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 { H as G } from "../HeaderCell-DjuifqHJ.mjs";
-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-Dp1P2gNw.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));
+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));
       break;
-    case $.LOWEST_BALANCE:
-      n.sort((t, l) => t.balance - l.balance);
+    case M.LOWEST_BALANCE:
+      o.sort((t, i) => t.balance - i.balance);
       break;
-    case $.HIGHEST_BALANCE:
-      n.sort((t, l) => l.balance - t.balance);
+    case M.HIGHEST_BALANCE:
+      o.sort((t, i) => i.balance - t.balance);
       break;
     default:
-      n.sort((t, l) => t.balance - l.balance);
+      o.sort((t, i) => t.balance - i.balance);
   }
-  a.splice(0, a.length, ...n, ...r);
+  a.splice(0, a.length, ...o, ...r);
 };
-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
+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
   );
-  _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;
+  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;
         continue;
       }
-      x.balance -= A, x.balance = x.balance < 0.01 ? 0 : x.balance, t += D, x.balance <= 0 && (l += u), A > 0 && (p = !0);
+      f.balance -= I, f.balance = f.balance < 0.01 ? 0 : f.balance, t += D, f.balance <= 0 && (i += u), I > 0 && (m = !0);
     }
-    p && m.setMonth(m.getMonth() + 1);
+    m && d.setMonth(d.getMonth() + 1);
   }
-  const c = r.some((p) => p.is_impossible && p.balance > 0), h = Se({ start: d, end: m });
+  const c = r.some((m) => m.is_impossible && m.balance > 0), h = Te({ start: p, end: d });
   return {
-    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"
+    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"
   };
 }
 const R = () => {
-  if (!y.useContext(Te))
+  if (!x.useContext(Me))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   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 g = m?.extra_payment ?? 0;
-    return Ke(a, d, g);
-  }, [a, d, m]);
+}, 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]);
   return /* @__PURE__ */ e(
-    me,
+    be,
     {
       sx: {
         boxShadow: r.shadows[2],
         width: t ? "100%" : "186px",
         minWidth: "186px",
-        ...n
+        ...o
       },
       children: /* @__PURE__ */ s(_, { sx: { gap: "12px", p: "16px" }, children: [
         /* @__PURE__ */ s(
@@ -118,79 +175,79 @@ const R = () => {
               pb: "8px"
             },
             children: [
-              /* @__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__ */ 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__ */ s(_, { gap: t ? "4px" : "0", children: [
-          /* @__PURE__ */ e(i, { bold: !0, variant: "Small", children: h }),
-          /* @__PURE__ */ e(i, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: l.snowball_card_amount_description })
+          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: h }),
+          /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: i.snowball_card_amount_description })
         ] }),
         /* @__PURE__ */ s(_, { gap: t ? "4px" : "0", children: [
-          /* @__PURE__ */ e(i, { bold: !0, variant: "Small", children: p }),
-          /* @__PURE__ */ e(i, { variant: "XSmall", children: l.snowball_card_duration_description })
+          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: m }),
+          /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_duration_description })
         ] }),
         /* @__PURE__ */ e(
-          i,
+          l,
           {
             bold: !0,
             color: r.palette.primary.main,
-            onClick: o,
+            onClick: n,
             sx: { cursor: "pointer" },
             variant: "Small",
-            children: l.snowball_card_cta
+            children: i.snowball_card_cta
           }
         )
       ] })
     }
   );
-}, qe = S(Ue), Ze = ({ isOpen: a, onClose: o, sx: n }) => {
-  const r = j(), { debts: t } = C(), [l, d] = y.useState(!1);
+}, ot = S(nt), it = ({ isOpen: a, onClose: n, sx: o }) => {
+  const r = j(), { debts: t } = C(), [i, p] = x.useState(!1);
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: "",
       isOpen: a,
-      onClose: o,
-      sx: { ...n },
+      onClose: n,
+      sx: { ...o },
       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(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__ */ 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__ */ s(me, { sx: { display: "grid", py: 16, px: 24 }, children: [
-            /* @__PURE__ */ e(i, { mb: 4, variant: "H3", children: t.snowball_drawer_question }),
+          /* @__PURE__ */ s(be, { sx: { display: "grid", py: 16, px: 24 }, children: [
+            /* @__PURE__ */ e(l, { mb: 4, variant: "H3", children: t.snowball_drawer_question }),
             /* @__PURE__ */ e(
-              i,
+              l,
               {
                 color: r.palette.secondary.main,
                 mb: 8,
-                sx: { whiteSpace: l ? "normal" : "nowrap" },
+                sx: { whiteSpace: i ? "normal" : "nowrap" },
                 variant: "ParagraphSmall",
                 children: t.snowball_drawer_answer
               }
             ),
             /* @__PURE__ */ e(
-              i,
+              l,
               {
                 bold: !0,
                 color: r.palette.primary.main,
-                onClick: () => d(!l),
+                onClick: () => p(!i),
                 sx: { cursor: "pointer" },
                 variant: "Small",
-                children: l ? t.snowball_drawer_less : t.snowball_drawer_more
+                children: i ? t.snowball_drawer_less : t.snowball_drawer_more
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ s(_, { children: [
           /* @__PURE__ */ e(
-            i,
+            l,
             {
               color: r.palette.secondary.main,
               px: 24,
@@ -200,8 +257,8 @@ const R = () => {
             }
           ),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__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__ */ 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__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -218,7 +275,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -233,20 +290,20 @@ const R = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__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(
+                      /* @__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(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$100"
                         ),
-                        /* @__PURE__ */ e("strong", { children: T(t.snowball_drawer_debt_label, "B") }),
+                        /* @__PURE__ */ e("strong", { children: A(t.snowball_drawer_debt_label, "B") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(i, { variant: "Body", children: "$100.00" }),
+                      /* @__PURE__ */ e(l, { variant: "Body", children: "$100.00" }),
                       /* @__PURE__ */ e(
-                        i,
+                        l,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -284,8 +341,8 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: T(t.snowball_drawer_debt_label, "B") }),
-                    /* @__PURE__ */ e(i, { variant: "Body", children: "$400.00" })
+                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "B") }),
+                    /* @__PURE__ */ e(l, { variant: "Body", children: "$400.00" })
                   ]
                 }
               )
@@ -304,8 +361,8 @@ const R = () => {
                 }
               ),
               /* @__PURE__ */ s(_, { flexDirection: "row", flexGrow: 1, pr: 24, children: [
-                /* @__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__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }),
+                /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
               ] })
             ] }),
             /* @__PURE__ */ s(
@@ -320,15 +377,15 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__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__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(l, { 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(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__ */ 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__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -345,7 +402,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -360,20 +417,20 @@ const R = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__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(
+                      /* @__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(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$500"
                         ),
-                        /* @__PURE__ */ e("strong", { children: T(t.snowball_drawer_debt_label, "C") }),
+                        /* @__PURE__ */ e("strong", { children: A(t.snowball_drawer_debt_label, "C") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(i, { variant: "Body", children: "$500.00" }),
+                      /* @__PURE__ */ e(l, { variant: "Body", children: "$500.00" }),
                       /* @__PURE__ */ e(
-                        i,
+                        l,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -410,8 +467,8 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__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__ */ e(l, { flexGrow: 1, variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }),
+                    /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
                   ]
                 }
               )
@@ -428,15 +485,15 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__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__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(l, { 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(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__ */ 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__ */ s(_, { bgcolor: r.palette.background.paper, mb: 24, children: [
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
@@ -453,7 +510,7 @@ const R = () => {
                     backgroundColor: r.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
+                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "Small", children: "✓" })
                 }
               ),
               /* @__PURE__ */ s(
@@ -467,11 +524,11 @@ const R = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(i, { variant: "Body", children: T(t.snowball_drawer_debt_label, "C") }) }),
+                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(l, { variant: "Body", children: A(t.snowball_drawer_debt_label, "C") }) }),
                     /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(i, { variant: "Body", children: "$1,500.00" }),
+                      /* @__PURE__ */ e(l, { variant: "Body", children: "$1,500.00" }),
                       /* @__PURE__ */ e(
-                        i,
+                        l,
                         {
                           bold: !0,
                           color: r.palette.success.main,
@@ -497,8 +554,8 @@ const R = () => {
                   borderBottom: `1px solid ${r.palette.border.light}`
                 },
                 children: [
-                  /* @__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__ */ e(l, { bold: !0, variant: "Body", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: "$1,500.00" })
                 ]
               }
             )
@@ -507,50 +564,50 @@ const R = () => {
       ] })
     }
   );
-}, 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)))
+}, 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)))
   ];
-  return `rgb(${l[0]}, ${l[1]}, ${l[2]})`;
+  return `rgb(${i[0]}, ${i[1]}, ${i[2]})`;
 }
-const ye = ({
+const ge = ({
   sx: a,
-  height: o = 500,
-  width: n,
+  height: n = 500,
+  width: o,
   debts: r,
   hoveredDebtGuid: t,
-  onClickArea: l,
-  onHoverArea: d
+  onClickArea: i,
+  onHoverArea: p
 }) => {
-  const m = Ne(), { onEvent: c } = M(), h = r.filter((b) => !b.is_impossible), p = [
+  const d = He(), { onEvent: c } = k(), h = r.filter((b) => !b.is_impossible), m = [
     ...new Set(
       h.flatMap((b) => b.dataset.map((w) => new Date(w.x).getTime()))
     )
-  ].sort((b, w) => b - w).map((b) => new Date(b)), g = h.map((b) => {
+  ].sort((b, w) => b - w).map((b) => new Date(b)), y = 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) => {
-      const H = w.get(N.getTime()) ?? I;
-      return I = H, { x: N, y: H };
+    let B = w.get(m[0].getTime()) ?? 0;
+    const F = m.map((N) => {
+      const $ = w.get(N.getTime()) ?? B;
+      return B = $, { x: N, y: $ };
     });
-    return { ...b, dataset: P };
-  }), x = g.reduce(
+    return { ...b, dataset: F };
+  }), f = y.reduce(
     (b, w) => b + (w.dataset[0]?.y ?? 0),
     0
-  ), 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);
+  ), 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);
     return {
       id: `debt-${w}`,
       guid: b.guid,
       label: b.name,
       data: b.dataset.map((N) => N.y),
-      color: P,
+      color: F,
       curve: "linear",
       type: "line",
       area: !0,
@@ -561,15 +618,15 @@ const ye = ({
   u.push({
     id: "payoff-line",
     label: "Payoff Line",
-    data: E.map((b) => b.y),
-    color: m.palette.grey[700],
+    data: v.map((b) => b.y),
+    color: d.palette.grey[700],
     curve: "linear",
     type: "line",
     stack: void 0,
     showMark: !1,
     disableHighlight: !0
   });
-  const A = (b) => u.findIndex((w) => w?.guid === b);
+  const I = (b) => u.findIndex((w) => w?.guid === b);
   return /* @__PURE__ */ e(
     re,
     {
@@ -586,19 +643,19 @@ const ye = ({
         }
       },
       children: /* @__PURE__ */ e(
-        Pe,
+        $e,
         {
           axisHighlight: { x: "none" },
           disableLineItemHighlight: !0,
-          height: o,
+          height: n,
           onAreaClick: (b, w) => {
-            l?.();
-            const I = u.find((P) => P.id === w.seriesId);
-            c(v.DEBTS_CLICK_CHART_AREA, { account_guid: I?.guid });
+            i?.();
+            const B = u.find((F) => F.id === w.seriesId);
+            c(T.DEBTS_CLICK_CHART_AREA, { account_guid: B?.guid });
           },
           onHighlightChange: (b) => {
-            const w = u.find((I) => I.id === b?.seriesId)?.guid;
-            d?.(w ?? "");
+            const w = u.find((B) => B.id === b?.seriesId)?.guid;
+            p?.(w ?? "");
           },
           series: u,
           skipAnimation: !0,
@@ -624,21 +681,21 @@ const ye = ({
               strokeDasharray: "10 5",
               strokeWidth: 1
             },
-            [`& .MuiLineElement-series-debt-${A(t ?? "0")}`]: {
+            [`& .MuiLineElement-series-debt-${I(t ?? "0")}`]: {
               opacity: 1
             },
-            [`& .MuiAreaElement-series-debt-${A(t ?? "0")}`]: {
+            [`& .MuiAreaElement-series-debt-${I(t ?? "0")}`]: {
               opacity: 1
             },
             ...a
           },
           tooltip: { trigger: "none" },
-          width: n,
+          width: o,
           xAxis: [
             {
               data: D,
               scaleType: "time",
-              min: p[0],
+              min: m[0],
               disableTicks: !0,
               valueFormatter: (b) => K(b, U.MONTH_SHORT_YEAR)
             }
@@ -646,20 +703,20 @@ const ye = ({
           yAxis: [
             {
               min: 0,
-              max: k,
+              max: E,
               disableTicks: !0,
-              valueFormatter: (b) => B(b, "0a")
+              valueFormatter: (b) => P(b, "0a")
             }
           ]
         }
       )
     }
   );
-}, tt = () => {
-  const a = j(), { debts: o } = C(), { selectedDebtChartData: n } = R();
+}, dt = () => {
+  const a = j(), { debts: n } = C(), { selectedDebtChartData: o } = R();
   return /* @__PURE__ */ s(L, { children: [
     /* @__PURE__ */ s(
-      Be,
+      Ne,
       {
         sx: {
           "& .MuiCardContent-root:last-child": {
@@ -667,39 +724,39 @@ const ye = ({
           }
         },
         children: [
-          /* @__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(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(
-      i,
+      l,
       {
         color: a.palette.text.secondary,
         sx: { whiteSpace: "normal", textAlign: "center", px: 8, py: 12 },
         variant: "Small",
-        children: o.details_chart_description
+        children: n.details_chart_description
       }
     )
   ] });
-}, 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,
+}, 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,
     {
       color: a.palette.secondary.main,
       component: "div",
       sx: { p: 32, textAlign: "center", whiteSpace: "normal" },
       variant: "Small",
-      children: l ? n.schedule_error_message : n.schedule_complete_message
+      children: i ? o.schedule_error_message : o.schedule_complete_message
     }
   ) : /* @__PURE__ */ s(L, { children: [
-    /* @__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 })
+    /* @__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 })
     ] }),
-    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,
+    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,
       {
         sx: {
           borderBottom: `1px solid ${a.palette.border.light}`,
@@ -709,28 +766,28 @@ const ye = ({
           pr: 24
         },
         children: [
-          /* @__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, { 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, { children: [
-            /* @__PURE__ */ e(i, { bold: !0, variant: "Body", children: B(m, "0,0.00") }),
+          /* @__PURE__ */ s(g, { children: [
+            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: P(d, "0,0.00") }),
             /* @__PURE__ */ e(
-              i,
+              l,
               {
                 bold: !0,
                 color: a.palette.success.main,
                 textAlign: "end",
                 variant: "Tiny",
-                children: `+${B(c, "0,0")}`
+                children: `+${P(c, "0,0")}`
               }
             )
           ] })
         ]
       }
-    ) }) }, String(d))),
-    /* @__PURE__ */ e(f, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
-      f,
+    ) }) }, String(p))),
+    /* @__PURE__ */ e(g, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
+      g,
       {
         sx: {
           alignItems: "center",
@@ -740,135 +797,135 @@ const ye = ({
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(i, { flexGrow: 1, variant: "Body", children: n.schedule_payoff_label }),
-          /* @__PURE__ */ e(i, { variant: "Body", children: "-" })
+          /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: o.schedule_payoff_label }),
+          /* @__PURE__ */ e(l, { variant: "Body", children: "-" })
         ]
       }
     ) })
   ] }) });
-}, 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 });
+}, 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 });
   }, c = () => {
     setTimeout(() => {
-      l(a.interest_rate ?? 0);
+      i(a.interest_rate ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: d,
-      label: `${o.details_interest_rate} (%)`,
+      isSaveDisabled: p,
+      label: `${n.details_interest_rate} (%)`,
       onCancel: c,
-      onSave: m,
-      primaryText: o.details_interest_rate,
-      secondaryText: ve(Number(a.interest_rate) / 100),
-      zeroStateText: a.interest_rate ? void 0 : o.add_interest_rate,
+      onSave: d,
+      primaryText: n.details_interest_rate,
+      secondaryText: Be(Number(a.interest_rate) / 100),
+      zeroStateText: a.interest_rate ? void 0 : n.add_interest_rate,
       children: /* @__PURE__ */ e(
-        Oe,
+        Xe,
         {
-          error: d,
+          error: p,
           fullWidth: !0,
-          onChange: (h) => l(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
+          onChange: (h) => i(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
           type: "number",
           value: t
         }
       )
     }
   );
-}), 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 });
+}), 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 });
   }, c = () => {
     setTimeout(() => {
-      l(a.monthly_payment ?? 0);
+      i(a.monthly_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: d,
-      label: o.details_monthly_payment,
+      isSaveDisabled: p,
+      label: n.details_monthly_payment,
       onCancel: c,
-      onSave: m,
-      primaryText: o.details_monthly_payment,
-      secondaryText: B(a.monthly_payment, "0,0"),
-      zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
+      onSave: d,
+      primaryText: n.details_monthly_payment,
+      secondaryText: P(a.monthly_payment, "0,0"),
+      zeroStateText: a.monthly_payment ? void 0 : n.add_monthly_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: d,
+          error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), 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 });
+}), _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 });
   }, c = () => {
     setTimeout(() => {
-      l(a.original_balance ?? 0);
+      i(a.original_balance ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: d,
-      label: o.details_original_balance,
+      isSaveDisabled: p,
+      label: n.details_original_balance,
       onCancel: c,
-      onSave: m,
-      primaryText: o.details_original_balance,
-      secondaryText: B(a.original_balance, "0,0"),
-      zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
+      onSave: d,
+      primaryText: n.details_original_balance,
+      secondaryText: P(a.original_balance, "0,0"),
+      zeroStateText: a.original_balance ? void 0 : n.add_original_balance,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: d,
+          error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), 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 }),
+}), 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 }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(He, { goal: o.goal }),
+      /* @__PURE__ */ e(je, { goal: n.goal }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(Fe, { goal: o.goal }),
+      /* @__PURE__ */ e(ze, { goal: n.goal }),
       /* @__PURE__ */ e(W, {})
     ] }),
-    !o?.goal && o?.account && /* @__PURE__ */ s(L, { children: [
-      /* @__PURE__ */ e(it, { debt: o }),
+    !n?.goal && n?.account && /* @__PURE__ */ s(L, { children: [
+      /* @__PURE__ */ e(bt, { debt: n }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(nt, { debt: o }),
+      /* @__PURE__ */ e(ut, { debt: n }),
       /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(lt, { debt: o }),
+      /* @__PURE__ */ e(_t, { debt: n }),
       /* @__PURE__ */ e(W, {})
     ] })
   ] });
-}, ct = S(st), dt = ({ setTabValue: a, sx: o }) => {
-  const { debts: n } = C(), { showError: r, showCompleted: t } = R();
-  return y.useEffect(() => {
+}, ft = S(yt), xt = ({ setTabValue: a, sx: n }) => {
+  const { debts: o } = C(), { showError: r, showCompleted: t } = R();
+  return x.useEffect(() => {
     r && a(1);
-  }, [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,
+  }, [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,
       {
-        icon: r ? /* @__PURE__ */ e(We, { filled: !0 }) : /* @__PURE__ */ e(ue, { color: "success", filled: !0 }),
+        icon: r ? /* @__PURE__ */ e(Ve, { filled: !0 }) : /* @__PURE__ */ e(ye, { color: "success", filled: !0 }),
         severity: "error",
         sx: {
           alignItems: "start",
@@ -881,13 +938,13 @@ const ye = ({
           }
         },
         children: [
-          /* @__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 })
+          /* @__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 })
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e(de, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      se,
+    r && /* @__PURE__ */ e(he, { sx: { mb: 16, mt: 100, mx: 24, ...n }, children: /* @__PURE__ */ s(
+      pe,
       {
         icon: /* @__PURE__ */ e(L, {}),
         severity: "error",
@@ -899,28 +956,28 @@ const ye = ({
           }
         },
         children: [
-          /* @__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 })
+          /* @__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 })
         ]
       }
     ) })
   ] });
-}, pt = S(dt), mt = () => {
-  const { debts: a } = C(), { showError: o, showCompleted: n } = R(), [r, t] = y.useState(0);
+}, gt = S(xt), wt = () => {
+  const { debts: a } = C(), { showError: n, showCompleted: o } = R(), [r, t] = x.useState(0);
   return /* @__PURE__ */ s(L, { children: [
-    (o || n) && /* @__PURE__ */ e(pt, { setTabValue: t, sx: { mt: -24 } }),
+    (n || o) && /* @__PURE__ */ e(gt, { setTabValue: t, sx: { mt: -24 } }),
     /* @__PURE__ */ s(
-      $e,
+      We,
       {
         "aria-label": a.details_tabs_aria_label,
         centered: !0,
-        onChange: (l, d) => t(d),
+        onChange: (i, p) => t(p),
         textColor: "primary",
         value: r,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            le,
+            de,
             {
               "aria-controls": "debt-schedule-tabpanel-0",
               id: "debt-schedule-tab-0",
@@ -928,7 +985,7 @@ const ye = ({
             }
           ),
           /* @__PURE__ */ e(
-            le,
+            de,
             {
               "aria-controls": "debt-details-tabpanel-1",
               id: "debt-details-tab-1",
@@ -938,112 +995,112 @@ const ye = ({
         ]
       }
     ),
-    /* @__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, {}) })
+    /* @__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, {}) })
   ] });
-}, 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, {});
+}, 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, {});
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: r.details_close_aria,
       isOpen: a,
-      onClose: o,
-      sx: { ...n },
+      onClose: n,
+      sx: { ...o },
       title: r.details_title,
-      children: /* @__PURE__ */ s(f, { bgcolor: "background.default", children: [
-        /* @__PURE__ */ e(Ee, { customDetailsChart: d }),
-        /* @__PURE__ */ e(ht, {})
+      children: /* @__PURE__ */ s(g, { bgcolor: "background.default", children: [
+        /* @__PURE__ */ e(ke, { customDetailsChart: p }),
+        /* @__PURE__ */ e(Ct, {})
       ] })
     }
   );
-}, 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
+}, 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
     }));
   }, c = () => {
     setTimeout(() => {
-      l(o?.extra_payment ?? 0);
+      i(n?.extra_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     J,
     {
-      isSaveDisabled: d,
+      isSaveDisabled: p,
       label: a.paydown_drawer_extra_payment,
       onCancel: c,
-      onSave: m,
+      onSave: d,
       primaryText: a.paydown_drawer_extra_payment,
-      secondaryText: B(o?.extra_payment, "0,0"),
-      zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
+      secondaryText: P(n?.extra_payment, "0,0"),
+      zeroStateText: n?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
           amount: t,
           autoFocus: !0,
-          error: d,
+          error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => l(isNaN(Number(h)) ? t : Number(h)),
+          setAmount: (h) => i(isNaN(Number(h)) ? t : Number(h)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
-}), _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 })
+}), 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 })
       ] }),
-      /* @__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__ */ 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__ */ 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") })
+    /* @__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") })
     ] }) })
   ] });
-}, yt = S(_t), ft = ({ isOpen: a, onClose: o, sx: n }) => {
+}, Tt = S(Dt), At = ({ isOpen: a, onClose: n, sx: o }) => {
   const { debts: r } = C();
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: r.paydown_drawer_close_aria,
       isOpen: a,
-      onClose: o,
-      sx: { ...n },
+      onClose: n,
+      sx: { ...o },
       title: r.paydown_drawer_title,
-      children: /* @__PURE__ */ e(yt, {})
+      children: /* @__PURE__ */ e(Tt, {})
     }
   );
 };
-function gt(a, o) {
-  const n = (r) => {
+function Et(a, n) {
+  const o = (r) => {
     if (typeof r == "number") return r;
     if (r === "!" || r === "✓") return 1 / 0;
     throw new Error("Unsupported value");
   };
-  return n(a) - n(o);
+  return o(a) - o(n);
 }
-function xt(a) {
+function It(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
-const wt = (a) => {
-  const o = {
+const Bt = (a) => {
+  const n = {
     text: "#121417",
     background: "#FFB252"
   };
-  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 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 /* @__PURE__ */ e(
     re,
     {
@@ -1055,75 +1112,75 @@ const wt = (a) => {
         // Adjust the size as needed
         height: 20,
         borderRadius: "50%",
-        backgroundColor: n.background,
+        backgroundColor: o.background,
         marginLeft: "10px"
       },
-      children: /* @__PURE__ */ e(i, { color: n.text, fontWeight: 700, variant: "Small", children: o })
+      children: /* @__PURE__ */ e(l, { color: o.text, fontWeight: 700, variant: "Small", children: n })
     }
   );
-}, St = (a) => {
-  const o = a.row.account, n = je[o.account_type];
-  return /* @__PURE__ */ s(f, { alignItems: "center", flexDirection: "row", children: [
+}, Pt = (a) => {
+  const n = a.row.account, o = Ke[n.account_type];
+  return /* @__PURE__ */ s(g, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
-      Ce,
+      De,
       {
-        alt: `${o.institutionName}`,
-        institutionGuid: o.institution_guid || ""
+        alt: `${n.institutionName}`,
+        institutionGuid: n.institution_guid || ""
       }
     ),
-    /* @__PURE__ */ s(f, { ml: 12, children: [
-      /* @__PURE__ */ e(i, { variant: "Small", children: o.name }),
-      /* @__PURE__ */ e(i, { variant: "XSmall", children: n })
+    /* @__PURE__ */ s(g, { ml: 12, children: [
+      /* @__PURE__ */ e(l, { variant: "Small", children: n.name }),
+      /* @__PURE__ */ e(l, { variant: "XSmall", children: o })
     ] })
   ] });
-}, Dt = ({
+}, kt = ({
   sx: a = {},
-  debts: o,
-  hoveredDebtGuid: n,
+  debts: n,
+  hoveredDebtGuid: o,
   onHoverRow: r,
   onClickRow: t
 }) => {
-  const l = j(), { onEvent: d } = M(), { isMobile: m } = X(), { debts: c } = C(), [h, p] = y.useState([
+  const i = j(), { onEvent: p } = k(), { isMobile: d } = X(), { debts: c } = C(), [h, m] = x.useState([
     { field: "priority", sort: "asc" }
-  ]), g = [
+  ]), y = [
     {
       field: "priority",
       headerName: c.table_column_priority,
       renderHeader: G,
-      renderCell: Ct,
-      sortComparator: gt,
+      renderCell: Mt,
+      sortComparator: Et,
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: m ? 67 : 72,
-      flex: m ? 0.2 : 0.4
+      minWidth: d ? 67 : 72,
+      flex: d ? 0.2 : 0.4
     },
     {
       field: "account",
       headerName: c.table_column_account,
       renderHeader: G,
-      renderCell: St,
+      renderCell: Pt,
       sortable: !1,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: m ? 180 : 225,
+      minWidth: d ? 180 : 225,
       flex: 1
     },
     {
       field: "balance",
       headerName: c.table_column_balance,
       renderHeader: G,
-      valueFormatter: (u) => B(u, "0,0"),
+      valueFormatter: (u) => P(u, "0,0"),
       sortable: !0,
-      hideSortIcons: m,
+      hideSortIcons: d,
       type: "number",
-      align: m ? "right" : "left",
-      headerAlign: m ? "right" : "left",
-      minWidth: m ? 70 : 122,
-      flex: m ? 0.4 : 0.6
+      align: d ? "right" : "left",
+      headerAlign: d ? "right" : "left",
+      minWidth: d ? 70 : 122,
+      flex: d ? 0.4 : 0.6
     },
     {
       field: "interest_rate",
@@ -1131,7 +1188,7 @@ const wt = (a) => {
       renderHeader: G,
       valueFormatter: (u) => isNaN(u) ? "---" : `${Number(u).toFixed(2)}%`,
       sortable: !0,
-      hideSortIcons: m,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1144,7 +1201,7 @@ const wt = (a) => {
       renderHeader: G,
       valueFormatter: (u) => u ? K(u, U.MONTH_SHORT_YEAR) : "---",
       sortable: !0,
-      hideSortIcons: m,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1155,17 +1212,17 @@ const wt = (a) => {
       field: "monthly_payment",
       headerName: c.table_column_amount_due,
       renderHeader: G,
-      valueFormatter: (u) => typeof u == "number" ? B(u, "0,0") : "---",
+      valueFormatter: (u) => typeof u == "number" ? P(u, "0,0") : "---",
       sortable: !0,
-      hideSortIcons: m,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
       minWidth: 122,
       flex: 0.6
     }
-  ], x = [
-    ...g.slice(0, 3),
+  ], f = [
+    ...y.slice(0, 3),
     {
       field: "chevron",
       headerName: "",
@@ -1178,14 +1235,14 @@ const wt = (a) => {
       headerAlign: "right",
       width: 20
     }
-  ], E = y.useMemo(() => o.map((u, A) => ({
+  ], v = x.useMemo(() => n.map((u, I) => ({
     ...u,
-    id: A,
-    priority: xt(u)
-  })), [o]), k = (u) => {
-    const Y = u.target.closest("[data-id]")?.getAttribute("data-id"), b = o[Number(Y)];
+    id: I,
+    priority: It(u)
+  })), [n]), E = (u) => {
+    const Y = u.target.closest("[data-id]")?.getAttribute("data-id"), b = n[Number(Y)];
     r?.(b?.guid ?? "");
-  }, D = (u) => E.find((A) => A.guid === u)?.id;
+  }, D = (u) => v.find((I) => I.guid === u)?.id;
   return /* @__PURE__ */ e(
     re,
     {
@@ -1198,32 +1255,32 @@ const wt = (a) => {
         ...a
       },
       children: /* @__PURE__ */ e(
-        Ge,
+        Ye,
         {
-          columns: m ? x : g,
+          columns: d ? f : y,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
           initialState: { sorting: { sortModel: h } },
           onRowClick: (u) => {
-            t(), d(v.DEBTS_CLICK_TABLE_ROW, { account_guid: u.row.guid });
+            t(), p(T.DEBTS_CLICK_TABLE_ROW, { account_guid: u.row.guid });
           },
           onSortModelChange: (u) => {
-            p(u), d(v.DEBTS_CLICK_TABLE_SORT);
+            m(u), p(T.DEBTS_CLICK_TABLE_SORT);
           },
-          rows: E,
+          rows: v,
           slotProps: {
             baseIconButton: { color: "secondary", sx: { ml: 8 } },
             row: {
-              onMouseEnter: k,
+              onMouseEnter: E,
               onMouseLeave: () => r?.("")
             }
           },
           sortModel: h,
           sortingOrder: ["asc", "desc"],
           sx: {
-            [`& .MuiDataGrid-row[data-id="${D(n)}"]`]: {
-              backgroundColor: l.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
+            [`& .MuiDataGrid-row[data-id="${D(o)}"]`]: {
+              backgroundColor: i.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
               filter: "brightness(98%)"
             }
           }
@@ -1231,50 +1288,54 @@ const wt = (a) => {
       )
     }
   );
-}, vt = ({ buttonText: a, isOpen: o, onClick: n }) => {
-  const { isDesktop: r, isTablet: t } = X(), l = o ? "unfold_less" : "unfold_more";
+}, Ft = ({ buttonText: a, isOpen: n, onClick: o }) => {
+  const { isDesktop: r, isTablet: t } = X(), i = n ? "unfold_less" : "unfold_more";
   return r || t ? /* @__PURE__ */ e(
-    be,
+    fe,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: n,
-      startIcon: /* @__PURE__ */ e(ee, { name: l }),
+      onClick: o,
+      startIcon: /* @__PURE__ */ e(ee, { name: i }),
       sx: { justifyContent: "start", minWidth: 214, mx: 4 },
       children: a
     }
   ) : /* @__PURE__ */ e(
-    ze,
+    Ue,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      onClick: n,
-      children: /* @__PURE__ */ e(ee, { name: l })
+      onClick: o,
+      children: /* @__PURE__ */ e(ee, { name: i })
     }
   );
-}, Tt = S(({ buttonEl: a, onClose: o }) => {
-  const { onEvent: n } = M(), { debts: r } = C(), { selectedDebtPriority: t, setSelectedDebtPriority: l } = R(), d = !!a, m = [
+}, Nt = S(({ buttonEl: a, onClose: n }) => {
+  const { onEvent: o } = k(), { debts: r } = C(), { selectedDebtPriority: t, setSelectedDebtPriority: i } = R(), p = !!a, d = [
     {
-      priority: $.HIGHEST_INTEREST,
+      priority: M.FASTEST_PAYOFF_FIRST,
+      text: r.priority_sort_fastest_payoff
+    },
+    {
+      priority: M.HIGHEST_INTEREST,
       text: r.priority_sort_highest_interest
     },
     {
-      priority: $.LOWEST_BALANCE,
+      priority: M.LOWEST_BALANCE,
       text: r.priority_sort_lowest_balance
     },
     {
-      priority: $.HIGHEST_BALANCE,
+      priority: M.HIGHEST_BALANCE,
       text: r.priority_sort_highest_balance
     }
   ], c = (h) => {
-    l(h), n(v.DEBTS_CLICK_PRIORITY, { debts_priority: h });
+    i(h), o(T.DEBTS_CLICK_PRIORITY, { debts_priority: h });
   };
   return /* @__PURE__ */ e(
-    Ve,
+    Ze,
     {
       anchorEl: a,
       anchorOrigin: {
@@ -1282,14 +1343,14 @@ const wt = (a) => {
         horizontal: "left"
       },
       id: "prioritize-debts",
-      onClose: o,
-      open: d,
+      onClose: n,
+      open: p,
       transformOrigin: {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(he, { children: m.map(({ priority: h, text: p }) => /* @__PURE__ */ s(
-        Xe,
+      children: /* @__PURE__ */ e(_e, { children: d.map(({ priority: h, text: m }) => /* @__PURE__ */ s(
+        qe,
         {
           onClick: () => c(h),
           sx: {
@@ -1307,69 +1368,70 @@ const wt = (a) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(i, { color: "inherit", variant: "Small", children: p }),
-            t === h && /* @__PURE__ */ e(ue, { color: "inherit", filled: !0, fontSize: "small" })
+            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: m }),
+            t === h && /* @__PURE__ */ e(ye, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
         h
       )) })
     }
   );
-}), 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 = () => {
+}), 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 = () => {
     t(null);
-  }, 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]);
+  }, 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]);
   return /* @__PURE__ */ s(_, { children: [
-    /* @__PURE__ */ e(vt, { buttonText: c, isOpen: m, onClick: l }),
-    /* @__PURE__ */ e(Tt, { buttonEl: r, onClose: d })
+    /* @__PURE__ */ e(Ft, { buttonText: c, isOpen: d, onClick: i }),
+    /* @__PURE__ */ e(Nt, { buttonEl: r, onClose: p })
   ] });
-}), Et = (a, o, n = 0) => {
+}), Lt = (a, n, o = 0) => {
   const r = a.map((c) => ({ ...c }));
-  _e(r, o);
-  const t = /* @__PURE__ */ new Date(), l = [];
-  let d = 0, m = 1;
+  xe(r, n);
+  const t = /* @__PURE__ */ new Date(), i = [];
+  let p = 0, d = 1;
   for (const c of r)
-    l.push({
+    i.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, 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 });
+    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 });
         continue;
       }
-      p.balance -= u, p.balance = p.balance < 0.01 ? 0 : p.balance, g.push({
+      m.balance -= u, m.balance = m.balance < 0.01 ? 0 : m.balance, y.push({
         x: new Date(t),
-        y: Math.max(0, p.balance),
+        y: Math.max(0, m.balance),
         payment: u,
-        extra: d
-      }), p.balance <= 0 && (d += D, l[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
+        extra: p
+      }), m.balance <= 0 && (p += D, i[h].projected_payoff_date = new Date(t)), u > 0 && (c = !0);
     }
     c && t.setMonth(t.getMonth() + 1);
   }
-  return l.forEach((c) => {
+  return i.forEach((c) => {
     (c.interest_rate === void 0 || c.interest_rate === void 0) && (c.projected_payoff_date = void 0);
-  }), 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;
+  }), 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;
   return /* @__PURE__ */ e(
-    be,
+    fe,
     {
       "aria-controls": "extra-paydown",
       "aria-describedby": "extra-paydown",
@@ -1377,100 +1439,100 @@ const wt = (a) => {
       "aria-label": "extra-paydown",
       onClick: a,
       sx: { justifyContent: "start", minWidth: 100, mx: 4 },
-      children: T(d, B(l, "0,0"))
+      children: A(p, P(i, "0,0"))
     }
   );
-}), 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(() => {
+}), 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(() => {
     u(b);
-  }, [b]), y.useEffect(() => {
-    D && I().finally();
+  }, [b]), x.useEffect(() => {
+    D && B().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);
-  }, xe = () => {
-    l(!0), E(v.DEBTS_CLICK_PAYDOWN);
+  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);
   };
-  return !w || !k || !D ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ s(
-    Re,
+  return !w || !E || !D ? /* @__PURE__ */ e(Je, {}) : /* @__PURE__ */ s(
+    Oe,
     {
       accountOptions: b,
       actions: [
-        /* @__PURE__ */ e(At, {}, "prioritize-debts"),
-        /* @__PURE__ */ e(It, { onClick: xe }, "extra-paydown")
+        /* @__PURE__ */ e(Rt, {}, "prioritize-debts"),
+        /* @__PURE__ */ e($t, { onClick: Se }, "extra-paydown")
       ],
-      onAccountsFilterClick: fe,
+      onAccountsFilterClick: we,
       onBackClick: a,
-      sx: o,
-      title: x.title,
+      sx: n,
+      title: f.title,
       children: [
-        /* @__PURE__ */ s(f, { sx: { px: p ? "48px" : "24px" }, children: [
+        /* @__PURE__ */ s(g, { sx: { px: m ? "48px" : "24px" }, children: [
           /* @__PURE__ */ s(
-            f,
+            g,
             {
               sx: {
-                alignItems: g ? "flex-start" : "flex-end",
-                flexDirection: g ? "column" : "row",
-                mx: g ? "-12px" : 0
+                alignItems: y ? "flex-start" : "flex-end",
+                flexDirection: y ? "column" : "row",
+                mx: y ? "-12px" : 0
               },
               children: [
                 /* @__PURE__ */ e(
-                  ye,
+                  ge,
                   {
-                    debts: H,
-                    height: g ? 250 : void 0,
+                    debts: $,
+                    height: y ? 250 : void 0,
                     hoveredDebtGuid: c,
-                    onClickArea: ne,
-                    onHoverArea: oe,
-                    sx: { mr: g ? "4px" : "-48px" }
+                    onClickArea: oe,
+                    onHoverArea: ne,
+                    sx: { mr: y ? "4px" : "-48px" }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  qe,
+                  ot,
                   {
-                    debts: H,
-                    onClickCta: ge,
-                    sx: { mb: g ? "0px" : "64px" }
+                    debts: $,
+                    onClickCta: Ce,
+                    sx: { mb: y ? "0px" : "64px" }
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(f, { sx: { mx: g ? "-24px" : 0 }, children: /* @__PURE__ */ e(
-            Dt,
+          /* @__PURE__ */ e(g, { sx: { mx: y ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+            kt,
             {
-              debts: H,
+              debts: $,
               hoveredDebtGuid: c,
-              onClickRow: ne,
-              onHoverRow: oe
+              onClickRow: oe,
+              onHoverRow: ne
             }
           ) })
         ] }),
         /* @__PURE__ */ e(
-          Je,
+          lt,
           {
-            isOpen: d,
-            onClose: () => m(!1)
+            isOpen: p,
+            onClose: () => d(!1)
           }
         ),
-        /* @__PURE__ */ e(ut, { isOpen: n, onClose: () => r(!1) }),
-        /* @__PURE__ */ e(ft, { isOpen: t, onClose: () => l(!1) })
+        /* @__PURE__ */ e(St, { isOpen: o, onClose: () => r(!1) }),
+        /* @__PURE__ */ e(At, { isOpen: t, onClose: () => i(!1) })
       ]
     }
   );
-}, xr = S(Bt);
+}, Ir = S(Ht);
 export {
-  ye as DebtsChart,
-  Sr as DebtsStore,
-  Dt as DebtsTable,
-  xr as DebtsWidget
+  ge as DebtsChart,
+  Pr as DebtsStore,
+  kt as DebtsTable,
+  Ir as DebtsWidget
 };