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

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.0.44] - 10-07-2025
+
+ **UPDATED** - Enhance accounts list UI for mini view
+
+## [7.0.43] - 10-06-2025
+
+- **UPDATED** - Theme font to be applied in additional areas
+
 ## [7.0.42] - 10-06-2025
 
 - **FIXED** - Dashboard | `cashFlowWidget` - Increased mobile view breakpoint from 610px to 710px to prevent layout breakage with long amount values.

package/dist/{Account-9Tt9DsMn.mjs → Account-CYkoSG86.mjs}

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

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

@@ -1,20 +1,20 @@
 import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
 import _ from "react";
-import { observer as b } from "mobx-react-lite";
+import { observer as T } from "mobx-react-lite";
 import H from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import $ from "@mui/material/List";
 import Y from "@mui/material/ListSubheader";
 import ot from "@mui/material/Switch";
-import { Text as S, Icon as I, THEMES as G } from "@mxenabled/mxui";
+import { Text as A, Icon as I, THEMES as G } from "@mxenabled/mxui";
 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-Bt8O2raZ.mjs";
+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-FmvNfEP8.mjs";
-import { A as k } from "./WidgetContainer-ztkGgdIH.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 { b as h } from "./Localization-2MODESHW.mjs";
 import { D as J } from "./Drawer-kEE73B87.mjs";
@@ -22,7 +22,7 @@ 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 { k as m, N as Q, j as Z, F as P } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { l as m, N as Q, j as Z, F as P } from "./ConnectDrawer-CNdzwKdX.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";
@@ -38,13 +38,13 @@ 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-DvACKQho.mjs";
+import { b as Dt } from "./AccountFields-x4A7Loe5.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-C-2UEbmQ.mjs";
+import { T as vt, a as Lt } from "./TransactionDetails-DO_YihKP.mjs";
 import { T as K } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
   children: e,
@@ -64,8 +64,8 @@ const U = ({
     (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
   );
 }, Ot = () => {
-  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, u] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: T } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
-    await T({
+  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, u] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: S } = z(), { accounts: a } = E(), C = Nt(), { onEvent: b } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
+    await S({
       ...r,
       ...f
     }), "is_closed" in f && f.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: f.is_closed });
@@ -75,12 +75,12 @@ const U = ({
     );
   };
   return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(S, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
+    /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(A, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
     /* @__PURE__ */ t(
       U,
       {
         onClick: () => {
-          L({ is_hidden: !r.is_hidden }), A(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          L({ is_hidden: !r.is_hidden }), b(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
         primaryText: r.is_hidden ? a.unhide_account : a.hide_Account,
         secondaryText: r.is_hidden ? a.include_this_account : a.exclude_this_account,
@@ -91,7 +91,7 @@ const U = ({
       U,
       {
         onClick: () => {
-          o(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), b(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
@@ -105,7 +105,7 @@ const U = ({
       {
         isLast: !0,
         onClick: () => {
-          c(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          c(!0), b(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
@@ -126,10 +126,10 @@ const U = ({
           o(!1);
         },
         onPrimaryAction: () => L({ is_closed: !r.is_closed }),
-        children: h(
+        children: /* @__PURE__ */ t(A, { truncate: !1, children: h(
           r.is_closed ? a.this_will_resume_updating_the_balance : a.this_will_set_the_balance_of_your_account,
           r.name
-        )
+        ) })
       }
     ),
     /* @__PURE__ */ t(
@@ -167,17 +167,17 @@ const U = ({
         onClose: () => u(!1),
         onPrimaryAction: p,
         children: [
-          h(
+          /* @__PURE__ */ t(A, { truncate: !1, children: h(
             a.this_means_accounts_will_be_merged,
             r.name,
             l.name
-          ),
-          /* @__PURE__ */ t(S, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
+          ) }),
+          /* @__PURE__ */ t(A, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
         ]
       }
     )
   ] });
-}, Rt = b(Ot), tt = (e, o) => {
+}, Rt = T(Ot), tt = (e, o) => {
   const { connection_messages: n } = o;
   switch (e.connection_status) {
     case m.CHALLENGED:
@@ -351,7 +351,7 @@ const U = ({
     secondaryMessage: l.title
   };
   return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(S, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
+    /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(A, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
     /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: c.is_manual || !s.ctaCopy ? /* @__PURE__ */ d(ct, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
       /* @__PURE__ */ t(w, { primary: s.mainMessage, secondary: s.secondaryMessage })
@@ -364,7 +364,7 @@ const U = ({
           secondary: s.secondaryMessage && /* @__PURE__ */ d(g, { children: [
             s.secondaryMessage,
             " ",
-            /* @__PURE__ */ t(S, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
+            /* @__PURE__ */ t(A, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
           ] })
         }
       ),
@@ -407,10 +407,10 @@ const U = ({
       }
     )
   ] });
-}, Ft = b(Pt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: u } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [T, a] = _.useState(!0), C = () => {
+}, Ft = T(Pt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
+  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: u } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [S, a] = _.useState(!0), C = () => {
     s(""), y(""), n();
-  }, A = () => {
+  }, b = () => {
     switch (e.type) {
       case P.Select:
         return /* @__PURE__ */ d(gt, { fullWidth: !0, children: [
@@ -496,26 +496,26 @@ const U = ({
         close_aria: u.close_aria,
         title: h(u.edit_field, e.label)
       },
-      disablePrimaryButton: !!r || !T,
+      disablePrimaryButton: !!r || !S,
       isOpen: o,
       onClose: C,
       onPrimaryAction: x,
       primaryText: u.save,
-      children: A()
+      children: b()
     }
   );
-}, Wt = b(Ut), $t = () => {
-  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), u = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), T = i.filter(
+}, Wt = T(Ut), $t = () => {
+  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), u = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), S = i.filter(
     (a) => u || n[a.name] || n[a.name] === 0
   );
   return /* @__PURE__ */ d(g, { children: [
-    T.map((a) => {
-      const C = n[a.name] || n[a.name] === 0, A = T.indexOf(a) === T.length - 1, x = /* @__PURE__ */ t(
+    S.map((a) => {
+      const C = n[a.name] || n[a.name] === 0, b = S.indexOf(a) === S.length - 1, x = /* @__PURE__ */ t(
         w,
         {
           disableTypography: !0,
-          primary: /* @__PURE__ */ t(S, { sx: { fontSize: 11 }, children: a.label }),
-          secondary: /* @__PURE__ */ t(S, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
+          primary: /* @__PURE__ */ t(A, { sx: { fontSize: 11 }, children: a.label }),
+          secondary: /* @__PURE__ */ t(A, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
         }
       );
       return /* @__PURE__ */ t(_.Fragment, { children: u ? /* @__PURE__ */ d(g, { children: [
@@ -531,10 +531,10 @@ const U = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
+        /* @__PURE__ */ t(M, { sx: { ml: b ? 0 : 24 } })
       ] }) : C && /* @__PURE__ */ d(g, { children: [
         /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 24 }, children: x }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
+        /* @__PURE__ */ t(M, { sx: { ml: b ? 0 : 24 } })
       ] }) }, a.name);
     }),
     l && r && /* @__PURE__ */ t(
@@ -546,14 +546,14 @@ const U = ({
       }
     )
   ] });
-}, Vt = b($t), zt = () => {
+}, Vt = T($t), zt = () => {
   const { onEvent: e } = O();
   return _.useEffect(() => e(k.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
     /* @__PURE__ */ t(Vt, {}),
     /* @__PURE__ */ t(Ft, {}),
     /* @__PURE__ */ t(Rt, {})
   ] });
-}, Ht = b(zt), Gt = ({ setTabValue: e }) => {
+}, Ht = T(zt), Gt = ({ setTabValue: e }) => {
   const [o, n] = _.useState(!1), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = c.connection_status && Q.includes(c.connection_status);
   if (_.useEffect(() => {
     l && e(1);
@@ -585,7 +585,7 @@ const U = ({
             },
             children: [
               s.title && /* @__PURE__ */ t(yt, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: s.title }),
-              /* @__PURE__ */ t(S, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: s.main }),
+              /* @__PURE__ */ t(A, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: s.main }),
               s.cta && /* @__PURE__ */ t(
                 xt,
                 {
@@ -609,7 +609,7 @@ const U = ({
       }
     )
   ] });
-}, Bt = b(Gt), jt = () => {
+}, Bt = T(Gt), jt = () => {
   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 = b(jt), Yt = () => {
+}, Kt = T(jt), Yt = () => {
   const [e, o] = _.useState(0), { accounts: n } = E();
   return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ t(Bt, { setTabValue: o }),
@@ -668,7 +668,7 @@ 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, {}) })
   ] });
-}, He = b(Yt);
+}, He = T(Yt);
 export {
   He as A,
   Nt as u

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

@@ -2,7 +2,7 @@ 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-DvACKQho.mjs";
+import { g as N } from "./AccountFields-x4A7Loe5.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";
@@ -10,9 +10,9 @@ 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-CbOmpTDP.mjs";
-import { I as f, P as g, S as C } from "./Account-9Tt9DsMn.mjs";
-import { A } from "./ConnectDrawer-L1_xPNYt.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";

package/dist/{AccountFields-DvACKQho.mjs → AccountFields-x4A7Loe5.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-L1_xPNYt.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-DR3xTyAx.mjs";
+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 _, 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-FmvNfEP8.mjs → AccountListItem-D9mpJkCP.mjs}

@@ -10,8 +10,8 @@ import C from "@mui/material/styles/useTheme";
 import { InstitutionLogo as B, Text as o } from "@mxenabled/mxui";
 import { Error as L } from "@mxenabled/mx-icons";
 import { I as A } from "./IconBacking-B9oC6uL2.mjs";
-import { g as j } from "./AccountFields-DvACKQho.mjs";
-import { d } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { g as j } from "./AccountFields-x4A7Loe5.mjs";
+import { d } from "./ConnectDrawer-CNdzwKdX.mjs";
 import { u as T } from "./hooks-BAAimqdq.mjs";
 import { f as X } from "./NumberFormatting-CtWHhyBX.mjs";
 const $ = {

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

@@ -1,7 +1,7 @@
 import { makeAutoObservable as _, runInAction as a } from "mobx";
-import { i as g } from "./User-BwjK6Fwz.mjs";
+import { i as g } from "./User-Bfnq7dd4.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-L1_xPNYt.mjs";
+import { A as n, d as h, E as p, g as y, h as I } from "./ConnectDrawer-CNdzwKdX.mjs";
 class l {
   fetchInstance;
   constructor(t, e, s) {

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

@@ -1,4 +1,4 @@
-import { A as _ } from "./ConnectDrawer-L1_xPNYt.mjs";
+import { A as _ } from "./ConnectDrawer-CNdzwKdX.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,