@mx-cartographer/experiences 7.12.16 → 7.13.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.13.0] - 03-24-2026
+
+- **UPDATED** - All text variants to replace deprecated variants
+
+## [7.12.17] - 03-24-2026
+
+- **UPDATED** - Respect exclude held accounts in client widget profile
+
 ## [7.12.16] - 03-24-2026
 
 - **UPDATED** - MXUI -> 1.5.14 | button text error color when hovered/pressed

package/dist/{AccountDetailsHeader-DkBNsLsI.mjs → AccountDetailsHeader-D9gbTbUt.mjs}

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { observer as f } from "mobx-react-lite";
-import a from "@mui/material/Stack";
+import s from "@mui/material/Stack";
 import { H3 as T, InstitutionLogo as x, Text as l, H2 as D } from "@mxenabled/mxui";
 import p from "react";
 import { G as N, d as _, l as P, f as G, u as O } from "./hooks-BxkfR-Ff.mjs";
-import { g as R } from "./AccountFields-DeZSQOuM.mjs";
+import { g as R } from "./AccountFields-CxqONzjY.mjs";
 import { A as r } from "./Account-BiB1F8lL.mjs";
 import w from "@mui/material/Card";
 import v from "@mui/material/CardContent";
@@ -17,34 +17,34 @@ const C = () => {
   if (!p.useContext(N))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return _().uiStore;
-}, B = (i, e) => {
+}, k = (o, e) => {
   const c = [r.LOAN, r.MORTGAGE, r.PROPERTY].includes(
-    i
+    o
   ), n = [
     r.CREDIT_CARD,
     r.LINE_OF_CREDIT,
     r.PREPAID,
     r.CHECKING_LINE_OF_CREDIT
-  ].includes(i);
+  ].includes(o);
   return c ? { title: e.label_payments, description: e.chart_title_payments } : n ? { title: e.label_payments_spend, description: e.chart_title_payments_spend } : { title: e.label_income_spend, description: e.chart_title_income_spend };
-}, k = ({
-  sx: i,
+}, B = ({
+  sx: o,
   ChartComponent: e,
   header: c
 }) => {
-  const { loadMonthlyCategoryTotals: n } = P(), { isInitialized: o } = G(), { selectedAccount: d } = C(), [u, m] = p.useState(!1);
+  const { loadMonthlyCategoryTotals: n } = P(), { isInitialized: i } = G(), { selectedAccount: d } = C(), [u, m] = p.useState(!1);
   return p.useEffect(() => {
-    o && n([d]).finally(() => {
+    i && n([d]).finally(() => {
       m(!0);
     });
-  }, [o, d]), !o || !u ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ s(
+  }, [i, d]), !i || !u ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ a(
     w,
     {
       sx: {
         "& .MuiCardContent-root:last-child": {
           pb: 0
         },
-        ...i
+        ...o
       },
       children: [
         /* @__PURE__ */ t(L, { sx: { pb: 0 }, title: /* @__PURE__ */ t(T, { sx: { pb: 4 }, children: c }) }),
@@ -52,44 +52,44 @@ const C = () => {
       ]
     }
   );
-}, F = f(k), V = ({
-  customDetailsChart: i,
+}, F = f(B), V = ({
+  customDetailsChart: o,
   ChartComponent: e
 }) => {
-  const { institutions: c } = _(), { selectedAccount: n } = C(), { accounts: o } = O(), { firstSubtitle: d, firstValue: u, hasAvailableBalance: m, secondSubtitle: h, secondValue: b } = R(n, o), A = c.find(
+  const { institutions: c } = _(), { selectedAccount: n } = C(), { accounts: i } = O(), { firstSubtitle: d, firstValue: u, hasAvailableBalance: m, secondSubtitle: h, secondValue: b } = R(n, i), A = c.find(
     (I) => I.guid === n?.institution_guid
-  ), S = [
+  ), y = [
     ...M,
     ...U,
     ...Y
-  ].includes(n.account_type), g = j(n), { title: y, description: E } = B(n.account_type, o);
-  return /* @__PURE__ */ s(a, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ s(a, { gap: 12, children: [
+  ].includes(n.account_type), g = j(n), { title: E, description: S } = k(n.account_type, i);
+  return /* @__PURE__ */ a(s, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ a(s, { gap: 12, children: [
       /* @__PURE__ */ t(
         x,
         {
-          alt: o.institution_logo_alt,
+          alt: i.institution_logo_alt,
           institutionGuid: n.institution_guid || "",
           size: 64
         }
       ),
-      /* @__PURE__ */ t(l, { variant: "Small", children: A?.name })
+      /* @__PURE__ */ t(l, { variant: "body2", children: A?.name })
     ] }),
-    /* @__PURE__ */ s(a, { gap: 8, mb: 24, mt: 4, children: [
+    /* @__PURE__ */ a(s, { gap: 8, mb: 24, mt: 4, children: [
       /* @__PURE__ */ t(D, { children: g }),
-      /* @__PURE__ */ s(a, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { bold: m, variant: "Body", children: d }),
-        /* @__PURE__ */ t(l, { bold: !0, variant: "Body", children: z(u, "0,0.00") })
+      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(l, { bold: m, variant: "body1", children: d }),
+        /* @__PURE__ */ t(l, { bold: !0, variant: "body1", children: z(u, "0,0.00") })
       ] }),
-      /* @__PURE__ */ s(a, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { variant: "Small", children: h }),
-        /* @__PURE__ */ t(l, { variant: "Small", children: b })
+      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(l, { variant: "body2", children: h }),
+        /* @__PURE__ */ t(l, { variant: "body2", children: b })
       ] })
     ] }),
-    S && /* @__PURE__ */ t(a, { "aria-label": E, role: "img", children: i || /* @__PURE__ */ t(F, { ChartComponent: e, header: y }) })
+    y && /* @__PURE__ */ t(s, { "aria-label": S, role: "img", children: o || /* @__PURE__ */ t(F, { ChartComponent: e, header: E }) })
   ] });
-}, st = f(V);
+}, at = f(V);
 export {
-  st as A,
+  at as A,
   C as u
 };

package/dist/{AccountFields-DeZSQOuM.mjs → AccountFields-CxqONzjY.mjs}

@@ -1,9 +1,9 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Icon as p, Text as y } from "@mxenabled/mxui";
 import { A as d, a as v, P as h, b as F } from "./Account-BiB1F8lL.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-M-LTzStv.mjs";
+import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-o7ohkngR.mjs";
 import { F as m } from "./Accounts-CseLC3lL.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-QCaNwbjv.mjs";
+import { f as _, i as b, a as N, b as C } from "./NumberFormatting-QCaNwbjv.mjs";
 import { b as i } from "./Localization-CPkpIwIx.mjs";
 import { f as o, D as f } from "./DateFormats-BMpMrZpW.mjs";
 const x = (l, e) => {
@@ -88,7 +88,7 @@ const x = (l, e) => {
     type: m.Date,
     valueFormatter: (a) => i(
       e.day_of_every_month,
-      S(a <= 31 ? a : new Date(a).getDate())
+      C(a <= 31 ? a : new Date(a).getDate())
     )
   })), g(l) && r.push({
     label: e.credit_limit,
@@ -104,7 +104,7 @@ const x = (l, e) => {
     type: m.Currency,
     valueFormatter: (a) => _(a, "0,0.00")
   }), r;
-}, C = (l, e) => {
+}, S = (l, e) => {
   let r = "", a = null, t = null, n = null, s = !1;
   switch (l.account_type) {
     case 1:
@@ -115,7 +115,7 @@ const x = (l, e) => {
     default:
       if (r = e.current_balance, a = l.balance, l.minimum_payment && l.payment_due_at) {
         const c = typeof l.payment_due_at == "number" ? new Date(l.payment_due_at * 1e3) : l.payment_due_at;
-        t = /* @__PURE__ */ u(y, { component: "strong", variant: "XSmall", children: i(
+        t = /* @__PURE__ */ u(y, { component: "strong", variant: "caption", children: i(
           e.payment_due_on,
           _(l.minimum_payment, "0,0.00"),
           o(c, f.FULL_MONTH_DAY)
@@ -130,11 +130,11 @@ const x = (l, e) => {
     hasAvailableBalance: s
   };
 }, B = (l, e) => l.reduce((a, t) => {
-  const s = C(t, e).firstValue || 0;
+  const s = S(t, e).firstValue || 0;
   return a + s;
 }, 0);
 export {
   x as a,
   B as b,
-  C as g
+  S as g
 };

package/dist/AccountListItem-LcJVJysf.mjs

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

package/dist/{AccountStore-Brc0MNSF.mjs → AccountStore-BNlTuxWN.mjs}

@@ -1,9 +1,9 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil--_QXyszn.mjs";
+import { i as g } from "./BudgetUtil-CLhRnCoX.mjs";
 import { A as d } from "./AccountApi-ChQr5PAZ.mjs";
-import { d as m } from "./Accounts-M-LTzStv.mjs";
+import { d as p } from "./Accounts-o7ohkngR.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";
-class p {
+class m {
   isLoading = !1;
   selectedAccount = {};
   selectedMember = {};
@@ -28,7 +28,7 @@ class E {
   membersLoading = !1;
   uiStore;
   constructor(t) {
-    this.globalStore = t, this.uiStore = new p(), this.api = new d(t.endpoint, t.sessionToken, t.onError), h(this);
+    this.globalStore = t, this.uiStore = new m(), this.api = new d(t.endpoint, t.sessionToken, t.onError), h(this);
   }
   loadAccountData = async () => {
     await Promise.all([this.loadAccounts(), this.loadMembers(), this.loadInstitutions()]);
@@ -37,8 +37,14 @@ class E {
     return this.accountsLoaded && this.membersLoaded && this.institutionsLoaded;
   }
   get detailedAccounts() {
-    const t = this.globalStore.userStore.userFeatures, e = g(t, "MD_EXCLUDE_EXTERNAL_ACCOUNTS");
-    return m(this.accounts, this.institutions, this.members, e);
+    const t = this.globalStore.userStore.userFeatures, e = g(t, "MD_EXCLUDE_EXTERNAL_ACCOUNTS"), c = this.globalStore.appConfig.config.display_only_external_accounts_in_accounts && this.globalStore.appConfig.options.subtype === "accounts";
+    return p(
+      this.accounts,
+      this.institutions,
+      this.members,
+      e,
+      c
+    );
   }
   get accountsByTypeMap() {
     return this.detailedAccounts.reduce((t, e) => {

package/dist/Accounts-o7ohkngR.mjs

@@ -0,0 +1,27 @@
+import { A as e, C as u, E as p, c as y, M as d } from "./Account-BiB1F8lL.mjs";
+const m = (t) => t && (t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CHECKING_LINE_OF_CREDIT), I = (t) => t.is_manual || !t.guid, f = (t) => t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.CHECKING_LINE_OF_CREDIT, R = (t) => t.account_type === e.SAVINGS || t.account_type === e.CHECKING || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE, A = (t) => t.account_type === e.LOAN || t.account_type === e.MORTGAGE, N = (t, n, s, _, a) => t.filter((i) => !(i.member_is_managed_by_user && _)).filter((i) => !(!i.member_is_managed_by_user && a)).sort(C).map((i) => {
+  const r = n.find((c) => c.guid === i.institution_guid), o = s.find((c) => c.guid === i.member_guid);
+  return E(i, r, o);
+}), E = (t, n, s) => {
+  let _ = u.Connected;
+  s && (p.includes(s.connection_status) ? _ = u.Error : y.includes(s.connection_status) ? _ = u.Processing : d.includes(s.connection_status) && (_ = u.RequiresMfa));
+  const a = [
+    t.user_name || t.feed_name || "",
+    t.account_number ? `*${t.account_number}` : ""
+  ].join(" ").trim();
+  return {
+    ...t,
+    connectionStatus: _,
+    displayName: a,
+    institution: n,
+    member: s
+  };
+}, C = (t, n) => t.account_type > n.account_type ? 1 : t.account_type < n.account_type ? -1 : (t.name || "") > (n.name || "") ? 1 : (t.name || "") < (n.name || "") ? -1 : 0;
+export {
+  m as a,
+  f as b,
+  A as c,
+  N as d,
+  I as i,
+  R as u
+};