@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/{DebtsStore-hi1cqrRk.mjs → DebtsStore-Dv_T7Dts.mjs}

@@ -1,25 +1,25 @@
-import { makeAutoObservable as l } from "mobx";
+import { makeAutoObservable as d } from "mobx";
 import { getDate as r, fromUnixTime as _, startOfMonth as m } from "date-fns";
-import { A as p } from "./ConnectDrawer-Dn1MlqLz.mjs";
+import { A as b } from "./Account-CMjOp7S2.mjs";
 const E = 12, T = 100;
 var c = /* @__PURE__ */ ((a) => (a[a.FASTEST_PAYOFF_FIRST = 1] = "FASTEST_PAYOFF_FIRST", a[a.HIGHEST_INTEREST = 2] = "HIGHEST_INTEREST", a[a.LOWEST_BALANCE = 3] = "LOWEST_BALANCE", a[a.HIGHEST_BALANCE = 4] = "HIGHEST_BALANCE", a))(c || {});
-const b = {
+const p = {
   unnamed_label: "Unnamed Debt"
 };
 function y(a, e) {
-  const t = a.filter((n) => n.account_type === p.CHECKING_LINE_OF_CREDIT ? Number(n.balance) <= 0 : n.is_excluded_from_debts !== !0), s = e.filter((n) => t.some((i) => i.guid === n.account_guid)).map(
-    (n) => d(t.find((i) => i.guid === n.account_guid), n)
-  ), o = t.filter((n) => !s.some((i) => i.account.guid === n.guid)).map((n) => d(n));
+  const t = a.filter((n) => n.account_type === b.CHECKING_LINE_OF_CREDIT ? Number(n.balance) <= 0 : n.is_excluded_from_debts !== !0), s = e.filter((n) => t.some((i) => i.guid === n.account_guid)).map(
+    (n) => l(t.find((i) => i.guid === n.account_guid), n)
+  ), o = t.filter((n) => !s.some((i) => i.account.guid === n.guid)).map((n) => l(n));
   return [...s, ...o];
 }
-function d(a, e) {
+function l(a, e) {
   const t = { account: a, goal: e, guid: a.guid };
   if (e) {
     const s = e.payment_due_at ? r(_(e.payment_due_at)) : 1, o = m(/* @__PURE__ */ new Date()).setDate(s);
     t.balance = Math.abs(e.amount - e.current_amount), t.interest_rate = e.interest_rate, t.is_paid_off = e.is_complete, t.monthly_payment = e.monthly_payment, t.name = e.name, t.original_balance = e.initial_amount, t.payment_due_date = o;
   } else {
     const s = a.payment_due_at ? r(_(a.payment_due_at)) : 1, o = m(/* @__PURE__ */ new Date()).setDate(s), n = a.balance ?? 0, i = a.minimum_payment ?? void 0, u = a.interest_rate ?? a.apr ?? a.apy;
-    t.balance = Math.max(n, 0), t.interest_rate = u, t.is_paid_off = n === 0, t.monthly_payment = i, t.name = a?.name ?? b.unnamed_label, t.original_balance = a.original_balance, t.payment_due_date = o;
+    t.balance = Math.max(n, 0), t.interest_rate = u, t.is_paid_off = n === 0, t.monthly_payment = i, t.name = a?.name ?? p.unnamed_label, t.original_balance = a.original_balance, t.payment_due_date = o;
   }
   return t.is_impossible = !1, t.priority = void 0, t.projected_payoff_date = void 0, t;
 }
@@ -28,7 +28,7 @@ class h {
   selectedDebtChartData = {};
   selectedDebtPriority = c.LOWEST_BALANCE;
   constructor() {
-    l(this);
+    d(this);
   }
   get showError() {
     const { interest_rate: e, monthly_payment: t } = this.selectedDebtChartData;
@@ -45,11 +45,11 @@ class A {
   globalStore;
   uiStore;
   constructor(e) {
-    this.globalStore = e, this.uiStore = new h(), l(this);
+    this.globalStore = e, this.uiStore = new h(), d(this);
   }
   get debts() {
-    const { visibleDebtAccounts: e } = this.globalStore.accountStore, { debtGoals: t } = this.globalStore.goalStore;
-    return y(e, t);
+    const { visibleDebtAccounts: e } = this.globalStore.accountStore, { selectedAccountGuids: t } = this.globalStore.globalUiStore, { debtGoals: s } = this.globalStore.goalStore, o = t.length ? e.filter((n) => t.includes(n.guid)) : e;
+    return y(o, s);
   }
   get totalMonthlyPayments() {
     return this.debts.map((t) => Number(t.monthly_payment)).filter((t) => !isNaN(t)).reduce((t, s) => t + s, 0);

package/dist/{Dialog-CDV0kKxj.mjs → Dialog-CWymUiuO.mjs}

@@ -1,10 +1,10 @@
-import { intlFormat as D } from "date-fns/intlFormat";
-import { g as y } from "./Localization-2MODESHW.mjs";
-import { jsx as a, jsxs as M } from "react/jsx-runtime";
-import T from "@mui/material/Dialog";
-import g from "@mui/material/DialogContent";
-import { DialogHeader as u, DialogFooter as H } from "@mxenabled/mxui";
-const F = "do", L = "MMM do, yyyy", S = {
+import { intlFormat as M } from "date-fns/intlFormat";
+import { g as T } from "./Localization-2MODESHW.mjs";
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import u from "@mui/material/Dialog";
+import H from "@mui/material/DialogContent";
+import { DialogHeader as N, DialogFooter as Y } from "@mxenabled/mxui";
+const S = "do", x = "MMM do, yyyy", b = {
   TIME_STAMP_HOUR_MINUTE: {
     hour: "numeric",
     minute: "numeric"
@@ -60,34 +60,31 @@ const F = "do", L = "MMM do, yyyy", S = {
     day: "numeric",
     year: "numeric"
   }
-}, x = (i, o) => D(new Date(i), Object.assign(o), { locale: y() }), b = ({
+}, I = (i, o) => M(new Date(i), Object.assign(o), { locale: T() }), P = ({
   className: i,
-  copy: o = {
-    title: "",
-    close_aria: "Close"
-  },
-  disablePrimaryButton: e = !1,
-  isOpen: n = !1,
+  copy: o,
+  disablePrimaryButton: t = !1,
+  isOpen: e = !1,
   onClose: r,
   onPrimaryAction: m,
   primaryColor: c = "primary",
   primaryText: _ = "Confirm",
-  onSecondaryAction: t,
-  secondaryColor: l = "primary",
-  secondaryText: s = "Cancel",
+  onSecondaryAction: n,
+  secondaryColor: s = "primary",
+  secondaryText: l = "Cancel",
   children: A,
   ...d
 }) => {
-  const O = () => {
+  const O = o?.title ?? "", h = o?.close_aria ?? "Close", D = () => {
     m?.(), r();
-  }, h = () => {
-    t && t(), r();
+  }, y = () => {
+    n && n(), r();
   };
-  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ M(
-    T,
+  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ g(
+    u,
     {
       onClose: r,
-      open: n,
+      open: e,
       sx: {
         "& .MuiDialog-paperScrollPaper": {
           backgroundColor: "background.default"
@@ -96,18 +93,18 @@ const F = "do", L = "MMM do, yyyy", S = {
       },
       ...d,
       children: [
-        /* @__PURE__ */ a(u, { copy: { title: o.title, close_aria: o.close_aria }, onClose: r }),
-        /* @__PURE__ */ a(g, { sx: { lineHeight: 1.5 }, children: A }),
+        /* @__PURE__ */ a(N, { copy: { title: O, close_aria: h }, onClose: r }),
+        /* @__PURE__ */ a(H, { sx: { lineHeight: 1.5 }, children: A }),
         /* @__PURE__ */ a(
-          H,
+          Y,
           {
-            isPrimaryDisabled: e,
-            onPrimaryAction: O,
-            onSecondaryAction: h,
+            isPrimaryDisabled: t,
+            onPrimaryAction: D,
+            onSecondaryAction: y,
             primaryColor: c,
             primaryText: _,
-            secondaryColor: l,
-            secondaryText: s
+            secondaryColor: s,
+            secondaryText: l
           }
         )
       ]
@@ -116,8 +113,8 @@ const F = "do", L = "MMM do, yyyy", S = {
 };
 export {
   b as D,
-  F as O,
-  S as a,
-  L as b,
-  x as f
+  S as O,
+  P as a,
+  x as b,
+  I as f
 };

package/dist/Drawer-Bet2ZPJo.mjs

@@ -0,0 +1,176 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+import h from "@mui/material/Stack";
+import { H2 as B, Drawer as D } from "@mxenabled/mxui";
+import b from "@mui/material/Button";
+import v from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const $ = ({
+  footerStyles: a = {},
+  hasSecondaryAction: t = !0,
+  isPrimaryDisabled: i,
+  onPrimaryAction: o,
+  onSecondaryAction: e,
+  primaryButtonProps: n = {},
+  primaryColor: c = "primary",
+  primaryText: d = "Save",
+  secondaryColor: l = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...a
+    },
+    children: [
+      t && /* @__PURE__ */ r(
+        b,
+        {
+          color: l,
+          onClick: e,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        b,
+        {
+          ...n,
+          color: c,
+          disabled: i,
+          onClick: o,
+          variant: "contained",
+          children: d
+        }
+      )
+    ]
+  }
+), L = ({
+  ariaLabelClose: a,
+  onClose: t,
+  shouldShowBorders: i,
+  shouldShowShadow: o,
+  title: e
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    "aria-labelledby": `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+    direction: "row",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...i && {
+        borderBottom: 1,
+        borderColor: "divider"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(v, { "aria-label": a, color: "primary", onClick: t, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(
+            B,
+            {
+              bold: !0,
+              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              variant: "Body",
+              children: e
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(s, { width: "44px" })
+    ]
+  }
+), R = ({
+  ariaLabelClose: a = "Close",
+  children: t,
+  footerStyles: i = {},
+  hasSecondaryAction: o = !0,
+  id: e,
+  isOpen: n,
+  isPrimaryDisabled: c,
+  onClose: d,
+  onPrimaryAction: l,
+  onSecondaryAction: p,
+  primaryButtonProps: g,
+  primaryColor: m = "primary",
+  primaryText: w,
+  secondaryColor: f = "secondary",
+  secondaryText: k,
+  shouldShowHeaderBorders: C = !0,
+  shouldShowHeaderShadow: y = !1,
+  title: x,
+  ...S
+}) => /* @__PURE__ */ r(
+  D,
+  {
+    id: e,
+    isOpen: n,
+    onClose: d,
+    slotProps: {
+      root: {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
+      }
+    },
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...S,
+    children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        L,
+        {
+          ariaLabelClose: a,
+          onClose: d,
+          shouldShowBorders: C,
+          shouldShowShadow: y,
+          title: x
+        }
+      ),
+      /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
+      l && /* @__PURE__ */ r(
+        $,
+        {
+          footerStyles: i,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: l,
+          onSecondaryAction: p ?? d,
+          primaryButtonProps: g,
+          primaryColor: m,
+          primaryText: w,
+          secondaryColor: f,
+          secondaryText: k
+        }
+      )
+    ] })
+  }
+);
+export {
+  R as D
+};

package/dist/{ExportCsvAction-CQ1grpwo.mjs → ExportCsvAction-oG_Mn66T.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-BFpuIAXW.mjs";
-import { O as m } from "./User-DqNX2GAK.mjs";
+import { e as p } from "./exportTransactionsToCSV-BU1jTY0Q.mjs";
+import { O as m } from "./User-CulNdZUr.mjs";
 import { R as x } from "./ResponsiveButton-C6KH8JH4.mjs";
-import { g as _, h as C, u as l } from "./hooks-C41HAxM5.mjs";
+import { g as _, h as C, u as l } from "./hooks-fY_n74f7.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);

package/dist/{FinstrongStore-dKZOZ2hM.mjs → FinstrongStore-BjFkMTIL.mjs}

@@ -1,4 +1,4 @@
-import { makeAutoObservable as D, runInAction as d } from "mobx";
+import { makeAutoObservable as E, runInAction as d } from "mobx";
 import { format as R } from "date-fns/format";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import { getUnixTime as _ } from "date-fns/getUnixTime";
@@ -23,7 +23,7 @@ import X from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemText";
 import { Text as y } from "@mxenabled/mxui";
-import { f as O, a as T } from "./Dialog-CDV0kKxj.mjs";
+import { f as O, D as T } from "./Dialog-CWymUiuO.mjs";
 import { b as j } from "./Localization-2MODESHW.mjs";
 import { f as q } from "./NumberFormatting-DjTD0t3W.mjs";
 const m = {
@@ -89,7 +89,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
           }
         )
       ] }) }),
-      r < e.length - 1 && /* @__PURE__ */ c(B, { sx: { color: "divider", ml: 68 } })
+      /* @__PURE__ */ c(B, { sx: { color: "divider", ml: r === e.length - 1 ? 0 : 68 } })
     ] }, n.key))
   }
 ) }), Gt = (e) => e * (180 / Math.PI), Lt = (e, t) => [
@@ -225,7 +225,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   2: (e, t) => A(e, t) / 2,
   3: A,
   4: L
-}, E = [
+}, D = [
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
   { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
   { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
@@ -242,7 +242,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   if (!i || !l) return a;
   const p = i(s, n), f = l(p, s);
   return Math.max(a / (f || 1), 1);
-}, Jt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Qt = (e) => E.find((n) => e < n.upperLimit)?.targetAmount ?? tt, Zt = (e) => E.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? Z, te = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
+}, Jt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Qt = (e) => D.find((n) => e < n.upperLimit)?.targetAmount ?? tt, Zt = (e) => D.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? Z, te = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
   x: O(new Date(0, r.month - 1, 1), T.MONTH_SHORT),
   y: r[t]
 })), rt = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
@@ -286,7 +286,7 @@ class ee {
   isSpendingInitialized = !1;
   isIncomeInitialized = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new F(t.endpoint, t.sessionToken, t.onError), D(this);
+    this.globalStore = t, this.api = new F(t.endpoint, t.sessionToken, t.onError), E(this);
   }
   setSpendingInitialized = (t) => {
     this.isSpendingInitialized = t;