@mx-cartographer/experiences 8.1.12 → 8.2.0

package/dist/debts/index.es.js

@@ -1,181 +1,101 @@
-import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
-import g from "react";
-import { observer as D } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { useTheme as Y, Card as Ce, Stack as _, Box as W } from "@mui/material";
-import { Text as l, P as ve, H3 as Le, InstitutionLogo as $e, Icon as oe } from "@mxenabled/mxui";
-import { intervalToDuration as Oe, formatDuration as He } from "date-fns";
-import { addMonths as ue } from "date-fns/addMonths";
-import { fromUnixTime as be } from "date-fns/fromUnixTime";
-import { getUnixTime as _e } from "date-fns/getUnixTime";
-import { a as N, M as We, I as Ge } from "../DebtsStore-BJlC2-yO.mjs";
-import { D as nn } from "../DebtsStore-BJlC2-yO.mjs";
-import { f as J, D as Q } from "../DateFormats-CaOj_4eI.mjs";
-import { f as P, a as je } from "../NumberFormatting-CyrvFgfd.mjs";
-import { G as ze, x as ee, u as C, k as V, g as B, d as te, a as Ye, b as Ve } from "../hooks-RzCoiTd0.mjs";
+import { jsx as e, jsxs as l, Fragment as R } from "react/jsx-runtime";
+import f from "react";
+import { observer as C } from "mobx-react-lite";
+import y from "@mui/material/Stack";
+import { useTheme as j, Card as ge, Stack as h, Box as W } from "@mui/material";
+import { Text as i, P as xe, H3 as Be, InstitutionLogo as Pe, Icon as ne } from "@mxenabled/mxui";
+import { intervalToDuration as Re, formatDuration as Le } from "date-fns";
+import { s as Fe, D as F, t as $e, b as Oe } from "../DebtUtils-DD3186U-.mjs";
+import { f as I, a as We } from "../NumberFormatting--XMeeBfr.mjs";
+import { f as J, D as Q } from "../DateFormats-HudZ3Bjs.mjs";
+import { G as Ge, q as ee, u as w, k as V, g as k, d as te, a as He, b as ze } from "../hooks-BaO_gOI6.mjs";
 import { u as ae } from "../useScreenSize-CeFhWTt_.mjs";
+import { b as T } from "../Localization-DnoVyBNK.mjs";
 import { D as ie } from "../Drawer-XPaLYjiO.mjs";
-import { b as E } from "../Localization-CkQ49EKr.mjs";
-import { A as Ke, u as Ue } from "../AccountDetailsHeader-CzefHTWU.mjs";
-import qe from "@mui/material/Card";
-import Xe from "@mui/material/CardContent";
-import Ze from "@mui/material/CardHeader";
+import { A as je, u as Ve } from "../AccountDetailsHeader-CfdnKyJK.mjs";
+import Ye from "@mui/material/Card";
+import Ke from "@mui/material/CardContent";
+import Ue from "@mui/material/CardHeader";
 import le from "@mui/material/Box";
-import { useTheme as Je } from "@mui/material/styles";
-import { LineChart as Qe } from "@mui/x-charts/LineChart";
-import { A } from "../Analytics-CzGzz_sE.mjs";
-import ye from "@mui/material/Tab";
-import et from "@mui/material/Tabs";
-import De from "@mui/material/List";
+import { useTheme as qe } from "@mui/material/styles";
+import { LineChart as Xe } from "@mui/x-charts/LineChart";
+import { A as S } from "../Analytics-CzGzz_sE.mjs";
+import me from "@mui/material/Tab";
+import Ze from "@mui/material/Tabs";
+import we from "@mui/material/List";
 import G from "@mui/material/Divider";
-import { M as tt, I as rt, O as nt } from "../OriginalBalanceAction-CWQ0CK-T.mjs";
-import ot from "@mui/material/TextField";
-import { L as re } from "../ListItemAction-CNpknVvo.mjs";
-import { C as se } from "../CurrencyInput-BMbUVSvz.mjs";
-import fe from "@mui/material/Alert";
-import xe from "@mui/material/AlertTitle";
-import ge from "@mui/material/Paper";
-import { Error as at, CheckCircle as Se } from "@mxenabled/mx-icons";
-import { T as we } from "../TabContentContainer-CnMXkVqr.mjs";
-import { DataGridPro as it } from "@mui/x-data-grid-pro";
-import { H as j } from "../HeaderCell-P8w6CmfO.mjs";
-import { e as lt, A as z } from "../Account-CMjOp7S2.mjs";
-import Te from "@mui/material/Button";
-import st from "@mui/material/IconButton";
-import ct from "@mui/material/ListItem";
-import dt from "@mui/material/Popover";
-import { u as pt } from "../useWidgetLoadTimer-BZjr-BiE.mjs";
-import { L as ht } from "../Loader-CxeBwuPG.mjs";
-import { W as mt } from "../WidgetContainer-BPJoDkhL.mjs";
-import { E as ut } from "../EmptyState-DHAkGsjk.mjs";
-import { C as bt } from "../ConnectDrawer-DNnuF80E.mjs";
-const _t = (r, o = 0, n = 0) => {
-  if (n === 0) return 0;
-  const t = o / (We * Ge);
-  return Math.ceil(
-    t === 0 ? r / n : -Math.log(1 - t * r / n) / Math.log(1 + t)
+import { M as Je, I as Qe, O as et } from "../OriginalBalanceAction-CvDx0K6k.mjs";
+import tt from "@mui/material/TextField";
+import { L as re } from "../ListItemAction-DGjHxNDJ.mjs";
+import { C as se } from "../CurrencyInput-B59ugxPN.mjs";
+import be from "@mui/material/Alert";
+import _e from "@mui/material/AlertTitle";
+import ye from "@mui/material/Paper";
+import { Error as rt, CheckCircle as Ce } from "@mxenabled/mx-icons";
+import { T as fe } from "../TabContentContainer-CnMXkVqr.mjs";
+import { DataGridPro as ot } from "@mui/x-data-grid-pro";
+import { H } from "../HeaderCell-P8w6CmfO.mjs";
+import { c as nt, A as z } from "../Account-BaJmiJAG.mjs";
+import ve from "@mui/material/Button";
+import at from "@mui/material/IconButton";
+import it from "@mui/material/ListItem";
+import lt from "@mui/material/Popover";
+import { u as st } from "../useWidgetLoadTimer-CJb-RELP.mjs";
+import { L as ct } from "../Loader-CxeBwuPG.mjs";
+import { W as dt } from "../WidgetContainer-DalWyz5A.mjs";
+import { E as pt } from "../EmptyState-DHAkGsjk.mjs";
+import { C as ht } from "../ConnectDrawer-DgfsTpyW.mjs";
+function ut(r, n, o = 0) {
+  const t = r.map((m) => ({ ...m })).filter(
+    (m) => m.interest_rate !== void 0 && m.monthly_payment !== void 0 && !m.is_paid_off
   );
-}, yt = (r, o, n, t, a) => {
-  const i = [];
-  if (n === 0) {
-    for (let c = 0; c < r; c++) {
-      const p = o - t * (c + 1), h = o - t * c, u = p >= 0 ? t : h;
-      i.push({
-        balance: p >= 0 ? p : 0,
-        interest: n,
-        payment: u,
-        principal: u,
-        timestamp: _e(
-          ue(
-            be(a),
-            // convert seconds → Date
-            c + 1
-            // add (index + 1) months
-          )
-        )
-      });
-    }
-    return i;
-  }
-  const d = n / 1200;
-  for (let c = 0; c < r; c++) {
-    const p = _e(ue(be(a), c + 1)), h = Math.pow(1 + d, c), u = o * h - t * ((h - 1) / d), x = Math.pow(1 + d, c + 1), b = o * x - t * ((x - 1) / d), I = t + Math.min(b, 0), M = u * d;
-    i.push({
-      balance: Math.max(0, b),
-      interest: M,
-      payment: I,
-      principal: I - M,
-      timestamp: p
-    });
-  }
-  return i;
-}, ft = (r) => (r[r.length - 1] || {}).timestamp, xt = (r) => {
-  const { monthly_payment: o, interest_rate: n, balance: t, payment_due_date: a } = r, i = _t(t, n ?? 0, o ?? 0), d = yt(
-    i,
-    t,
-    n ?? 0,
-    o ?? 0,
-    a
-  ), c = ft(d);
-  return {
-    ...r,
-    minimumFinalPayment: c,
-    minimumPayments: d
-  };
-}, Ae = (r, o) => {
-  const [n, t] = r.reduce(
-    ([a, i], d) => (d.is_paid_off || d.is_impossible ? i.push({ ...d, minimumPayments: [] }) : a.push(xt(d)), [a, i]),
-    [[], []]
-  );
-  switch (o) {
-    case N.FASTEST_PAYOFF_FIRST:
-      n.sort((a, i) => (a.minimumFinalPayment ?? 0) - (i.minimumFinalPayment ?? 0));
-      break;
-    case N.HIGHEST_INTEREST:
-      n.sort((a, i) => (i.interest_rate ?? 0) - (a.interest_rate ?? 0));
-      break;
-    case N.LOWEST_BALANCE:
-      n.sort((a, i) => a.balance - i.balance);
-      break;
-    case N.HIGHEST_BALANCE:
-      n.sort((a, i) => i.balance - a.balance);
-      break;
-    default:
-      n.sort((a, i) => a.balance - i.balance);
-  }
-  r.splice(0, r.length, ...n, ...t);
-};
-function gt(r, o, n = 0) {
-  const t = r.map((u) => ({ ...u })).filter(
-    (u) => u.interest_rate !== void 0 && u.monthly_payment !== void 0 && !u.is_paid_off
-  );
-  Ae(t, o);
-  let a = 0, i = 0;
+  Fe(t, n);
+  let a = 0, s = 0;
   const d = /* @__PURE__ */ new Date(), c = /* @__PURE__ */ new Date();
-  for (; t.some((u) => u.balance >= 0.01 && !u.is_impossible); ) {
-    let u = !1;
-    for (const [x, b] of t.entries()) {
-      if (b.balance <= 0.01 || b.is_impossible) continue;
-      const M = (b.interest_rate ?? 0) / 100 / 12, k = b.balance * M;
-      let v = b.monthly_payment ?? 0;
-      x === 0 && n && (v += n), b.balance += k;
-      const S = Math.min(b.balance, v + i);
-      if (S <= k) {
-        b.is_impossible = !0;
+  for (; t.some((m) => m.balance >= 0.01 && !m.is_impossible); ) {
+    let m = !1;
+    for (const [v, x] of t.entries()) {
+      if (x.balance <= 0.01 || x.is_impossible) continue;
+      const L = (x.interest_rate ?? 0) / 100 / 12, N = x.balance * L;
+      let A = x.monthly_payment ?? 0;
+      v === 0 && o && (A += o), x.balance += N;
+      const E = Math.min(x.balance, A + s);
+      if (E <= N) {
+        x.is_impossible = !0;
         continue;
       }
-      b.balance -= S, b.balance = b.balance < 0.01 ? 0 : b.balance, a += k, b.balance <= 0 && (i += v), S > 0 && (u = !0);
+      x.balance -= E, x.balance = x.balance < 0.01 ? 0 : x.balance, a += N, x.balance <= 0 && (s += A), E > 0 && (m = !0);
     }
-    u && c.setMonth(c.getMonth() + 1);
+    m && c.setMonth(c.getMonth() + 1);
   }
-  const p = t.some((u) => u.is_impossible && u.balance > 0), h = Oe({ start: d, end: c });
+  const b = t.some((m) => m.is_impossible && m.balance > 0), u = Re({ start: d, end: c });
   return {
-    payoffSavings: p ? "N/A" : P(a, "0,0.00"),
-    payoffDate: p ? "Never" : J(c, Q.MONTH_YEAR),
-    payoffDuration: p ? "Stagnant" : He(h, { format: ["years", "months"] }) || "0 months"
+    payoffSavings: b ? "N/A" : I(a, "0,0.00"),
+    payoffDate: b ? "Never" : J(c, Q.MONTH_YEAR),
+    payoffDuration: b ? "Stagnant" : Le(u, { format: ["years", "months"] }) || "0 months"
   };
 }
-const L = () => {
-  if (!g.useContext(ze))
+const P = () => {
+  if (!f.useContext(Ge))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return ee().uiStore;
-}, wt = ({ debts: r, onClickCta: o, sx: n }) => {
-  const t = Y(), { isMobile: a } = ae(), { debts: i } = C(), { selectedDebtPriority: d } = L(), { monthlyCashFlowProfile: c } = V(), { payoffDate: p, payoffSavings: h, payoffDuration: u } = g.useMemo(() => {
-    const x = c?.extra_payment ?? 0;
-    return gt(r, d, x);
+}, mt = ({ debts: r, onClickCta: n, sx: o }) => {
+  const t = j(), { isMobile: a } = ae(), { debts: s } = w(), { selectedDebtPriority: d } = P(), { monthlyCashFlowProfile: c } = V(), { payoffDate: b, payoffSavings: u, payoffDuration: m } = f.useMemo(() => {
+    const v = c?.extra_payment ?? 0;
+    return ut(r, d, v);
   }, [r, d, c]);
   return /* @__PURE__ */ e(
-    Ce,
+    ge,
     {
       sx: {
         boxShadow: t.shadows[2],
         width: a ? "100%" : "186px",
         minWidth: "186px",
-        ...n
+        ...o
       },
-      children: /* @__PURE__ */ s(_, { sx: { gap: "12px", p: "16px" }, children: [
-        /* @__PURE__ */ s(
-          _,
+      children: /* @__PURE__ */ l(h, { sx: { gap: "12px", p: "16px" }, children: [
+        /* @__PURE__ */ l(
+          h,
           {
             gap: a ? "4px" : "0",
             sx: {
@@ -184,56 +104,56 @@ const L = () => {
               pb: "8px"
             },
             children: [
-              /* @__PURE__ */ e(l, { variant: "caption", children: i.snowball_card_date_description }),
-              /* @__PURE__ */ e(l, { bold: !0, color: t.palette.primary.main, variant: "body2", children: p })
+              /* @__PURE__ */ e(i, { variant: "caption", children: s.snowball_card_date_description }),
+              /* @__PURE__ */ e(i, { bold: !0, color: t.palette.primary.main, variant: "body2", children: b })
             ]
           }
         ),
-        /* @__PURE__ */ s(_, { gap: a ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "body2", children: h }),
-          /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "caption", children: i.snowball_card_amount_description })
+        /* @__PURE__ */ l(h, { gap: a ? "4px" : "0", children: [
+          /* @__PURE__ */ e(i, { bold: !0, variant: "body2", children: u }),
+          /* @__PURE__ */ e(i, { sx: { whiteSpace: "normal" }, variant: "caption", children: s.snowball_card_amount_description })
         ] }),
-        /* @__PURE__ */ s(_, { gap: a ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "body2", children: u }),
-          /* @__PURE__ */ e(l, { variant: "caption", children: i.snowball_card_duration_description })
+        /* @__PURE__ */ l(h, { gap: a ? "4px" : "0", children: [
+          /* @__PURE__ */ e(i, { bold: !0, variant: "body2", children: m }),
+          /* @__PURE__ */ e(i, { variant: "caption", children: s.snowball_card_duration_description })
         ] }),
         /* @__PURE__ */ e(
-          l,
+          i,
           {
             bold: !0,
             color: t.palette.primary.main,
-            onClick: o,
+            onClick: n,
             sx: { cursor: "pointer" },
             variant: "body2",
-            children: i.snowball_card_cta
+            children: s.snowball_card_cta
           }
         )
       ] })
     }
   );
-}, Ct = D(wt), vt = ({ isOpen: r, onClose: o }) => {
-  const n = Y(), { debts: t } = C(), [a, i] = g.useState(!1);
+}, bt = C(mt), _t = ({ isOpen: r, onClose: n }) => {
+  const o = j(), { debts: t } = w(), [a, s] = f.useState(!1);
   return /* @__PURE__ */ e(
     ie,
     {
       ariaLabelClose: "",
       isOpen: r,
-      onClose: o,
+      onClose: n,
       title: t.snowball_drawer_title,
-      children: /* @__PURE__ */ s(_, { bgcolor: n.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: n.palette.secondary.main, variant: "body2", children: t.snowball_drawer_amount_description }),
-            /* @__PURE__ */ e(ve, { variant: "h1", children: t.snowball_drawer_savings }),
-            /* @__PURE__ */ e(l, { color: n.palette.secondary.main, variant: "body2", children: t.snowball_drawer_duration_description })
+      children: /* @__PURE__ */ l(h, { bgcolor: o.palette.background.default, height: "100%", children: [
+        /* @__PURE__ */ l(h, { alignItems: "center", px: 24, py: 24, children: [
+          /* @__PURE__ */ l(h, { alignItems: "center", pb: 24, children: [
+            /* @__PURE__ */ e(i, { mb: 12, variant: "h3", children: t.snowball_drawer_subtitle }),
+            /* @__PURE__ */ e(i, { color: o.palette.secondary.main, variant: "body2", children: t.snowball_drawer_amount_description }),
+            /* @__PURE__ */ e(xe, { variant: "h1", children: t.snowball_drawer_savings }),
+            /* @__PURE__ */ e(i, { color: o.palette.secondary.main, variant: "body2", children: t.snowball_drawer_duration_description })
           ] }),
-          /* @__PURE__ */ s(Ce, { sx: { display: "grid", py: 16, px: 24 }, children: [
-            /* @__PURE__ */ e(l, { mb: 4, variant: "h3", children: t.snowball_drawer_question }),
+          /* @__PURE__ */ l(ge, { 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: n.palette.secondary.main,
+                color: o.palette.secondary.main,
                 mb: 8,
                 sx: { whiteSpace: a ? "normal" : "nowrap" },
                 variant: "subtitle2",
@@ -241,11 +161,11 @@ const L = () => {
               }
             ),
             /* @__PURE__ */ e(
-              l,
+              i,
               {
                 bold: !0,
-                color: n.palette.primary.main,
-                onClick: () => i(!a),
+                color: o.palette.primary.main,
+                onClick: () => s(!a),
                 sx: { cursor: "pointer" },
                 variant: "body2",
                 children: a ? t.snowball_drawer_less : t.snowball_drawer_more
@@ -253,23 +173,23 @@ const L = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ s(_, { children: [
+        /* @__PURE__ */ l(h, { children: [
           /* @__PURE__ */ e(
-            l,
+            i,
             {
-              color: n.palette.secondary.main,
+              color: o.palette.secondary.main,
               px: 24,
               sx: { textAlign: "center", whiteSpace: "normal" },
               variant: "body2",
               children: t.snowball_drawer_disclaimer
             }
           ),
-          /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: E(t.snowball_drawer_month_header, 1) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
+          /* @__PURE__ */ l(h, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: T(t.snowball_drawer_month_header, 1) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
           ] }),
-          /* @__PURE__ */ s(_, { bgcolor: n.palette.background.paper, mb: 24, children: [
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
+          /* @__PURE__ */ l(h, { bgcolor: o.palette.background.paper, mb: 24, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -280,41 +200,41 @@ const L = () => {
                     width: 20,
                     height: 20,
                     borderRadius: "50%",
-                    backgroundColor: n.palette.success.main,
+                    backgroundColor: o.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
                 }
               ),
-              /* @__PURE__ */ s(
-                _,
+              /* @__PURE__ */ l(
+                h,
                 {
                   sx: {
-                    borderBottom: `1px solid ${n.palette.neutral.light}`,
+                    borderBottom: `1px solid ${o.palette.neutral.light}`,
                     flexDirection: "row",
                     flexGrow: 1,
                     py: 14,
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "body1", children: E(t.snowball_drawer_debt_label, "A") }),
-                      /* @__PURE__ */ s(l, { color: n.palette.secondary.main, variant: "caption", children: [
-                        E(
+                    /* @__PURE__ */ l(h, { flexGrow: 1, children: [
+                      /* @__PURE__ */ e(i, { variant: "body1", children: T(t.snowball_drawer_debt_label, "A") }),
+                      /* @__PURE__ */ l(i, { color: o.palette.secondary.main, variant: "caption", children: [
+                        T(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$100"
                         ),
-                        /* @__PURE__ */ e("strong", { children: E(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: "body1", children: "$100.00" }),
+                    /* @__PURE__ */ l(h, { children: [
+                      /* @__PURE__ */ e(i, { variant: "body1", children: "$100.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
-                          color: n.palette.success.main,
+                          color: o.palette.success.main,
                           textAlign: "end",
                           variant: "tiny",
                           children: t.snowball_drawer_paid_label
@@ -325,7 +245,7 @@ const L = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -334,28 +254,28 @@ const L = () => {
                     height: 20,
                     marginRight: 12,
                     borderRadius: "50%",
-                    border: `3px solid ${n.palette.neutral.main}`
+                    border: `3px solid ${o.palette.neutral.main}`
                   }
                 }
               ),
-              /* @__PURE__ */ s(
-                _,
+              /* @__PURE__ */ l(
+                h,
                 {
                   sx: {
-                    borderBottom: `1px solid ${n.palette.neutral.light}`,
+                    borderBottom: `1px solid ${o.palette.neutral.light}`,
                     flexDirection: "row",
                     flexGrow: 1,
                     py: 14,
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "body1", children: E(t.snowball_drawer_debt_label, "B") }),
-                    /* @__PURE__ */ e(l, { variant: "body1", children: "$400.00" })
+                    /* @__PURE__ */ e(i, { flexGrow: 1, variant: "body1", children: T(t.snowball_drawer_debt_label, "B") }),
+                    /* @__PURE__ */ e(i, { variant: "body1", children: "$400.00" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, py: 14, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, py: 14, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -364,39 +284,39 @@ const L = () => {
                     height: 20,
                     marginRight: 12,
                     borderRadius: "50%",
-                    border: `3px solid ${n.palette.neutral.main}`
+                    border: `3px solid ${o.palette.neutral.main}`
                   }
                 }
               ),
-              /* @__PURE__ */ s(_, { flexDirection: "row", flexGrow: 1, pr: 24, children: [
-                /* @__PURE__ */ e(l, { flexGrow: 1, variant: "body1", children: E(t.snowball_drawer_debt_label, "C") }),
-                /* @__PURE__ */ e(l, { variant: "body1", children: "$1,000.00" })
+              /* @__PURE__ */ l(h, { flexDirection: "row", flexGrow: 1, pr: 24, children: [
+                /* @__PURE__ */ e(i, { flexGrow: 1, variant: "body1", children: T(t.snowball_drawer_debt_label, "C") }),
+                /* @__PURE__ */ e(i, { variant: "body1", children: "$1,000.00" })
               ] })
             ] }),
-            /* @__PURE__ */ s(
-              _,
+            /* @__PURE__ */ l(
+              h,
               {
                 sx: {
                   py: 8,
                   px: 24,
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  borderTop: `1px solid ${n.palette.neutral.light}`,
-                  borderBottom: `1px solid ${n.palette.neutral.light}`
+                  borderTop: `1px solid ${o.palette.neutral.light}`,
+                  borderBottom: `1px solid ${o.palette.neutral.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", 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: "caption", children: E(t.snowball_drawer_month_header, 2) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
+          /* @__PURE__ */ l(h, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: T(t.snowball_drawer_month_header, 2) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
           ] }),
-          /* @__PURE__ */ s(_, { bgcolor: n.palette.background.paper, mb: 24, children: [
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
+          /* @__PURE__ */ l(h, { bgcolor: o.palette.background.paper, mb: 24, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -407,41 +327,41 @@ const L = () => {
                     width: 20,
                     height: 20,
                     borderRadius: "50%",
-                    backgroundColor: n.palette.success.main,
+                    backgroundColor: o.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
                 }
               ),
-              /* @__PURE__ */ s(
-                _,
+              /* @__PURE__ */ l(
+                h,
                 {
                   sx: {
-                    borderBottom: `1px solid ${n.palette.neutral.light}`,
+                    borderBottom: `1px solid ${o.palette.neutral.light}`,
                     flexDirection: "row",
                     flexGrow: 1,
                     py: 14,
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "body1", children: E(t.snowball_drawer_debt_label, "B") }),
-                      /* @__PURE__ */ s(l, { color: n.palette.secondary.main, variant: "caption", children: [
-                        E(
+                    /* @__PURE__ */ l(h, { flexGrow: 1, children: [
+                      /* @__PURE__ */ e(i, { variant: "body1", children: T(t.snowball_drawer_debt_label, "B") }),
+                      /* @__PURE__ */ l(i, { color: o.palette.secondary.main, variant: "caption", children: [
+                        T(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$500"
                         ),
-                        /* @__PURE__ */ e("strong", { children: E(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: "body1", children: "$500.00" }),
+                    /* @__PURE__ */ l(h, { children: [
+                      /* @__PURE__ */ e(i, { variant: "body1", children: "$500.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
-                          color: n.palette.success.main,
+                          color: o.palette.success.main,
                           textAlign: "end",
                           variant: "tiny",
                           children: t.snowball_drawer_paid_label
@@ -452,7 +372,7 @@ const L = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -461,12 +381,12 @@ const L = () => {
                     height: 20,
                     marginRight: 12,
                     borderRadius: "50%",
-                    border: `3px solid ${n.palette.neutral.main}`
+                    border: `3px solid ${o.palette.neutral.main}`
                   }
                 }
               ),
-              /* @__PURE__ */ s(
-                _,
+              /* @__PURE__ */ l(
+                h,
                 {
                   sx: {
                     flexDirection: "row",
@@ -475,36 +395,36 @@ const L = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "body1", children: E(t.snowball_drawer_debt_label, "C") }),
-                    /* @__PURE__ */ e(l, { variant: "body1", children: "$1,000.00" })
+                    /* @__PURE__ */ e(i, { flexGrow: 1, variant: "body1", children: T(t.snowball_drawer_debt_label, "C") }),
+                    /* @__PURE__ */ e(i, { variant: "body1", children: "$1,000.00" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ s(
-              _,
+            /* @__PURE__ */ l(
+              h,
               {
                 sx: {
                   py: 8,
                   px: 24,
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  borderTop: `1px solid ${n.palette.neutral.light}`,
-                  borderBottom: `1px solid ${n.palette.neutral.light}`
+                  borderTop: `1px solid ${o.palette.neutral.light}`,
+                  borderBottom: `1px solid ${o.palette.neutral.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", 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: "caption", children: E(t.snowball_drawer_month_header, 3) }),
-            /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
+          /* @__PURE__ */ l(h, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: T(t.snowball_drawer_month_header, 3) }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: t.snowball_drawer_payment_header })
           ] }),
-          /* @__PURE__ */ s(_, { bgcolor: n.palette.background.paper, mb: 24, children: [
-            /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
+          /* @__PURE__ */ l(h, { bgcolor: o.palette.background.paper, mb: 24, children: [
+            /* @__PURE__ */ l(h, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -515,14 +435,14 @@ const L = () => {
                     width: 20,
                     height: 20,
                     borderRadius: "50%",
-                    backgroundColor: n.palette.success.main,
+                    backgroundColor: o.palette.success.main,
                     marginRight: 12
                   },
-                  children: /* @__PURE__ */ e(l, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
+                  children: /* @__PURE__ */ e(i, { color: "white", fontWeight: 700, variant: "body2", children: "✓" })
                 }
               ),
-              /* @__PURE__ */ s(
-                _,
+              /* @__PURE__ */ l(
+                h,
                 {
                   sx: {
                     alignItems: "center",
@@ -532,14 +452,14 @@ const L = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(l, { variant: "body1", children: E(t.snowball_drawer_debt_label, "C") }) }),
-                    /* @__PURE__ */ s(_, { children: [
-                      /* @__PURE__ */ e(l, { variant: "body1", children: "$1,500.00" }),
+                    /* @__PURE__ */ e(h, { flexGrow: 1, children: /* @__PURE__ */ e(i, { variant: "body1", children: T(t.snowball_drawer_debt_label, "C") }) }),
+                    /* @__PURE__ */ l(h, { children: [
+                      /* @__PURE__ */ e(i, { variant: "body1", children: "$1,500.00" }),
                       /* @__PURE__ */ e(
-                        l,
+                        i,
                         {
                           bold: !0,
-                          color: n.palette.success.main,
+                          color: o.palette.success.main,
                           textAlign: "end",
                           variant: "tiny",
                           children: t.snowball_drawer_paid_label
@@ -550,20 +470,20 @@ const L = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ s(
-              _,
+            /* @__PURE__ */ l(
+              h,
               {
                 sx: {
                   py: 8,
                   px: 24,
                   flexDirection: "row",
                   justifyContent: "space-between",
-                  borderTop: `1px solid ${n.palette.neutral.light}`,
-                  borderBottom: `1px solid ${n.palette.neutral.light}`
+                  borderTop: `1px solid ${o.palette.neutral.light}`,
+                  borderBottom: `1px solid ${o.palette.neutral.light}`
                 },
                 children: [
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: "$1,500.00" })
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: t.snowball_drawer_total_label }),
+                  /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: "$1,500.00" })
                 ]
               }
             )
@@ -572,50 +492,50 @@ const L = () => {
       ] })
     }
   );
-}, Dt = D(vt), St = "#FF7B08";
-function Tt(r, o) {
-  const [n, t, a] = r.replace(/^#/, "").match(/.{1,2}/g).map((d) => parseInt(d, 16)), i = [
-    Math.max(0, Math.min(255, Math.round(n * o))),
-    Math.max(0, Math.min(255, Math.round(t * o))),
-    Math.max(0, Math.min(255, Math.round(a * o)))
+}, yt = C(_t), ft = "#FF7B08";
+function gt(r, n) {
+  const [o, t, a] = r.replace(/^#/, "").match(/.{1,2}/g).map((d) => parseInt(d, 16)), s = [
+    Math.max(0, Math.min(255, Math.round(o * n))),
+    Math.max(0, Math.min(255, Math.round(t * n))),
+    Math.max(0, Math.min(255, Math.round(a * n)))
   ];
-  return `rgb(${i[0]}, ${i[1]}, ${i[2]})`;
+  return `rgb(${s[0]}, ${s[1]}, ${s[2]})`;
 }
-const Ee = ({
+const De = ({
   sx: r,
-  height: o = 500,
-  width: n,
+  height: n = 500,
+  width: o,
   debts: t,
   hoveredDebtGuid: a,
-  onClickArea: i,
+  onClickArea: s,
   onHoverArea: d
 }) => {
-  const c = Je(), { onEvent: p } = B(), h = t.filter((m) => !m.is_impossible), u = [
+  const c = qe(), { onEvent: b } = k(), u = t.filter((p) => !p.is_impossible), m = [
     ...new Set(
-      h.flatMap((m) => m.dataset.map((w) => new Date(w.x).getTime()))
+      u.flatMap((p) => p.dataset.map((g) => new Date(g.x).getTime()))
     )
-  ].sort((m, w) => m - w).map((m) => new Date(m)), x = h.map((m) => {
-    const w = new Map(m.dataset.map((F) => [new Date(F.x).getTime(), F.y]));
-    let T = w.get(u[0].getTime()) ?? 0;
-    const R = u.map((F) => {
-      const K = w.get(F.getTime()) ?? T;
-      return T = K, { x: F, y: K };
+  ].sort((p, g) => p - g).map((p) => new Date(p)), v = u.map((p) => {
+    const g = new Map(p.dataset.map((B) => [new Date(B.x).getTime(), B.y]));
+    let D = g.get(m[0].getTime()) ?? 0;
+    const M = m.map((B) => {
+      const K = g.get(B.getTime()) ?? D;
+      return D = K, { x: B, y: K };
     });
-    return { ...m, dataset: R };
-  }), b = x.reduce(
-    (m, w) => m + (w.dataset[0]?.y ?? 0),
+    return { ...p, dataset: M };
+  }), x = v.reduce(
+    (p, g) => p + (g.dataset[0]?.y ?? 0),
     0
-  ), I = u.map((m, w) => {
-    const T = w / (u.length - 1), R = b * (1 - T);
-    return { x: m, y: R };
-  }), M = Math.ceil(b / 100) * 100, k = u, v = x.map((m, w) => {
-    const T = 1 - w / x.length * 0.5, R = Tt(St, T);
+  ), $ = m.map((p, g) => {
+    const D = g / (m.length - 1), M = x * (1 - D);
+    return { x: p, y: M };
+  }), L = Math.ceil(x / 100) * 100, N = m, A = v.map((p, g) => {
+    const D = 1 - g / v.length * 0.5, M = gt(ft, D);
     return {
-      id: `debt-${w}`,
-      guid: m.guid,
-      label: m.name,
-      data: m.dataset.map((F) => F.y),
-      color: R,
+      id: `debt-${g}`,
+      guid: p.guid,
+      label: p.name,
+      data: p.dataset.map((B) => B.y),
+      color: M,
       curve: "linear",
       type: "line",
       area: !0,
@@ -623,10 +543,10 @@ const Ee = ({
       showMark: !1
     };
   });
-  v.push({
+  A.push({
     id: "payoff-line",
     label: "Payoff Line",
-    data: I.map((m) => m.y),
+    data: $.map((p) => p.y),
     color: c.palette.grey[700],
     curve: "linear",
     type: "line",
@@ -634,7 +554,7 @@ const Ee = ({
     showMark: !1,
     disableHighlight: !0
   });
-  const S = (m) => v.findIndex((w) => w?.guid === m);
+  const E = (p) => A.findIndex((g) => g?.guid === p);
   return /* @__PURE__ */ e(
     le,
     {
@@ -651,23 +571,23 @@ const Ee = ({
         }
       },
       children: /* @__PURE__ */ e(
-        Qe,
+        Xe,
         {
           axisHighlight: { x: "none" },
           disableLineItemHighlight: !0,
-          height: o,
+          height: n,
           hideLegend: !0,
           margin: { bottom: 24, left: 32, right: 72, top: 48 },
-          onAreaClick: (m, w) => {
-            i?.();
-            const T = v.find((R) => R.id === w.seriesId);
-            p(A.DEBTS_CLICK_CHART_AREA, { account_guid: T?.guid });
+          onAreaClick: (p, g) => {
+            s?.();
+            const D = A.find((M) => M.id === g.seriesId);
+            b(S.DEBTS_CLICK_CHART_AREA, { account_guid: D?.guid });
           },
-          onHighlightChange: (m) => {
-            const w = v.find((T) => T.id === m?.seriesId)?.guid;
-            d?.(w ?? "");
+          onHighlightChange: (p) => {
+            const g = A.find((D) => D.id === p?.seriesId)?.guid;
+            d?.(g ?? "");
           },
-          series: v,
+          series: A,
           skipAnimation: !0,
           slotProps: { tooltip: { trigger: "none" } },
           sx: {
@@ -687,10 +607,10 @@ const Ee = ({
               strokeDasharray: "10 5",
               strokeWidth: 1
             },
-            [`& .MuiLineElement-series-debt-${S(a ?? "0")}`]: {
+            [`& .MuiLineElement-series-debt-${E(a ?? "0")}`]: {
               opacity: 1
             },
-            [`& .MuiAreaElement-series-debt-${S(a ?? "0")}`]: {
+            [`& .MuiAreaElement-series-debt-${E(a ?? "0")}`]: {
               opacity: 1
             },
             "& .MuiChartsAxis-tickLabel > tspan": {
@@ -698,34 +618,34 @@ const Ee = ({
             },
             ...r
           },
-          width: n,
+          width: o,
           xAxis: [
             {
-              data: k,
+              data: N,
               disableTicks: !0,
-              min: u[0],
+              min: m[0],
               scaleType: "time",
               tickLabelMinGap: 24,
-              valueFormatter: (m) => J(m, Q.MONTH_SHORT_YEAR)
+              valueFormatter: (p) => J(p, Q.MONTH_SHORT_YEAR)
             }
           ],
           yAxis: [
             {
               min: 0,
-              max: M,
+              max: L,
               disableTicks: !0,
-              valueFormatter: (m) => P(m, "0a")
+              valueFormatter: (p) => I(p, "0a")
             }
           ]
         }
       )
     }
   );
-}, At = () => {
-  const r = Y(), { debts: o } = C(), { selectedDebtChartData: n } = L();
-  return /* @__PURE__ */ s($, { children: [
-    /* @__PURE__ */ s(
-      qe,
+}, xt = () => {
+  const r = j(), { debts: n } = w(), { selectedDebtChartData: o } = P();
+  return /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ l(
+      Ye,
       {
         sx: {
           "& .MuiCardContent-root:last-child": {
@@ -733,39 +653,39 @@ const Ee = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(Ze, { sx: { pb: 0 }, title: /* @__PURE__ */ e(Le, { sx: { pb: 4 }, children: o.details_chart_title }) }),
-          /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: /* @__PURE__ */ e(Ee, { debts: [n], height: 250 }) })
+          /* @__PURE__ */ e(Ue, { sx: { pb: 0 }, title: /* @__PURE__ */ e(Be, { sx: { pb: 4 }, children: n.details_chart_title }) }),
+          /* @__PURE__ */ e(Ke, { sx: { p: 0 }, children: /* @__PURE__ */ e(De, { debts: [o], height: 250 }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      l,
+      i,
       {
         color: r.palette.text.secondary,
         sx: { whiteSpace: "normal", textAlign: "center", px: 8, py: 12 },
         variant: "body2",
-        children: o.details_chart_description
+        children: n.details_chart_description
       }
     )
   ] });
-}, Et = D(At), It = () => {
-  const r = Y(), { onEvent: o } = B(), { debts: n } = C(), { selectedDebtChartData: t, showCompleted: a, showError: i } = L();
-  return g.useEffect(() => o(A.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(De, { children: i || a ? /* @__PURE__ */ e(
-    l,
+}, wt = C(xt), Ct = () => {
+  const r = j(), { onEvent: n } = k(), { debts: o } = w(), { selectedDebtChartData: t, showCompleted: a, showError: s } = P();
+  return f.useEffect(() => n(S.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(we, { children: s || a ? /* @__PURE__ */ e(
+    i,
     {
       color: r.palette.secondary.main,
       component: "div",
       sx: { p: 32, textAlign: "center", whiteSpace: "normal" },
       variant: "body2",
-      children: i ? n.schedule_error_message : n.schedule_complete_message
+      children: s ? o.schedule_error_message : o.schedule_complete_message
     }
-  ) : /* @__PURE__ */ s($, { children: [
-    /* @__PURE__ */ s(f, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-      /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: n.schedule_month_heading }),
-      /* @__PURE__ */ e(l, { bold: !0, variant: "caption", children: n.schedule_amount_heading })
+  ) : /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ l(y, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+      /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: o.schedule_month_heading }),
+      /* @__PURE__ */ e(i, { bold: !0, variant: "caption", children: o.schedule_amount_heading })
     ] }),
-    t.dataset.slice(1).map(({ x: d, y: c, payment: p }) => /* @__PURE__ */ e(f, { bgcolor: r.palette.background.paper, children: /* @__PURE__ */ e(f, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
-      f,
+    t.dataset.slice(1).map(({ x: d, y: c, payment: b }) => /* @__PURE__ */ e(y, { bgcolor: r.palette.background.paper, children: /* @__PURE__ */ e(y, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ l(
+      y,
       {
         sx: {
           borderBottom: `1px solid ${r.palette.divider}`,
@@ -775,28 +695,28 @@ const Ee = ({
           pr: 24
         },
         children: [
-          /* @__PURE__ */ s(f, { flexGrow: 1, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: J(d, Q.MONTH_YEAR) }),
-            /* @__PURE__ */ e(l, { color: r.palette.secondary.main, variant: "caption", children: n.schedule_month_label })
+          /* @__PURE__ */ l(y, { flexGrow: 1, children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: J(d, Q.MONTH_YEAR) }),
+            /* @__PURE__ */ e(i, { color: r.palette.secondary.main, variant: "caption", children: o.schedule_month_label })
           ] }),
-          /* @__PURE__ */ s(f, { children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "body1", children: P(c, "0,0.00") }),
+          /* @__PURE__ */ l(y, { children: [
+            /* @__PURE__ */ e(i, { bold: !0, variant: "body1", children: I(c, "0,0.00") }),
             /* @__PURE__ */ e(
-              l,
+              i,
               {
                 bold: !0,
                 color: r.palette.success.main,
                 textAlign: "end",
                 variant: "tiny",
-                children: `+${P(p, "0,0")}`
+                children: `+${I(b, "0,0")}`
               }
             )
           ] })
         ]
       }
     ) }) }, String(d))),
-    /* @__PURE__ */ e(f, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
-      f,
+    /* @__PURE__ */ e(y, { bgcolor: "background.paper", children: /* @__PURE__ */ l(
+      y,
       {
         sx: {
           alignItems: "center",
@@ -806,60 +726,60 @@ const Ee = ({
           px: 24
         },
         children: [
-          /* @__PURE__ */ e(l, { flexGrow: 1, variant: "body1", children: n.schedule_payoff_label }),
-          /* @__PURE__ */ e(l, { variant: "body1", children: "-" })
+          /* @__PURE__ */ e(i, { flexGrow: 1, variant: "body1", children: o.schedule_payoff_label }),
+          /* @__PURE__ */ e(i, { variant: "body1", children: "-" })
         ]
       }
     ) })
   ] }) });
-}, Mt = D(It), kt = D(({ debt: r }) => {
-  const { debts: o } = C(), { updateAccount: n } = te(), { onEvent: t } = B(), [a, i] = g.useState(r.interest_rate ?? 0), d = a < 0, c = async () => {
-    await n({ ...r.account, interest_rate: a }), r.interest_rate = a, t(A.DEBTS_SAVE_RATE_ACTION, { account_guid: r.guid });
-  }, p = () => {
+}, vt = C(Ct), Dt = C(({ debt: r }) => {
+  const { debts: n } = w(), { updateAccount: o } = te(), { onEvent: t } = k(), [a, s] = f.useState(r.interest_rate ?? 0), d = a < 0, c = async () => {
+    await o({ ...r.account, interest_rate: a }), r.interest_rate = a, t(S.DEBTS_SAVE_RATE_ACTION, { account_guid: r.guid });
+  }, b = () => {
     setTimeout(() => {
-      i(r.interest_rate ?? 0);
+      s(r.interest_rate ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     re,
     {
       isSaveDisabled: d,
-      label: `${o.details_interest_rate} (%)`,
-      onCancel: p,
+      label: `${n.details_interest_rate} (%)`,
+      onCancel: b,
       onSave: c,
-      primaryText: o.details_interest_rate,
-      secondaryText: je(Number(r.interest_rate) / 100),
-      zeroStateText: r.interest_rate ? void 0 : o.add_interest_rate,
+      primaryText: n.details_interest_rate,
+      secondaryText: We(Number(r.interest_rate) / 100),
+      zeroStateText: r.interest_rate ? void 0 : n.add_interest_rate,
       children: /* @__PURE__ */ e(
-        ot,
+        tt,
         {
           error: d,
           fullWidth: !0,
-          onChange: (h) => i(isNaN(parseFloat(h.target.value)) ? 0 : parseFloat(h.target.value)),
+          onChange: (u) => s(isNaN(parseFloat(u.target.value)) ? 0 : parseFloat(u.target.value)),
           type: "number",
           value: a
         }
       )
     }
   );
-}), Nt = D(({ debt: r }) => {
-  const { debts: o } = C(), { updateAccount: n } = te(), { onEvent: t } = B(), [a, i] = g.useState(r.monthly_payment ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
-    await n({ ...r.account, minimum_payment: a }), r.monthly_payment = a, t(A.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: r.guid });
-  }, p = () => {
+}), St = C(({ debt: r }) => {
+  const { debts: n } = w(), { updateAccount: o } = te(), { onEvent: t } = k(), [a, s] = f.useState(r.monthly_payment ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
+    await o({ ...r.account, minimum_payment: a }), r.monthly_payment = a, t(S.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: r.guid });
+  }, b = () => {
     setTimeout(() => {
-      i(r.monthly_payment ?? 0);
+      s(r.monthly_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     re,
     {
       isSaveDisabled: d,
-      label: o.details_monthly_payment,
-      onCancel: p,
+      label: n.details_monthly_payment,
+      onCancel: b,
       onSave: c,
-      primaryText: o.details_monthly_payment,
-      secondaryText: P(r.monthly_payment, "0,0"),
-      zeroStateText: r.monthly_payment ? void 0 : o.add_monthly_payment,
+      primaryText: n.details_monthly_payment,
+      secondaryText: I(r.monthly_payment, "0,0"),
+      zeroStateText: r.monthly_payment ? void 0 : n.add_monthly_payment,
       children: /* @__PURE__ */ e(
         se,
         {
@@ -868,30 +788,30 @@ const Ee = ({
           error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? a : Number(h)),
+          setAmount: (u) => s(isNaN(Number(u)) ? a : Number(u)),
           sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   );
-}), Pt = D(({ debt: r }) => {
-  const { debts: o } = C(), { updateAccount: n } = te(), { onEvent: t } = B(), [a, i] = g.useState(r.original_balance ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
-    await n({ ...r.account, original_balance: a }), r.original_balance = a, t(A.DEBTS_SAVE_BALANCE_ACTION, { account_guid: r.guid });
-  }, p = () => {
+}), At = C(({ debt: r }) => {
+  const { debts: n } = w(), { updateAccount: o } = te(), { onEvent: t } = k(), [a, s] = f.useState(r.original_balance ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
+    await o({ ...r.account, original_balance: a }), r.original_balance = a, t(S.DEBTS_SAVE_BALANCE_ACTION, { account_guid: r.guid });
+  }, b = () => {
     setTimeout(() => {
-      i(r.original_balance ?? 0);
+      s(r.original_balance ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
     re,
     {
       isSaveDisabled: d,
-      label: o.details_original_balance,
-      onCancel: p,
+      label: n.details_original_balance,
+      onCancel: b,
       onSave: c,
-      primaryText: o.details_original_balance,
-      secondaryText: P(r.original_balance, "0,0"),
-      zeroStateText: r.original_balance ? void 0 : o.add_original_balance,
+      primaryText: n.details_original_balance,
+      secondaryText: I(r.original_balance, "0,0"),
+      zeroStateText: r.original_balance ? void 0 : n.add_original_balance,
       children: /* @__PURE__ */ e(
         se,
         {
@@ -900,41 +820,41 @@ const Ee = ({
           error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? a : Number(h)),
+          setAmount: (u) => s(isNaN(Number(u)) ? a : Number(u)),
           sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   );
-}), Rt = () => {
-  const { onEvent: r } = B(), { selectedDebtChartData: o } = L();
-  return g.useEffect(() => r(A.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(f, { bgcolor: "background.paper", children: [
-    o?.goal && /* @__PURE__ */ s($, { children: [
-      /* @__PURE__ */ e(tt, { goal: o.goal }),
+}), Tt = () => {
+  const { onEvent: r } = k(), { selectedDebtChartData: n } = P();
+  return f.useEffect(() => r(S.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ l(y, { bgcolor: "background.paper", children: [
+    n?.goal && /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ e(Je, { goal: n.goal }),
       /* @__PURE__ */ e(G, {}),
-      /* @__PURE__ */ e(rt, { goal: o.goal }),
+      /* @__PURE__ */ e(Qe, { goal: n.goal }),
       /* @__PURE__ */ e(G, {}),
-      /* @__PURE__ */ e(nt, { goal: o.goal }),
+      /* @__PURE__ */ e(et, { goal: n.goal }),
       /* @__PURE__ */ e(G, {})
     ] }),
-    !o?.goal && o?.account && /* @__PURE__ */ s($, { children: [
-      /* @__PURE__ */ e(Nt, { debt: o }),
+    !n?.goal && n?.account && /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ e(St, { debt: n }),
       /* @__PURE__ */ e(G, {}),
-      /* @__PURE__ */ e(kt, { debt: o }),
+      /* @__PURE__ */ e(Dt, { debt: n }),
       /* @__PURE__ */ e(G, {}),
-      /* @__PURE__ */ e(Pt, { debt: o }),
+      /* @__PURE__ */ e(At, { debt: n }),
       /* @__PURE__ */ e(G, {})
     ] })
   ] });
-}, Bt = D(Rt), Ft = ({ setTabValue: r, sx: o }) => {
-  const { debts: n } = C(), { showError: t, showCompleted: a } = L();
-  return g.useEffect(() => {
+}, Et = C(Tt), It = ({ setTabValue: r, sx: n }) => {
+  const { debts: o } = w(), { showError: t, showCompleted: a } = P();
+  return f.useEffect(() => {
     t && r(1);
-  }, [t]), !t && !a ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ s(f, { gap: 16, children: [
-    /* @__PURE__ */ e(ge, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      fe,
+  }, [t]), !t && !a ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ l(y, { gap: 16, children: [
+    /* @__PURE__ */ e(ye, { sx: { my: 16, mx: 24, ...n }, children: /* @__PURE__ */ l(
+      be,
       {
-        icon: t ? /* @__PURE__ */ e(at, { filled: !0 }) : /* @__PURE__ */ e(Se, { color: "success", filled: !0 }),
+        icon: t ? /* @__PURE__ */ e(rt, { filled: !0 }) : /* @__PURE__ */ e(Ce, { color: "success", filled: !0 }),
         severity: "error",
         sx: {
           alignItems: "start",
@@ -947,15 +867,15 @@ const Ee = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(xe, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: t ? n.status_error_title : n.status_complete_title }),
-          /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: t ? n.status_error_description : n.status_complete_description })
+          /* @__PURE__ */ e(_e, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: t ? o.status_error_title : o.status_complete_title }),
+          /* @__PURE__ */ e(i, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: t ? o.status_error_description : o.status_complete_description })
         ]
       }
     ) }),
-    t && /* @__PURE__ */ e(ge, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      fe,
+    t && /* @__PURE__ */ e(ye, { sx: { mb: 16, mt: 100, mx: 24, ...n }, children: /* @__PURE__ */ l(
+      be,
       {
-        icon: /* @__PURE__ */ e($, {}),
+        icon: /* @__PURE__ */ e(R, {}),
         severity: "error",
         sx: {
           borderRadius: 2,
@@ -965,28 +885,28 @@ const Ee = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(xe, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: n.status_info_title }),
-          /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: n.status_info_description })
+          /* @__PURE__ */ e(_e, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: o.status_info_title }),
+          /* @__PURE__ */ e(i, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: o.status_info_description })
         ]
       }
     ) })
   ] });
-}, Lt = D(Ft), $t = () => {
-  const { debts: r } = C(), { showError: o, showCompleted: n } = L(), [t, a] = g.useState(0);
-  return /* @__PURE__ */ s($, { children: [
-    (o || n) && /* @__PURE__ */ e(Lt, { setTabValue: a, sx: { mt: -24 } }),
-    /* @__PURE__ */ s(
-      et,
+}, Mt = C(It), kt = () => {
+  const { debts: r } = w(), { showError: n, showCompleted: o } = P(), [t, a] = f.useState(0);
+  return /* @__PURE__ */ l(R, { children: [
+    (n || o) && /* @__PURE__ */ e(Mt, { setTabValue: a, sx: { mt: -24 } }),
+    /* @__PURE__ */ l(
+      Ze,
       {
         "aria-label": r.details_tabs_aria_label,
         centered: !0,
-        onChange: (i, d) => a(d),
+        onChange: (s, d) => a(d),
         textColor: "primary",
         value: t,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            ye,
+            me,
             {
               "aria-controls": "debt-schedule-tabpanel-0",
               id: "debt-schedule-tab-0",
@@ -994,7 +914,7 @@ const Ee = ({
             }
           ),
           /* @__PURE__ */ e(
-            ye,
+            me,
             {
               "aria-controls": "debt-details-tabpanel-1",
               id: "debt-details-tab-1",
@@ -1004,32 +924,32 @@ const Ee = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(we, { index: 0, name: "debt-schedule", value: t, children: /* @__PURE__ */ e(Mt, {}) }),
-    /* @__PURE__ */ e(we, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(Bt, {}) })
+    /* @__PURE__ */ e(fe, { index: 0, name: "debt-schedule", value: t, children: /* @__PURE__ */ e(vt, {}) }),
+    /* @__PURE__ */ e(fe, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(Et, {}) })
   ] });
-}, Ot = D($t), Ht = ({ isOpen: r, onClose: o }) => {
-  const { debts: n } = C(), { showError: t, showCompleted: a } = L(), i = t || a ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(Et, {});
+}, Nt = C(kt), Bt = ({ isOpen: r, onClose: n }) => {
+  const { debts: o } = w(), { showError: t, showCompleted: a } = P(), s = t || a ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(wt, {});
   return /* @__PURE__ */ e(
     ie,
     {
-      ariaLabelClose: n.details_close_aria,
+      ariaLabelClose: o.details_close_aria,
       isOpen: r,
-      onClose: o,
-      title: n.details_title,
-      children: /* @__PURE__ */ s(f, { bgcolor: "background.default", children: [
-        /* @__PURE__ */ e(Ke, { customDetailsChart: i }),
-        /* @__PURE__ */ e(Ot, {})
+      onClose: n,
+      title: o.details_title,
+      children: /* @__PURE__ */ l(y, { bgcolor: "background.default", children: [
+        /* @__PURE__ */ e(je, { customDetailsChart: s }),
+        /* @__PURE__ */ e(Nt, {})
       ] })
     }
   );
-}, Wt = D(() => {
-  const { debts: r } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: n } = V(), { onEvent: t } = B(), [a, i] = g.useState(o?.extra_payment ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
-    o && (await n({ ...o, extra_payment: a }), o.extra_payment = a, t(A.DEBTS_SAVE_PAYDOWN_ACTION, {
-      user_guid: o?.user_guid
+}, Pt = C(() => {
+  const { debts: r } = w(), { monthlyCashFlowProfile: n, updateMonthlyCashFlowProfile: o } = V(), { onEvent: t } = k(), [a, s] = f.useState(n?.extra_payment ?? 0), d = a < 0 || a > 9999999999e-2, c = async () => {
+    n && (await o({ ...n, extra_payment: a }), n.extra_payment = a, t(S.DEBTS_SAVE_PAYDOWN_ACTION, {
+      user_guid: n?.user_guid
     }));
-  }, p = () => {
+  }, b = () => {
     setTimeout(() => {
-      i(o?.extra_payment ?? 0);
+      s(n?.extra_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
@@ -1037,11 +957,11 @@ const Ee = ({
     {
       isSaveDisabled: d,
       label: r.paydown_drawer_extra_payment,
-      onCancel: p,
+      onCancel: b,
       onSave: c,
       primaryText: r.paydown_drawer_extra_payment,
-      secondaryText: P(o?.extra_payment, "0,0"),
-      zeroStateText: o?.extra_payment ? void 0 : r.add_extra_payment,
+      secondaryText: I(n?.extra_payment, "0,0"),
+      zeroStateText: n?.extra_payment ? void 0 : r.add_extra_payment,
       children: /* @__PURE__ */ e(
         se,
         {
@@ -1050,64 +970,64 @@ const Ee = ({
           error: d,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (h) => i(isNaN(Number(h)) ? a : Number(h)),
+          setAmount: (u) => s(isNaN(Number(u)) ? a : Number(u)),
           sx: { ".MuiTypography-body1": { p: 0 } }
         }
       )
     }
   );
-}), Gt = () => {
-  const { debts: r } = C(), { totalMonthlyPayments: o } = ee(), { monthlyCashFlowProfile: n } = V(), t = 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(l, { variant: "body1", children: r.paydown_drawer_mimimum_label }),
-        /* @__PURE__ */ e(ve, { bold: !0, variant: "h1", children: P(o, "0,0") }),
-        /* @__PURE__ */ e(l, { textAlign: "center", truncate: !1, variant: "body2", width: 208, children: r.paydown_drawer_minimum_info })
+}), Rt = () => {
+  const { debts: r } = w(), { totalMonthlyPayments: n } = ee(), { monthlyCashFlowProfile: o } = V(), t = n + Number(o?.extra_payment);
+  return /* @__PURE__ */ l(y, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ l(y, { p: 24, children: [
+      /* @__PURE__ */ l(y, { alignItems: "center", gap: 4, mb: 24, children: [
+        /* @__PURE__ */ e(i, { variant: "body1", children: r.paydown_drawer_mimimum_label }),
+        /* @__PURE__ */ e(xe, { bold: !0, variant: "h1", children: I(n, "0,0") }),
+        /* @__PURE__ */ e(i, { textAlign: "center", truncate: !1, variant: "body2", width: 208, children: r.paydown_drawer_minimum_info })
       ] }),
-      /* @__PURE__ */ s(f, { children: [
-        /* @__PURE__ */ e(l, { variant: "h3", children: r.paydown_drawer_subtitle }),
-        /* @__PURE__ */ e(l, { truncate: !1, variant: "subtitle2", children: r.paydown_drawer_description })
+      /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ e(i, { variant: "h3", children: r.paydown_drawer_subtitle }),
+        /* @__PURE__ */ e(i, { truncate: !1, variant: "subtitle2", children: r.paydown_drawer_description })
       ] })
     ] }),
-    /* @__PURE__ */ e(f, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(Wt, {}) }),
-    /* @__PURE__ */ e(f, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(f, { gap: 4, children: [
-      /* @__PURE__ */ e(l, { variant: "body2", children: r.paydown_drawer_total_payment }),
-      /* @__PURE__ */ e(l, { bold: !0, textAlign: "right", variant: "body1", children: P(t, "0,0") })
+    /* @__PURE__ */ e(y, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(Pt, {}) }),
+    /* @__PURE__ */ e(y, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ l(y, { gap: 4, children: [
+      /* @__PURE__ */ e(i, { variant: "body2", children: r.paydown_drawer_total_payment }),
+      /* @__PURE__ */ e(i, { bold: !0, textAlign: "right", variant: "body1", children: I(t, "0,0") })
     ] }) })
   ] });
-}, jt = D(Gt), zt = ({ isOpen: r, onClose: o }) => {
-  const { debts: n } = C();
+}, Lt = C(Rt), Ft = ({ isOpen: r, onClose: n }) => {
+  const { debts: o } = w();
   return /* @__PURE__ */ e(
     ie,
     {
-      ariaLabelClose: n.paydown_drawer_close_aria,
+      ariaLabelClose: o.paydown_drawer_close_aria,
       isOpen: r,
-      onClose: o,
-      title: n.paydown_drawer_title,
-      children: /* @__PURE__ */ e(jt, {})
+      onClose: n,
+      title: o.paydown_drawer_title,
+      children: /* @__PURE__ */ e(Lt, {})
     }
   );
 };
-function Yt(r, o) {
-  const n = (t) => {
+function $t(r, n) {
+  const o = (t) => {
     if (typeof t == "number") return t;
     if (t === "!" || t === "✓") return 1 / 0;
     throw new Error("Unsupported value");
   };
-  return n(r) - n(o);
+  return o(r) - o(n);
 }
-function Vt(r) {
+function Ot(r) {
   return r.is_paid_off ? "✓" : r.priority === void 0 || r.is_impossible ? "!" : r.priority;
 }
-const Kt = (r) => {
-  const o = {
+const Wt = (r) => {
+  const n = {
     text: "#121417",
     background: "#FFB252"
   };
-  return r === "!" && (o.text = "#FFFFFF", o.background = "#DF320C"), r === "✓" && (o.text = "#FFFFFF", o.background = "#09A57F"), o;
-}, Ut = (r) => {
-  const o = String(r.formattedValue), n = Kt(o);
+  return r === "!" && (n.text = "#FFFFFF", n.background = "#DF320C"), r === "✓" && (n.text = "#FFFFFF", n.background = "#09A57F"), n;
+}, Gt = (r) => {
+  const n = String(r.formattedValue), o = Wt(n);
   return /* @__PURE__ */ e(
     le,
     {
@@ -1119,43 +1039,43 @@ const Kt = (r) => {
         // Adjust the size as needed
         height: 20,
         borderRadius: "50%",
-        backgroundColor: n.background,
+        backgroundColor: o.background,
         marginLeft: "10px"
       },
-      children: /* @__PURE__ */ e(l, { color: n.text, fontWeight: 700, variant: "body2", children: o })
+      children: /* @__PURE__ */ e(i, { color: o.text, fontWeight: 700, variant: "body2", children: n })
     }
   );
-}, qt = (r) => {
-  const o = r.row.account, n = lt[o.account_type];
-  return /* @__PURE__ */ s(f, { alignItems: "center", flexDirection: "row", children: [
+}, Ht = (r) => {
+  const n = r.row.account, o = nt[n.account_type];
+  return /* @__PURE__ */ l(y, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
-      $e,
+      Pe,
       {
-        alt: `${o.institutionName}`,
-        institutionGuid: o.institution_guid || ""
+        alt: `${n.institutionName}`,
+        institutionGuid: n.institution_guid || ""
       }
     ),
-    /* @__PURE__ */ s(f, { ml: 12, children: [
-      /* @__PURE__ */ e(l, { variant: "body2", children: o.name }),
-      /* @__PURE__ */ e(l, { variant: "caption", children: n })
+    /* @__PURE__ */ l(y, { ml: 12, children: [
+      /* @__PURE__ */ e(i, { variant: "body2", children: n.name }),
+      /* @__PURE__ */ e(i, { variant: "caption", children: o })
     ] })
   ] });
-}, Xt = ({
+}, zt = ({
   sx: r = {},
-  debts: o,
-  hoveredDebtGuid: n,
+  debts: n,
+  hoveredDebtGuid: o,
   onHoverRow: t,
   onClickRow: a
 }) => {
-  const i = Y(), { onEvent: d } = B(), { isMobile: c } = ae(), { debts: p, common: h } = C(), [u, x] = g.useState([
+  const s = j(), { onEvent: d } = k(), { isMobile: c } = ae(), { debts: b, common: u } = w(), [m, v] = f.useState([
     { field: "priority", sort: "asc" }
-  ]), b = [
+  ]), x = [
     {
       field: "priority",
-      headerName: p.table_column_priority,
-      renderHeader: j,
-      renderCell: Ut,
-      sortComparator: Yt,
+      headerName: b.table_column_priority,
+      renderHeader: H,
+      renderCell: Gt,
+      sortComparator: $t,
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
@@ -1166,9 +1086,9 @@ const Kt = (r) => {
     },
     {
       field: "account",
-      headerName: p.table_column_account,
-      renderHeader: j,
-      renderCell: qt,
+      headerName: b.table_column_account,
+      renderHeader: H,
+      renderCell: Ht,
       sortable: !1,
       type: "custom",
       align: "left",
@@ -1178,9 +1098,9 @@ const Kt = (r) => {
     },
     {
       field: "balance",
-      headerName: p.table_column_balance,
-      renderHeader: j,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "body2", children: P(y.value, "0,0") }),
+      headerName: b.table_column_balance,
+      renderHeader: H,
+      renderCell: (_) => /* @__PURE__ */ e(i, { color: s.palette.text.primary, variant: "body2", children: I(_.value, "0,0") }),
       sortable: !0,
       hideSortIcons: c,
       type: "number",
@@ -1191,9 +1111,9 @@ const Kt = (r) => {
     },
     {
       field: "interest_rate",
-      headerName: p.table_column_interest_rate,
-      renderHeader: j,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "body2", children: isNaN(y.value) ? "---" : `${Number(y.value).toFixed(2)}%` }),
+      headerName: b.table_column_interest_rate,
+      renderHeader: H,
+      renderCell: (_) => /* @__PURE__ */ e(i, { color: s.palette.text.primary, variant: "body2", children: isNaN(_.value) ? "---" : `${Number(_.value).toFixed(2)}%` }),
       sortable: !0,
       hideSortIcons: c,
       type: "number",
@@ -1204,9 +1124,9 @@ const Kt = (r) => {
     },
     {
       field: "projected_payoff_date",
-      headerName: p.table_column_payoff_date,
-      renderHeader: j,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "body2", children: y.value ? J(y.value, Q.MONTH_SHORT_YEAR) : "---" }),
+      headerName: b.table_column_payoff_date,
+      renderHeader: H,
+      renderCell: (_) => /* @__PURE__ */ e(i, { color: s.palette.text.primary, variant: "body2", children: _.value ? J(_.value, Q.MONTH_SHORT_YEAR) : "---" }),
       sortable: !0,
       hideSortIcons: c,
       type: "number",
@@ -1217,9 +1137,9 @@ const Kt = (r) => {
     },
     {
       field: "monthly_payment",
-      headerName: p.table_column_amount_due,
-      renderHeader: j,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "body2", children: typeof y.value == "number" ? P(y.value, "0,0") : "---" }),
+      headerName: b.table_column_amount_due,
+      renderHeader: H,
+      renderCell: (_) => /* @__PURE__ */ e(i, { color: s.palette.text.primary, variant: "body2", children: typeof _.value == "number" ? I(_.value, "0,0") : "---" }),
       sortable: !0,
       hideSortIcons: c,
       type: "number",
@@ -1228,13 +1148,13 @@ const Kt = (r) => {
       minWidth: 122,
       flex: 0.6
     }
-  ], I = [
-    ...b.slice(0, 3),
+  ], $ = [
+    ...x.slice(0, 3),
     {
       field: "chevron",
       headerClassName: "chevron-header",
       headerName: "",
-      renderCell: () => /* @__PURE__ */ e(_, { "aria-label": h.see_details, role: "button", children: /* @__PURE__ */ e(oe, { name: "chevron_right" }) }),
+      renderCell: () => /* @__PURE__ */ e(h, { "aria-label": u.see_details, role: "button", children: /* @__PURE__ */ e(ne, { name: "chevron_right" }) }),
       sortable: !1,
       hideSortIcons: !0,
       type: "custom",
@@ -1242,18 +1162,18 @@ const Kt = (r) => {
       headerAlign: "right",
       width: 20
     }
-  ], M = g.useMemo(() => o.map((y, m) => ({
-    ...y,
-    id: m,
-    priority: Vt(y)
-  })), [o]), k = (y) => {
-    const T = y.target.closest("[data-id]")?.getAttribute("data-id"), R = o[Number(T)];
-    t?.(R?.guid ?? "");
-  }, v = (y) => {
-    c || k(y);
-  }, S = (y) => {
-    c && k(y);
-  }, O = (y) => M.find((m) => m.guid === y)?.id;
+  ], L = f.useMemo(() => n.map((_, p) => ({
+    ..._,
+    id: p,
+    priority: Ot(_)
+  })), [n]), N = (_) => {
+    const D = _.target.closest("[data-id]")?.getAttribute("data-id"), M = n[Number(D)];
+    t?.(M?.guid ?? "");
+  }, A = (_) => {
+    c || N(_);
+  }, E = (_) => {
+    c && N(_);
+  }, Y = (_) => L.find((p) => p.guid === _)?.id;
   return /* @__PURE__ */ e(
     le,
     {
@@ -1267,35 +1187,35 @@ const Kt = (r) => {
         ...r
       },
       children: /* @__PURE__ */ e(
-        it,
+        ot,
         {
-          columns: c ? I : b,
+          columns: c ? $ : x,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
-          initialState: { sorting: { sortModel: u } },
-          onRowClick: (y) => {
-            a(), d(A.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
+          initialState: { sorting: { sortModel: m } },
+          onRowClick: (_) => {
+            a(), d(S.DEBTS_CLICK_TABLE_ROW, { account_guid: _.row.guid });
           },
-          onSortModelChange: (y) => {
-            x(y), d(A.DEBTS_CLICK_TABLE_SORT);
+          onSortModelChange: (_) => {
+            v(_), d(S.DEBTS_CLICK_TABLE_SORT);
           },
-          rows: M,
+          rows: L,
           slotProps: {
             baseIconButton: { color: "secondary", sx: { ml: 8 } },
             row: {
-              onMouseEnter: v,
+              onMouseEnter: A,
               onMouseLeave: () => !c && t?.(""),
-              onTouchStart: S,
-              onClick: c ? S : void 0
+              onTouchStart: E,
+              onClick: c ? E : void 0
             }
           },
-          sortModel: u,
+          sortModel: m,
           sortingOrder: ["asc", "desc"],
           sx: {
             "& .chevron-header": { display: "none" },
-            [`& .MuiDataGrid-row[data-id="${O(n)}"]`]: {
-              backgroundColor: i.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
+            [`& .MuiDataGrid-row[data-id="${Y(o)}"]`]: {
+              backgroundColor: s.palette.mode === "light" ? "#f8f9fb" : "#1f2329",
               filter: "brightness(98%)"
             }
           }
@@ -1303,62 +1223,62 @@ const Kt = (r) => {
       )
     }
   );
-}, Zt = ({
+}, jt = ({
   buttonText: r,
-  disabled: o,
-  isDesktop: n = !1,
+  disabled: n,
+  isDesktop: o = !1,
   isOpen: t,
   onClick: a
 }) => {
-  const i = t ? "unfold_less" : "unfold_more";
-  return n ? /* @__PURE__ */ e(
-    Te,
+  const s = t ? "unfold_less" : "unfold_more";
+  return o ? /* @__PURE__ */ e(
+    ve,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      disabled: o,
+      disabled: n,
       onClick: a,
-      startIcon: /* @__PURE__ */ e(oe, { name: i }),
+      startIcon: /* @__PURE__ */ e(ne, { name: s }),
       sx: { justifyContent: "start" },
       children: r
     }
   ) : /* @__PURE__ */ e(
-    st,
+    at,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
-      disabled: o,
+      disabled: n,
       onClick: a,
-      children: /* @__PURE__ */ e(oe, { name: i })
+      children: /* @__PURE__ */ e(ne, { name: s })
     }
   );
-}, Jt = D(({ buttonEl: r, onClose: o }) => {
-  const { onEvent: n } = B(), { debts: t } = C(), { selectedDebtPriority: a, setSelectedDebtPriority: i } = L(), d = !!r, c = [
+}, Vt = C(({ buttonEl: r, onClose: n }) => {
+  const { onEvent: o } = k(), { debts: t } = w(), { selectedDebtPriority: a, setSelectedDebtPriority: s } = P(), d = !!r, c = [
     {
-      priority: N.FASTEST_PAYOFF_FIRST,
+      priority: F.FASTEST_PAYOFF_FIRST,
       text: t.priority_sort_fastest_payoff
     },
     {
-      priority: N.HIGHEST_INTEREST,
+      priority: F.HIGHEST_INTEREST,
       text: t.priority_sort_highest_interest
     },
     {
-      priority: N.LOWEST_BALANCE,
+      priority: F.LOWEST_BALANCE,
       text: t.priority_sort_lowest_balance
     },
     {
-      priority: N.HIGHEST_BALANCE,
+      priority: F.HIGHEST_BALANCE,
       text: t.priority_sort_highest_balance
     }
-  ], p = (h) => {
-    i(h), n(A.DEBTS_CLICK_PRIORITY, { debts_priority: h });
+  ], b = (u) => {
+    s(u), o(S.DEBTS_CLICK_PRIORITY, { debts_priority: u });
   };
   return /* @__PURE__ */ e(
-    dt,
+    lt,
     {
       anchorEl: r,
       anchorOrigin: {
@@ -1366,19 +1286,19 @@ const Kt = (r) => {
         horizontal: "left"
       },
       id: "prioritize-debts",
-      onClose: o,
+      onClose: n,
       open: d,
       transformOrigin: {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(De, { children: c.map(({ priority: h, text: u }) => /* @__PURE__ */ s(
-        ct,
+      children: /* @__PURE__ */ e(we, { children: c.map(({ priority: u, text: m }) => /* @__PURE__ */ l(
+        it,
         {
-          onClick: () => p(h),
+          onClick: () => b(u),
           sx: {
-            bgcolor: a === h ? "primary.main" : void 0,
-            color: a === h ? "#fff" : void 0,
+            bgcolor: a === u ? "primary.main" : void 0,
+            color: a === u ? "#fff" : void 0,
             justifyContent: "space-between",
             minHeight: 44,
             minWidth: 268,
@@ -1391,136 +1311,94 @@ const Kt = (r) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(l, { color: "inherit", variant: "body2", children: u }),
-            a === h && /* @__PURE__ */ e(Se, { color: "inherit", filled: !0, fontSize: "small" })
+            /* @__PURE__ */ e(i, { color: "inherit", variant: "body2", children: m }),
+            a === u && /* @__PURE__ */ e(Ce, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
-        h
+        u
       )) })
     }
   );
-}), Qt = D(({ disabled: r, isDesktop: o }) => {
-  const { onEvent: n } = B(), { debts: t } = C(), { selectedDebtPriority: a } = L(), [i, d] = g.useState(null), c = (x) => {
-    d(x.currentTarget), n(A.DEBTS_CLICK_PRIORITIZE);
-  }, p = () => {
+}), Yt = C(({ disabled: r, isDesktop: n }) => {
+  const { onEvent: o } = k(), { debts: t } = w(), { selectedDebtPriority: a } = P(), [s, d] = f.useState(null), c = (v) => {
+    d(v.currentTarget), o(S.DEBTS_CLICK_PRIORITIZE);
+  }, b = () => {
     d(null);
-  }, h = !!i, u = g.useMemo(() => ({
-    [N.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
-    [N.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
-    [N.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
-    [N.LOWEST_BALANCE]: t.priority_sort_lowest_balance
+  }, u = !!s, m = f.useMemo(() => ({
+    [F.FASTEST_PAYOFF_FIRST]: t.priority_sort_fastest_payoff,
+    [F.HIGHEST_INTEREST]: t.priority_sort_highest_interest,
+    [F.HIGHEST_BALANCE]: t.priority_sort_highest_balance,
+    [F.LOWEST_BALANCE]: t.priority_sort_lowest_balance
   })[a] ?? t.priority_sort_lowest_balance, [a]);
-  return /* @__PURE__ */ s(_, { children: [
+  return /* @__PURE__ */ l(h, { children: [
     /* @__PURE__ */ e(
-      Zt,
+      jt,
       {
-        buttonText: u,
+        buttonText: m,
         disabled: r,
-        isDesktop: o,
-        isOpen: h,
+        isDesktop: n,
+        isOpen: u,
         onClick: c
       }
     ),
-    /* @__PURE__ */ e(Jt, { buttonEl: i, onClose: p })
+    /* @__PURE__ */ e(Vt, { buttonEl: s, onClose: b })
   ] });
-}), er = (r, o, n = 0) => {
-  const t = r.map((p) => ({ ...p }));
-  Ae(t, o);
-  const a = /* @__PURE__ */ new Date(), i = [];
-  let d = 0, c = 1;
-  for (const p of t)
-    i.push({
-      ...p,
-      // Start with the initial balance
-      dataset: [{ x: new Date(a), y: p.balance }]
-    });
-  for (; t.some((p) => p.balance >= 0.01 && !p.is_impossible); ) {
-    let p = !1, h = !1, u = !1;
-    for (const [x, b] of t.entries()) {
-      if (b.balance <= 0.01) continue;
-      const I = i[x].dataset, k = (b.interest_rate ?? 0) / 100 / 12, v = b.balance * k, S = b.monthly_payment ?? 0;
-      let O = S, y = 0;
-      !u && n > 0 && (O += n, u = !0), !h && d > 0 && (y = d, h = !0), b.balance += v;
-      const m = Math.min(b.balance, O + y);
-      if (m <= v) {
-        b.is_impossible = !0, i[x].is_impossible = !0, i[x].priority = void 0, I.push({ x: new Date(a), y: b.balance });
-        continue;
-      }
-      b.balance -= m, b.balance = b.balance < 0.01 ? 0 : b.balance, I.push({
-        x: new Date(a),
-        y: Math.max(0, b.balance),
-        payment: m,
-        extra: y
-      }), b.balance <= 0 && (d += S, i[x].projected_payoff_date = new Date(a)), m > 0 && (p = !0);
-    }
-    p && a.setMonth(a.getMonth() + 1);
-  }
-  return i.forEach((p) => {
-    (p.interest_rate === void 0 || p.monthly_payment === void 0) && (p.projected_payoff_date = void 0);
-  }), i.forEach((p) => {
-    p.priority = !p.is_paid_off && !p.is_impossible ? c++ : void 0;
-  }), i;
-}, tr = (r, o, n) => ({
-  description: o ? r.empty_state_description : r.empty_state_description_no_aggregation,
-  header: o ? r.empty_state_header : r.empty_state_header_no_aggregation,
-  onClickHandler: o ? n : void 0,
-  primaryButton: o ? r.connect_accounts : void 0
-}), rr = D(({ disabled: r, onClick: o }) => {
-  const { debts: n } = C(), { totalMonthlyPayments: t } = ee(), { monthlyCashFlowProfile: a } = V(), i = t + Number(a?.extra_payment), d = n.paydown_button_long;
-  return /* @__PURE__ */ e(f, { alignItems: "center", sx: { flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ e(
-    Te,
+}), Kt = C(({ disabled: r, onClick: n }) => {
+  const { debts: o } = w(), { totalMonthlyPayments: t } = ee(), { monthlyCashFlowProfile: a } = V(), s = t + Number(a?.extra_payment), d = o.paydown_button_long;
+  return /* @__PURE__ */ e(y, { alignItems: "center", sx: { flex: 1, flexShrink: 0 }, children: /* @__PURE__ */ e(
+    ve,
     {
       "aria-controls": "extra-paydown",
       "aria-describedby": "extra-paydown",
       "aria-haspopup": !0,
       "aria-label": "extra-paydown",
       disabled: r,
-      onClick: o,
+      onClick: n,
       sx: { justifyContent: "start" },
-      children: E(d, P(i, "0,0"))
+      children: T(d, I(s, "0,0"))
     }
   ) });
-}), nr = ({ onBackClick: r, onMenuClick: o, sx: n }) => {
-  const { isDesktop: t, isMobile: a } = ae(), { connect: i, debts: d } = C(), { onEvent: c } = B(), {
-    config: { show_connections_widget_in_master: p }
-  } = Ye(), { isInitialized: h } = Ve(), { setSelectedAccount: u } = Ue(), { selectedDebtPriority: x, setSelectedDebtChartData: b } = L(), {
-    isAccountDataLoaded: I,
-    loadAccountData: M,
-    detailedAccounts: k,
-    visibleDebtAccounts: v
-  } = te(), { isAllGoalDataLoaded: S, loadGoalData: O, monthlyCashFlowProfile: y } = V(), { debts: m } = ee(), [w, T] = g.useState(!1), [R, F] = g.useState(!1), [K, ce] = g.useState(!1), [U, Ie] = g.useState(""), [Me, de] = g.useState(!1);
-  pt({
+}), Ut = ({ onBackClick: r, onMenuClick: n, sx: o }) => {
+  const { isDesktop: t, isMobile: a } = ae(), { connect: s, debts: d } = w(), { onEvent: c } = k(), {
+    config: { show_connections_widget_in_master: b }
+  } = He(), { isInitialized: u } = ze(), { setSelectedAccount: m } = Ve(), { selectedDebtPriority: v, setSelectedDebtChartData: x } = P(), {
+    isAccountDataLoaded: $,
+    loadAccountData: L,
+    detailedAccounts: N,
+    visibleDebtAccounts: A
+  } = te(), { isAllGoalDataLoaded: E, loadGoalData: Y, monthlyCashFlowProfile: _ } = V(), { debts: p } = ee(), [g, D] = f.useState(!1), [M, B] = f.useState(!1), [K, ce] = f.useState(!1), [U, Se] = f.useState(""), [Ae, de] = f.useState(!1);
+  st({
     widgetName: "DebtsWidget",
-    isLoaded: S
+    isLoaded: E
   });
-  const q = g.useMemo(() => {
-    const H = y?.extra_payment ?? 0;
-    return er(m, x, H);
-  }, [m, x, y]);
-  g.useEffect(() => {
-    I || M().finally(), c(A.DEBTS_VIEW);
-  }, []), g.useEffect(() => {
-    h && O().finally();
-  }, [h]);
-  const pe = (H) => Ie(H), he = () => {
-    const H = v.find((ne) => ne.guid === U), me = q.find((ne) => ne.guid === U);
-    H && u(H), me && b(me), T(!0);
-  }, ke = () => c(A.DEBTS_CLICK_FILTER), Ne = () => {
-    ce(!0), c(A.DEBTS_CLICK_SNOWBALL_CTA);
-  }, Pe = () => {
-    F(!0), c(A.DEBTS_CLICK_PAYDOWN);
+  const q = f.useMemo(() => {
+    const O = _?.extra_payment ?? 0;
+    return $e(p, v, O);
+  }, [p, v, _]);
+  f.useEffect(() => {
+    $ || L().finally(), c(S.DEBTS_VIEW);
+  }, []), f.useEffect(() => {
+    u && Y().finally();
+  }, [u]);
+  const pe = (O) => Se(O), he = () => {
+    const O = A.find((oe) => oe.guid === U), ue = q.find((oe) => oe.guid === U);
+    O && m(O), ue && x(ue), D(!0);
+  }, Te = () => c(S.DEBTS_CLICK_FILTER), Ee = () => {
+    ce(!0), c(S.DEBTS_CLICK_SNOWBALL_CTA);
+  }, Ie = () => {
+    B(!0), c(S.DEBTS_CLICK_PAYDOWN);
   };
-  if (!h || !S)
-    return /* @__PURE__ */ e(ht, {});
-  const Re = k.length === 0, Be = v.length === 0, Fe = m.length === 0, X = Re || Be || Fe, Z = tr(
+  if (!u || !E)
+    return /* @__PURE__ */ e(ct, {});
+  const Me = N.length === 0, ke = A.length === 0, Ne = p.length === 0, X = Me || ke || Ne, Z = Oe(
     d,
-    p,
+    b,
     () => de(!0)
   );
-  return /* @__PURE__ */ s(
-    mt,
+  return /* @__PURE__ */ l(
+    dt,
     {
-      actions: [/* @__PURE__ */ e(Qt, { disabled: X }, "prioritize-debts")],
+      actions: [/* @__PURE__ */ e(Yt, { disabled: X }, "prioritize-debts")],
       allowedAccountTypes: [
         z.CREDIT_CARD,
         z.LOAN,
@@ -1529,16 +1407,16 @@ const Kt = (r) => {
         z.CHECKING_LINE_OF_CREDIT
       ],
       hasDivider: !0,
-      onAccountsFilterClick: ke,
+      onAccountsFilterClick: Te,
       onBackClick: r,
-      onMenuClick: o,
-      slotComponent: /* @__PURE__ */ e(rr, { disabled: X, onClick: Pe }, "extra-paydown"),
-      sx: n,
+      onMenuClick: n,
+      slotComponent: /* @__PURE__ */ e(Kt, { disabled: X, onClick: Ie }, "extra-paydown"),
+      sx: o,
       title: d.title,
       children: [
-        /* @__PURE__ */ s(f, { sx: { pt: 48, px: t ? "48px" : "24px" }, children: [
+        /* @__PURE__ */ l(y, { sx: { pt: 48, px: t ? "48px" : "24px" }, children: [
           X && /* @__PURE__ */ e(
-            ut,
+            pt,
             {
               header: Z.header,
               icon: "note_stack",
@@ -1548,9 +1426,9 @@ const Kt = (r) => {
               sx: { maxWidth: 400 }
             }
           ),
-          !X && /* @__PURE__ */ s($, { children: [
-            /* @__PURE__ */ s(
-              f,
+          !X && /* @__PURE__ */ l(R, { children: [
+            /* @__PURE__ */ l(
+              y,
               {
                 sx: {
                   alignItems: a ? "flex-start" : "flex-end",
@@ -1559,7 +1437,7 @@ const Kt = (r) => {
                 },
                 children: [
                   /* @__PURE__ */ e(
-                    Ee,
+                    De,
                     {
                       debts: q,
                       height: a ? 250 : void 0,
@@ -1570,18 +1448,18 @@ const Kt = (r) => {
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Ct,
+                    bt,
                     {
                       debts: q,
-                      onClickCta: Ne,
+                      onClickCta: Ee,
                       sx: { mb: a ? "0px" : "64px" }
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ e(f, { sx: { mx: a ? "-24px" : 0 }, children: /* @__PURE__ */ e(
-              Xt,
+            /* @__PURE__ */ e(y, { sx: { mx: a ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+              zt,
               {
                 debts: q,
                 hoveredDebtGuid: U,
@@ -1592,29 +1470,28 @@ const Kt = (r) => {
           ] })
         ] }),
         /* @__PURE__ */ e(
-          Dt,
+          yt,
           {
             isOpen: K,
             onClose: () => ce(!1)
           }
         ),
-        /* @__PURE__ */ e(Ht, { isOpen: w, onClose: () => T(!1) }),
-        /* @__PURE__ */ e(zt, { isOpen: R, onClose: () => F(!1) }),
+        /* @__PURE__ */ e(Bt, { isOpen: g, onClose: () => D(!1) }),
+        /* @__PURE__ */ e(Ft, { isOpen: M, onClose: () => B(!1) }),
         /* @__PURE__ */ e(
-          bt,
+          ht,
           {
             onClose: () => de(!1),
-            showConnectWidget: Me,
-            title: i.mini_title
+            showConnectWidget: Ae,
+            title: s.mini_title
           }
         )
       ]
     }
   );
-}, en = D(nr);
+}, Hr = C(Ut);
 export {
-  Ee as DebtsChart,
-  nn as DebtsStore,
-  Xt as DebtsTable,
-  en as DebtsWidget
+  De as DebtsChart,
+  zt as DebtsTable,
+  Hr as DebtsWidget
 };