@mx-cartographer/experiences 7.0.44-alpha.mega1 → 7.0.44

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [7.0.44] - 10-07-2025
+## [7.0.44] - 10-06-2025
 
- **UPDATED** - Enhance accounts list UI for mini view
+- **UPDATED** - Displayed account names to use account nickname when available
 
 ## [7.0.43] - 10-06-2025
 

package/dist/{Account-CYkoSG86.mjs → Account-DNtjr75t.mjs}

@@ -1,4 +1,4 @@
-import { A as C } from "./ConnectDrawer-CNdzwKdX.mjs";
+import { A as C } from "./ConnectDrawer-YIWwEzuN.mjs";
 const I = [
   C.ANY,
   C.CASH,

package/dist/{AccountDetailsContent-BuXTLptM.mjs → AccountDetailsContent-eODMVIVq.mjs}

@@ -11,18 +11,18 @@ import M from "@mui/material/Divider";
 import v from "@mui/material/ListItem";
 import N from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
-import { u as D } from "./AccountDetailsHeader-BWl2e21n.mjs";
-import { c as z, u as E, f as O, g as X } from "./hooks-BAAimqdq.mjs";
-import { A as at } from "./AccountListItem-D9mpJkCP.mjs";
-import { A as k } from "./WidgetContainer-DfyV39Ru.mjs";
-import { a as V, f as B, D as j } from "./Dialog-CWW597AF.mjs";
+import { u as D } from "./AccountDetailsHeader-C0qgTju7.mjs";
+import { d as z, u as E, g as O, h as X } from "./hooks-CE2TKk4a.mjs";
+import { A as at } from "./AccountListItem-BxmUd4j3.mjs";
+import { A as k } from "./WidgetContainer-p7NIdiNJ.mjs";
+import { a as V, f as B, D as K } from "./Dialog-CWW597AF.mjs";
 import { b as h } from "./Localization-2MODESHW.mjs";
 import { D as J } from "./Drawer-kEE73B87.mjs";
 import R from "@mui/material/ListItemAvatar";
 import ct from "@mui/material/Stack";
 import st from "@mui/material/styles/useTheme";
 import { Error as q, CheckCircle as it, Language as rt } from "@mxenabled/mx-icons";
-import { l as m, N as Q, j as Z, F as P } from "./ConnectDrawer-CNdzwKdX.mjs";
+import { l as m, N as Q, k as Z, F as P } from "./ConnectDrawer-YIWwEzuN.mjs";
 import { fromUnixTime as lt } from "date-fns/fromUnixTime";
 import { isToday as dt } from "date-fns/isToday";
 import { isYesterday as ut } from "date-fns/isYesterday";
@@ -37,15 +37,15 @@ import { LocalizationProvider as ft } from "@mui/x-date-pickers-pro";
 import At from "@mui/material/MenuItem";
 import bt from "@mui/material/Select";
 import Tt from "@mui/material/TextField";
-import { C as St } from "./CurrencyInput-pHmLzc_c.mjs";
-import { b as Dt } from "./AccountFields-x4A7Loe5.mjs";
+import { C as St } from "./CurrencyInput-CRtdzs3o.mjs";
+import { b as Dt } from "./AccountFields-DDHk35Ou.mjs";
 import Et from "@mui/material/Alert";
 import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
 import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-DO_YihKP.mjs";
-import { T as K } from "./TabContentContainer-j01JYR_7.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-B-rdHE3_.mjs";
+import { T as j } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,
   isLast: o = !1,
@@ -314,11 +314,11 @@ const U = ({
       };
     default: {
       const c = () => {
-        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, u = i && B(i, j.TIME_STAMP_HOUR_MINUTE);
+        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, u = i && B(i, K.TIME_STAMP_HOUR_MINUTE);
         if (u)
           return dt(i) ? h(o.last_updated_at, o.today, u) : ut(i) ? h(o.last_updated_at, o.yesterday, u) : h(
             o.last_updated_at,
-            B(i, j.MONTH_DAY_YEAR),
+            B(i, K.MONTH_DAY_YEAR),
             u
           );
       };
@@ -609,7 +609,7 @@ const U = ({
       }
     )
   ] });
-}, Bt = T(Gt), jt = () => {
+}, Bt = T(Gt), Kt = () => {
   const [e, o] = _.useState(""), { onEvent: n } = O(), { selectedAccount: c } = D(), { accounts: i } = E(), { setFilter: u, sortedTransactions: l } = X(), s = _.useMemo(
     () => l.find((r) => r.guid === e),
     [e, l]
@@ -632,7 +632,7 @@ const U = ({
       }
     )
   ] });
-}, Kt = T(jt), Yt = () => {
+}, jt = T(Kt), Yt = () => {
   const [e, o] = _.useState(0), { accounts: n } = E();
   return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(Bt, { setTabValue: o }),
@@ -665,8 +665,8 @@ const U = ({
         ]
       }
     ),
-    /* @__PURE__ */ t(K, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(Kt, {}) }),
-    /* @__PURE__ */ t(K, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
+    /* @__PURE__ */ t(j, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(jt, {}) }),
+    /* @__PURE__ */ t(j, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
   ] });
 }, He = T(Yt);
 export {

package/dist/{AccountDetailsHeader-BWl2e21n.mjs → AccountDetailsHeader-C0qgTju7.mjs}

@@ -2,28 +2,29 @@ import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { observer as p } from "mobx-react-lite";
 import d from "@mui/material/Stack";
 import { H3 as w, InstitutionLogo as I, Text as m, H2 as L } from "@mxenabled/mxui";
-import { g as N } from "./AccountFields-x4A7Loe5.mjs";
+import { g as v } from "./AccountFields-DDHk35Ou.mjs";
 import h from "react";
-import { G as v, c as S, m as y, u as _, e as E } from "./hooks-BAAimqdq.mjs";
-import G from "@mui/material/Card";
-import O from "@mui/material/CardContent";
-import P from "@mui/material/CardHeader";
-import { useTheme as M } from "@mui/material/styles";
-import { g as B, a as H, b as U } from "./SpendingData-D5vsfYKo.mjs";
-import { L as j } from "./LineChart-CHTf3RcN.mjs";
-import { I as f, P as g, S as C } from "./Account-CYkoSG86.mjs";
-import { A } from "./ConnectDrawer-CNdzwKdX.mjs";
-import { L as z } from "./Loader-DUaFpDGv.mjs";
-import { f as Y, D as R } from "./Dialog-CWW597AF.mjs";
-import { f as $ } from "./NumberFormatting-CtWHhyBX.mjs";
+import { G as E, d as y, m as S, u as _, f as G } from "./hooks-CE2TKk4a.mjs";
+import O from "@mui/material/Card";
+import P from "@mui/material/CardContent";
+import M from "@mui/material/CardHeader";
+import { useTheme as B } from "@mui/material/styles";
+import { g as H, a as U, b as j } from "./SpendingData-D5vsfYKo.mjs";
+import { L as z } from "./LineChart-B2Y7zwMu.mjs";
+import { I as f, P as g, S as C } from "./Account-DNtjr75t.mjs";
+import { A } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { L as Y } from "./Loader-DUaFpDGv.mjs";
+import { f as R, D as $ } from "./Dialog-CWW597AF.mjs";
+import { u as k } from "./useAccountDisplayName-DC1Lqjag.mjs";
+import { f as F } from "./NumberFormatting-CtWHhyBX.mjs";
 const b = () => {
-  if (!h.useContext(v))
+  if (!h.useContext(E))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return S().uiStore;
-}, k = (o, n) => {
-  const t = f.includes(n) ? B(o) : [], a = g.includes(n) ? H(o) : [], r = C.includes(n) ? U(o) : [];
+  return y().uiStore;
+}, V = (o, n) => {
+  const t = f.includes(n) ? H(o) : [], a = g.includes(n) ? U(o) : [], r = C.includes(n) ? j(o) : [];
   return [t, a, r].filter((s) => s.length > 0);
-}, F = (o, n, t) => {
+}, W = (o, n, t) => {
   const [a, r] = o, s = a, c = r ?? a, i = [];
   if (s && c && f.includes(n)) {
     const l = s[s.length - 1].y;
@@ -37,10 +38,10 @@ const b = () => {
     i.push({ label: t.spending_label, amount: l });
   }
   return i;
-}, V = () => {
-  const o = M(), { selectedAccount: n } = b(), { monthlyCategoryTotals: t } = y(), { trends: a } = _(), r = [o.palette.chart?.chart1, o.palette.chart?.chart2], s = k(t, n.account_type), c = F(s, n.account_type, a), i = [A.LOAN, A.MORTGAGE].includes(n.account_type);
+}, q = () => {
+  const o = B(), { selectedAccount: n } = b(), { monthlyCategoryTotals: t } = S(), { trends: a } = _(), r = [o.palette.chart?.chart1, o.palette.chart?.chart2], s = V(t, n.account_type), c = W(s, n.account_type, a), i = [A.LOAN, A.MORTGAGE].includes(n.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    j,
+    z,
     {
       colors: r,
       datasets: s,
@@ -52,14 +53,14 @@ const b = () => {
       valueFormatterString: "0,0"
     }
   ) });
-}, W = p(V), q = ({ sx: o }) => {
-  const { loadMonthlyCategoryTotals: n } = y(), { isInitialized: t } = E(), { selectedAccount: a } = b(), [r, s] = h.useState(!1);
+}, J = p(q), K = ({ sx: o }) => {
+  const { loadMonthlyCategoryTotals: n } = S(), { isInitialized: t } = G(), { selectedAccount: a } = b(), [r, s] = h.useState(!1);
   return h.useEffect(() => {
     t && n([a]).finally(() => {
       s(!0);
     });
-  }, [t, a]), !t || !r ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ u(
-    G,
+  }, [t, a]), !t || !r ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ u(
+    O,
     {
       sx: {
         "& .MuiCardContent-root:last-child": {
@@ -69,24 +70,24 @@ const b = () => {
       },
       children: [
         /* @__PURE__ */ e(
-          P,
+          M,
           {
             sx: { pb: 0 },
-            title: /* @__PURE__ */ e(w, { sx: { pb: 4 }, children: Y(/* @__PURE__ */ new Date(), R.MONTH_LONG) })
+            title: /* @__PURE__ */ e(w, { sx: { pb: 4 }, children: R(/* @__PURE__ */ new Date(), $.MONTH_LONG) })
           }
         ),
-        /* @__PURE__ */ e(O, { sx: { p: 0 }, children: /* @__PURE__ */ e(W, {}) })
+        /* @__PURE__ */ e(P, { sx: { p: 0 }, children: /* @__PURE__ */ e(J, {}) })
       ]
     }
   );
-}, J = p(q), K = ({ customDetailsChart: o }) => {
-  const { institutions: n } = S(), { selectedAccount: t } = b(), { accounts: a } = _(), { firstSubtitle: r, firstValue: s, hasAvailableBalance: c, secondSubtitle: i, secondValue: l } = N(t, a), T = n.find(
-    (x) => x.guid === t?.institution_guid
+}, Q = p(K), X = ({ customDetailsChart: o }) => {
+  const { institutions: n } = y(), { selectedAccount: t } = b(), { accounts: a } = _(), { firstSubtitle: r, firstValue: s, hasAvailableBalance: c, secondSubtitle: i, secondValue: l } = v(t, a), T = n.find(
+    (N) => N.guid === t?.institution_guid
   ), D = [
     ...f,
     ...g,
     ...C
-  ].includes(t.account_type);
+  ].includes(t.account_type), x = k(t);
   return /* @__PURE__ */ u(d, { bgcolor: "background.default", p: 24, children: [
     /* @__PURE__ */ u(d, { gap: 12, children: [
       /* @__PURE__ */ e(
@@ -100,20 +101,20 @@ const b = () => {
       /* @__PURE__ */ e(m, { variant: "Small", children: T?.name })
     ] }),
     /* @__PURE__ */ u(d, { gap: 8, mb: 24, mt: 4, children: [
-      /* @__PURE__ */ e(L, { children: t.name || t.feed_name }),
+      /* @__PURE__ */ e(L, { children: x }),
       /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ e(m, { bold: c, variant: "Body", children: r }),
-        /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: $(s, "0,0.00") })
+        /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: F(s, "0,0.00") })
       ] }),
       /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
         /* @__PURE__ */ e(m, { variant: "Small", children: i }),
         /* @__PURE__ */ e(m, { variant: "Small", children: l })
       ] })
     ] }),
-    D && /* @__PURE__ */ e(d, { children: o || /* @__PURE__ */ e(J, {}) })
+    D && /* @__PURE__ */ e(d, { children: o || /* @__PURE__ */ e(Q, {}) })
   ] });
-}, ft = p(K);
+}, bt = p(X);
 export {
-  ft as A,
+  bt as A,
   b as u
 };

package/dist/{AccountFields-x4A7Loe5.mjs → AccountFields-DDHk35Ou.mjs}

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
-import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-CNdzwKdX.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-CeeJag5-.mjs";
+import { F as m, A as d, a as v, P as h, b as F } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-nXcS0QUR.mjs";
 import { f as _, i as b, a as N, b as S } from "./NumberFormatting-CtWHhyBX.mjs";
 import { b as i } from "./Localization-2MODESHW.mjs";
 import { f as o, D as f } from "./Dialog-CWW597AF.mjs";

package/dist/AccountListItem-BxmUd4j3.mjs

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import I from "@mui/material/Badge";
+import m from "@mui/material/Box";
+import S from "@mui/material/ListItem";
+import v from "@mui/material/ListItemAvatar";
+import _ from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemText";
+import B from "@mui/material/styles/useTheme";
+import { InstitutionLogo as L, Text as o } from "@mxenabled/mxui";
+import { Error as A } from "@mxenabled/mx-icons";
+import { I as j } from "./IconBacking-B9oC6uL2.mjs";
+import { g as T } from "./AccountFields-DDHk35Ou.mjs";
+import { u as X } from "./useAccountDisplayName-DC1Lqjag.mjs";
+import { d } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { u as $ } from "./hooks-CE2TKk4a.mjs";
+import { f as k } from "./NumberFormatting-CtWHhyBX.mjs";
+const w = {
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, E = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(A, { color: "error", filled: !0, sx: { fontSize: t, ...w } }) }), M = ({
+  account: t,
+  onRowClick: s,
+  listItemProps: c,
+  shouldShowConnectionStatus: p = !1
+}) => {
+  const u = B(), f = X(t), { accounts: i } = $(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
+    t,
+    i
+  );
+  let n;
+  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (n = /* @__PURE__ */ e(E, { size: 16 }));
+  const a = /* @__PURE__ */ r(l, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+      I,
+      {
+        badgeContent: p ? n : void 0,
+        sx: {
+          "& .MuiBadge-badge": {
+            right: -1
+          }
+        },
+        children: /* @__PURE__ */ e(L, { alt: "MX", institutionGuid: t.institution_guid || "" })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      C,
+      {
+        disableTypography: !0,
+        primary: /* @__PURE__ */ r(
+          o,
+          {
+            bold: !0,
+            color: t.is_hidden ? u.palette.text.secondary : void 0,
+            sx: { whiteSpace: "normal" },
+            variant: "Body",
+            children: [
+              `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
+              " ",
+              t.is_hidden && !t.is_closed && i.is_hidden,
+              t.is_closed && i.is_closed
+            ]
+          }
+        ),
+        secondary: /* @__PURE__ */ r(l, { children: [
+          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "XSmall", children: h }),
+            /* @__PURE__ */ e(o, { bold: !0, variant: "Small", children: k(g, "0,0.00") })
+          ] }),
+          /* @__PURE__ */ r(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "XSmall", children: x }),
+            /* @__PURE__ */ e(o, { ml: "auto", variant: "XSmall", children: y })
+          ] })
+        ] })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    S,
+    {
+      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
+      ...c,
+      children: s ? /* @__PURE__ */ e(_, { alignItems: "flex-start", onClick: s, sx: { px: 24 }, children: a }) : a
+    }
+  );
+}, Z = b(M);
+export {
+  Z as A
+};

package/dist/{AccountStore-WQAkYgx1.mjs → AccountStore-CpjCeykS.mjs}

@@ -1,7 +1,7 @@
 import { makeAutoObservable as _, runInAction as a } from "mobx";
-import { i as g } from "./User-Bfnq7dd4.mjs";
+import { i as g } from "./User-8itAR7lR.mjs";
 import { F as f, A as i } from "./Fetch-87LIQbEA.mjs";
-import { A as n, d as h, E as p, g as y, h as I } from "./ConnectDrawer-CNdzwKdX.mjs";
+import { A as n, d as h, E as p, h as y, i as I } from "./ConnectDrawer-YIWwEzuN.mjs";
 class l {
   fetchInstance;
   constructor(t, e, s) {

package/dist/{Accounts-CeeJag5-.mjs → Accounts-nXcS0QUR.mjs}

@@ -1,4 +1,4 @@
-import { A as _ } from "./ConnectDrawer-CNdzwKdX.mjs";
+import { A as _ } from "./ConnectDrawer-YIWwEzuN.mjs";
 const s = (t) => t && (t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CHECKING_LINE_OF_CREDIT), p = (t) => t.is_manual || !t.guid, E = (t) => t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.CHECKING_LINE_OF_CREDIT, a = (t) => t.account_type === _.SAVINGS || t.account_type === _.CHECKING || t.account_type === _.LINE_OF_CREDIT || t.account_type === _.CREDIT_CARD || t.account_type === _.LOAN || t.account_type === _.MORTGAGE, y = (t) => t.account_type === _.LOAN || t.account_type === _.MORTGAGE;
 export {
   s as a,

package/dist/{BudgetUtil-n3gEKIub.mjs → BudgetUtil-2EncZLBQ.mjs}

@@ -1,4 +1,4 @@
-import { h as _ } from "./hooks-BAAimqdq.mjs";
+import { i as _ } from "./hooks-CE2TKk4a.mjs";
 import { b as d } from "./Category-CevNQ03n.mjs";
 import { b as f } from "./Localization-2MODESHW.mjs";
 import { f as l } from "./NumberFormatting-CtWHhyBX.mjs";

package/dist/{CategorySelectorDrawer-993LpETZ.mjs → CategorySelectorDrawer-BmenK5bu.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as E } from "react/jsx-runtime";
 import { observer as g } from "mobx-react-lite";
 import C from "react";
 import $ from "@mui/material/Stack";
-import { G as K, m as y, u as b, f as D, a as U } from "./hooks-BAAimqdq.mjs";
+import { G as K, m as y, u as b, g as D, b as U } from "./hooks-CE2TKk4a.mjs";
 import Y from "@mui/material/List";
 import V from "@mui/material/Paper";
 import v from "@mui/material/Divider";