@mx-cartographer/experiences 6.26.18-alpha.mega1 → 6.26.18-alpha.mega3

package/dist/debts/components/debtsdrawer/DebtDetailsChart/index.es.js

@@ -0,0 +1,41 @@
+import { jsxs as r, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { observer as a } from "mobx-react-lite";
+import { useTheme as m } from "@mui/material";
+import l from "@mui/material/Card";
+import n from "@mui/material/CardContent";
+import p from "@mui/material/CardHeader";
+import { H3 as c, Text as d } from "@mxenabled/mxui";
+import { useDebtsUiStore as h } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { DebtsChart as b } from "../../DebtsChart/index.es.js";
+import { useGlobalCopyStore as x } from "../../../../common/context/hooks/index.es.js";
+const f = () => {
+  const o = m(), { debts: e } = x(), { selectedDebtChartData: i } = h();
+  return /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        sx: {
+          "& .MuiCardContent-root:last-child": {
+            pb: 0
+          }
+        },
+        children: [
+          /* @__PURE__ */ t(p, { sx: { pb: 0 }, title: /* @__PURE__ */ t(c, { sx: { pb: 4 }, children: e.details_chart_title }) }),
+          /* @__PURE__ */ t(n, { sx: { p: 0 }, children: /* @__PURE__ */ t(b, { debts: [i], height: 250 }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      d,
+      {
+        color: o.palette.text.secondary,
+        sx: { whiteSpace: "normal", textAlign: "center", px: 8, py: 12 },
+        variant: "Small",
+        children: e.details_chart_description
+      }
+    )
+  ] });
+}, T = a(f);
+export {
+  T as default
+};

package/dist/debts/components/debtsdrawer/DebtDetailsContent/index.es.js

@@ -0,0 +1,51 @@
+import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { observer as c } from "mobx-react-lite";
+import l from "@mui/material/Tab";
+import p from "@mui/material/Tabs";
+import { useDebtsUiStore as u } from "../../../hooks/useDebtsUiStore/index.es.js";
+import f from "../DebtScheduleTab/index.es.js";
+import h from "../DebtDetailsTab/index.es.js";
+import C from "../DebtStatusCard/index.es.js";
+import { useGlobalCopyStore as D } from "../../../../common/context/hooks/index.es.js";
+import i from "../../../../common/components/TabContentContainer/index.es.js";
+const _ = () => {
+  const { debts: t } = D(), { showError: s, showCompleted: b } = u(), [a, r] = m.useState(0);
+  return /* @__PURE__ */ o(d, { children: [
+    (s || b) && /* @__PURE__ */ e(C, { setTabValue: r, sx: { mt: -24 } }),
+    /* @__PURE__ */ o(
+      p,
+      {
+        "aria-label": t.details_tabs_aria_label,
+        centered: !0,
+        onChange: (x, n) => r(n),
+        textColor: "primary",
+        value: a,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              "aria-controls": "debt-schedule-tabpanel-0",
+              id: "debt-schedule-tab-0",
+              label: t.schedule_tab_label
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              "aria-controls": "debt-details-tabpanel-1",
+              id: "debt-details-tab-1",
+              label: t.details_tab_label
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(i, { index: 0, name: "debt-schedule", value: a, children: /* @__PURE__ */ e(f, {}) }),
+    /* @__PURE__ */ e(i, { index: 1, name: "debt-details", value: a, children: /* @__PURE__ */ e(h, {}) })
+  ] });
+}, R = c(_);
+export {
+  R as default
+};

package/dist/debts/components/debtsdrawer/DebtDetailsTab/index.es.js

@@ -0,0 +1,38 @@
+import { jsxs as e, Fragment as a, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { observer as m } from "mobx-react-lite";
+import r from "@mui/material/Divider";
+import c from "@mui/material/Stack";
+import { useDebtsUiStore as l } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { InterestRateAction as s } from "../../../../goals/components/actions/InterestRateAction/index.es.js";
+import { MonthlyPaymentAction as f } from "../../../../goals/components/actions/MonthlyPaymentAction/index.es.js";
+import { OriginalBalanceAction as p } from "../../../../goals/components/actions/OriginalBalanceAction/index.es.js";
+import { InterestRateAction as g } from "../../actions/InterestRateAction/index.es.js";
+import { MonthlyPaymentAction as A } from "../../actions/MonthlyPaymentAction/index.es.js";
+import { OriginalBalanceAction as b } from "../../actions/OriginalBalanceAction/index.es.js";
+import { useEvent as D } from "../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as d } from "../../../../common/constants/Analytics/index.es.js";
+const E = () => {
+  const { onEvent: n } = D(), { selectedDebtChartData: o } = l();
+  return i.useEffect(() => n(d.DEBT_DETAILS_VIEW), []), /* @__PURE__ */ e(c, { bgcolor: "background.paper", children: [
+    o?.goal && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ t(f, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(s, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(p, { goal: o.goal }),
+      /* @__PURE__ */ t(r, {})
+    ] }),
+    !o?.goal && o?.account && /* @__PURE__ */ e(a, { children: [
+      /* @__PURE__ */ t(A, { debt: o }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(g, { debt: o }),
+      /* @__PURE__ */ t(r, {}),
+      /* @__PURE__ */ t(b, { debt: o }),
+      /* @__PURE__ */ t(r, {})
+    ] })
+  ] });
+}, _ = m(E);
+export {
+  _ as default
+};

package/dist/debts/components/debtsdrawer/DebtScheduleTab/index.es.js

@@ -0,0 +1,80 @@
+import { jsx as e, jsxs as l, Fragment as f } from "react/jsx-runtime";
+import u from "react";
+import { observer as b } from "mobx-react-lite";
+import { useTheme as x } from "@mui/material";
+import _ from "@mui/material/List";
+import t from "@mui/material/Stack";
+import { Text as r } from "@mxenabled/mxui";
+import { useDebtsUiStore as g } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { useEvent as y, useGlobalCopyStore as S } from "../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as v } from "../../../../common/constants/Analytics/index.es.js";
+import { formatDate as D, DATE_FORMATS_INTL as w } from "../../../../common/constants/DateFormats/index.es.js";
+import { formatCurrency as c } from "../../../../common/utils/NumberFormatting/index.es.js";
+const E = () => {
+  const n = x(), { onEvent: d } = y(), { debts: o } = S(), { selectedDebtChartData: m, showCompleted: s, showError: i } = g();
+  return u.useEffect(() => d(v.DEBT_SCHEDULE_VIEW), []), /* @__PURE__ */ e(_, { children: i || s ? /* @__PURE__ */ e(
+    r,
+    {
+      color: n.palette.secondary.main,
+      component: "div",
+      sx: { p: 32, textAlign: "center", whiteSpace: "normal" },
+      variant: "Small",
+      children: i ? o.schedule_error_message : o.schedule_complete_message
+    }
+  ) : /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ l(t, { flexDirection: "row", justifyContent: "space-between", sx: { pt: 12, px: 24, pb: 8 }, children: [
+      /* @__PURE__ */ e(r, { bold: !0, variant: "XSmall", children: o.schedule_month_heading }),
+      /* @__PURE__ */ e(r, { bold: !0, variant: "XSmall", children: o.schedule_amount_heading })
+    ] }),
+    m.dataset.slice(1).map(({ x: a, y: p, payment: h }) => /* @__PURE__ */ e(t, { bgcolor: n.palette.background.paper, children: /* @__PURE__ */ e(t, { alignItems: "center", flexDirection: "row", pl: 24, children: /* @__PURE__ */ l(
+      t,
+      {
+        sx: {
+          borderBottom: `1px solid ${n.palette.border.light}`,
+          flexDirection: "row",
+          flexGrow: 1,
+          py: 14,
+          pr: 24
+        },
+        children: [
+          /* @__PURE__ */ l(t, { flexGrow: 1, children: [
+            /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: D(a, w.MONTH_YEAR) }),
+            /* @__PURE__ */ e(r, { color: n.palette.secondary.main, variant: "XSmall", children: o.schedule_month_label })
+          ] }),
+          /* @__PURE__ */ l(t, { children: [
+            /* @__PURE__ */ e(r, { bold: !0, variant: "Body", children: c(p, "0,0.00") }),
+            /* @__PURE__ */ e(
+              r,
+              {
+                bold: !0,
+                color: n.palette.success.main,
+                textAlign: "end",
+                variant: "Tiny",
+                children: `+${c(h, "0,0")}`
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) }, String(a))),
+    /* @__PURE__ */ e(t, { bgcolor: "background.paper", children: /* @__PURE__ */ l(
+      t,
+      {
+        sx: {
+          alignItems: "center",
+          flexDirection: "row",
+          flexGrow: 1,
+          py: 14,
+          px: 24
+        },
+        children: [
+          /* @__PURE__ */ e(r, { flexGrow: 1, variant: "Body", children: o.schedule_payoff_label }),
+          /* @__PURE__ */ e(r, { variant: "Body", children: "-" })
+        ]
+      }
+    ) })
+  ] }) });
+}, $ = b(E);
+export {
+  $ as default
+};

package/dist/debts/components/debtsdrawer/DebtStatusCard/index.es.js

@@ -0,0 +1,61 @@
+import { jsx as r, Fragment as a, jsxs as e } from "react/jsx-runtime";
+import d from "react";
+import { observer as u } from "mobx-react-lite";
+import s from "@mui/material/Alert";
+import m from "@mui/material/AlertTitle";
+import f from "@mui/icons-material/CheckCircle";
+import h from "@mui/icons-material/Error";
+import n from "@mui/material/Paper";
+import { Stack as b } from "@mui/material";
+import { Text as c } from "@mxenabled/mxui";
+import { useDebtsUiStore as x } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { useGlobalCopyStore as g } from "../../../../common/context/hooks/index.es.js";
+const _ = ({ setTabValue: p, sx: i }) => {
+  const { debts: t } = g(), { showError: o, showCompleted: l } = x();
+  return d.useEffect(() => {
+    o && p(1);
+  }, [o]), !o && !l ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ e(b, { gap: 16, children: [
+    /* @__PURE__ */ r(n, { sx: { my: 16, mx: 24, ...i }, children: /* @__PURE__ */ e(
+      s,
+      {
+        icon: o ? /* @__PURE__ */ r(h, {}) : /* @__PURE__ */ r(f, { color: "success" }),
+        severity: "error",
+        sx: {
+          alignItems: "start",
+          borderLeft: 5,
+          borderRadius: 1,
+          borderColor: o ? "error.main" : "success.main",
+          color: "text.primary",
+          "&.MuiPaper-root": {
+            backgroundColor: "background.paper"
+          }
+        },
+        children: [
+          /* @__PURE__ */ r(m, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: o ? t.status_error_title : t.status_complete_title }),
+          /* @__PURE__ */ r(c, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: o ? t.status_error_description : t.status_complete_description })
+        ]
+      }
+    ) }),
+    o && /* @__PURE__ */ r(n, { sx: { mb: 16, mt: 100, mx: 24, ...i }, children: /* @__PURE__ */ e(
+      s,
+      {
+        icon: /* @__PURE__ */ r(a, {}),
+        severity: "error",
+        sx: {
+          borderRadius: 2,
+          color: "text.primary",
+          "&.MuiPaper-root": {
+            backgroundColor: "background.paper"
+          }
+        },
+        children: [
+          /* @__PURE__ */ r(m, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: t.status_info_title }),
+          /* @__PURE__ */ r(c, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: t.status_info_description })
+        ]
+      }
+    ) })
+  ] });
+}, j = u(_);
+export {
+  j as default
+};

package/dist/debts/components/debtspaydown/PaydownButton/index.es.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { observer as m } from "mobx-react-lite";
+import p from "@mui/material/Button";
+import { useGlobalCopyStore as u, useDebtStore as y, useGoalStore as l } from "../../../../common/context/hooks/index.es.js";
+import { useScreenSize as c } from "../../../../common/hooks/useScreenSize/index.es.js";
+import { buildDynamicCopy as b } from "../../../../common/utils/Localization/index.es.js";
+import { formatCurrency as d } from "../../../../common/utils/NumberFormatting/index.es.js";
+const D = m(({ onClick: t }) => {
+  const { debts: o } = u(), { isDesktop: r } = c(), { totalMonthlyPayments: n } = y(), { monthlyCashFlowProfile: e } = l(), a = n + Number(e?.extra_payment), s = r ? o.paydown_button_long : o.paydown_button_short;
+  return /* @__PURE__ */ i(
+    p,
+    {
+      "aria-controls": "extra-paydown",
+      "aria-describedby": "extra-paydown",
+      "aria-haspopup": !0,
+      "aria-label": "extra-paydown",
+      onClick: t,
+      sx: { justifyContent: "start", minWidth: 100, mx: 4 },
+      children: b(s, d(a, "0,0"))
+    }
+  );
+});
+export {
+  D as PaydownButton
+};

package/dist/debts/components/debtspaydown/PaydownContent/index.es.js

@@ -0,0 +1,31 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as e } from "@mxenabled/mxui";
+import { ExtraPaymentAction as m } from "../../actions/ExtraPaymentAction/index.es.js";
+import { useGlobalCopyStore as p, useDebtStore as s, useGoalStore as h } from "../../../../common/context/hooks/index.es.js";
+import { formatCurrency as i } from "../../../../common/utils/NumberFormatting/index.es.js";
+const u = () => {
+  const { debts: o } = p(), { totalMonthlyPayments: a } = s(), { monthlyCashFlowProfile: l } = h(), d = a + Number(l?.extra_payment);
+  return /* @__PURE__ */ n(t, { sx: { backgroundColor: "background.default", height: "100%" }, children: [
+    /* @__PURE__ */ n(t, { p: 24, children: [
+      /* @__PURE__ */ n(t, { alignItems: "center", gap: 4, mb: 24, children: [
+        /* @__PURE__ */ r(e, { variant: "Body", children: o.paydown_drawer_mimimum_label }),
+        /* @__PURE__ */ r(e, { bold: !0, variant: "H1", children: i(a, "0,0") }),
+        /* @__PURE__ */ r(e, { textAlign: "center", truncate: !1, variant: "Small", width: 208, children: o.paydown_drawer_minimum_info })
+      ] }),
+      /* @__PURE__ */ n(t, { children: [
+        /* @__PURE__ */ r(e, { variant: "H3", children: o.paydown_drawer_subtitle }),
+        /* @__PURE__ */ r(e, { truncate: !1, variant: "ParagraphSmall", children: o.paydown_drawer_description })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(t, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ r(m, {}) }),
+    /* @__PURE__ */ r(t, { flexDirection: "row-reverse", px: 24, py: 12, children: /* @__PURE__ */ n(t, { gap: 4, children: [
+      /* @__PURE__ */ r(e, { variant: "Small", children: o.paydown_drawer_total_payment }),
+      /* @__PURE__ */ r(e, { bold: !0, textAlign: "right", variant: "Body", children: i(d, "0,0") })
+    ] }) })
+  ] });
+}, v = c(u);
+export {
+  v as default
+};

package/dist/debts/components/debtspriority/DebtsPriorityButton/index.es.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import p from "@mui/material/Button";
+import d from "@mui/material/IconButton";
+import { Icon as o } from "@mxenabled/mxui";
+import { useScreenSize as m } from "../../../../common/hooks/useScreenSize/index.es.js";
+const z = ({ buttonText: e, isOpen: s, onClick: t }) => {
+  const { isDesktop: a, isTablet: n } = m(), i = s ? "unfold_less" : "unfold_more";
+  return a || n ? /* @__PURE__ */ r(
+    p,
+    {
+      "aria-controls": "prioritize-debts",
+      "aria-describedby": "prioritize-debts",
+      "aria-haspopup": !0,
+      "aria-label": "prioritize-debts",
+      onClick: t,
+      startIcon: /* @__PURE__ */ r(o, { name: i }),
+      sx: { justifyContent: "start", minWidth: 214, mx: 4 },
+      children: e
+    }
+  ) : /* @__PURE__ */ r(
+    d,
+    {
+      "aria-controls": "prioritize-debts",
+      "aria-describedby": "prioritize-debts",
+      "aria-haspopup": !0,
+      "aria-label": "prioritize-debts",
+      onClick: t,
+      children: /* @__PURE__ */ r(o, { name: i })
+    }
+  );
+};
+export {
+  z as DebtsPriorityButton
+};

package/dist/debts/components/debtspriority/DebtsPrioriyPopover/index.es.js

@@ -0,0 +1,74 @@
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import _ from "@mui/material/List";
+import d from "@mui/material/ListItem";
+import y from "@mui/material/Popover";
+import E from "@mui/icons-material/CheckCircle";
+import { Text as S } from "@mxenabled/mxui";
+import { useDebtsUiStore as v } from "../../../hooks/useDebtsUiStore/index.es.js";
+import { DebtPrioriy as e } from "../../../constants/index/index.es.js";
+import { useEvent as C, useGlobalCopyStore as g } from "../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as x } from "../../../../common/constants/Analytics/index.es.js";
+const z = b(({ buttonEl: n, onClose: s }) => {
+  const { onEvent: c } = C(), { debts: t } = g(), { selectedDebtPriority: i, setSelectedDebtPriority: l } = v(), m = !!n, p = [
+    {
+      priority: e.HIGHEST_INTEREST,
+      text: t.priority_sort_highest_interest
+    },
+    {
+      priority: e.LOWEST_BALANCE,
+      text: t.priority_sort_lowest_balance
+    },
+    {
+      priority: e.HIGHEST_BALANCE,
+      text: t.priority_sort_highest_balance
+    }
+  ], a = (o) => {
+    l(o), c(x.DEBTS_CLICK_PRIORITY, { debts_priority: o });
+  };
+  return /* @__PURE__ */ r(
+    y,
+    {
+      anchorEl: n,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      id: "prioritize-debts",
+      onClose: s,
+      open: m,
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: /* @__PURE__ */ r(_, { children: p.map(({ priority: o, text: h }) => /* @__PURE__ */ f(
+        d,
+        {
+          onClick: () => a(o),
+          sx: {
+            bgcolor: i === o ? "primary.main" : void 0,
+            color: i === o ? "#fff" : void 0,
+            justifyContent: "space-between",
+            minHeight: 44,
+            minWidth: 268,
+            px: 24,
+            py: 12,
+            "&:hover": {
+              bgcolor: "background.highlight",
+              cursor: "pointer",
+              color: "text.primary"
+            }
+          },
+          children: [
+            /* @__PURE__ */ r(S, { color: "inherit", variant: "Small", children: h }),
+            i === o && /* @__PURE__ */ r(E, { color: "inherit", fontSize: "small" })
+          ]
+        },
+        o
+      )) })
+    }
+  );
+});
+export {
+  z as DebtsPriorityPopover
+};

package/dist/debts/constants/index/index.es.js

@@ -0,0 +1,4 @@
+var T = /* @__PURE__ */ ((E) => (E[E.HIGHEST_INTEREST = 1] = "HIGHEST_INTEREST", E[E.LOWEST_BALANCE = 2] = "LOWEST_BALANCE", E[E.HIGHEST_BALANCE = 3] = "HIGHEST_BALANCE", E))(T || {});
+export {
+  T as DebtPrioriy
+};

package/dist/debts/hooks/useDebtsUiStore/index.es.js

@@ -0,0 +1,11 @@
+import t from "react";
+import { useDebtStore as e } from "../../../common/context/hooks/index.es.js";
+import { GlobalDataContext as o } from "../../../common/context/GlobalDataProvider/index.es.js";
+const a = () => {
+  if (!t.useContext(o))
+    throw new Error("useCateUiStore() must be used within the GlobalDataContext");
+  return e().uiStore;
+};
+export {
+  a as useDebtsUiStore
+};

package/dist/debts/index.es.js

@@ -0,0 +1,10 @@
+import { default as r } from "./DebtsWidget/index.es.js";
+import { DebtsChart as b } from "./components/DebtsChart/index.es.js";
+import { DebtsTable as s } from "./components/DebtsTable/index.es.js";
+import { DebtsStore as m } from "./store/DebtsStore/index.es.js";
+export {
+  b as DebtsChart,
+  m as DebtsStore,
+  s as DebtsTable,
+  r as DebtsWidget
+};

package/dist/debts/store/DebtsStore/index.es.js

@@ -0,0 +1,20 @@
+import { makeAutoObservable as r } from "mobx";
+import { loadDebts as s } from "../../utils/DebtStore/index.es.js";
+import { DebtsUiStore as a } from "../DebtsUiStore/index.es.js";
+class m {
+  globalStore;
+  uiStore;
+  constructor(e) {
+    this.globalStore = e, this.uiStore = new a(), r(this);
+  }
+  get debts() {
+    const { visibleDebtAccounts: e } = this.globalStore.accountStore, { debtGoals: t } = this.globalStore.goalStore;
+    return s(e, t);
+  }
+  get totalMonthlyPayments() {
+    return this.debts.map((t) => Number(t.monthly_payment)).filter((t) => !isNaN(t)).reduce((t, o) => t + o, 0);
+  }
+}
+export {
+  m as DebtsStore
+};

package/dist/debts/store/DebtsUiStore/index.es.js

@@ -0,0 +1,23 @@
+import { makeAutoObservable as r } from "mobx";
+import { DebtPrioriy as s } from "../../constants/index/index.es.js";
+class d {
+  isLoading = !1;
+  selectedDebtChartData = {};
+  selectedDebtPriority = s.LOWEST_BALANCE;
+  constructor() {
+    r(this);
+  }
+  get showError() {
+    const { interest_rate: t, monthly_payment: e } = this.selectedDebtChartData;
+    return t === void 0 || e === void 0;
+  }
+  get showCompleted() {
+    return this.selectedDebtChartData.is_paid_off;
+  }
+  setIsLoading = (t) => this.isLoading = t;
+  setSelectedDebtChartData = (t) => this.selectedDebtChartData = t;
+  setSelectedDebtPriority = (t) => this.selectedDebtPriority = t;
+}
+export {
+  d as DebtsUiStore
+};

package/dist/debts/utils/DebtStore/index.es.js

@@ -0,0 +1,26 @@
+import { getDate as r, fromUnixTime as s, startOfMonth as d } from "date-fns";
+import { AccountType as u } from "../../../common/types/Account/index.es.js";
+const y = {
+  unnamed_label: "Unnamed Debt"
+};
+function f(n, a) {
+  const e = n.filter((t) => t.account_type === u.CHECKING_LINE_OF_CREDIT ? Number(t.balance) <= 0 : t.is_excluded_from_debts !== !0), m = a.filter((t) => e.some((i) => i.guid === t.account_guid)).map(
+    (t) => o(e.find((i) => i.guid === t.account_guid), t)
+  ), _ = e.filter((t) => !m.some((i) => i.account.guid === t.guid)).map((t) => o(t));
+  return [...m, ..._];
+}
+function o(n, a) {
+  const e = { account: n, goal: a, guid: n.guid };
+  if (a) {
+    const m = a.payment_due_at ? r(s(a.payment_due_at)) : 1, _ = d(/* @__PURE__ */ new Date()).setDate(m);
+    e.balance = Math.abs(a.amount - a.current_amount), e.interest_rate = a.interest_rate, e.is_paid_off = a.is_complete, e.monthly_payment = a.monthly_payment, e.name = a.name, e.original_balance = a.initial_amount, e.payment_due_date = _;
+  } else {
+    const m = n.payment_due_at ? r(s(n.payment_due_at)) : 1, _ = d(/* @__PURE__ */ new Date()).setDate(m), t = n.balance ?? 0, i = n.minimum_payment ?? void 0, p = n.interest_rate ?? n.apr ?? n.apy;
+    e.balance = Math.max(t, 0), e.interest_rate = p, e.is_paid_off = t === 0, e.monthly_payment = i, e.name = n?.name ?? y.unnamed_label, e.original_balance = n.original_balance, e.payment_due_date = _;
+  }
+  return e.is_impossible = !1, e.priority = void 0, e.projected_payoff_date = void 0, e;
+}
+export {
+  o as createDebt,
+  f as loadDebts
+};

package/dist/debts/utils/DebtsChart/index.es.js

@@ -0,0 +1,13 @@
+const o = "#FF7B08";
+function e(n, t) {
+  const [h, r, M] = n.replace(/^#/, "").match(/.{1,2}/g).map((m) => parseInt(m, 16)), a = [
+    Math.max(0, Math.min(255, Math.round(h * t))),
+    Math.max(0, Math.min(255, Math.round(r * t))),
+    Math.max(0, Math.min(255, Math.round(M * t)))
+  ];
+  return `rgb(${a[0]}, ${a[1]}, ${a[2]})`;
+}
+export {
+  o as BASE_LINE_COLOR,
+  e as adjustBrightness
+};

package/dist/debts/utils/DebtsTable/index.es.js

@@ -0,0 +1,15 @@
+function o(r, n) {
+  const t = (i) => {
+    if (typeof i == "number") return i;
+    if (i === "!" || i === "✓") return 1 / 0;
+    throw new Error("Unsupported value");
+  };
+  return t(r) - t(n);
+}
+function e(r) {
+  return r.is_paid_off ? "✓" : r.priority === void 0 || r.is_impossible ? "!" : r.priority;
+}
+export {
+  e as getPriorityValue,
+  o as priorityComparator
+};

package/dist/debts/utils/DebtsWidget/index.es.js

@@ -0,0 +1,42 @@
+import { sortDebtsByPrioriy as d } from "../shared/index.es.js";
+const D = (m, p, y = 0) => {
+  const i = m.map((t) => ({ ...t }));
+  d(i, p);
+  const n = /* @__PURE__ */ new Date(), a = [];
+  let r = 0, b = 1;
+  for (const t of i)
+    a.push({
+      ...t,
+      // Start with the initial balance
+      dataset: [{ x: new Date(n), y: t.balance }]
+    });
+  for (; i.some((t) => t.balance >= 0.01 && !t.is_impossible); ) {
+    let t = !1;
+    for (const [o, e] of i.entries()) {
+      if (e.balance <= 0.01) continue;
+      const l = a[o].dataset, h = (e.interest_rate ?? 0) / 100 / 12, f = e.balance * h;
+      let c = e.monthly_payment ?? 0;
+      o === 0 && (c += y), e.balance += f;
+      const s = Math.min(e.balance, c + r);
+      if (s <= f) {
+        e.is_impossible = !0, a[o].is_impossible = !0, a[o].priority = void 0, l.push({ x: new Date(n), y: e.balance });
+        continue;
+      }
+      e.balance -= s, e.balance = e.balance < 0.01 ? 0 : e.balance, l.push({
+        x: new Date(n),
+        y: Math.max(0, e.balance),
+        payment: s,
+        extra: r
+      }), e.balance <= 0 && (r += c, a[o].projected_payoff_date = new Date(n)), s > 0 && (t = !0);
+    }
+    t && n.setMonth(n.getMonth() + 1);
+  }
+  return a.forEach((t) => {
+    (t.interest_rate === void 0 || t.interest_rate === void 0) && (t.projected_payoff_date = void 0);
+  }), a.forEach((t) => {
+    t.priority = !t.is_paid_off && !t.is_impossible ? b++ : void 0;
+  }), a;
+};
+export {
+  D as transformDebtsChartData
+};

package/dist/debts/utils/SnowballCard/index.es.js

@@ -0,0 +1,37 @@
+import { intervalToDuration as _, formatDuration as u } from "date-fns";
+import { sortDebtsByPrioriy as d } from "../shared/index.es.js";
+import { formatCurrency as v } from "../../../common/utils/NumberFormatting/index.es.js";
+import { formatDate as g, DATE_FORMATS_INTL as M } from "../../../common/constants/DateFormats/index.es.js";
+function S(c, p, m = 0) {
+  const a = c.map((t) => ({ ...t })).filter(
+    (t) => t.interest_rate !== void 0 && t.monthly_payment !== void 0 && !t.is_paid_off
+  );
+  d(a, p);
+  let l = 0, f = 0;
+  const b = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
+  for (; a.some((t) => t.balance >= 0.01 && !t.is_impossible); ) {
+    let t = !1;
+    for (const [h, e] of a.entries()) {
+      if (e.balance <= 0.01 || e.is_impossible) continue;
+      const D = (e.interest_rate ?? 0) / 100 / 12, i = e.balance * D;
+      let s = e.monthly_payment ?? 0;
+      h === 0 && m && (s += m), e.balance += i;
+      const r = Math.min(e.balance, s + f);
+      if (r <= i) {
+        e.is_impossible = !0;
+        continue;
+      }
+      e.balance -= r, e.balance = e.balance < 0.01 ? 0 : e.balance, l += i, e.balance <= 0 && (f += s), r > 0 && (t = !0);
+    }
+    t && n.setMonth(n.getMonth() + 1);
+  }
+  const o = a.some((t) => t.is_impossible && t.balance > 0), y = _({ start: b, end: n });
+  return {
+    payoffSavings: o ? "N/A" : v(l, "0,0.00"),
+    payoffDate: o ? "Never" : g(n, M.MONTH_YEAR),
+    payoffDuration: o ? "Stagnant" : u(y, { format: ["years", "months"] }) || "0 months"
+  };
+}
+export {
+  S as getPayoffProjection
+};