@mx-cartographer/experiences 7.10.22 → 7.10.23-alpha.al0

package/dist/debts/index.es.js

@@ -1,73 +1,75 @@
-import { jsx as e, jsxs as s, Fragment as O } from "react/jsx-runtime";
-import g from "react";
+import { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
+import f from "react";
 import { observer as v } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { useTheme as V, Card as _e, Stack as _, Box as W } from "@mui/material";
-import { Text as l, P as ye, H3 as Te, InstitutionLogo as Ae, Icon as te } from "@mxenabled/mxui";
-import { intervalToDuration as Ee, formatDuration as Ie } from "date-fns";
-import { addMonths as se } from "date-fns/addMonths";
-import { fromUnixTime as ce } from "date-fns/fromUnixTime";
-import { getUnixTime as de } from "date-fns/getUnixTime";
-import { D as k, M as Be, I as Me } from "../DebtsStore-BIbOVCPe.mjs";
-import { a as Hr } from "../DebtsStore-BIbOVCPe.mjs";
-import { f as N, a as Pe } from "../NumberFormatting-DjTD0t3W.mjs";
-import { f as U, D as q } from "../DateFormats-Cs-NbEZ7.mjs";
-import { G as ke, w as Z, u as C, l as Y, g as R, d as J, b as Ne } from "../hooks-DWJQ4phS.mjs";
+import x from "@mui/material/Stack";
+import { useTheme as V, Card as ge, Stack as _, Box as G } from "@mui/material";
+import { Text as l, P as we, H3 as ke, InstitutionLogo as Pe, Icon as ae } from "@mxenabled/mxui";
+import { intervalToDuration as Ne, formatDuration as Re } from "date-fns";
+import { addMonths as me } from "date-fns/addMonths";
+import { fromUnixTime as he } from "date-fns/fromUnixTime";
+import { getUnixTime as ue } from "date-fns/getUnixTime";
+import { D as k, M as Fe, I as Le } from "../DebtsStore-BIbOVCPe.mjs";
+import { a as Jr } from "../DebtsStore-BIbOVCPe.mjs";
+import { f as P, a as $e } from "../NumberFormatting-DjTD0t3W.mjs";
+import { f as Z, D as J } from "../DateFormats-Cs-NbEZ7.mjs";
+import { G as He, w as Q, u as C, l as Y, g as R, d as ee, a as Oe, b as We } from "../hooks-DWJQ4phS.mjs";
 import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as re } from "../Drawer-DV4NTsFg.mjs";
-import { b as I } from "../Localization-2MODESHW.mjs";
-import { A as Re, u as Fe } from "../AccountDetailsHeader-BQCtsUCR.mjs";
-import Le from "@mui/material/Card";
-import $e from "@mui/material/CardContent";
-import Oe from "@mui/material/CardHeader";
-import ae from "@mui/material/Box";
-import { useTheme as He } from "@mui/material/styles";
-import { LineChart as Ge } from "@mui/x-charts/LineChart";
-import { A as T } from "../Analytics-i5h6BxR1.mjs";
-import pe from "@mui/material/Tab";
-import We from "@mui/material/Tabs";
-import fe from "@mui/material/List";
+import { D as oe } from "../Drawer-DV4NTsFg.mjs";
+import { b as E } from "../Localization-2MODESHW.mjs";
+import { A as Ge, u as je } from "../AccountDetailsHeader-BQCtsUCR.mjs";
+import ze from "@mui/material/Card";
+import Xe from "@mui/material/CardContent";
+import Ve from "@mui/material/CardHeader";
+import ne from "@mui/material/Box";
+import { useTheme as Ye } from "@mui/material/styles";
+import { LineChart as Ke } from "@mui/x-charts/LineChart";
+import { A } from "../Analytics-i5h6BxR1.mjs";
+import be from "@mui/material/Tab";
+import Ue from "@mui/material/Tabs";
+import Ce from "@mui/material/List";
 import j from "@mui/material/Divider";
-import { M as je, I as ze, O as Xe } from "../OriginalBalanceAction-BaJhCWa3.mjs";
-import Ve from "@mui/material/TextField";
-import { L as Q } from "../ListItemAction-DrDDQgt7.mjs";
-import { C as oe } from "../CurrencyInput-niY2izw5.mjs";
-import me from "@mui/material/Alert";
-import he from "@mui/material/AlertTitle";
-import ue from "@mui/material/Paper";
-import { Error as Ye, CheckCircle as xe } from "@mxenabled/mx-icons";
-import { T as be } from "../TabContentContainer-j01JYR_7.mjs";
-import { DataGridPro as Ke } from "@mui/x-data-grid-pro";
+import { M as qe, I as Ze, O as Je } from "../OriginalBalanceAction-BaJhCWa3.mjs";
+import Qe from "@mui/material/TextField";
+import { L as te } from "../ListItemAction-DrDDQgt7.mjs";
+import { C as ie } from "../CurrencyInput-niY2izw5.mjs";
+import _e from "@mui/material/Alert";
+import ye from "@mui/material/AlertTitle";
+import fe from "@mui/material/Paper";
+import { Error as et, CheckCircle as Se } from "@mxenabled/mx-icons";
+import { T as xe } from "../TabContentContainer-j01JYR_7.mjs";
+import { DataGridPro as tt } from "@mui/x-data-grid-pro";
 import { H as z } from "../HeaderCell-DjuifqHJ.mjs";
-import { f as Ue, A as X } from "../Account-BiB1F8lL.mjs";
-import ge from "@mui/material/Button";
-import qe from "@mui/material/IconButton";
-import Ze from "@mui/material/ListItem";
-import Je from "@mui/material/Popover";
-import { u as Qe } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
-import { L as et } from "../Loader-DUaFpDGv.mjs";
-import { W as tt } from "../WidgetContainer-CiyWaTc1.mjs";
-const rt = (a, o = 0, r = 0) => {
+import { f as rt, A as X } from "../Account-BiB1F8lL.mjs";
+import ve from "@mui/material/Button";
+import at from "@mui/material/IconButton";
+import ot from "@mui/material/ListItem";
+import nt from "@mui/material/Popover";
+import { b as it } from "../GlobalAccountFilter-CjTLppI0.mjs";
+import { u as lt } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
+import { L as st } from "../Loader-DUaFpDGv.mjs";
+import { W as ct } from "../WidgetContainer-CiyWaTc1.mjs";
+import { E as dt } from "../EmptyState-DHAkGsjk.mjs";
+const pt = (a, o = 0, r = 0) => {
   if (r === 0) return 0;
-  const t = o / (Be * Me);
+  const t = o / (Fe * Le);
   return Math.ceil(
     t === 0 ? a / r : -Math.log(1 - t * a / r) / Math.log(1 + t)
   );
-}, at = (a, o, r, t, n) => {
+}, mt = (a, o, r, t, n) => {
   const i = [];
   if (r === 0) {
-    for (let c = 0; c < a; c++) {
-      const p = o - t * (c + 1), m = o - t * c, b = p >= 0 ? t : m;
+    for (let d = 0; d < a; d++) {
+      const p = o - t * (d + 1), m = o - t * d, u = p >= 0 ? t : m;
       i.push({
         balance: p >= 0 ? p : 0,
         interest: r,
-        payment: b,
-        principal: b,
-        timestamp: de(
-          se(
-            ce(n),
+        payment: u,
+        principal: u,
+        timestamp: ue(
+          me(
+            he(n),
             // convert seconds → Date
-            c + 1
+            d + 1
             // add (index + 1) months
           )
         )
@@ -75,34 +77,34 @@ const rt = (a, o = 0, r = 0) => {
     }
     return i;
   }
-  const d = r / 1200;
-  for (let c = 0; c < a; c++) {
-    const p = de(se(ce(n), c + 1)), m = Math.pow(1 + d, c), b = o * m - t * ((m - 1) / d), w = Math.pow(1 + d, c + 1), u = o * w - t * ((w - 1) / d), B = t + Math.min(u, 0), P = b * d;
+  const c = r / 1200;
+  for (let d = 0; d < a; d++) {
+    const p = ue(me(he(n), d + 1)), m = Math.pow(1 + c, d), u = o * m - t * ((m - 1) / c), w = Math.pow(1 + c, d + 1), b = o * w - t * ((w - 1) / c), B = t + Math.min(b, 0), M = u * c;
     i.push({
-      balance: Math.max(0, u),
-      interest: P,
+      balance: Math.max(0, b),
+      interest: M,
       payment: B,
-      principal: B - P,
+      principal: B - M,
       timestamp: p
     });
   }
   return i;
-}, ot = (a) => (a[a.length - 1] || {}).timestamp, nt = (a) => {
-  const { monthly_payment: o, interest_rate: r, balance: t, payment_due_date: n } = a, i = rt(t, r ?? 0, o ?? 0), d = at(
+}, ht = (a) => (a[a.length - 1] || {}).timestamp, ut = (a) => {
+  const { monthly_payment: o, interest_rate: r, balance: t, payment_due_date: n } = a, i = pt(t, r ?? 0, o ?? 0), c = mt(
     i,
     t,
     r ?? 0,
     o ?? 0,
     n
-  ), c = ot(d);
+  ), d = ht(c);
   return {
     ...a,
-    minimumFinalPayment: c,
-    minimumPayments: d
+    minimumFinalPayment: d,
+    minimumPayments: c
   };
-}, we = (a, o) => {
+}, De = (a, o) => {
   const [r, t] = a.reduce(
-    ([n, i], d) => (d.is_paid_off || d.is_impossible ? i.push({ ...d, minimumPayments: [] }) : n.push(nt(d)), [n, i]),
+    ([n, i], c) => (c.is_paid_off || c.is_impossible ? i.push({ ...c, minimumPayments: [] }) : n.push(ut(c)), [n, i]),
     [[], []]
   );
   switch (o) {
@@ -123,47 +125,47 @@ const rt = (a, o = 0, r = 0) => {
   }
   a.splice(0, a.length, ...r, ...t);
 };
-function it(a, o, r = 0) {
-  const t = a.map((b) => ({ ...b })).filter(
-    (b) => b.interest_rate !== void 0 && b.monthly_payment !== void 0 && !b.is_paid_off
+function bt(a, o, r = 0) {
+  const t = a.map((u) => ({ ...u })).filter(
+    (u) => u.interest_rate !== void 0 && u.monthly_payment !== void 0 && !u.is_paid_off
   );
-  we(t, o);
+  De(t, o);
   let n = 0, i = 0;
-  const d = /* @__PURE__ */ new Date(), c = /* @__PURE__ */ new Date();
-  for (; t.some((b) => b.balance >= 0.01 && !b.is_impossible); ) {
-    let b = !1;
-    for (const [w, u] of t.entries()) {
-      if (u.balance <= 0.01 || u.is_impossible) continue;
-      const P = (u.interest_rate ?? 0) / 100 / 12, M = u.balance * P;
-      let S = u.monthly_payment ?? 0;
-      w === 0 && r && (S += r), u.balance += M;
-      const A = Math.min(u.balance, S + i);
-      if (A <= M) {
-        u.is_impossible = !0;
+  const c = /* @__PURE__ */ new Date(), d = /* @__PURE__ */ new Date();
+  for (; t.some((u) => u.balance >= 0.01 && !u.is_impossible); ) {
+    let u = !1;
+    for (const [w, b] of t.entries()) {
+      if (b.balance <= 0.01 || b.is_impossible) continue;
+      const M = (b.interest_rate ?? 0) / 100 / 12, I = b.balance * M;
+      let S = b.monthly_payment ?? 0;
+      w === 0 && r && (S += r), b.balance += I;
+      const D = Math.min(b.balance, S + i);
+      if (D <= I) {
+        b.is_impossible = !0;
         continue;
       }
-      u.balance -= A, u.balance = u.balance < 0.01 ? 0 : u.balance, n += M, u.balance <= 0 && (i += S), A > 0 && (b = !0);
+      b.balance -= D, b.balance = b.balance < 0.01 ? 0 : b.balance, n += I, b.balance <= 0 && (i += S), D > 0 && (u = !0);
     }
-    b && c.setMonth(c.getMonth() + 1);
+    u && d.setMonth(d.getMonth() + 1);
   }
-  const p = t.some((b) => b.is_impossible && b.balance > 0), m = Ee({ start: d, end: c });
+  const p = t.some((u) => u.is_impossible && u.balance > 0), m = Ne({ start: c, end: d });
   return {
-    payoffSavings: p ? "N/A" : N(n, "0,0.00"),
-    payoffDate: p ? "Never" : U(c, q.MONTH_YEAR),
-    payoffDuration: p ? "Stagnant" : Ie(m, { format: ["years", "months"] }) || "0 months"
+    payoffSavings: p ? "N/A" : P(n, "0,0.00"),
+    payoffDate: p ? "Never" : Z(d, J.MONTH_YEAR),
+    payoffDuration: p ? "Stagnant" : Re(m, { format: ["years", "months"] }) || "0 months"
   };
 }
-const F = () => {
-  if (!g.useContext(ke))
+const L = () => {
+  if (!f.useContext(He))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
-  return Z().uiStore;
-}, lt = ({ debts: a, onClickCta: o, sx: r }) => {
-  const t = V(), { isMobile: n } = K(), { debts: i } = C(), { selectedDebtPriority: d } = F(), { monthlyCashFlowProfile: c } = Y(), { payoffDate: p, payoffSavings: m, payoffDuration: b } = g.useMemo(() => {
-    const w = c?.extra_payment ?? 0;
-    return it(a, d, w);
-  }, [a, d, c]);
+  return Q().uiStore;
+}, _t = ({ debts: a, onClickCta: o, sx: r }) => {
+  const t = V(), { isMobile: n } = K(), { debts: i } = C(), { selectedDebtPriority: c } = L(), { monthlyCashFlowProfile: d } = Y(), { payoffDate: p, payoffSavings: m, payoffDuration: u } = f.useMemo(() => {
+    const w = d?.extra_payment ?? 0;
+    return bt(a, c, w);
+  }, [a, c, d]);
   return /* @__PURE__ */ e(
-    _e,
+    ge,
     {
       sx: {
         boxShadow: t.shadows[2],
@@ -192,7 +194,7 @@ const F = () => {
           /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: i.snowball_card_amount_description })
         ] }),
         /* @__PURE__ */ s(_, { gap: n ? "4px" : "0", children: [
-          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: b }),
+          /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: u }),
           /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_duration_description })
         ] }),
         /* @__PURE__ */ e(
@@ -209,10 +211,10 @@ const F = () => {
       ] })
     }
   );
-}, st = v(lt), ct = ({ isOpen: a, onClose: o }) => {
-  const r = V(), { debts: t } = C(), [n, i] = g.useState(!1);
+}, yt = v(_t), ft = ({ isOpen: a, onClose: o }) => {
+  const r = V(), { debts: t } = C(), [n, i] = f.useState(!1);
   return /* @__PURE__ */ e(
-    re,
+    oe,
     {
       ariaLabelClose: "",
       isOpen: a,
@@ -223,10 +225,10 @@ const F = () => {
           /* @__PURE__ */ s(_, { alignItems: "center", pb: 24, children: [
             /* @__PURE__ */ e(l, { mb: 12, variant: "H3", children: t.snowball_drawer_subtitle }),
             /* @__PURE__ */ e(l, { color: r.palette.secondary.main, variant: "Small", children: t.snowball_drawer_amount_description }),
-            /* @__PURE__ */ e(ye, { variant: "H1", children: t.snowball_drawer_savings }),
+            /* @__PURE__ */ e(we, { 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(_e, { sx: { display: "grid", py: 16, px: 24 }, children: [
+          /* @__PURE__ */ s(ge, { sx: { display: "grid", py: 16, px: 24 }, children: [
             /* @__PURE__ */ e(l, { mb: 4, variant: "H3", children: t.snowball_drawer_question }),
             /* @__PURE__ */ e(
               l,
@@ -263,13 +265,13 @@ const F = () => {
             }
           ),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: I(t.snowball_drawer_month_header, 1) }),
+            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: E(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: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     display: "flex",
@@ -296,13 +298,13 @@ const F = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: I(t.snowball_drawer_debt_label, "A") }),
+                      /* @__PURE__ */ e(l, { variant: "Body", children: E(t.snowball_drawer_debt_label, "A") }),
                       /* @__PURE__ */ s(l, { color: r.palette.secondary.main, variant: "XSmall", children: [
-                        I(
+                        E(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$100"
                         ),
-                        /* @__PURE__ */ e("strong", { children: I(t.snowball_drawer_debt_label, "B") }),
+                        /* @__PURE__ */ e("strong", { children: E(t.snowball_drawer_debt_label, "B") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
@@ -325,7 +327,7 @@ const F = () => {
             ] }),
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     width: 20,
@@ -347,7 +349,7 @@ const F = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: I(t.snowball_drawer_debt_label, "B") }),
+                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: E(t.snowball_drawer_debt_label, "B") }),
                     /* @__PURE__ */ e(l, { variant: "Body", children: "$400.00" })
                   ]
                 }
@@ -355,7 +357,7 @@ const F = () => {
             ] }),
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, py: 14, children: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     width: 20,
@@ -367,7 +369,7 @@ const F = () => {
                 }
               ),
               /* @__PURE__ */ s(_, { flexDirection: "row", flexGrow: 1, pr: 24, children: [
-                /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: I(t.snowball_drawer_debt_label, "C") }),
+                /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: E(t.snowball_drawer_debt_label, "C") }),
                 /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
               ] })
             ] }),
@@ -390,13 +392,13 @@ const F = () => {
             )
           ] }),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: I(t.snowball_drawer_month_header, 2) }),
+            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: E(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: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     display: "flex",
@@ -423,13 +425,13 @@ const F = () => {
                   },
                   children: [
                     /* @__PURE__ */ s(_, { flexGrow: 1, children: [
-                      /* @__PURE__ */ e(l, { variant: "Body", children: I(t.snowball_drawer_debt_label, "B") }),
+                      /* @__PURE__ */ e(l, { variant: "Body", children: E(t.snowball_drawer_debt_label, "B") }),
                       /* @__PURE__ */ s(l, { color: r.palette.secondary.main, variant: "XSmall", children: [
-                        I(
+                        E(
                           t.snowball_drawer_rollover_explainer_pt1,
                           "$500"
                         ),
-                        /* @__PURE__ */ e("strong", { children: I(t.snowball_drawer_debt_label, "C") }),
+                        /* @__PURE__ */ e("strong", { children: E(t.snowball_drawer_debt_label, "C") }),
                         t.snowball_drawer_rollover_explainer_pt2
                       ] })
                     ] }),
@@ -452,7 +454,7 @@ const F = () => {
             ] }),
             /* @__PURE__ */ s(_, { alignItems: "center", flexDirection: "row", pl: 24, children: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     width: 20,
@@ -473,7 +475,7 @@ const F = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: I(t.snowball_drawer_debt_label, "C") }),
+                    /* @__PURE__ */ e(l, { flexGrow: 1, variant: "Body", children: E(t.snowball_drawer_debt_label, "C") }),
                     /* @__PURE__ */ e(l, { variant: "Body", children: "$1,000.00" })
                   ]
                 }
@@ -498,13 +500,13 @@ const F = () => {
             )
           ] }),
           /* @__PURE__ */ s(_, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: I(t.snowball_drawer_month_header, 3) }),
+            /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: E(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: [
               /* @__PURE__ */ e(
-                W,
+                G,
                 {
                   sx: {
                     display: "flex",
@@ -530,7 +532,7 @@ const F = () => {
                     pr: 24
                   },
                   children: [
-                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(l, { variant: "Body", children: I(t.snowball_drawer_debt_label, "C") }) }),
+                    /* @__PURE__ */ e(_, { flexGrow: 1, children: /* @__PURE__ */ e(l, { variant: "Body", children: E(t.snowball_drawer_debt_label, "C") }) }),
                     /* @__PURE__ */ s(_, { children: [
                       /* @__PURE__ */ e(l, { variant: "Body", children: "$1,500.00" }),
                       /* @__PURE__ */ e(
@@ -570,50 +572,50 @@ const F = () => {
       ] })
     }
   );
-}, dt = v(ct), pt = "#FF7B08";
-function mt(a, o) {
-  const [r, t, n] = a.replace(/^#/, "").match(/.{1,2}/g).map((d) => parseInt(d, 16)), i = [
+}, xt = v(ft), gt = "#FF7B08";
+function wt(a, o) {
+  const [r, t, n] = a.replace(/^#/, "").match(/.{1,2}/g).map((c) => parseInt(c, 16)), i = [
     Math.max(0, Math.min(255, Math.round(r * o))),
     Math.max(0, Math.min(255, Math.round(t * o))),
     Math.max(0, Math.min(255, Math.round(n * o)))
   ];
   return `rgb(${i[0]}, ${i[1]}, ${i[2]})`;
 }
-const Ce = ({
+const Te = ({
   sx: a,
   height: o = 500,
   width: r,
   debts: t,
   hoveredDebtGuid: n,
   onClickArea: i,
-  onHoverArea: d
+  onHoverArea: c
 }) => {
-  const c = He(), { onEvent: p } = R(), m = t.filter((h) => !h.is_impossible), b = [
+  const d = Ye(), { onEvent: p } = R(), m = t.filter((h) => !h.is_impossible), u = [
     ...new Set(
-      m.flatMap((h) => h.dataset.map((x) => new Date(x.x).getTime()))
+      m.flatMap((h) => h.dataset.map((g) => new Date(g.x).getTime()))
     )
-  ].sort((h, x) => h - x).map((h) => new Date(h)), w = m.map((h) => {
-    const x = new Map(h.dataset.map((L) => [new Date(L.x).getTime(), L.y]));
-    let D = x.get(b[0].getTime()) ?? 0;
-    const E = b.map((L) => {
-      const H = x.get(L.getTime()) ?? D;
-      return D = H, { x: L, y: H };
+  ].sort((h, g) => h - g).map((h) => new Date(h)), w = m.map((h) => {
+    const g = new Map(h.dataset.map((F) => [new Date(F.x).getTime(), F.y]));
+    let T = g.get(u[0].getTime()) ?? 0;
+    const N = u.map((F) => {
+      const O = g.get(F.getTime()) ?? T;
+      return T = O, { x: F, y: O };
     });
-    return { ...h, dataset: E };
-  }), u = w.reduce(
-    (h, x) => h + (x.dataset[0]?.y ?? 0),
+    return { ...h, dataset: N };
+  }), b = w.reduce(
+    (h, g) => h + (g.dataset[0]?.y ?? 0),
     0
-  ), B = b.map((h, x) => {
-    const D = x / (b.length - 1), E = u * (1 - D);
-    return { x: h, y: E };
-  }), P = Math.ceil(u / 100) * 100, M = b, S = w.map((h, x) => {
-    const D = 1 - x / w.length * 0.5, E = mt(pt, D);
+  ), B = u.map((h, g) => {
+    const T = g / (u.length - 1), N = b * (1 - T);
+    return { x: h, y: N };
+  }), M = Math.ceil(b / 100) * 100, I = u, S = w.map((h, g) => {
+    const T = 1 - g / w.length * 0.5, N = wt(gt, T);
     return {
-      id: `debt-${x}`,
+      id: `debt-${g}`,
       guid: h.guid,
       label: h.name,
-      data: h.dataset.map((L) => L.y),
-      color: E,
+      data: h.dataset.map((F) => F.y),
+      color: N,
       curve: "linear",
       type: "line",
       area: !0,
@@ -625,16 +627,16 @@ const Ce = ({
     id: "payoff-line",
     label: "Payoff Line",
     data: B.map((h) => h.y),
-    color: c.palette.grey[700],
+    color: d.palette.grey[700],
     curve: "linear",
     type: "line",
     stack: void 0,
     showMark: !1,
     disableHighlight: !0
   });
-  const A = (h) => S.findIndex((x) => x?.guid === h);
+  const D = (h) => S.findIndex((g) => g?.guid === h);
   return /* @__PURE__ */ e(
-    ae,
+    ne,
     {
       sx: {
         width: "100%",
@@ -649,21 +651,21 @@ const Ce = ({
         }
       },
       children: /* @__PURE__ */ e(
-        Ge,
+        Ke,
         {
           axisHighlight: { x: "none" },
           disableLineItemHighlight: !0,
           height: o,
           hideLegend: !0,
           margin: { bottom: 24, left: 32, right: 72, top: 48 },
-          onAreaClick: (h, x) => {
+          onAreaClick: (h, g) => {
             i?.();
-            const D = S.find((E) => E.id === x.seriesId);
-            p(T.DEBTS_CLICK_CHART_AREA, { account_guid: D?.guid });
+            const T = S.find((N) => N.id === g.seriesId);
+            p(A.DEBTS_CLICK_CHART_AREA, { account_guid: T?.guid });
           },
           onHighlightChange: (h) => {
-            const x = S.find((D) => D.id === h?.seriesId)?.guid;
-            d?.(x ?? "");
+            const g = S.find((T) => T.id === h?.seriesId)?.guid;
+            c?.(g ?? "");
           },
           series: S,
           skipAnimation: !0,
@@ -685,45 +687,45 @@ const Ce = ({
               strokeDasharray: "10 5",
               strokeWidth: 1
             },
-            [`& .MuiLineElement-series-debt-${A(n ?? "0")}`]: {
+            [`& .MuiLineElement-series-debt-${D(n ?? "0")}`]: {
               opacity: 1
             },
-            [`& .MuiAreaElement-series-debt-${A(n ?? "0")}`]: {
+            [`& .MuiAreaElement-series-debt-${D(n ?? "0")}`]: {
               opacity: 1
             },
             "& .MuiChartsAxis-tickLabel > tspan": {
-              fontFamily: c.typography.Small.fontFamily
+              fontFamily: d.typography.Small.fontFamily
             },
             ...a
           },
           width: r,
           xAxis: [
             {
-              data: M,
+              data: I,
               disableTicks: !0,
-              min: b[0],
+              min: u[0],
               scaleType: "time",
               tickLabelMinGap: 24,
-              valueFormatter: (h) => U(h, q.MONTH_SHORT_YEAR)
+              valueFormatter: (h) => Z(h, J.MONTH_SHORT_YEAR)
             }
           ],
           yAxis: [
             {
               min: 0,
-              max: P,
+              max: M,
               disableTicks: !0,
-              valueFormatter: (h) => N(h, "0a")
+              valueFormatter: (h) => P(h, "0a")
             }
           ]
         }
       )
     }
   );
-}, ht = () => {
-  const a = V(), { debts: o } = C(), { selectedDebtChartData: r } = F();
-  return /* @__PURE__ */ s(O, { children: [
+}, Ct = () => {
+  const a = V(), { debts: o } = C(), { selectedDebtChartData: r } = L();
+  return /* @__PURE__ */ s(H, { children: [
     /* @__PURE__ */ s(
-      Le,
+      ze,
       {
         sx: {
           "& .MuiCardContent-root:last-child": {
@@ -731,8 +733,8 @@ const Ce = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(Oe, { sx: { pb: 0 }, title: /* @__PURE__ */ e(Te, { sx: { pb: 4 }, children: o.details_chart_title }) }),
-          /* @__PURE__ */ e($e, { sx: { p: 0 }, children: /* @__PURE__ */ e(Ce, { debts: [r], height: 250 }) })
+          /* @__PURE__ */ e(Ve, { sx: { pb: 0 }, title: /* @__PURE__ */ e(ke, { sx: { pb: 4 }, children: o.details_chart_title }) }),
+          /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: /* @__PURE__ */ e(Te, { debts: [r], height: 250 }) })
         ]
       }
     ),
@@ -746,9 +748,9 @@ const Ce = ({
       }
     )
   ] });
-}, ut = v(ht), bt = () => {
-  const a = V(), { onEvent: o } = R(), { debts: r } = C(), { selectedDebtChartData: t, showCompleted: n, showError: i } = F();
-  return g.useEffect(() => o(T.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(fe, { children: i || n ? /* @__PURE__ */ e(
+}, St = v(Ct), vt = () => {
+  const a = V(), { onEvent: o } = R(), { debts: r } = C(), { selectedDebtChartData: t, showCompleted: n, showError: i } = L();
+  return f.useEffect(() => o(A.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(Ce, { children: i || n ? /* @__PURE__ */ e(
     l,
     {
       color: a.palette.secondary.main,
@@ -757,13 +759,13 @@ const Ce = ({
       variant: "Small",
       children: i ? r.schedule_error_message : r.schedule_complete_message
     }
-  ) : /* @__PURE__ */ s(O, { children: [
-    /* @__PURE__ */ s(f, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+  ) : /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ s(x, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
       /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: r.schedule_month_heading }),
       /* @__PURE__ */ e(l, { bold: !0, variant: "XSmall", children: r.schedule_amount_heading })
     ] }),
-    t.dataset.slice(1).map(({ x: d, y: c, payment: p }) => /* @__PURE__ */ e(f, { bgcolor: a.palette.background.paper, children: /* @__PURE__ */ e(f, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
-      f,
+    t.dataset.slice(1).map(({ x: c, y: d, payment: p }) => /* @__PURE__ */ e(x, { bgcolor: a.palette.background.paper, children: /* @__PURE__ */ e(x, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ s(
+      x,
       {
         sx: {
           borderBottom: `1px solid ${a.palette.border.light}`,
@@ -773,12 +775,12 @@ const Ce = ({
           pr: 24
         },
         children: [
-          /* @__PURE__ */ s(f, { flexGrow: 1, children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: U(d, q.MONTH_YEAR) }),
+          /* @__PURE__ */ s(x, { flexGrow: 1, children: [
+            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: Z(c, J.MONTH_YEAR) }),
             /* @__PURE__ */ e(l, { color: a.palette.secondary.main, variant: "XSmall", children: r.schedule_month_label })
           ] }),
-          /* @__PURE__ */ s(f, { children: [
-            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: N(c, "0,0.00") }),
+          /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: P(d, "0,0.00") }),
             /* @__PURE__ */ e(
               l,
               {
@@ -786,15 +788,15 @@ const Ce = ({
                 color: a.palette.success.main,
                 textAlign: "end",
                 variant: "Tiny",
-                children: `+${N(p, "0,0")}`
+                children: `+${P(p, "0,0")}`
               }
             )
           ] })
         ]
       }
-    ) }) }, String(d))),
-    /* @__PURE__ */ e(f, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
-      f,
+    ) }) }, String(c))),
+    /* @__PURE__ */ e(x, { bgcolor: "background.paper", children: /* @__PURE__ */ s(
+      x,
       {
         sx: {
           alignItems: "center",
@@ -810,28 +812,28 @@ const Ce = ({
       }
     ) })
   ] }) });
-}, _t = v(bt), yt = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = J(), { onEvent: t } = R(), [n, i] = g.useState(a.interest_rate ?? 0), d = n < 0, c = async () => {
-    await r({ ...a.account, interest_rate: n }), a.interest_rate = n, t(T.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
+}, Dt = v(vt), Tt = v(({ debt: a }) => {
+  const { debts: o } = C(), { updateAccount: r } = ee(), { onEvent: t } = R(), [n, i] = f.useState(a.interest_rate ?? 0), c = n < 0, d = async () => {
+    await r({ ...a.account, interest_rate: n }), a.interest_rate = n, t(A.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
       i(a.interest_rate ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    Q,
+    te,
     {
-      isSaveDisabled: d,
+      isSaveDisabled: c,
       label: `${o.details_interest_rate} (%)`,
       onCancel: p,
-      onSave: c,
+      onSave: d,
       primaryText: o.details_interest_rate,
-      secondaryText: Pe(Number(a.interest_rate) / 100),
+      secondaryText: $e(Number(a.interest_rate) / 100),
       zeroStateText: a.interest_rate ? void 0 : o.add_interest_rate,
       children: /* @__PURE__ */ e(
-        Ve,
+        Qe,
         {
-          error: d,
+          error: c,
           fullWidth: !0,
           onChange: (m) => i(isNaN(parseFloat(m.target.value)) ? 0 : parseFloat(m.target.value)),
           type: "number",
@@ -840,30 +842,30 @@ const Ce = ({
       )
     }
   );
-}), ft = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = J(), { onEvent: t } = R(), [n, i] = g.useState(a.monthly_payment ?? 0), d = n < 0 || n > 9999999999e-2, c = async () => {
-    await r({ ...a.account, minimum_payment: n }), a.monthly_payment = n, t(T.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
+}), At = v(({ debt: a }) => {
+  const { debts: o } = C(), { updateAccount: r } = ee(), { onEvent: t } = R(), [n, i] = f.useState(a.monthly_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+    await r({ ...a.account, minimum_payment: n }), a.monthly_payment = n, t(A.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
       i(a.monthly_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    Q,
+    te,
     {
-      isSaveDisabled: d,
+      isSaveDisabled: c,
       label: o.details_monthly_payment,
       onCancel: p,
-      onSave: c,
+      onSave: d,
       primaryText: o.details_monthly_payment,
-      secondaryText: N(a.monthly_payment, "0,0"),
+      secondaryText: P(a.monthly_payment, "0,0"),
       zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
       children: /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           amount: n,
           autoFocus: !0,
-          error: d,
+          error: c,
           fullWidth: !0,
           minAmount: 0,
           setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
@@ -872,30 +874,30 @@ const Ce = ({
       )
     }
   );
-}), xt = v(({ debt: a }) => {
-  const { debts: o } = C(), { updateAccount: r } = J(), { onEvent: t } = R(), [n, i] = g.useState(a.original_balance ?? 0), d = n < 0 || n > 9999999999e-2, c = async () => {
-    await r({ ...a.account, original_balance: n }), a.original_balance = n, t(T.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
+}), Et = v(({ debt: a }) => {
+  const { debts: o } = C(), { updateAccount: r } = ee(), { onEvent: t } = R(), [n, i] = f.useState(a.original_balance ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+    await r({ ...a.account, original_balance: n }), a.original_balance = n, t(A.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
   }, p = () => {
     setTimeout(() => {
       i(a.original_balance ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
-    Q,
+    te,
     {
-      isSaveDisabled: d,
+      isSaveDisabled: c,
       label: o.details_original_balance,
       onCancel: p,
-      onSave: c,
+      onSave: d,
       primaryText: o.details_original_balance,
-      secondaryText: N(a.original_balance, "0,0"),
+      secondaryText: P(a.original_balance, "0,0"),
       zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
       children: /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           amount: n,
           autoFocus: !0,
-          error: d,
+          error: c,
           fullWidth: !0,
           minAmount: 0,
           setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
@@ -904,35 +906,35 @@ const Ce = ({
       )
     }
   );
-}), gt = () => {
-  const { onEvent: a } = R(), { selectedDebtChartData: o } = F();
-  return g.useEffect(() => a(T.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(f, { bgcolor: "background.paper", children: [
-    o?.goal && /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(je, { goal: o.goal }),
+}), It = () => {
+  const { onEvent: a } = R(), { selectedDebtChartData: o } = L();
+  return f.useEffect(() => a(A.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(x, { bgcolor: "background.paper", children: [
+    o?.goal && /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ e(qe, { goal: o.goal }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(ze, { goal: o.goal }),
+      /* @__PURE__ */ e(Ze, { goal: o.goal }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(Xe, { goal: o.goal }),
+      /* @__PURE__ */ e(Je, { goal: o.goal }),
       /* @__PURE__ */ e(j, {})
     ] }),
-    !o?.goal && o?.account && /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(ft, { debt: o }),
+    !o?.goal && o?.account && /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ e(At, { debt: o }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(yt, { debt: o }),
+      /* @__PURE__ */ e(Tt, { debt: o }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(xt, { debt: o }),
+      /* @__PURE__ */ e(Et, { debt: o }),
       /* @__PURE__ */ e(j, {})
     ] })
   ] });
-}, wt = v(gt), Ct = ({ setTabValue: a, sx: o }) => {
-  const { debts: r } = C(), { showError: t, showCompleted: n } = F();
-  return g.useEffect(() => {
+}, Bt = v(It), Mt = ({ setTabValue: a, sx: o }) => {
+  const { debts: r } = C(), { showError: t, showCompleted: n } = L();
+  return f.useEffect(() => {
     t && a(1);
-  }, [t]), !t && !n ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ s(f, { gap: 16, children: [
-    /* @__PURE__ */ e(ue, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      me,
+  }, [t]), !t && !n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ s(x, { gap: 16, children: [
+    /* @__PURE__ */ e(fe, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      _e,
       {
-        icon: t ? /* @__PURE__ */ e(Ye, { filled: !0 }) : /* @__PURE__ */ e(xe, { color: "success", filled: !0 }),
+        icon: t ? /* @__PURE__ */ e(et, { filled: !0 }) : /* @__PURE__ */ e(Se, { color: "success", filled: !0 }),
         severity: "error",
         sx: {
           alignItems: "start",
@@ -945,15 +947,15 @@ const Ce = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(he, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: t ? r.status_error_title : r.status_complete_title }),
+          /* @__PURE__ */ e(ye, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: t ? r.status_error_title : r.status_complete_title }),
           /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: t ? r.status_error_description : r.status_complete_description })
         ]
       }
     ) }),
-    t && /* @__PURE__ */ e(ue, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
-      me,
+    t && /* @__PURE__ */ e(fe, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
+      _e,
       {
-        icon: /* @__PURE__ */ e(O, {}),
+        icon: /* @__PURE__ */ e(H, {}),
         severity: "error",
         sx: {
           borderRadius: 2,
@@ -963,28 +965,28 @@ const Ce = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(he, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r.status_info_title }),
+          /* @__PURE__ */ e(ye, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r.status_info_title }),
           /* @__PURE__ */ e(l, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: r.status_info_description })
         ]
       }
     ) })
   ] });
-}, St = v(Ct), vt = () => {
-  const { debts: a } = C(), { showError: o, showCompleted: r } = F(), [t, n] = g.useState(0);
-  return /* @__PURE__ */ s(O, { children: [
-    (o || r) && /* @__PURE__ */ e(St, { setTabValue: n, sx: { mt: -24 } }),
+}, kt = v(Mt), Pt = () => {
+  const { debts: a } = C(), { showError: o, showCompleted: r } = L(), [t, n] = f.useState(0);
+  return /* @__PURE__ */ s(H, { children: [
+    (o || r) && /* @__PURE__ */ e(kt, { setTabValue: n, sx: { mt: -24 } }),
     /* @__PURE__ */ s(
-      We,
+      Ue,
       {
         "aria-label": a.details_tabs_aria_label,
         centered: !0,
-        onChange: (i, d) => n(d),
+        onChange: (i, c) => n(c),
         textColor: "primary",
         value: t,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            pe,
+            be,
             {
               "aria-controls": "debt-schedule-tabpanel-0",
               id: "debt-schedule-tab-0",
@@ -992,7 +994,7 @@ const Ce = ({
             }
           ),
           /* @__PURE__ */ e(
-            pe,
+            be,
             {
               "aria-controls": "debt-details-tabpanel-1",
               id: "debt-details-tab-1",
@@ -1002,27 +1004,27 @@ const Ce = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(be, { index: 0, name: "debt-schedule", value: t, children: /* @__PURE__ */ e(_t, {}) }),
-    /* @__PURE__ */ e(be, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(wt, {}) })
+    /* @__PURE__ */ e(xe, { index: 0, name: "debt-schedule", value: t, children: /* @__PURE__ */ e(Dt, {}) }),
+    /* @__PURE__ */ e(xe, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(Bt, {}) })
   ] });
-}, Dt = v(vt), Tt = ({ isOpen: a, onClose: o }) => {
-  const { debts: r } = C(), { showError: t, showCompleted: n } = F(), i = t || n ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e(ut, {});
+}, Nt = v(Pt), Rt = ({ isOpen: a, onClose: o }) => {
+  const { debts: r } = C(), { showError: t, showCompleted: n } = L(), i = t || n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(St, {});
   return /* @__PURE__ */ e(
-    re,
+    oe,
     {
       ariaLabelClose: r.details_close_aria,
       isOpen: a,
       onClose: o,
       title: r.details_title,
-      children: /* @__PURE__ */ s(f, { bgcolor: "background.default", children: [
-        /* @__PURE__ */ e(Re, { customDetailsChart: i }),
-        /* @__PURE__ */ e(Dt, {})
+      children: /* @__PURE__ */ s(x, { bgcolor: "background.default", children: [
+        /* @__PURE__ */ e(Ge, { customDetailsChart: i }),
+        /* @__PURE__ */ e(Nt, {})
       ] })
     }
   );
-}, At = v(() => {
-  const { debts: a } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: r } = Y(), { onEvent: t } = R(), [n, i] = g.useState(o?.extra_payment ?? 0), d = n < 0 || n > 9999999999e-2, c = async () => {
-    o && (await r({ ...o, extra_payment: n }), o.extra_payment = n, t(T.DEBTS_SAVE_PAYDOWN_ACTION, {
+}, Ft = v(() => {
+  const { debts: a } = C(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: r } = Y(), { onEvent: t } = R(), [n, i] = f.useState(o?.extra_payment ?? 0), c = n < 0 || n > 9999999999e-2, d = async () => {
+    o && (await r({ ...o, extra_payment: n }), o.extra_payment = n, t(A.DEBTS_SAVE_PAYDOWN_ACTION, {
       user_guid: o?.user_guid
     }));
   }, p = () => {
@@ -1031,21 +1033,21 @@ const Ce = ({
     }, 250);
   };
   return /* @__PURE__ */ e(
-    Q,
+    te,
     {
-      isSaveDisabled: d,
+      isSaveDisabled: c,
       label: a.paydown_drawer_extra_payment,
       onCancel: p,
-      onSave: c,
+      onSave: d,
       primaryText: a.paydown_drawer_extra_payment,
-      secondaryText: N(o?.extra_payment, "0,0"),
+      secondaryText: P(o?.extra_payment, "0,0"),
       zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
-        oe,
+        ie,
         {
           amount: n,
           autoFocus: !0,
-          error: d,
+          error: c,
           fullWidth: !0,
           minAmount: 0,
           setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
@@ -1054,40 +1056,40 @@ const Ce = ({
       )
     }
   );
-}), Et = () => {
-  const { debts: a } = C(), { totalMonthlyPayments: o } = Z(), { monthlyCashFlowProfile: r } = Y(), t = o + Number(r?.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: [
+}), Lt = () => {
+  const { debts: a } = C(), { totalMonthlyPayments: o } = Q(), { monthlyCashFlowProfile: r } = Y(), t = o + Number(r?.extra_payment);
+  return /* @__PURE__ */ s(x, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ s(x, { p: 24, children: [
+      /* @__PURE__ */ s(x, { alignItems: "center", gap: 4, mb: 24, children: [
         /* @__PURE__ */ e(l, { variant: "Body", children: a.paydown_drawer_mimimum_label }),
-        /* @__PURE__ */ e(ye, { bold: !0, variant: "H1", children: N(o, "0,0") }),
+        /* @__PURE__ */ e(we, { bold: !0, variant: "H1", children: P(o, "0,0") }),
         /* @__PURE__ */ e(l, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: a.paydown_drawer_minimum_info })
       ] }),
-      /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ s(x, { 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(At, {}) }),
-    /* @__PURE__ */ e(f, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(f, { gap: 4, children: [
+    /* @__PURE__ */ e(x, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ e(Ft, {}) }),
+    /* @__PURE__ */ e(x, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ s(x, { gap: 4, children: [
       /* @__PURE__ */ e(l, { variant: "Small", children: a.paydown_drawer_total_payment }),
-      /* @__PURE__ */ e(l, { bold: !0, textAlign: "right", variant: "Body", children: N(t, "0,0") })
+      /* @__PURE__ */ e(l, { bold: !0, textAlign: "right", variant: "Body", children: P(t, "0,0") })
     ] }) })
   ] });
-}, It = v(Et), Bt = ({ isOpen: a, onClose: o }) => {
+}, $t = v(Lt), Ht = ({ isOpen: a, onClose: o }) => {
   const { debts: r } = C();
   return /* @__PURE__ */ e(
-    re,
+    oe,
     {
       ariaLabelClose: r.paydown_drawer_close_aria,
       isOpen: a,
       onClose: o,
       title: r.paydown_drawer_title,
-      children: /* @__PURE__ */ e(It, {})
+      children: /* @__PURE__ */ e($t, {})
     }
   );
 };
-function Mt(a, o) {
+function Ot(a, o) {
   const r = (t) => {
     if (typeof t == "number") return t;
     if (t === "!" || t === "✓") return 1 / 0;
@@ -1095,19 +1097,19 @@ function Mt(a, o) {
   };
   return r(a) - r(o);
 }
-function Pt(a) {
+function Wt(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
-const kt = (a) => {
+const Gt = (a) => {
   const o = {
     text: "#121417",
     background: "#FFB252"
   };
   return a === "!" && (o.text = "#FFFFFF", o.background = "#DF320C"), a === "✓" && (o.text = "#FFFFFF", o.background = "#09A57F"), o;
-}, Nt = (a) => {
-  const o = String(a.formattedValue), r = kt(o);
+}, jt = (a) => {
+  const o = String(a.formattedValue), r = Gt(o);
   return /* @__PURE__ */ e(
-    ae,
+    ne,
     {
       sx: {
         display: "flex",
@@ -1123,69 +1125,69 @@ const kt = (a) => {
       children: /* @__PURE__ */ e(l, { color: r.text, fontWeight: 700, variant: "Small", children: o })
     }
   );
-}, Rt = (a) => {
-  const o = a.row.account, r = Ue[o.account_type];
-  return /* @__PURE__ */ s(f, { alignItems: "center", flexDirection: "row", children: [
+}, zt = (a) => {
+  const o = a.row.account, r = rt[o.account_type];
+  return /* @__PURE__ */ s(x, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
-      Ae,
+      Pe,
       {
         alt: `${o.institutionName}`,
         institutionGuid: o.institution_guid || ""
       }
     ),
-    /* @__PURE__ */ s(f, { ml: 12, children: [
+    /* @__PURE__ */ s(x, { ml: 12, children: [
       /* @__PURE__ */ e(l, { variant: "Small", children: o.name }),
       /* @__PURE__ */ e(l, { variant: "XSmall", children: r })
     ] })
   ] });
-}, Ft = ({
+}, Xt = ({
   sx: a = {},
   debts: o,
   hoveredDebtGuid: r,
   onHoverRow: t,
   onClickRow: n
 }) => {
-  const i = V(), { onEvent: d } = R(), { isMobile: c } = K(), { debts: p, common: m } = C(), [b, w] = g.useState([
+  const i = V(), { onEvent: c } = R(), { isMobile: d } = K(), { debts: p, common: m } = C(), [u, w] = f.useState([
     { field: "priority", sort: "asc" }
-  ]), u = [
+  ]), b = [
     {
       field: "priority",
       headerName: p.table_column_priority,
       renderHeader: z,
-      renderCell: Nt,
-      sortComparator: Mt,
+      renderCell: jt,
+      sortComparator: Ot,
       sortable: !0,
       hideSortIcons: !0,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: c ? 67 : 72,
-      flex: c ? 0.2 : 0.4
+      minWidth: d ? 67 : 72,
+      flex: d ? 0.2 : 0.4
     },
     {
       field: "account",
       headerName: p.table_column_account,
       renderHeader: z,
-      renderCell: Rt,
+      renderCell: zt,
       sortable: !1,
       type: "custom",
       align: "left",
       headerAlign: "left",
-      minWidth: c ? 180 : 225,
+      minWidth: d ? 180 : 225,
       flex: 1
     },
     {
       field: "balance",
       headerName: p.table_column_balance,
       renderHeader: z,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: N(y.value, "0,0") }),
+      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: P(y.value, "0,0") }),
       sortable: !0,
-      hideSortIcons: c,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
-      minWidth: c ? 70 : 122,
-      flex: c ? 0.4 : 0.6
+      minWidth: d ? 70 : 122,
+      flex: d ? 0.4 : 0.6
     },
     {
       field: "interest_rate",
@@ -1193,7 +1195,7 @@ const kt = (a) => {
       renderHeader: z,
       renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: isNaN(y.value) ? "---" : `${Number(y.value).toFixed(2)}%` }),
       sortable: !0,
-      hideSortIcons: c,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1204,9 +1206,9 @@ const kt = (a) => {
       field: "projected_payoff_date",
       headerName: p.table_column_payoff_date,
       renderHeader: z,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: y.value ? U(y.value, q.MONTH_SHORT_YEAR) : "---" }),
+      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: y.value ? Z(y.value, J.MONTH_SHORT_YEAR) : "---" }),
       sortable: !0,
-      hideSortIcons: c,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1217,9 +1219,9 @@ const kt = (a) => {
       field: "monthly_payment",
       headerName: p.table_column_amount_due,
       renderHeader: z,
-      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: typeof y.value == "number" ? N(y.value, "0,0") : "---" }),
+      renderCell: (y) => /* @__PURE__ */ e(l, { color: i.palette.text.primary, variant: "Small", children: typeof y.value == "number" ? P(y.value, "0,0") : "---" }),
       sortable: !0,
-      hideSortIcons: c,
+      hideSortIcons: d,
       type: "number",
       align: "left",
       headerAlign: "left",
@@ -1227,12 +1229,12 @@ const kt = (a) => {
       flex: 0.6
     }
   ], B = [
-    ...u.slice(0, 3),
+    ...b.slice(0, 3),
     {
       field: "chevron",
       headerClassName: "chevron-header",
       headerName: "",
-      renderCell: () => /* @__PURE__ */ e(_, { "aria-label": m.see_details, role: "button", children: /* @__PURE__ */ e(te, { name: "chevron_right" }) }),
+      renderCell: () => /* @__PURE__ */ e(_, { "aria-label": m.see_details, role: "button", children: /* @__PURE__ */ e(ae, { name: "chevron_right" }) }),
       sortable: !1,
       hideSortIcons: !0,
       type: "custom",
@@ -1240,20 +1242,20 @@ const kt = (a) => {
       headerAlign: "right",
       width: 20
     }
-  ], P = g.useMemo(() => o.map((y, h) => ({
+  ], M = f.useMemo(() => o.map((y, h) => ({
     ...y,
     id: h,
-    priority: Pt(y)
-  })), [o]), M = (y) => {
-    const D = y.target.closest("[data-id]")?.getAttribute("data-id"), E = o[Number(D)];
-    t?.(E?.guid ?? "");
+    priority: Wt(y)
+  })), [o]), I = (y) => {
+    const T = y.target.closest("[data-id]")?.getAttribute("data-id"), N = o[Number(T)];
+    t?.(N?.guid ?? "");
   }, S = (y) => {
-    c || M(y);
-  }, A = (y) => {
-    c && M(y);
-  }, $ = (y) => P.find((h) => h.guid === y)?.id;
+    d || I(y);
+  }, D = (y) => {
+    d && I(y);
+  }, $ = (y) => M.find((h) => h.guid === y)?.id;
   return /* @__PURE__ */ e(
-    ae,
+    ne,
     {
       sx: {
         height: "100dvh",
@@ -1264,30 +1266,30 @@ const kt = (a) => {
         ...a
       },
       children: /* @__PURE__ */ e(
-        Ke,
+        tt,
         {
-          columns: c ? B : u,
+          columns: d ? B : b,
           disableColumnFilter: !0,
           disableColumnMenu: !0,
           hideFooter: !0,
-          initialState: { sorting: { sortModel: b } },
+          initialState: { sorting: { sortModel: u } },
           onRowClick: (y) => {
-            n(), d(T.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
+            n(), c(A.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
           },
           onSortModelChange: (y) => {
-            w(y), d(T.DEBTS_CLICK_TABLE_SORT);
+            w(y), c(A.DEBTS_CLICK_TABLE_SORT);
           },
-          rows: P,
+          rows: M,
           slotProps: {
             baseIconButton: { color: "secondary", sx: { ml: 8 } },
             row: {
               onMouseEnter: S,
-              onMouseLeave: () => !c && t?.(""),
-              onTouchStart: A,
-              onClick: c ? A : void 0
+              onMouseLeave: () => !d && t?.(""),
+              onTouchStart: D,
+              onClick: d ? D : void 0
             }
           },
-          sortModel: b,
+          sortModel: u,
           sortingOrder: ["asc", "desc"],
           sx: {
             "& .chevron-header": { display: "none" },
@@ -1300,33 +1302,33 @@ const kt = (a) => {
       )
     }
   );
-}, Lt = ({ buttonText: a, isOpen: o, onClick: r }) => {
+}, Vt = ({ buttonText: a, isOpen: o, onClick: r }) => {
   const { isDesktop: t, isTablet: n } = K(), i = o ? "unfold_less" : "unfold_more";
   return t || n ? /* @__PURE__ */ e(
-    ge,
+    ve,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
       onClick: r,
-      startIcon: /* @__PURE__ */ e(te, { name: i }),
+      startIcon: /* @__PURE__ */ e(ae, { name: i }),
       sx: { justifyContent: "start", minWidth: 214, mx: 4 },
       children: a
     }
   ) : /* @__PURE__ */ e(
-    qe,
+    at,
     {
       "aria-controls": "prioritize-debts",
       "aria-describedby": "prioritize-debts",
       "aria-haspopup": !0,
       "aria-label": "prioritize-debts",
       onClick: r,
-      children: /* @__PURE__ */ e(te, { name: i })
+      children: /* @__PURE__ */ e(ae, { name: i })
     }
   );
-}, $t = v(({ buttonEl: a, onClose: o }) => {
-  const { onEvent: r } = R(), { debts: t } = C(), { selectedDebtPriority: n, setSelectedDebtPriority: i } = F(), d = !!a, c = [
+}, Yt = v(({ buttonEl: a, onClose: o }) => {
+  const { onEvent: r } = R(), { debts: t } = C(), { selectedDebtPriority: n, setSelectedDebtPriority: i } = L(), c = !!a, d = [
     {
       priority: k.FASTEST_PAYOFF_FIRST,
       text: t.priority_sort_fastest_payoff
@@ -1344,10 +1346,10 @@ const kt = (a) => {
       text: t.priority_sort_highest_balance
     }
   ], p = (m) => {
-    i(m), r(T.DEBTS_CLICK_PRIORITY, { debts_priority: m });
+    i(m), r(A.DEBTS_CLICK_PRIORITY, { debts_priority: m });
   };
   return /* @__PURE__ */ e(
-    Je,
+    nt,
     {
       anchorEl: a,
       anchorOrigin: {
@@ -1356,13 +1358,13 @@ const kt = (a) => {
       },
       id: "prioritize-debts",
       onClose: o,
-      open: d,
+      open: c,
       transformOrigin: {
         vertical: "top",
         horizontal: "left"
       },
-      children: /* @__PURE__ */ e(fe, { children: c.map(({ priority: m, text: b }) => /* @__PURE__ */ s(
-        Ze,
+      children: /* @__PURE__ */ e(Ce, { children: d.map(({ priority: m, text: u }) => /* @__PURE__ */ s(
+        ot,
         {
           onClick: () => p(m),
           sx: {
@@ -1380,34 +1382,34 @@ const kt = (a) => {
             }
           },
           children: [
-            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: b }),
-            n === m && /* @__PURE__ */ e(xe, { color: "inherit", filled: !0, fontSize: "small" })
+            /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: u }),
+            n === m && /* @__PURE__ */ e(Se, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
         m
       )) })
     }
   );
-}), Ot = v(() => {
-  const { onEvent: a } = R(), { debts: o } = C(), { selectedDebtPriority: r } = F(), [t, n] = g.useState(null), i = (m) => {
-    n(m.currentTarget), a(T.DEBTS_CLICK_PRIORITIZE);
-  }, d = () => {
+}), Kt = v(() => {
+  const { onEvent: a } = R(), { debts: o } = C(), { selectedDebtPriority: r } = L(), [t, n] = f.useState(null), i = (m) => {
+    n(m.currentTarget), a(A.DEBTS_CLICK_PRIORITIZE);
+  }, c = () => {
     n(null);
-  }, c = !!t, p = g.useMemo(() => ({
+  }, d = !!t, p = f.useMemo(() => ({
     [k.FASTEST_PAYOFF_FIRST]: o.priority_sort_fastest_payoff,
     [k.HIGHEST_INTEREST]: o.priority_sort_highest_interest,
     [k.HIGHEST_BALANCE]: o.priority_sort_highest_balance,
     [k.LOWEST_BALANCE]: o.priority_sort_lowest_balance
   })[r] ?? o.priority_sort_lowest_balance, [r]);
   return /* @__PURE__ */ s(_, { children: [
-    /* @__PURE__ */ e(Lt, { buttonText: p, isOpen: c, onClick: i }),
-    /* @__PURE__ */ e($t, { buttonEl: t, onClose: d })
+    /* @__PURE__ */ e(Vt, { buttonText: p, isOpen: d, onClick: i }),
+    /* @__PURE__ */ e(Yt, { buttonEl: t, onClose: c })
   ] });
-}), Ht = (a, o, r = 0) => {
+}), Ut = (a, o, r = 0) => {
   const t = a.map((p) => ({ ...p }));
-  we(t, o);
+  De(t, o);
   const n = /* @__PURE__ */ new Date(), i = [];
-  let d = 0, c = 1;
+  let c = 0, d = 1;
   for (const p of t)
     i.push({
       ...p,
@@ -1415,35 +1417,40 @@ const kt = (a) => {
       dataset: [{ x: new Date(n), y: p.balance }]
     });
   for (; t.some((p) => p.balance >= 0.01 && !p.is_impossible); ) {
-    let p = !1, m = !1, b = !1;
-    for (const [w, u] of t.entries()) {
-      if (u.balance <= 0.01) continue;
-      const B = i[w].dataset, M = (u.interest_rate ?? 0) / 100 / 12, S = u.balance * M, A = u.monthly_payment ?? 0;
-      let $ = A, y = 0;
-      !b && r > 0 && ($ += r, b = !0), !m && d > 0 && (y = d, m = !0), u.balance += S;
-      const h = Math.min(u.balance, $ + y);
+    let p = !1, m = !1, u = !1;
+    for (const [w, b] of t.entries()) {
+      if (b.balance <= 0.01) continue;
+      const B = i[w].dataset, I = (b.interest_rate ?? 0) / 100 / 12, S = b.balance * I, D = b.monthly_payment ?? 0;
+      let $ = D, y = 0;
+      !u && r > 0 && ($ += r, u = !0), !m && c > 0 && (y = c, m = !0), b.balance += S;
+      const h = Math.min(b.balance, $ + y);
       if (h <= S) {
-        u.is_impossible = !0, i[w].is_impossible = !0, i[w].priority = void 0, B.push({ x: new Date(n), y: u.balance });
+        b.is_impossible = !0, i[w].is_impossible = !0, i[w].priority = void 0, B.push({ x: new Date(n), y: b.balance });
         continue;
       }
-      u.balance -= h, u.balance = u.balance < 0.01 ? 0 : u.balance, B.push({
+      b.balance -= h, b.balance = b.balance < 0.01 ? 0 : b.balance, B.push({
         x: new Date(n),
-        y: Math.max(0, u.balance),
+        y: Math.max(0, b.balance),
         payment: h,
         extra: y
-      }), u.balance <= 0 && (d += A, i[w].projected_payoff_date = new Date(n)), h > 0 && (p = !0);
+      }), b.balance <= 0 && (c += D, i[w].projected_payoff_date = new Date(n)), h > 0 && (p = !0);
     }
     p && n.setMonth(n.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;
+    p.priority = !p.is_paid_off && !p.is_impossible ? d++ : void 0;
   }), i;
-}, Gt = v(({ onClick: a }) => {
-  const { debts: o } = C(), { isDesktop: r } = K(), { totalMonthlyPayments: t } = Z(), { monthlyCashFlowProfile: n } = Y(), i = t + Number(n?.extra_payment), d = r ? o.paydown_button_long : o.paydown_button_short;
+}, qt = (a, o, r) => ({
+  description: o ? a.empty_state_description : a.empty_state_description_no_aggregation,
+  header: o ? a.empty_state_header : a.empty_state_header_no_aggregation,
+  onClickHandler: o ? r : void 0,
+  primaryButton: o ? a.connect_accounts : void 0
+}), Zt = v(({ onClick: a }) => {
+  const { debts: o } = C(), { isDesktop: r } = K(), { totalMonthlyPayments: t } = Q(), { monthlyCashFlowProfile: n } = Y(), i = t + Number(n?.extra_payment), c = r ? o.paydown_button_long : o.paydown_button_short;
   return /* @__PURE__ */ e(
-    ge,
+    ve,
     {
       "aria-controls": "extra-paydown",
       "aria-describedby": "extra-paydown",
@@ -1451,38 +1458,47 @@ const kt = (a) => {
       "aria-label": "extra-paydown",
       onClick: a,
       sx: { justifyContent: "start", minWidth: 100, mx: 4 },
-      children: I(d, N(i, "0,0"))
+      children: E(c, P(i, "0,0"))
     }
   );
-}), Wt = ({ onBackClick: a, sx: o }) => {
-  const { isDesktop: r, isMobile: t } = K(), { debts: n } = C(), { onEvent: i } = R(), { isInitialized: d } = Ne(), { setSelectedAccount: c } = Fe(), { selectedDebtPriority: p, setSelectedDebtChartData: m } = F(), { isAccountDataLoaded: b, loadAccountData: w, visibleDebtAccounts: u } = J(), { isAllGoalDataLoaded: B, loadGoalData: P, monthlyCashFlowProfile: M } = Y(), { debts: S } = Z(), [A, $] = g.useState(!1), [y, h] = g.useState(!1), [x, D] = g.useState(!1), [E, L] = g.useState("");
-  Qe({
+}), Jt = ({ onBackClick: a, sx: o }) => {
+  const { isDesktop: r, isMobile: t } = K(), { connect: n, debts: i } = C(), { onEvent: c } = R(), {
+    config: { show_connections_widget_in_master: d }
+  } = Oe(), { isInitialized: p } = We(), { setSelectedAccount: m } = je(), { selectedDebtPriority: u, setSelectedDebtChartData: w } = L(), { isAccountDataLoaded: b, loadAccountData: B, visibleDebtAccounts: M } = ee(), { isAllGoalDataLoaded: I, loadGoalData: S, monthlyCashFlowProfile: D } = Y(), { debts: $ } = Q(), [y, h] = f.useState(!1), [g, T] = f.useState(!1), [N, F] = f.useState(!1), [O, Ae] = f.useState(""), [Ee, le] = f.useState(!1);
+  lt({
     widgetName: "DebtsWidget",
-    isLoaded: B
+    isLoaded: I
   });
-  const H = g.useMemo(() => {
-    const G = M?.extra_payment ?? 0;
-    return Ht(S, p, G);
-  }, [S, p, M]);
-  g.useEffect(() => {
-    b || w().finally(), i(T.DEBTS_VIEW);
-  }, []), g.useEffect(() => {
-    d && P().finally();
-  }, [d]);
-  const ne = (G) => L(G), ie = () => {
-    const G = u.find((ee) => ee.guid === E), le = H.find((ee) => ee.guid === E);
-    G && c(G), le && m(le), $(!0);
-  }, Se = () => i(T.DEBTS_CLICK_FILTER), ve = () => {
-    D(!0), i(T.DEBTS_CLICK_SNOWBALL_CTA);
-  }, De = () => {
-    h(!0), i(T.DEBTS_CLICK_PAYDOWN);
+  const U = f.useMemo(() => {
+    const W = D?.extra_payment ?? 0;
+    return Ut($, u, W);
+  }, [$, u, D]);
+  f.useEffect(() => {
+    b || B().finally(), c(A.DEBTS_VIEW);
+  }, []), f.useEffect(() => {
+    p && S().finally();
+  }, [p]);
+  const se = (W) => Ae(W), ce = () => {
+    const W = M.find((re) => re.guid === O), pe = U.find((re) => re.guid === O);
+    W && m(W), pe && w(pe), h(!0);
+  }, Ie = () => c(A.DEBTS_CLICK_FILTER), Be = () => {
+    F(!0), c(A.DEBTS_CLICK_SNOWBALL_CTA);
+  }, Me = () => {
+    T(!0), c(A.DEBTS_CLICK_PAYDOWN);
   };
-  return !d || !B ? /* @__PURE__ */ e(et, {}) : /* @__PURE__ */ s(
-    tt,
+  if (!p || !I)
+    return /* @__PURE__ */ e(st, {});
+  const de = $.length === 0, q = qt(
+    i,
+    d,
+    () => le(!0)
+  );
+  return /* @__PURE__ */ s(
+    ct,
     {
       actions: [
-        /* @__PURE__ */ e(Ot, {}, "prioritize-debts"),
-        /* @__PURE__ */ e(Gt, { onClick: De }, "extra-paydown")
+        /* @__PURE__ */ e(Kt, {}, "prioritize-debts"),
+        /* @__PURE__ */ e(Zt, { onClick: Me }, "extra-paydown")
       ],
       allowedAccountTypes: [
         X.CREDIT_CARD,
@@ -1491,69 +1507,90 @@ const kt = (a) => {
         X.LINE_OF_CREDIT,
         X.CHECKING_LINE_OF_CREDIT
       ],
-      onAccountsFilterClick: Se,
+      onAccountsFilterClick: Ie,
       onBackClick: a,
       sx: o,
-      title: n.title,
+      title: i.title,
       children: [
-        /* @__PURE__ */ s(f, { sx: { px: r ? "48px" : "24px" }, children: [
-          /* @__PURE__ */ s(
-            f,
+        /* @__PURE__ */ s(x, { sx: { pt: 48, px: r ? "48px" : "24px" }, children: [
+          de && /* @__PURE__ */ e(
+            dt,
             {
-              sx: {
-                alignItems: t ? "flex-start" : "flex-end",
-                flexDirection: t ? "column" : "row",
-                mx: t ? "-12px" : 0
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  Ce,
-                  {
-                    debts: H,
-                    height: t ? 250 : void 0,
-                    hoveredDebtGuid: E,
-                    onClickArea: ie,
-                    onHoverArea: ne,
-                    sx: { mr: t ? "4px" : "-48px" }
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  st,
-                  {
-                    debts: H,
-                    onClickCta: ve,
-                    sx: { mb: t ? "0px" : "64px" }
-                  }
-                )
-              ]
+              header: q.header,
+              icon: "note_stack",
+              onClick: q.onClickHandler,
+              primaryButton: q.primaryButton,
+              subText: q.description,
+              sx: { maxWidth: 400 }
             }
           ),
-          /* @__PURE__ */ e(f, { sx: { mx: t ? "-24px" : 0 }, children: /* @__PURE__ */ e(
-            Ft,
-            {
-              debts: H,
-              hoveredDebtGuid: E,
-              onClickRow: ie,
-              onHoverRow: ne
-            }
-          ) })
+          !de && /* @__PURE__ */ s(H, { children: [
+            /* @__PURE__ */ s(
+              x,
+              {
+                sx: {
+                  alignItems: t ? "flex-start" : "flex-end",
+                  flexDirection: t ? "column" : "row",
+                  mx: t ? "-12px" : 0
+                },
+                children: [
+                  /* @__PURE__ */ e(
+                    Te,
+                    {
+                      debts: U,
+                      height: t ? 250 : void 0,
+                      hoveredDebtGuid: O,
+                      onClickArea: ce,
+                      onHoverArea: se,
+                      sx: { mr: t ? "4px" : "-48px" }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    yt,
+                    {
+                      debts: U,
+                      onClickCta: Be,
+                      sx: { mb: t ? "0px" : "64px" }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(x, { sx: { mx: t ? "-24px" : 0 }, children: /* @__PURE__ */ e(
+              Xt,
+              {
+                debts: U,
+                hoveredDebtGuid: O,
+                onClickRow: ce,
+                onHoverRow: se
+              }
+            ) })
+          ] })
         ] }),
         /* @__PURE__ */ e(
-          dt,
+          xt,
           {
-            isOpen: x,
-            onClose: () => D(!1)
+            isOpen: N,
+            onClose: () => F(!1)
           }
         ),
-        /* @__PURE__ */ e(Tt, { isOpen: A, onClose: () => $(!1) }),
-        /* @__PURE__ */ e(Bt, { isOpen: y, onClose: () => h(!1) })
+        /* @__PURE__ */ e(Rt, { isOpen: y, onClose: () => h(!1) }),
+        /* @__PURE__ */ e(Ht, { isOpen: g, onClose: () => T(!1) }),
+        /* @__PURE__ */ e(
+          it,
+          {
+            onClose: () => le(!1),
+            showConnectWidget: Ee,
+            title: n.mini_title
+          }
+        )
       ]
     }
   );
-}, Lr = v(Wt);
+}, Ur = v(Jt);
 export {
-  Ce as DebtsChart,
-  Hr as DebtsStore,
-  Ft as DebtsTable,
-  Lr as DebtsWidget
+  Te as DebtsChart,
+  Jr as DebtsStore,
+  Xt as DebtsTable,
+  Ur as DebtsWidget
 };