@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v1

package/CHANGELOG.md

@@ -1,3 +1,338 @@
+## [8.0.0] - 04-02-2026
+
+- **UPDATED** - types by moving from common/types to core/types (BREAKING CHANGE)
+
+## [7.13.20] - 04-02-2026
+
+- **ADDED** - DonutChartV2 component for Insights MUI Refresh.
+
+## [7.13.19] - 04-01-2026
+
+- **ADDED** - Introduced `TransactionCard` component for `Insights`.
+
+## [7.13.18] - 04-01-2026
+
+- **FIXED** - Budget date now aligns with selected month
+
+## [7.13.18] - 04-01-2026
+
+- **UPDATED** - Deprecated icons to use mx-icons library
+
+## [7.13.17] - 03-31-2026
+
+- **UPDATED** - Deprecated `border` color to use `neutral`
+
+## [7.13.16] - 03-31-2026
+
+- **FIXED** - `Spending` Other bucket dropping overflow spending categories
+
+## [7.13.15] - 03-31-2026
+
+- **FIXED** - a11y labeling for mini widget CTAs
+
+## [7.13.14] - 03-31-2026
+
+- **FIXED** - `CategoryBudget` cosmetics change.
+
+## [7.13.13] - 03-30-2026
+
+- **FIXED** - use detailed transactions for sortedTransactionsWithSplit
+
+## [7.13.12] - 03-30-2026
+
+- **UPDATED** - Call `refresh_all` endpoint for member foreground aggregation
+
+## [7.13.11] - 03-30-2026
+
+- **FIXED** - ADA text color contrast fixes
+- **FIXED** - ADA aria label button group fix
+- **FIXED** - ADA replace AccountDetails list item dividers with borders
+- **FIXED** - ADA move AccountActions dialogs from being direct children of `ul`
+
+## [7.13.10] - 03-30-2026
+
+- **FIXED** - Casing of 'upcoming' copy in recurring transactions
+- **FIXED** - Wrapping of longer goal names on goal status cards
+- **FIXED** - Truncation of custom subcategory names
+- **FIXED** - Wrapping of delete subcategory message
+
+## [7.13.9] - 03-30-2026
+
+- **UPDATED** - `AddMerchantBudgetAction` | Updated the condition to execute the transcation's setFilter only when the merchantBudgetDrawer is open
+
+## [7.13.8] - 03-30-2026
+
+- **FIXED** - Remove extra space in `AmericanUpcomingTaxDeadlineAlert` SVG
+
+## [7.13.7] - 03-27-2026
+
+- **UPDATED** - Added the prop in BudgetDetailsDrawerV2 to access the transaction list props
+
+## [7.13.6] - 03-26-2026
+
+- **UPDATED** - search box placeholder colors to meet color contrast ratios
+- **FIXED** - semantic HTML in CategoryList
+
+## [7.13.5] - 03-26-2026
+
+- **FIXED** - Updated custom tooltip formatting for Finstrong
+
+## [7.13.4] - 03-26-2026
+
+- **FIXED** - semantic HTML in CategoryList
+
+## [7.13.3] - 03-26-2026
+
+- **FIXED** - `Trends` Category List Cosmetic Changes.
+
+## [7.13.2] - 03-25-2026
+
+- **UPDATED** - Trends Widget to fix ADA issues with lists
+
+## [7.13.1] - 03-25-2026
+
+- **ADDED** - New `icon_type` for InstitutionLogo.
+
+## [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
+
+## [7.12.15] - 03-24-2026
+
+- **UPDATED** - Updated the mxui version to 1.5.13 | `Toast` | CSS Customization handling responsiveness
+
+## [7.12.14] - 03-24-2026
+
+- **UPDATED** - Budget widget | text error color when hovered/pressed
+
+## [7.12.13] - 03-24-2026
+
+- **FIXED** - Split transaction error background to meet a11y color contrast ratios
+
+## [7.12.12] - 03-24-2026
+
+- **ADDED** - Test Cases for BeatIcons.
+
+## [7.12.11] - 03-23-2026
+
+- **FIXED** - ADA replace SpendingList dividers with border
+- **FIXED** - ADA add `aria-hidden` and `role="presentation"` to SpendingList bullets
+- **FIXED** - ADA add `aria-hidden` and `role="presentation"` to SpendingDonut icons
+- **FIXED** - ADA darkened/lightened category color 2px stroke around SpendingDonut areas
+
+## [7.12.10] - 03-23-2026
+
+- **ADDED** - font styling for mrs content tagged copy
+
+## [7.12.9] - 03-23-2026
+
+- **FIXED** - semantic html in Transactions List
+
+## [7.12.8] - 03-23-2026
+
+- **FIXED** - Updated IconBacking from RecurrenceBadges.
+
+## [7.12.7] - 03-23-2026
+
+- **FIXED** - Cosmetic issues in dark mode (flagged transactions and survey feedback)
+
+## [7.12.6] - 03-23-2026
+
+- **FIXED** - Trends Category List Icons Fill Color.
+
+## [7.12.5] - 03-18-2026
+
+- **FIXED** - ADA color contrast in BudgetDetails zero states
+
+## [7.12.4] - 03-18-2026
+
+- **UPDATED** - Budget Details drawer ally | replace semantic `<H2>` with `<Text>`
+
+## [7.12.3] - 03-18-2026
+
+- **ADDED** - Help widget analytics
+
+## [7.12.2] - 03-18-2026
+
+- **UPDATED** - Added `isCopyLoaded` check to fix animation issues
+
+## [7.12.1] - 03-17-2026
+
+- **ADDED** - `Micro Insights` phase 1 icon_types
+
+## [7.12.0] - 03-17-2026
+
+- **UPDATED** - `Insights` BeatCardMUI added and Updated for Phase 1 beats
+
+## [7.11.24] - 03-16-2026
+
+- **FIXED** - Add visible tooltip above `RecurrenceCalendar` legend for a11y
+- **FIXED** - Fix aria labels on `RecurrenceDay` to always include date
+- **FIXED** - Update heading markup hierarchies to be logical for a11y
+- **FIXED** - Add aria-label to inner `Dialog` elements with `role="dialog"` in `BudgetsWidget`\
+
+## [7.11.23] - 03-16-2026
+
+- **UPDATED** - small tweaks in the css of the tip section and displaying the existing amount in the edit currency dialog modal
+
+## [7.11.22] - 03-13-2026
+
+- **UPDATED** - Theming to use updated MuiPaper border radius
+
+## [7.11.21] - 03-14-2026
+
+- **ADDED** - `Merchant Budget Flow` Added the Manage Merchant Budget Flow
+
+## [7.11.20] - 03-12-2026
+
+- **FIXED** - `Finstrong` Chart Date Bug Fixed
+
+## [7.11.19] - 03-11-2026
+
+- **ADDED** - A11y adjustments to chart markers, legends, tooltips
+
+## [7.11.18] - 03-10-2026
+
+- **FIXED** - Filter ADA bug.
+
+## [7.11.17] - 03-10-2026
+
+- **FIXED** - Chart layout and spacing issues
+
+## [7.11.16] - 03-06-2026
+
+- **FIXED** - Add visible label to `SplitRow` amount input
+- **FIXED** - Add/Fix visible label to `CustomCategoryModal` text input
+
+## [7.11.15] - 03-06-2026
+
+- **FIXED** - `Recurring Transactions` | Month name locale fix
+
+## [7.11.14] - 03-05-2026
+
+- **FIXED** - issue with auto generating budgets when loading budgets full or mini standalone
+
+## [7.11.13] - 03-05-2026
+
+- **FIXED** - Incorrect "next payment" date projected in `RecurringTransactionDetails`
+
+## [7.11.12] - 03-05-2026
+
+- **UPDATED** - Tweaks to `CategorySpendingV2MUI` and `BudgetDetailsDrawerV2`
+
+## [7.11.11] - 03-04-2026
+
+- **FIXED** - Issue with including bi-weekly recurrences in past months
+
+## [7.11.10] - 03-04-2026
+
+- **FIXED** - Account Actions | toggle a11y
+
+## [7.11.9] - 03-04-2026
+
+- **FIXED** - `Debts` return to the top of the page when scrolling quickly
+
+## [7.11.8] - 03-04-2026
+
+- **UPDATED** - `categoryBudget` cta button
+
+## [7.11.7] - 03-04-2026
+
+- **UPDATED** - Transaction Details | Added "Add a Merchant Budgets" | Without "Manage merchant Budget Flow"
+
+## [7.11.6] - 03-02-2026
+
+- **FIXED** - Account Details drawer a11y issues
+
+## [7.11.5] - 03-02-2026
+
+- **FIXED** - `HideAction` broken visibility off icon
+- **FIXED** - `HideAction` accessibility improvements (aria, keyboard focus trap, etc)
+- **FIXED** - `TransactionDetails` action list cannot have dialog `div` as direct child of `ul`/`ol` for accessibility
+- **FIXED** - `TagRow` checkbox redundant screenreader announcement
+
+## [7.11.4] - 02-27-2026
+
+- **FIXED** - Trends Widget | Empty state flash before data load
+
+## [7.11.3] - 02-27-2026
+
+- **UPDATED** - `InsightsHeader` design tweaks
+
+## [7.11.2] - 02-27-2026
+
+- **UPDATED** - Debts empty state | disable actions
+- **UPDATED** - Global Account Filter | disabled when no accounts
+
+## [7.11.1] - 02-26-2026
+
+- **FIXED** - Fix `aria-controls` and add `aria-expanded` in `GlobalAccountFilter`
+- **FIXED** - Replace implicit heading in `RecurringTransactionsMiniWidget` with `h3`
+
+## [7.11.0] - 02-26-2026
+
+- **ADDED** - `widget` to `deep_link_params` interface
+- **REMOVED** - `MerchantBudget` action from `DEFAULT_BOTTOM_ACTIONS`
+
+## [7.10.38] - 02-25-2026
+
+- **UPDATED** - `InsightsHeader` design tweaks
+
+## [7.10.37] - 02-26-2026
+
+- **FIXED** - `InsightsNotificaiton` | Clickable Notification moves beat to top of feed fix
+
+## [7.10.36] - 02-25-2026
+
+- **UPDATED** - MXUI to get new toggle button styling
+
+## [7.10.35] - 02-25-2026
+
+- **FIXED** - Fix broken month totals column sort in `TrendsTable`
+- **ADDED** - Custom `AccessibleSortIcon` for `TrendsTable` with dynamic aria-labels
+
+## [7.10.34] - 02-25-2026
+
+- **UPDATED** - `InsightsHeader` null check copy
+
+## [7.10.33] - 02-24-2026
+
+- **ADDED** - `InsightsHeader`
+
+## [7.10.32] - 02-24-2026
+
+- **UPDATED** - Added Merchant Budget List Item in the transcation Details and a small tweak in the color to use 'text.primary' as per FIGMA
+
+## [7.10.31] - 02-24-2026
+
+- **UPDATED** - `Insights` drilldown layout
+
+## [7.10.30] - 02-23-2026
+
+- **UPDATED** - Use `recentNotifications` instead of `newNotifications` in `NotificationList`
+- **UPDATED** - Adjust `filterRecentNotifications` to filter for last 30 days instead of 7 days
+
+## [7.10.29] - 02-23-2026
+
+- **FIXED** - `Cashback` Mobile | Info hover bug
+
+## [7.10.28] - 02-20-2026
+
+- **UPDATED** - Debts Widget empty state
+
+## [7.10.27] - 02-20-2026
+
+- **REMOVED** - Use of `use_tokens` and token constants
+- **REMOVED** - Unused component `BarChart` in common
+
 ## [7.10.26] - 02-20-2026
 
 - **UPDATED** - Small Tweaks in the bill amount not standard mui in margin and the contentProps sx

package/README.md

@@ -1,5 +1,5 @@
 - [Getting Started](#getting-started)
-- [Merging and Publishing](#merging-and-publishing)
+<!-- - [Merging and Publishing](#merging-and-publishing) -->
 - [React Library Application Template](#react-library-application-template)
 
 
@@ -12,7 +12,9 @@ In order to run the project you will need to make sure that you have yarn instal
 1. The storybook project should automatically run in your local browser
 1. The QA storybook containing the latest Experience changes is [accessible here](https://experiences.kube.qa.internal.mx/?path=/docs/experiences-introduction--docs)
 
-## Publishing alpha versions
+<!-- Commented this out to prevent exposing internal operations in the npm registry -->
+
+<!-- ## Publishing alpha versions
 1. Bump the version in package.json using the format `major.minor.patch-alpha.<yourinitials><n>` See [the version history](https://www.npmjs.com/package/@mx-cartographer/experiences?activeTab=versions) for examples.
 1. Run `npm publish --tag alpha`.
 
@@ -21,7 +23,7 @@ In order to run the project you will need to make sure that you have yarn instal
 1. Update CHANGELOG.md and include the version to publish using the standard `major.minor.patch`. If there are breaking changes, we bump the major, new feature we bump minor and bug fixes or minor changes, we bump patch.
 1. Request a MR review by commenting `shipit --review`
 1. Once the MR is approved, comment `shipit --publish-version=major|minor|patch`.
-2. Shipit will bump the version in package.json, merge and publish the package to npm.
+2. Shipit will bump the version in package.json, merge and publish the package to npm. -->
 
 
 ## React Library Application Template

package/dist/{Account-CMjOp7S2.mjs → Account-BiB1F8lL.mjs}

@@ -111,8 +111,8 @@ export {
   G as b,
   C as c,
   N as d,
-  A as e,
-  H as f,
+  H as e,
+  A as f,
   R as g,
   T as h
 };

package/dist/{Account-BIKn4XEZ.mjs → Account-DuOz1a27.mjs}

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

package/dist/{AccountApi-DgZ8ILj1.mjs → AccountApi-ChQr5PAZ.mjs}

@@ -1,4 +1,4 @@
-import { F as s, A as e } from "./Fetch-DecPFeGU.mjs";
+import { F as s, A as e } from "./Fetch-B6tMJC1r.mjs";
 class r {
   fetchInstance;
   constructor(t, c, n) {

package/dist/AccountDetailsHeader-D9gbTbUt.mjs

@@ -0,0 +1,95 @@
+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-BxkfR-Ff.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";
+import L from "@mui/material/CardHeader";
+import { L as H } from "./Loader-D3rjKx72.mjs";
+import { I as M, P as U, S as Y } from "./Account-DuOz1a27.mjs";
+import { u as j } from "./useAccountDisplayName-DKwT1mWv.mjs";
+import { f as z } from "./NumberFormatting-QCaNwbjv.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/{AccountFields-DuFtmuud.mjs → AccountFields-CxqONzjY.mjs}

@@ -1,11 +1,11 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Text as y, Icon as p } from "@mxenabled/mxui";
-import { A as d, a as v, P as h, b as F } from "./Account-CMjOp7S2.mjs";
-import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-CuE8aSZN.mjs";
-import { F as m } from "./GlobalAccountFilter-CIF-aT3F.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-DjTD0t3W.mjs";
-import { b as i } from "./Localization-2MODESHW.mjs";
-import { f as o, D as f } from "./DateFormats-Cs-NbEZ7.mjs";
+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-o7ohkngR.mjs";
+import { F as m } from "./Accounts-CseLC3lL.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) => {
   const r = [
     {
@@ -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-D9WJDbZ1.mjs

@@ -0,0 +1,94 @@
+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-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 c } 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: 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
+};

package/dist/{AccountStore-Cq_w2Hfb.mjs → AccountStore-DpYvNnql.mjs}

@@ -1,9 +1,9 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./User-DS18cMaz.mjs";
-import { A as d } from "./AccountApi-DgZ8ILj1.mjs";
-import { d as m } from "./Accounts-CuE8aSZN.mjs";
-import { A as s, d as u } from "./Account-CMjOp7S2.mjs";
-class p {
+import { i as g } from "./BudgetUtil-CLhRnCoX.mjs";
+import { A as d } from "./AccountApi-ChQr5PAZ.mjs";
+import { d as p } from "./Accounts-o7ohkngR.mjs";
+import { A as s, d as u } from "./Account-BiB1F8lL.mjs";
+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) => {
@@ -198,7 +204,7 @@ class E {
   };
   refreshMembers = async () => {
     try {
-      await this.api.refreshAllMembers(), await this.loadMembers();
+      await this.api.refreshAllMembers();
     } catch (t) {
       console.error(`Error occurredwhile refreshing members: ${t}`);
     }