@mx-cartographer/experiences 8.1.6 → 8.1.8

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [8.1.8] - 04-28-2026
+
+- **FIXED** - Issue causing retirement goals not to display unless there were savings and/or debt goals
+
+## [8.1.7] - 04-27-2026
+
+- **UPDATED** - Control available balance display via flag
+
 ## [8.1.6] - 04-23-2026
 
 - **UPDATED** - Change hidden transactions to excluded transactions

package/dist/AccountDetailsHeader-D8NIfmO8.mjs

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

package/dist/{AccountFields-nrrEXd46.mjs → AccountFields-BWmpVsS3.mjs}

@@ -1,14 +1,14 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Text as y, Icon as p } from "@mxenabled/mxui";
-import { A as b, a as v, P as h, b as F } from "./Account-CMjOp7S2.mjs";
-import { i as T, u as A, a as D, b as g, c as O } from "./Accounts-DX3xJE97.mjs";
+import { jsx as p } from "react/jsx-runtime";
+import { Text as v, Icon as b } from "@mxenabled/mxui";
+import { A as d, a as h, P as F, b as T } from "./Account-CMjOp7S2.mjs";
+import { i as A, u as D, a as g, b as O, c as C } from "./Accounts-DX3xJE97.mjs";
 import { F as m } from "./Accounts-CseLC3lL.mjs";
-import { f as C } from "./DateUtil-D0TO0DaZ.mjs";
+import { f as N } from "./DateUtil-D0TO0DaZ.mjs";
 import { b as i } from "./Localization-CkQ49EKr.mjs";
-import { f as o, D as f } from "./DateFormats-CaOj_4eI.mjs";
-import { f as s, i as d, a as N, b as S } from "./NumberFormatting-CyrvFgfd.mjs";
-const U = (l, e) => {
-  const r = [
+import { f, D as c } from "./DateFormats-CaOj_4eI.mjs";
+import { f as s, i as o, a as S, b as I } from "./NumberFormatting-CyrvFgfd.mjs";
+const Y = (l, e) => {
+  const n = [
     {
       event: "account_details_click_account_name",
       label: e.account_name,
@@ -19,123 +19,123 @@ const U = (l, e) => {
       valueFormatter: (a) => a
     }
   ];
-  if (T(l)) {
-    r.unshift({
+  if (A(l)) {
+    n.unshift({
       label: e.account_balance,
       name: "balance",
       placeholder: i(e.enter_value, e.account_balance),
       type: m.Currency,
       valueFormatter: (t) => s(t, "0,0.00")
     });
-    const a = Object.keys(b).filter((t) => Number(t)).map((t) => ({
+    const a = Object.keys(d).filter((t) => Number(t)).map((t) => ({
       label: e.account_types[t],
       value: Number(t),
-      icon: /* @__PURE__ */ u(p, { name: v[t] })
+      icon: /* @__PURE__ */ p(b, { name: h[t] })
     }));
-    r.push({
+    n.push({
       label: e.account_type,
       name: "account_type",
       options: a,
       placeholder: i(e.select_value, e.account_type),
       type: m.Select,
-      valueFormatter: (t) => a.find((n) => n.value === t)?.label
+      valueFormatter: (t) => a.find((r) => r.value === t)?.label
     });
   }
-  if (l.account_type === b.PROPERTY) {
-    const a = Object.keys(h).filter((t) => Number(t)).map((t) => ({
+  if (l.account_type === d.PROPERTY) {
+    const a = Object.keys(F).filter((t) => Number(t)).map((t) => ({
       label: e.property_types[t],
       value: Number(t),
-      icon: /* @__PURE__ */ u(p, { name: F[t] })
+      icon: /* @__PURE__ */ p(b, { name: T[t] })
     }));
-    r.push({
+    n.push({
       label: e.property_type,
       name: "property_type",
       options: a,
       placeholder: i(e.select_value, e.property_type),
       type: m.Select,
-      valueFormatter: (t) => a.find((n) => n.value === t)?.label
+      valueFormatter: (t) => a.find((r) => r.value === t)?.label
     });
   }
-  if (A(l)) {
+  if (D(l)) {
     let a = e.interest_rate, t = "interest_rate";
-    l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
+    l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), n.push({
       event: "account_details_click_interest_rate",
       label: a,
       name: t,
       placeholder: i(e.enter_value, a),
       type: m.Input,
-      validation: (n) => d(n) ? "" : e.error_amount_is_invalid,
-      valueFormatter: (n) => d(n) ? N(n / 100) : n
+      validation: (r) => o(r) ? "" : e.error_amount_is_invalid,
+      valueFormatter: (r) => o(r) ? S(r / 100) : r
     });
   }
-  return D(l) && (r.push({
+  return g(l) && (n.push({
     label: e.minimum_payment,
     name: "minimum_payment",
     placeholder: i(e.enter_value, e.minimum_payment),
     type: m.Currency,
     valueFormatter: (a) => s(a, "0,0.00")
-  }), l.payment_due_at ? r.push({
+  }), l.payment_due_at ? n.push({
     label: e.next_payment,
     name: "payment_due_at",
     type: m.Date,
     valueFormatter: (a) => {
       const t = typeof a == "number" ? new Date(a * 1e3) : a;
-      return o(t, f.MED_MONTH_SHORT_DAY_FULL_YEAR);
+      return f(t, c.MED_MONTH_SHORT_DAY_FULL_YEAR);
     }
-  }) : r.push({
+  }) : n.push({
     label: e.day_payment_due,
     name: "day_payment_is_due",
     placeholder: i(e.enter_value, e.day_payment_due),
     type: m.Date,
     valueFormatter: (a) => i(
       e.day_of_every_month,
-      S(a <= 31 ? a : new Date(a).getDate())
+      I(a <= 31 ? a : new Date(a).getDate())
     )
-  })), g(l) && r.push({
+  })), O(l) && n.push({
     label: e.credit_limit,
     name: "credit_limit",
     placeholder: i(e.enter_value, e.credit_limit),
     type: m.Currency,
     valueFormatter: (a) => s(a, "0,0.00")
-  }), O(l) && r.push({
+  }), C(l) && n.push({
     label: e.original_balance,
     minAmount: 1,
     name: "original_balance",
     placeholder: i(e.enter_value, e.original_balance),
     type: m.Currency,
     valueFormatter: (a) => s(a, "0,0.00")
-  }), r;
-}, I = (l, e) => {
-  let r = "", a = null, t = null, n = null, _ = !1;
+  }), n;
+}, L = (l, e, n) => {
+  let a = "", t = null, r = null, _ = null, u = !1;
   switch (l.account_type) {
     case 1:
     case 2: {
-      l.available_balance ? (r = e.available_balance, a = l.available_balance, t = l.available_balance ? e.current_balance : null, n = s(l.balance, "0,0.00"), _ = !0) : (r = e.current_balance, a = l.balance);
+      l.available_balance && n ? (a = e.available_balance, t = l.available_balance, r = l.available_balance ? e.current_balance : null, _ = s(l.balance, "0,0.00"), u = !0) : (a = e.current_balance, t = l.balance);
       break;
     }
     default:
-      if (r = e.current_balance, a = l.balance, l.minimum_payment && l.payment_due_at) {
-        const c = C(l.payment_due_at);
-        t = /* @__PURE__ */ u(y, { component: "strong", variant: "caption", children: i(
+      if (a = e.current_balance, t = l.balance, l.minimum_payment && l.payment_due_at) {
+        const y = N(l.payment_due_at);
+        r = /* @__PURE__ */ p(v, { component: "strong", variant: "caption", children: i(
           e.payment_due_on,
           s(l.minimum_payment, "0,0.00"),
-          o(c, f.FULL_MONTH_DAY)
+          f(y, c.FULL_MONTH_DAY)
         ) });
-      } else l.credit_limit && (t = e.available_credit, n = s(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
+      } else l.credit_limit && (r = e.available_credit, _ = s(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
   }
   return {
-    firstSubtitle: r,
-    firstValue: a,
-    secondSubtitle: t,
-    secondValue: n,
-    hasAvailableBalance: _
+    firstSubtitle: a,
+    firstValue: t,
+    secondSubtitle: r,
+    secondValue: _,
+    hasAvailableBalance: u
   };
-}, Y = (l, e) => l.reduce((a, t) => {
-  const _ = I(t, e).firstValue || 0;
-  return a + _;
+}, j = (l, e, n) => l.reduce((t, r) => {
+  const u = L(r, e, n).firstValue || 0;
+  return t + u;
 }, 0);
 export {
-  U as a,
-  Y as b,
-  I as g
+  Y as a,
+  j as b,
+  L as g
 };

package/dist/AccountListItem-DSuv36PF.mjs

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