@mx-cartographer/experiences 8.1.6 → 8.1.7

package/dist/accounts/utils/AccountFields.d.ts

@@ -16,12 +16,12 @@ export type AccountField = {
     valueFormatter: (val: any) => any;
 };
 export declare const getAccountDetailFields: (account: Account, copy: AccountsCopy) => AccountField[];
-export declare const getAccountBalanceDetails: (account: Account, copy: AccountsCopy) => {
+export declare const getAccountBalanceDetails: (account: Account, copy: AccountsCopy, showAvailableBalance: boolean) => {
     firstSubtitle: string;
     firstValue: number | undefined;
     secondSubtitle: string | import("react/jsx-runtime").JSX.Element | null;
     secondValue: string | null;
     hasAvailableBalance: boolean;
 };
-export declare const getClosedAccountBalanceTotal: (accounts: Account[], copy: AccountsCopy) => number;
+export declare const getClosedAccountBalanceTotal: (accounts: Account[], copy: AccountsCopy, showAvailableBalance: boolean) => number;
 export {};

package/dist/cashflow/index.es.js

@@ -24,7 +24,7 @@ import ye from "@mui/material/Tab";
 import { getUnixTime as le } from "date-fns/getUnixTime";
 import Q from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-import { A as tt } from "../AccountListItem-D80egD01.mjs";
+import { A as tt } from "../AccountListItem-DSuv36PF.mjs";
 import { f as U, D as Y } from "../DateFormats-CaOj_4eI.mjs";
 import nt from "@mui/material/ListSubheader";
 import { f as J } from "../NumberFormatting-CyrvFgfd.mjs";

package/dist/debts/index.es.js

@@ -16,7 +16,7 @@ import { G as ze, x as ee, u as C, k as V, g as B, d as te, a as Ye, b as Ve } f
 import { u as ae } from "../useScreenSize-CeFhWTt_.mjs";
 import { D as ie } from "../Drawer-XPaLYjiO.mjs";
 import { b as E } from "../Localization-CkQ49EKr.mjs";
-import { A as Ke, u as Ue } from "../AccountDetailsHeader-D_a0XUkL.mjs";
+import { A as Ke, u as Ue } from "../AccountDetailsHeader-D8NIfmO8.mjs";
 import qe from "@mui/material/Card";
 import Xe from "@mui/material/CardContent";
 import Ze from "@mui/material/CardHeader";

package/dist/finstrong/index.es.js

@@ -31,7 +31,7 @@ import xe from "@mui/material/ListItem";
 import vt from "@mui/material/ListItemAvatar";
 import Se from "@mui/material/ListItemText";
 import { g as wt } from "../AccountDisplayName-CO7z3v99.mjs";
-import { g as kt } from "../AccountFields-nrrEXd46.mjs";
+import { g as kt } from "../AccountFields-BWmpVsS3.mjs";
 import He from "@mui/material/List";
 import $n from "@mui/material/ListItemButton";
 import En from "@mui/material/ListSubheader";
@@ -829,7 +829,11 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
         sx: { bgcolor: "background.paper" },
         children: [
           _.map((m, b) => {
-            const { firstValue: v } = kt(m, s), x = wt(m, {
+            const { firstValue: v } = kt(
+              m,
+              s,
+              r.display_available_balance_in_accounts
+            ), x = wt(m, {
               allowNickname: r?.show_account_nicknames_in_master
             }), S = /* @__PURE__ */ i(H, { children: [
               /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(pt, { alt: "MX", institutionGuid: m.institution_guid ?? "" }) }),
@@ -860,7 +864,11 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     ),
     [c, t]
   ), v = h.useMemo(() => b.slice(0, 3), [b]), x = (S) => {
-    const { firstValue: f } = kt(S, l);
+    const { firstValue: f } = kt(
+      S,
+      l,
+      r.display_available_balance_in_accounts
+    );
     return f;
   };
   return b.length >= 1 ? /* @__PURE__ */ i(H, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.1.6",
+  "version": "8.1.7",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/AccountDetailsHeader-D_a0XUkL.mjs

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

package/dist/AccountListItem-D80egD01.mjs

@@ -1,94 +0,0 @@
-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 d 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-DgT8DCeh.mjs";
-import { g as T } from "./AccountFields-nrrEXd46.mjs";
-import { u as $ } from "./useAccountDisplayName-SrQA7K_6.mjs";
-import { u as k } from "./hooks-HwStH7q_.mjs";
-import { C as c } from "./Account-CMjOp7S2.mjs";
-import { f as w } from "./NumberFormatting-CyrvFgfd.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: s,
-  shouldShowConnectionStatus: p = !1
-}) => {
-  const u = L(), f = $(t), { accounts: i } = k(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
-    t,
-    i
-  );
-  let a;
-  (t.connectionStatus === c.Error || t.connectionStatus === c.RequiresMfa) && (a = /* @__PURE__ */ e(M, { size: 16 }));
-  const m = /* @__PURE__ */ r(l, { children: [
-    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
-      I,
-      {
-        badgeContent: p ? a : 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(l, { children: [
-          /* @__PURE__ */ r(d, { 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(d, { 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,
-    {
-      ...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: m }) : m
-    }
-  );
-}, P = b(z);
-export {
-  P as A
-};