@mx-cartographer/experiences 7.5.6 → 7.6.0

package/dist/debts/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
-import g from "react";
+import x from "react";
 import { observer as D } from "mobx-react-lite";
 import w from "@mui/material/Stack";
 import { useTheme as X, Card as be, Stack as _, Box as G } from "@mui/material";
@@ -20,9 +20,9 @@ import { A as ke, u as Ne } from "../AccountDetailsHeader-B21Y8_ED.mjs";
 import Fe from "@mui/material/Card";
 import Re from "@mui/material/CardContent";
 import Le from "@mui/material/CardHeader";
-import { LineChart as $e } from "@mui/x-charts";
 import re from "@mui/material/Box";
-import { useTheme as He } from "@mui/material/styles";
+import { useTheme as $e } from "@mui/material/styles";
+import { LineChart as He } from "@mui/x-charts/LineChart";
 import { A as T, W as Oe } from "../WidgetContainer-DyotIGdv.mjs";
 import de from "@mui/material/Tab";
 import We from "@mui/material/Tabs";
@@ -46,17 +46,17 @@ import qe from "@mui/material/ListItem";
 import Ze from "@mui/material/Popover";
 import { u as Je } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as Qe } from "../Loader-DUaFpDGv.mjs";
-const et = (a, n = 0, r = 0) => {
+const et = (a, o = 0, r = 0) => {
   if (r === 0) return 0;
-  const t = n / (Ee * Ie);
+  const t = o / (Ee * Ie);
   return Math.ceil(
     t === 0 ? a / r : -Math.log(1 - t * a / r) / Math.log(1 + t)
   );
-}, tt = (a, n, r, t, o) => {
+}, tt = (a, o, r, t, n) => {
   const i = [];
   if (r === 0) {
     for (let c = 0; c < a; c++) {
-      const d = n - t * (c + 1), m = n - t * c, b = d >= 0 ? t : m;
+      const d = o - t * (c + 1), m = o - t * c, b = d >= 0 ? t : m;
       i.push({
         balance: d >= 0 ? d : 0,
         interest: r,
@@ -64,7 +64,7 @@ const et = (a, n = 0, r = 0) => {
         principal: b,
         timestamp: ce(
           le(
-            se(o),
+            se(n),
             // convert seconds → Date
             c + 1
             // add (index + 1) months
@@ -76,7 +76,7 @@ const et = (a, n = 0, r = 0) => {
   }
   const p = r / 1200;
   for (let c = 0; c < a; c++) {
-    const d = ce(le(se(o), c + 1)), m = Math.pow(1 + p, c), b = n * m - t * ((m - 1) / p), f = Math.pow(1 + p, c + 1), u = n * f - t * ((f - 1) / p), v = t + Math.min(u, 0), M = b * p;
+    const d = ce(le(se(n), c + 1)), m = Math.pow(1 + p, c), b = o * m - t * ((m - 1) / p), f = Math.pow(1 + p, c + 1), u = o * f - t * ((f - 1) / p), v = t + Math.min(u, 0), M = b * p;
     i.push({
       balance: Math.max(0, u),
       interest: M,
@@ -87,47 +87,47 @@ const et = (a, n = 0, r = 0) => {
   }
   return i;
 }, rt = (a) => (a[a.length - 1] || {}).timestamp, at = (a) => {
-  const { monthly_payment: n, interest_rate: r, balance: t, payment_due_date: o } = a, i = et(t, r ?? 0, n ?? 0), p = tt(
+  const { monthly_payment: o, interest_rate: r, balance: t, payment_due_date: n } = a, i = et(t, r ?? 0, o ?? 0), p = tt(
     i,
     t,
     r ?? 0,
-    n ?? 0,
-    o
+    o ?? 0,
+    n
   ), c = rt(p);
   return {
     ...a,
     minimumFinalPayment: c,
     minimumPayments: p
   };
-}, xe = (a, n) => {
+}, ge = (a, o) => {
   const [r, t] = a.reduce(
-    ([o, i], p) => (p.is_paid_off || p.is_impossible ? i.push({ ...p, minimumPayments: [] }) : o.push(at(p)), [o, i]),
+    ([n, i], p) => (p.is_paid_off || p.is_impossible ? i.push({ ...p, minimumPayments: [] }) : n.push(at(p)), [n, i]),
     [[], []]
   );
-  switch (n) {
+  switch (o) {
     case P.FASTEST_PAYOFF_FIRST:
-      r.sort((o, i) => (o.minimumFinalPayment ?? 0) - (i.minimumFinalPayment ?? 0));
+      r.sort((n, i) => (n.minimumFinalPayment ?? 0) - (i.minimumFinalPayment ?? 0));
       break;
     case P.HIGHEST_INTEREST:
-      r.sort((o, i) => (i.interest_rate ?? 0) - (o.interest_rate ?? 0));
+      r.sort((n, i) => (i.interest_rate ?? 0) - (n.interest_rate ?? 0));
       break;
     case P.LOWEST_BALANCE:
-      r.sort((o, i) => o.balance - i.balance);
+      r.sort((n, i) => n.balance - i.balance);
       break;
     case P.HIGHEST_BALANCE:
-      r.sort((o, i) => i.balance - o.balance);
+      r.sort((n, i) => i.balance - n.balance);
       break;
     default:
-      r.sort((o, i) => o.balance - i.balance);
+      r.sort((n, i) => n.balance - i.balance);
   }
   a.splice(0, a.length, ...r, ...t);
 };
-function nt(a, n, r = 0) {
+function ot(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
   );
-  xe(t, n);
-  let o = 0, i = 0;
+  ge(t, o);
+  let n = 0, i = 0;
   const p = /* @__PURE__ */ new Date(), c = /* @__PURE__ */ new Date();
   for (; t.some((b) => b.balance >= 0.01 && !b.is_impossible); ) {
     let b = !1;
@@ -141,32 +141,32 @@ function nt(a, n, r = 0) {
         u.is_impossible = !0;
         continue;
       }
-      u.balance -= B, u.balance = u.balance < 0.01 ? 0 : u.balance, o += I, u.balance <= 0 && (i += C), B > 0 && (b = !0);
+      u.balance -= B, u.balance = u.balance < 0.01 ? 0 : u.balance, n += I, u.balance <= 0 && (i += C), B > 0 && (b = !0);
     }
     b && c.setMonth(c.getMonth() + 1);
   }
   const d = t.some((b) => b.is_impossible && b.balance > 0), m = Te({ start: p, end: c });
   return {
-    payoffSavings: d ? "N/A" : k(o, "0,0.00"),
+    payoffSavings: d ? "N/A" : k(n, "0,0.00"),
     payoffDate: d ? "Never" : K(c, U.MONTH_YEAR),
     payoffDuration: d ? "Stagnant" : Ae(m, { format: ["years", "months"] }) || "0 months"
   };
 }
 const $ = () => {
-  if (!g.useContext(Me))
+  if (!x.useContext(Me))
     throw new Error("useCateUiStore() must be used within the GlobalDataContext");
   return q().uiStore;
-}, ot = ({ debts: a, onClickCta: n, sx: r }) => {
-  const t = X(), { isMobile: o } = Y(), { debts: i } = S(), { selectedDebtPriority: p } = $(), { monthlyCashFlowProfile: c } = V(), { payoffDate: d, payoffSavings: m, payoffDuration: b } = g.useMemo(() => {
+}, nt = ({ debts: a, onClickCta: o, sx: r }) => {
+  const t = X(), { isMobile: n } = Y(), { debts: i } = S(), { selectedDebtPriority: p } = $(), { monthlyCashFlowProfile: c } = V(), { payoffDate: d, payoffSavings: m, payoffDuration: b } = x.useMemo(() => {
     const f = c?.extra_payment ?? 0;
-    return nt(a, p, f);
+    return ot(a, p, f);
   }, [a, p, c]);
   return /* @__PURE__ */ e(
     be,
     {
       sx: {
         boxShadow: t.shadows[2],
-        width: o ? "100%" : "186px",
+        width: n ? "100%" : "186px",
         minWidth: "186px",
         ...r
       },
@@ -174,7 +174,7 @@ const $ = () => {
         /* @__PURE__ */ s(
           _,
           {
-            gap: o ? "4px" : "0",
+            gap: n ? "4px" : "0",
             sx: {
               borderBottom: "1px solid",
               borderBottomColor: t.palette.grey[300],
@@ -186,11 +186,11 @@ const $ = () => {
             ]
           }
         ),
-        /* @__PURE__ */ s(_, { gap: o ? "4px" : "0", children: [
+        /* @__PURE__ */ s(_, { gap: n ? "4px" : "0", children: [
           /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: m }),
           /* @__PURE__ */ e(l, { sx: { whiteSpace: "normal" }, variant: "XSmall", children: i.snowball_card_amount_description })
         ] }),
-        /* @__PURE__ */ s(_, { gap: o ? "4px" : "0", children: [
+        /* @__PURE__ */ s(_, { gap: n ? "4px" : "0", children: [
           /* @__PURE__ */ e(l, { bold: !0, variant: "Small", children: b }),
           /* @__PURE__ */ e(l, { variant: "XSmall", children: i.snowball_card_duration_description })
         ] }),
@@ -199,7 +199,7 @@ const $ = () => {
           {
             bold: !0,
             color: t.palette.primary.main,
-            onClick: n,
+            onClick: o,
             sx: { cursor: "pointer" },
             variant: "Small",
             children: i.snowball_card_cta
@@ -208,14 +208,14 @@ const $ = () => {
       ] })
     }
   );
-}, it = D(ot), lt = ({ isOpen: a, onClose: n }) => {
-  const r = X(), { debts: t } = S(), [o, i] = g.useState(!1);
+}, it = D(nt), lt = ({ isOpen: a, onClose: o }) => {
+  const r = X(), { debts: t } = S(), [n, i] = x.useState(!1);
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: "",
       isOpen: a,
-      onClose: n,
+      onClose: o,
       title: t.snowball_drawer_title,
       children: /* @__PURE__ */ s(_, { bgcolor: r.palette.background.default, height: "100%", children: [
         /* @__PURE__ */ s(_, { alignItems: "center", px: 24, py: 24, children: [
@@ -232,7 +232,7 @@ const $ = () => {
               {
                 color: r.palette.secondary.main,
                 mb: 8,
-                sx: { whiteSpace: o ? "normal" : "nowrap" },
+                sx: { whiteSpace: n ? "normal" : "nowrap" },
                 variant: "ParagraphSmall",
                 children: t.snowball_drawer_answer
               }
@@ -242,10 +242,10 @@ const $ = () => {
               {
                 bold: !0,
                 color: r.palette.primary.main,
-                onClick: () => i(!o),
+                onClick: () => i(!n),
                 sx: { cursor: "pointer" },
                 variant: "Small",
-                children: o ? t.snowball_drawer_less : t.snowball_drawer_more
+                children: n ? t.snowball_drawer_less : t.snowball_drawer_more
               }
             )
           ] })
@@ -570,45 +570,45 @@ const $ = () => {
     }
   );
 }, st = D(lt), ct = "#FF7B08";
-function dt(a, n) {
-  const [r, t, o] = a.replace(/^#/, "").match(/.{1,2}/g).map((p) => parseInt(p, 16)), i = [
-    Math.max(0, Math.min(255, Math.round(r * n))),
-    Math.max(0, Math.min(255, Math.round(t * n))),
-    Math.max(0, Math.min(255, Math.round(o * n)))
+function dt(a, o) {
+  const [r, t, n] = a.replace(/^#/, "").match(/.{1,2}/g).map((p) => parseInt(p, 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 ge = ({
+const xe = ({
   sx: a,
-  height: n = 500,
+  height: o = 500,
   width: r,
   debts: t,
-  hoveredDebtGuid: o,
+  hoveredDebtGuid: n,
   onClickArea: i,
   onHoverArea: p
 }) => {
-  const c = He(), { onEvent: d } = F(), m = t.filter((h) => !h.is_impossible), b = [
+  const c = $e(), { onEvent: d } = F(), m = t.filter((h) => !h.is_impossible), b = [
     ...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)), f = m.map((h) => {
-    const x = new Map(h.dataset.map((L) => [new Date(L.x).getTime(), L.y]));
-    let A = x.get(b[0].getTime()) ?? 0;
+  ].sort((h, g) => h - g).map((h) => new Date(h)), f = m.map((h) => {
+    const g = new Map(h.dataset.map((L) => [new Date(L.x).getTime(), L.y]));
+    let A = g.get(b[0].getTime()) ?? 0;
     const R = b.map((L) => {
-      const O = x.get(L.getTime()) ?? A;
+      const O = g.get(L.getTime()) ?? A;
       return A = O, { x: L, y: O };
     });
     return { ...h, dataset: R };
   }), u = f.reduce(
-    (h, x) => h + (x.dataset[0]?.y ?? 0),
+    (h, g) => h + (g.dataset[0]?.y ?? 0),
     0
-  ), v = b.map((h, x) => {
-    const A = x / (b.length - 1), R = u * (1 - A);
+  ), v = b.map((h, g) => {
+    const A = g / (b.length - 1), R = u * (1 - A);
     return { x: h, y: R };
-  }), M = Math.ceil(u / 100) * 100, I = b, C = f.map((h, x) => {
-    const A = 1 - x / f.length * 0.5, R = dt(ct, A);
+  }), M = Math.ceil(u / 100) * 100, I = b, C = f.map((h, g) => {
+    const A = 1 - g / f.length * 0.5, R = dt(ct, A);
     return {
-      id: `debt-${x}`,
+      id: `debt-${g}`,
       guid: h.guid,
       label: h.name,
       data: h.dataset.map((L) => L.y),
@@ -631,7 +631,7 @@ const ge = ({
     showMark: !1,
     disableHighlight: !0
   });
-  const B = (h) => C.findIndex((x) => x?.guid === h);
+  const B = (h) => C.findIndex((g) => g?.guid === h);
   return /* @__PURE__ */ e(
     re,
     {
@@ -648,27 +648,25 @@ const ge = ({
         }
       },
       children: /* @__PURE__ */ e(
-        $e,
+        He,
         {
           axisHighlight: { x: "none" },
           disableLineItemHighlight: !0,
-          height: n,
-          onAreaClick: (h, x) => {
+          height: o,
+          hideLegend: !0,
+          margin: { bottom: 24, left: 32, right: 72, top: 48 },
+          onAreaClick: (h, g) => {
             i?.();
-            const A = C.find((R) => R.id === x.seriesId);
+            const A = C.find((R) => R.id === g.seriesId);
             d(T.DEBTS_CLICK_CHART_AREA, { account_guid: A?.guid });
           },
           onHighlightChange: (h) => {
-            const x = C.find((A) => A.id === h?.seriesId)?.guid;
-            p?.(x ?? "");
+            const g = C.find((A) => A.id === h?.seriesId)?.guid;
+            p?.(g ?? "");
           },
           series: C,
           skipAnimation: !0,
-          slotProps: {
-            legend: {
-              hidden: !0
-            }
-          },
+          slotProps: { tooltip: { trigger: "none" } },
           sx: {
             p: 4,
             "& .MuiBarLabel-root": {
@@ -686,10 +684,10 @@ const ge = ({
               strokeDasharray: "10 5",
               strokeWidth: 1
             },
-            [`& .MuiLineElement-series-debt-${B(o ?? "0")}`]: {
+            [`& .MuiLineElement-series-debt-${B(n ?? "0")}`]: {
               opacity: 1
             },
-            [`& .MuiAreaElement-series-debt-${B(o ?? "0")}`]: {
+            [`& .MuiAreaElement-series-debt-${B(n ?? "0")}`]: {
               opacity: 1
             },
             "& .MuiChartsAxis-tickLabel > tspan": {
@@ -697,14 +695,14 @@ const ge = ({
             },
             ...a
           },
-          tooltip: { trigger: "none" },
           width: r,
           xAxis: [
             {
               data: I,
-              scaleType: "time",
-              min: b[0],
               disableTicks: !0,
+              min: b[0],
+              scaleType: "time",
+              tickLabelMinGap: 24,
               valueFormatter: (h) => K(h, U.MONTH_SHORT_YEAR)
             }
           ],
@@ -721,7 +719,7 @@ const ge = ({
     }
   );
 }, pt = () => {
-  const a = X(), { debts: n } = S(), { selectedDebtChartData: r } = $();
+  const a = X(), { debts: o } = S(), { selectedDebtChartData: r } = $();
   return /* @__PURE__ */ s(H, { children: [
     /* @__PURE__ */ s(
       Fe,
@@ -732,8 +730,8 @@ const ge = ({
           }
         },
         children: [
-          /* @__PURE__ */ e(Le, { sx: { pb: 0 }, title: /* @__PURE__ */ e(ve, { sx: { pb: 4 }, children: n.details_chart_title }) }),
-          /* @__PURE__ */ e(Re, { sx: { p: 0 }, children: /* @__PURE__ */ e(ge, { debts: [r], height: 250 }) })
+          /* @__PURE__ */ e(Le, { sx: { pb: 0 }, title: /* @__PURE__ */ e(ve, { sx: { pb: 4 }, children: o.details_chart_title }) }),
+          /* @__PURE__ */ e(Re, { sx: { p: 0 }, children: /* @__PURE__ */ e(xe, { debts: [r], height: 250 }) })
         ]
       }
     ),
@@ -743,13 +741,13 @@ const ge = ({
         color: a.palette.text.secondary,
         sx: { whiteSpace: "normal", textAlign: "center", px: 8, py: 12 },
         variant: "Small",
-        children: n.details_chart_description
+        children: o.details_chart_description
       }
     )
   ] });
 }, mt = D(pt), ht = () => {
-  const a = X(), { onEvent: n } = F(), { debts: r } = S(), { selectedDebtChartData: t, showCompleted: o, showError: i } = $();
-  return g.useEffect(() => n(T.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(_e, { children: i || o ? /* @__PURE__ */ e(
+  const a = X(), { onEvent: o } = F(), { debts: r } = S(), { selectedDebtChartData: t, showCompleted: n, showError: i } = $();
+  return x.useEffect(() => o(T.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(_e, { children: i || n ? /* @__PURE__ */ e(
     l,
     {
       color: a.palette.secondary.main,
@@ -812,8 +810,8 @@ const ge = ({
     ) })
   ] }) });
 }, ut = D(ht), bt = D(({ debt: a }) => {
-  const { debts: n } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [o, i] = g.useState(a.interest_rate ?? 0), p = o < 0, c = async () => {
-    await r({ ...a.account, interest_rate: o }), a.interest_rate = o, t(T.DEBTS_SAVE_RATE_ACTION, { account_guid: a.guid });
+  const { debts: o } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [n, i] = x.useState(a.interest_rate ?? 0), p = 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 });
   }, d = () => {
     setTimeout(() => {
       i(a.interest_rate ?? 0);
@@ -823,12 +821,12 @@ const ge = ({
     J,
     {
       isSaveDisabled: p,
-      label: `${n.details_interest_rate} (%)`,
+      label: `${o.details_interest_rate} (%)`,
       onCancel: d,
       onSave: c,
-      primaryText: n.details_interest_rate,
+      primaryText: o.details_interest_rate,
       secondaryText: Be(Number(a.interest_rate) / 100),
-      zeroStateText: a.interest_rate ? void 0 : n.add_interest_rate,
+      zeroStateText: a.interest_rate ? void 0 : o.add_interest_rate,
       children: /* @__PURE__ */ e(
         Xe,
         {
@@ -836,14 +834,14 @@ const ge = ({
           fullWidth: !0,
           onChange: (m) => i(isNaN(parseFloat(m.target.value)) ? 0 : parseFloat(m.target.value)),
           type: "number",
-          value: o
+          value: n
         }
       )
     }
   );
 }), _t = D(({ debt: a }) => {
-  const { debts: n } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [o, i] = g.useState(a.monthly_payment ?? 0), p = o < 0 || o > 9999999999e-2, c = async () => {
-    await r({ ...a.account, minimum_payment: o }), a.monthly_payment = o, t(T.DEBTS_SAVE_PAYMENT_ACTION, { account_guid: a.guid });
+  const { debts: o } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [n, i] = x.useState(a.monthly_payment ?? 0), p = 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 });
   }, d = () => {
     setTimeout(() => {
       i(a.monthly_payment ?? 0);
@@ -853,29 +851,29 @@ const ge = ({
     J,
     {
       isSaveDisabled: p,
-      label: n.details_monthly_payment,
+      label: o.details_monthly_payment,
       onCancel: d,
       onSave: c,
-      primaryText: n.details_monthly_payment,
+      primaryText: o.details_monthly_payment,
       secondaryText: k(a.monthly_payment, "0,0"),
-      zeroStateText: a.monthly_payment ? void 0 : n.add_monthly_payment,
+      zeroStateText: a.monthly_payment ? void 0 : o.add_monthly_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
-          amount: o,
+          amount: n,
           autoFocus: !0,
           error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? o : Number(m)),
+          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), yt = D(({ debt: a }) => {
-  const { debts: n } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [o, i] = g.useState(a.original_balance ?? 0), p = o < 0 || o > 9999999999e-2, c = async () => {
-    await r({ ...a.account, original_balance: o }), a.original_balance = o, t(T.DEBTS_SAVE_BALANCE_ACTION, { account_guid: a.guid });
+  const { debts: o } = S(), { updateAccount: r } = Z(), { onEvent: t } = F(), [n, i] = x.useState(a.original_balance ?? 0), p = 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 });
   }, d = () => {
     setTimeout(() => {
       i(a.original_balance ?? 0);
@@ -885,52 +883,52 @@ const ge = ({
     J,
     {
       isSaveDisabled: p,
-      label: n.details_original_balance,
+      label: o.details_original_balance,
       onCancel: d,
       onSave: c,
-      primaryText: n.details_original_balance,
+      primaryText: o.details_original_balance,
       secondaryText: k(a.original_balance, "0,0"),
-      zeroStateText: a.original_balance ? void 0 : n.add_original_balance,
+      zeroStateText: a.original_balance ? void 0 : o.add_original_balance,
       children: /* @__PURE__ */ e(
         ae,
         {
-          amount: o,
+          amount: n,
           autoFocus: !0,
           error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? o : Number(m)),
+          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), ft = () => {
-  const { onEvent: a } = F(), { selectedDebtChartData: n } = $();
-  return g.useEffect(() => a(T.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(w, { bgcolor: "background.paper", children: [
-    n?.goal && /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ e(Ge, { goal: n.goal }),
+  const { onEvent: a } = F(), { selectedDebtChartData: o } = $();
+  return x.useEffect(() => a(T.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ s(w, { bgcolor: "background.paper", children: [
+    o?.goal && /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ e(Ge, { goal: o.goal }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(je, { goal: n.goal }),
+      /* @__PURE__ */ e(je, { goal: o.goal }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(ze, { goal: n.goal }),
+      /* @__PURE__ */ e(ze, { goal: o.goal }),
       /* @__PURE__ */ e(j, {})
     ] }),
-    !n?.goal && n?.account && /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ e(_t, { debt: n }),
+    !o?.goal && o?.account && /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ e(_t, { debt: o }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(bt, { debt: n }),
+      /* @__PURE__ */ e(bt, { debt: o }),
       /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(yt, { debt: n }),
+      /* @__PURE__ */ e(yt, { debt: o }),
       /* @__PURE__ */ e(j, {})
     ] })
   ] });
-}, xt = D(ft), gt = ({ setTabValue: a, sx: n }) => {
-  const { debts: r } = S(), { showError: t, showCompleted: o } = $();
-  return g.useEffect(() => {
+}, gt = D(ft), xt = ({ setTabValue: a, sx: o }) => {
+  const { debts: r } = S(), { showError: t, showCompleted: n } = $();
+  return x.useEffect(() => {
     t && a(1);
-  }, [t]), !t && !o ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ s(w, { gap: 16, children: [
-    /* @__PURE__ */ e(he, { sx: { my: 16, mx: 24, ...n }, children: /* @__PURE__ */ s(
+  }, [t]), !t && !n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ s(w, { gap: 16, children: [
+    /* @__PURE__ */ e(he, { sx: { my: 16, mx: 24, ...o }, children: /* @__PURE__ */ s(
       pe,
       {
         icon: t ? /* @__PURE__ */ e(Ve, { filled: !0 }) : /* @__PURE__ */ e(ye, { color: "success", filled: !0 }),
@@ -951,7 +949,7 @@ const ge = ({
         ]
       }
     ) }),
-    t && /* @__PURE__ */ e(he, { sx: { mb: 16, mt: 100, mx: 24, ...n }, children: /* @__PURE__ */ s(
+    t && /* @__PURE__ */ e(he, { sx: { mb: 16, mt: 100, mx: 24, ...o }, children: /* @__PURE__ */ s(
       pe,
       {
         icon: /* @__PURE__ */ e(H, {}),
@@ -970,16 +968,16 @@ const ge = ({
       }
     ) })
   ] });
-}, wt = D(gt), Ct = () => {
-  const { debts: a } = S(), { showError: n, showCompleted: r } = $(), [t, o] = g.useState(0);
+}, wt = D(xt), Ct = () => {
+  const { debts: a } = S(), { showError: o, showCompleted: r } = $(), [t, n] = x.useState(0);
   return /* @__PURE__ */ s(H, { children: [
-    (n || r) && /* @__PURE__ */ e(wt, { setTabValue: o, sx: { mt: -24 } }),
+    (o || r) && /* @__PURE__ */ e(wt, { setTabValue: n, sx: { mt: -24 } }),
     /* @__PURE__ */ s(
       We,
       {
         "aria-label": a.details_tabs_aria_label,
         centered: !0,
-        onChange: (i, p) => o(p),
+        onChange: (i, p) => n(p),
         textColor: "primary",
         value: t,
         variant: "fullWidth",
@@ -1004,16 +1002,16 @@ const ge = ({
       }
     ),
     /* @__PURE__ */ e(ue, { index: 0, name: "debt-schedule", value: t, children: /* @__PURE__ */ e(ut, {}) }),
-    /* @__PURE__ */ e(ue, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(xt, {}) })
+    /* @__PURE__ */ e(ue, { index: 1, name: "debt-details", value: t, children: /* @__PURE__ */ e(gt, {}) })
   ] });
-}, St = D(Ct), vt = ({ isOpen: a, onClose: n }) => {
-  const { debts: r } = S(), { showError: t, showCompleted: o } = $(), i = t || o ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(mt, {});
+}, St = D(Ct), vt = ({ isOpen: a, onClose: o }) => {
+  const { debts: r } = S(), { showError: t, showCompleted: n } = $(), i = t || n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(mt, {});
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: r.details_close_aria,
       isOpen: a,
-      onClose: n,
+      onClose: o,
       title: r.details_title,
       children: /* @__PURE__ */ s(w, { bgcolor: "background.default", children: [
         /* @__PURE__ */ e(ke, { customDetailsChart: i }),
@@ -1022,13 +1020,13 @@ const ge = ({
     }
   );
 }, Dt = D(() => {
-  const { debts: a } = S(), { monthlyCashFlowProfile: n, updateMonthlyCashFlowProfile: r } = V(), { onEvent: t } = F(), [o, i] = g.useState(n?.extra_payment ?? 0), p = o < 0 || o > 9999999999e-2, c = async () => {
-    n && (await r({ ...n, extra_payment: o }), n.extra_payment = o, t(T.DEBTS_SAVE_PAYDOWN_ACTION, {
-      user_guid: n?.user_guid
+  const { debts: a } = S(), { monthlyCashFlowProfile: o, updateMonthlyCashFlowProfile: r } = V(), { onEvent: t } = F(), [n, i] = x.useState(o?.extra_payment ?? 0), p = n < 0 || n > 9999999999e-2, c = async () => {
+    o && (await r({ ...o, extra_payment: n }), o.extra_payment = n, t(T.DEBTS_SAVE_PAYDOWN_ACTION, {
+      user_guid: o?.user_guid
     }));
   }, d = () => {
     setTimeout(() => {
-      i(n?.extra_payment ?? 0);
+      i(o?.extra_payment ?? 0);
     }, 250);
   };
   return /* @__PURE__ */ e(
@@ -1039,29 +1037,29 @@ const ge = ({
       onCancel: d,
       onSave: c,
       primaryText: a.paydown_drawer_extra_payment,
-      secondaryText: k(n?.extra_payment, "0,0"),
-      zeroStateText: n?.extra_payment ? void 0 : a.add_extra_payment,
+      secondaryText: k(o?.extra_payment, "0,0"),
+      zeroStateText: o?.extra_payment ? void 0 : a.add_extra_payment,
       children: /* @__PURE__ */ e(
         ae,
         {
-          amount: o,
+          amount: n,
           autoFocus: !0,
           error: p,
           fullWidth: !0,
           minAmount: 0,
-          setAmount: (m) => i(isNaN(Number(m)) ? o : Number(m)),
+          setAmount: (m) => i(isNaN(Number(m)) ? n : Number(m)),
           sx: { ".MuiTypography-Body": { p: 0 } }
         }
       )
     }
   );
 }), Tt = () => {
-  const { debts: a } = S(), { totalMonthlyPayments: n } = q(), { monthlyCashFlowProfile: r } = V(), t = n + Number(r?.extra_payment);
+  const { debts: a } = S(), { totalMonthlyPayments: o } = q(), { monthlyCashFlowProfile: r } = V(), t = o + Number(r?.extra_payment);
   return /* @__PURE__ */ s(w, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
     /* @__PURE__ */ s(w, { p: 24, children: [
       /* @__PURE__ */ s(w, { alignItems: "center", gap: 4, mb: 24, children: [
         /* @__PURE__ */ e(l, { variant: "Body", children: a.paydown_drawer_mimimum_label }),
-        /* @__PURE__ */ e(l, { bold: !0, variant: "H1", children: k(n, "0,0") }),
+        /* @__PURE__ */ e(l, { bold: !0, variant: "H1", children: k(o, "0,0") }),
         /* @__PURE__ */ e(l, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: a.paydown_drawer_minimum_info })
       ] }),
       /* @__PURE__ */ s(w, { children: [
@@ -1075,38 +1073,38 @@ const ge = ({
       /* @__PURE__ */ e(l, { bold: !0, textAlign: "right", variant: "Body", children: k(t, "0,0") })
     ] }) })
   ] });
-}, At = D(Tt), Et = ({ isOpen: a, onClose: n }) => {
+}, At = D(Tt), Et = ({ isOpen: a, onClose: o }) => {
   const { debts: r } = S();
   return /* @__PURE__ */ e(
     te,
     {
       ariaLabelClose: r.paydown_drawer_close_aria,
       isOpen: a,
-      onClose: n,
+      onClose: o,
       title: r.paydown_drawer_title,
       children: /* @__PURE__ */ e(At, {})
     }
   );
 };
-function It(a, n) {
+function It(a, o) {
   const r = (t) => {
     if (typeof t == "number") return t;
     if (t === "!" || t === "✓") return 1 / 0;
     throw new Error("Unsupported value");
   };
-  return r(a) - r(n);
+  return r(a) - r(o);
 }
 function Bt(a) {
   return a.is_paid_off ? "✓" : a.priority === void 0 || a.is_impossible ? "!" : a.priority;
 }
 const Mt = (a) => {
-  const n = {
+  const o = {
     text: "#121417",
     background: "#FFB252"
   };
-  return a === "!" && (n.text = "#FFFFFF", n.background = "#DF320C"), a === "✓" && (n.text = "#FFFFFF", n.background = "#09A57F"), n;
+  return a === "!" && (o.text = "#FFFFFF", o.background = "#DF320C"), a === "✓" && (o.text = "#FFFFFF", o.background = "#09A57F"), o;
 }, Pt = (a) => {
-  const n = String(a.formattedValue), r = Mt(n);
+  const o = String(a.formattedValue), r = Mt(o);
   return /* @__PURE__ */ e(
     re,
     {
@@ -1121,32 +1119,32 @@ const Mt = (a) => {
         backgroundColor: r.background,
         marginLeft: "10px"
       },
-      children: /* @__PURE__ */ e(l, { color: r.text, fontWeight: 700, variant: "Small", children: n })
+      children: /* @__PURE__ */ e(l, { color: r.text, fontWeight: 700, variant: "Small", children: o })
     }
   );
 }, kt = (a) => {
-  const n = a.row.account, r = Ke[n.account_type];
+  const o = a.row.account, r = Ke[o.account_type];
   return /* @__PURE__ */ s(w, { alignItems: "center", flexDirection: "row", children: [
     /* @__PURE__ */ e(
       De,
       {
-        alt: `${n.institutionName}`,
-        institutionGuid: n.institution_guid || ""
+        alt: `${o.institutionName}`,
+        institutionGuid: o.institution_guid || ""
       }
     ),
     /* @__PURE__ */ s(w, { ml: 12, children: [
-      /* @__PURE__ */ e(l, { variant: "Small", children: n.name }),
+      /* @__PURE__ */ e(l, { variant: "Small", children: o.name }),
       /* @__PURE__ */ e(l, { variant: "XSmall", children: r })
     ] })
   ] });
 }, Nt = ({
   sx: a = {},
-  debts: n,
+  debts: o,
   hoveredDebtGuid: r,
   onHoverRow: t,
-  onClickRow: o
+  onClickRow: n
 }) => {
-  const i = X(), { onEvent: p } = F(), { isMobile: c } = Y(), { debts: d } = S(), [m, b] = g.useState([
+  const i = X(), { onEvent: p } = F(), { isMobile: c } = Y(), { debts: d } = S(), [m, b] = x.useState([
     { field: "priority", sort: "asc" }
   ]), f = [
     {
@@ -1241,12 +1239,12 @@ const Mt = (a) => {
       headerAlign: "right",
       width: 20
     }
-  ], v = g.useMemo(() => n.map((y, N) => ({
+  ], v = x.useMemo(() => o.map((y, N) => ({
     ...y,
     id: N,
     priority: Bt(y)
-  })), [n]), M = (y) => {
-    const x = y.target.closest("[data-id]")?.getAttribute("data-id"), A = n[Number(x)];
+  })), [o]), M = (y) => {
+    const g = y.target.closest("[data-id]")?.getAttribute("data-id"), A = o[Number(g)];
     t?.(A?.guid ?? "");
   }, I = (y) => {
     c || M(y);
@@ -1273,7 +1271,7 @@ const Mt = (a) => {
           hideFooter: !0,
           initialState: { sorting: { sortModel: m } },
           onRowClick: (y) => {
-            o(), p(T.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
+            n(), p(T.DEBTS_CLICK_TABLE_ROW, { account_guid: y.row.guid });
           },
           onSortModelChange: (y) => {
             b(y), p(T.DEBTS_CLICK_TABLE_SORT);
@@ -1300,9 +1298,9 @@ const Mt = (a) => {
       )
     }
   );
-}, Ft = ({ buttonText: a, isOpen: n, onClick: r }) => {
-  const { isDesktop: t, isTablet: o } = Y(), i = n ? "unfold_less" : "unfold_more";
-  return t || o ? /* @__PURE__ */ e(
+}, Ft = ({ buttonText: a, isOpen: o, onClick: r }) => {
+  const { isDesktop: t, isTablet: n } = Y(), i = o ? "unfold_less" : "unfold_more";
+  return t || n ? /* @__PURE__ */ e(
     fe,
     {
       "aria-controls": "prioritize-debts",
@@ -1325,8 +1323,8 @@ const Mt = (a) => {
       children: /* @__PURE__ */ e(ee, { name: i })
     }
   );
-}, Rt = D(({ buttonEl: a, onClose: n }) => {
-  const { onEvent: r } = F(), { debts: t } = S(), { selectedDebtPriority: o, setSelectedDebtPriority: i } = $(), p = !!a, c = [
+}, Rt = D(({ buttonEl: a, onClose: o }) => {
+  const { onEvent: r } = F(), { debts: t } = S(), { selectedDebtPriority: n, setSelectedDebtPriority: i } = $(), p = !!a, c = [
     {
       priority: P.FASTEST_PAYOFF_FIRST,
       text: t.priority_sort_fastest_payoff
@@ -1355,7 +1353,7 @@ const Mt = (a) => {
         horizontal: "left"
       },
       id: "prioritize-debts",
-      onClose: n,
+      onClose: o,
       open: p,
       transformOrigin: {
         vertical: "top",
@@ -1366,8 +1364,8 @@ const Mt = (a) => {
         {
           onClick: () => d(m),
           sx: {
-            bgcolor: o === m ? "primary.main" : void 0,
-            color: o === m ? "#fff" : void 0,
+            bgcolor: n === m ? "primary.main" : void 0,
+            color: n === m ? "#fff" : void 0,
             justifyContent: "space-between",
             minHeight: 44,
             minWidth: 268,
@@ -1381,7 +1379,7 @@ const Mt = (a) => {
           },
           children: [
             /* @__PURE__ */ e(l, { color: "inherit", variant: "Small", children: b }),
-            o === m && /* @__PURE__ */ e(ye, { color: "inherit", filled: !0, fontSize: "small" })
+            n === m && /* @__PURE__ */ e(ye, { color: "inherit", filled: !0, fontSize: "small" })
           ]
         },
         m
@@ -1389,30 +1387,30 @@ const Mt = (a) => {
     }
   );
 }), Lt = D(() => {
-  const { onEvent: a } = F(), { debts: n } = S(), { selectedDebtPriority: r } = $(), [t, o] = g.useState(null), i = (m) => {
-    o(m.currentTarget), a(T.DEBTS_CLICK_PRIORITIZE);
+  const { onEvent: a } = F(), { debts: o } = S(), { selectedDebtPriority: r } = $(), [t, n] = x.useState(null), i = (m) => {
+    n(m.currentTarget), a(T.DEBTS_CLICK_PRIORITIZE);
   }, p = () => {
-    o(null);
-  }, c = !!t, d = g.useMemo(() => ({
-    [P.FASTEST_PAYOFF_FIRST]: n.priority_sort_fastest_payoff,
-    [P.HIGHEST_INTEREST]: n.priority_sort_highest_interest,
-    [P.HIGHEST_BALANCE]: n.priority_sort_highest_balance,
-    [P.LOWEST_BALANCE]: n.priority_sort_lowest_balance
-  })[r] ?? n.priority_sort_lowest_balance, [r]);
+    n(null);
+  }, c = !!t, d = x.useMemo(() => ({
+    [P.FASTEST_PAYOFF_FIRST]: o.priority_sort_fastest_payoff,
+    [P.HIGHEST_INTEREST]: o.priority_sort_highest_interest,
+    [P.HIGHEST_BALANCE]: o.priority_sort_highest_balance,
+    [P.LOWEST_BALANCE]: o.priority_sort_lowest_balance
+  })[r] ?? o.priority_sort_lowest_balance, [r]);
   return /* @__PURE__ */ s(_, { children: [
     /* @__PURE__ */ e(Ft, { buttonText: d, isOpen: c, onClick: i }),
     /* @__PURE__ */ e(Rt, { buttonEl: t, onClose: p })
   ] });
-}), $t = (a, n, r = 0) => {
+}), $t = (a, o, r = 0) => {
   const t = a.map((d) => ({ ...d }));
-  xe(t, n);
-  const o = /* @__PURE__ */ new Date(), i = [];
+  ge(t, o);
+  const n = /* @__PURE__ */ new Date(), i = [];
   let p = 0, c = 1;
   for (const d of t)
     i.push({
       ...d,
       // Start with the initial balance
-      dataset: [{ x: new Date(o), y: d.balance }]
+      dataset: [{ x: new Date(n), y: d.balance }]
     });
   for (; t.some((d) => d.balance >= 0.01 && !d.is_impossible); ) {
     let d = !1, m = !1, b = !1;
@@ -1423,17 +1421,17 @@ const Mt = (a) => {
       !b && r > 0 && (y += r, b = !0), !m && p > 0 && (N = p, m = !0), u.balance += C;
       const h = Math.min(u.balance, y + N);
       if (h <= C) {
-        u.is_impossible = !0, i[f].is_impossible = !0, i[f].priority = void 0, v.push({ x: new Date(o), y: u.balance });
+        u.is_impossible = !0, i[f].is_impossible = !0, i[f].priority = void 0, v.push({ x: new Date(n), y: u.balance });
         continue;
       }
       u.balance -= h, u.balance = u.balance < 0.01 ? 0 : u.balance, v.push({
-        x: new Date(o),
+        x: new Date(n),
         y: Math.max(0, u.balance),
         payment: h,
         extra: N
-      }), u.balance <= 0 && (p += B, i[f].projected_payoff_date = new Date(o)), h > 0 && (d = !0);
+      }), u.balance <= 0 && (p += B, i[f].projected_payoff_date = new Date(n)), h > 0 && (d = !0);
     }
-    d && o.setMonth(o.getMonth() + 1);
+    d && n.setMonth(n.getMonth() + 1);
   }
   return i.forEach((d) => {
     (d.interest_rate === void 0 || d.monthly_payment === void 0) && (d.projected_payoff_date = void 0);
@@ -1441,7 +1439,7 @@ const Mt = (a) => {
     d.priority = !d.is_paid_off && !d.is_impossible ? c++ : void 0;
   }), i;
 }, Ht = D(({ onClick: a }) => {
-  const { debts: n } = S(), { isDesktop: r } = Y(), { totalMonthlyPayments: t } = q(), { monthlyCashFlowProfile: o } = V(), i = t + Number(o?.extra_payment), p = r ? n.paydown_button_long : n.paydown_button_short;
+  const { debts: o } = S(), { isDesktop: r } = Y(), { totalMonthlyPayments: t } = q(), { monthlyCashFlowProfile: n } = V(), i = t + Number(n?.extra_payment), p = r ? o.paydown_button_long : o.paydown_button_short;
   return /* @__PURE__ */ e(
     fe,
     {
@@ -1454,24 +1452,24 @@ const Mt = (a) => {
       children: E(p, k(i, "0,0"))
     }
   );
-}), Ot = ({ onBackClick: a, sx: n }) => {
-  const [r, t] = g.useState(!1), [o, i] = g.useState(!1), [p, c] = g.useState(!1), [d, m] = g.useState(""), { isDesktop: b, isMobile: f } = Y(), { debts: u } = S(), { onEvent: v } = F(), { isCopyLoaded: M, isInitialized: I, setSelectedAccounts: C } = Pe(), { setSelectedAccount: B } = Ne(), { selectedDebtPriority: y, setSelectedDebtChartData: N } = $(), { visibleDebtAccounts: h } = Z(), { goalsLoaded: x, loadGoals: A, monthlyCashFlowProfile: R } = V(), { debts: L } = q();
+}), Ot = ({ onBackClick: a, sx: o }) => {
+  const [r, t] = x.useState(!1), [n, i] = x.useState(!1), [p, c] = x.useState(!1), [d, m] = x.useState(""), { isDesktop: b, isMobile: f } = Y(), { debts: u } = S(), { onEvent: v } = F(), { isCopyLoaded: M, isInitialized: I, setSelectedAccounts: C } = Pe(), { setSelectedAccount: B } = Ne(), { selectedDebtPriority: y, setSelectedDebtChartData: N } = $(), { visibleDebtAccounts: h } = Z(), { goalsLoaded: g, loadGoals: A, monthlyCashFlowProfile: R } = V(), { debts: L } = q();
   Je({
     widgetName: "DebtsWidget",
-    isLoaded: x
+    isLoaded: g
   });
-  const O = g.useMemo(() => {
+  const O = x.useMemo(() => {
     const W = R?.extra_payment ?? 0;
     return $t(L, y, W);
   }, [L, y, R]);
-  g.useEffect(() => {
+  x.useEffect(() => {
     C(h), v(T.DEBTS_VIEW);
-  }, []), g.useEffect(() => {
+  }, []), x.useEffect(() => {
     C(h);
-  }, [h]), g.useEffect(() => {
+  }, [h]), x.useEffect(() => {
     I && A().finally();
   }, [I]);
-  const ne = (W) => m(W), oe = () => {
+  const oe = (W) => m(W), ne = () => {
     const W = h.find((Q) => Q.guid === d), ie = O.find((Q) => Q.guid === d);
     W && B(W), ie && N(ie), t(!0);
   }, we = () => v(T.DEBTS_CLICK_FILTER), Ce = () => {
@@ -1479,7 +1477,7 @@ const Mt = (a) => {
   }, Se = () => {
     i(!0), v(T.DEBTS_CLICK_PAYDOWN);
   };
-  return !x || !M || !I ? /* @__PURE__ */ e(Qe, {}) : /* @__PURE__ */ s(
+  return !g || !M || !I ? /* @__PURE__ */ e(Qe, {}) : /* @__PURE__ */ s(
     Oe,
     {
       accountOptions: h,
@@ -1489,7 +1487,7 @@ const Mt = (a) => {
       ],
       onAccountsFilterClick: we,
       onBackClick: a,
-      sx: n,
+      sx: o,
       title: u.title,
       children: [
         /* @__PURE__ */ s(w, { sx: { px: b ? "48px" : "24px" }, children: [
@@ -1503,13 +1501,13 @@ const Mt = (a) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  xe,
                   {
                     debts: O,
                     height: f ? 250 : void 0,
                     hoveredDebtGuid: d,
-                    onClickArea: oe,
-                    onHoverArea: ne,
+                    onClickArea: ne,
+                    onHoverArea: oe,
                     sx: { mr: f ? "4px" : "-48px" }
                   }
                 ),
@@ -1529,8 +1527,8 @@ const Mt = (a) => {
             {
               debts: O,
               hoveredDebtGuid: d,
-              onClickRow: oe,
-              onHoverRow: ne
+              onClickRow: ne,
+              onHoverRow: oe
             }
           ) })
         ] }),
@@ -1542,13 +1540,13 @@ const Mt = (a) => {
           }
         ),
         /* @__PURE__ */ e(vt, { isOpen: r, onClose: () => t(!1) }),
-        /* @__PURE__ */ e(Et, { isOpen: o, onClose: () => i(!1) })
+        /* @__PURE__ */ e(Et, { isOpen: n, onClose: () => i(!1) })
       ]
     }
   );
 }, Nr = D(Ot);
 export {
-  ge as DebtsChart,
+  xe as DebtsChart,
   Lr as DebtsStore,
   Nt as DebtsTable,
   Nr as DebtsWidget