@mx-cartographer/experiences 9.4.24 → 9.4.26

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [9.4.26] - 09-16-2026
+
+- **FIXED** - Account filter accessibility (MEW-3452)
+
+## [9.4.25] - 09-16-2026
+
+- **ADDED** - Dismissible tip section in the `TransactionHistoryBlock` drawer's `bill_amount_not_standard` (`TRANSACTION`) drilldown variant: a shared `TipSection` component nudging the user to reach out to the merchant, dismissible via a new `onDismiss` handler and `tip_section_message`/`tip_section_title` copy keys (`insights_feed.general`) (WEC-1804)
+- **ADDED** - `InsightsPayload.title` (`string`), per backend confirmation that the beat's display title is sent on the payload rather than read off the beat itself (WEC-1804)
+- **CHANGED** - Renamed `InsightsPayload.subtitle` to `InsightsPayload.sub_title` to match what the backend actually sends, updating `BaseLayout`, `TransactionHistoryBlock`, and all related test/story/mock fixtures (WEC-1804)
+- **CHANGED** - `BaseLayout` and `TransactionHistoryBlock`'s `bill_amount_not_standard` (`TRANSACTION`) drilldown header now read the beat's title/subtitle from `insights_payload.title`/`insights_payload.sub_title` instead of `beat.title`/`beat.html_title`; `DrillDownHeaderContext` (`TransactionHistoryBlock/layout.tsx`) updated from `{ htmlTitle, primaryTransaction }` to `{ title, subHeader }` to match (WEC-1804)
+- **CHANGED** - `SubHeader`'s logo resolution now checks `merchant_guid` before `institution_guid` (previously institution took priority over merchant), with a TODO to have the backend send only the one relevant guid per beat instead of relying on check order (WEC-1804)
+- **FIXED** - `TransactionHistoryBlock` and `BarchartBlock` now fall back to the generic "Monthly Amount"/"Trend" copy for the bar chart's legend labels when the backend doesn't send `legends` on `instance_slot_data`. `TransactionHistoryBlock`'s first attempt at this fallback was dead code (`array.map() ?? fallback` — `.map()` never returns `null`/`undefined`, so the `??` could never trigger); fixed to check `legends?.length` before mapping, and added regression tests for the empty-legends case in both blocks (WEC-1804)
+- **FIXED** - `BarchartBlock` now waits on `GlobalUiStore.isCopyLoaded` (rendering `Loader` until then) before reading copy for its legend fallback, matching `TransactionHistoryBlock`'s pattern — `BaseLayout` renders block components without waiting for copy to load, so `BarchartBlock` could previously mount and crash (`Cannot read properties of undefined (reading 'general')`) before `GlobalCopyStore` finished loading (WEC-1804)
+
 ## [9.4.24] - 09-16-2026
 
 - **ADDED** - insights-v2 beat CTA post message (ported from Pulse): when a beat CTA has no drilldown drawer `block`, clicking it now notifies the host via a `beat/cta` post message (payload `action`, `beat_guid`, `beat_template`, `action_string?`, `user_guid`) or, on a native mobile webview, navigates to a `scheme://pulse/<event>?metadata=...` URL. New helpers in `common/utils/PostMessage.ts` (`getBaseCtaPostMessage`, `sendBeatPostMessage`, `setWebviewURL`, `dispatchBeatCta`, `BEAT_CTA_EVENT`, `BEAT_OPERATION_1/2/3`); `BaseLayout` CTA buttons route through a `handleCtaClick` helper that opens the drawer for CTAs with a real block and otherwise dispatches the post message. Scoped to the Save an extra $100 beat's "Make a Transfer" CTA (WEC-1805)

package/dist/accounts/components/AccountListItem.es.js

@@ -11,22 +11,22 @@ import { Fragment as d, jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTheme as j } from "@mui/material/styles";
 import c from "@mui/material/Box";
 import T from "@mui/material/ListItem";
-import $ from "@mui/material/ListItemButton";
-import M from "@mui/material/ListItemText";
-import k from "@mui/material/ListItemAvatar";
+import $ from "@mui/material/ListItemAvatar";
+import M from "@mui/material/ListItemButton";
+import k from "@mui/material/ListItemText";
 import D from "@mui/material/Badge";
 var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStatus: p = !1 }) => {
   const u = j(), f = _(t), { config: h } = v(), { accounts: o } = I(), { firstSubtitle: b, firstValue: g, secondSubtitle: y, secondValue: x } = L(t, o, h.display_available_balance_in_accounts);
   let a;
   (t.connectionStatus === l.Error || t.connectionStatus === l.RequiresMfa) && (a = /* @__PURE__ */ e(S, { size: 16 }));
-  const m = /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(D, {
+  const m = /* @__PURE__ */ r(d, { children: [/* @__PURE__ */ e($, { children: /* @__PURE__ */ e(D, {
     badgeContent: p ? a : void 0,
     sx: { "& .MuiBadge-badge": { right: -1 } },
     children: /* @__PURE__ */ e(B, {
       alt: "MX",
       institutionGuid: t.institution_guid || ""
     })
-  }) }), /* @__PURE__ */ e(M, {
+  }) }), /* @__PURE__ */ e(k, {
     disableTypography: !0,
     primary: /* @__PURE__ */ r(i, {
       bold: !0,
@@ -76,7 +76,7 @@ var E = ({ account: t, onRowClick: n, listItemProps: s, shouldShowConnectionStat
       color: t.is_closed ? "grey.700" : "",
       ...s?.sx
     },
-    children: n ? /* @__PURE__ */ e($, {
+    children: n ? /* @__PURE__ */ e(M, {
       alignItems: "flex-start",
       onClick: n,
       sx: { px: 24 },

package/dist/accounts/components/AccountsListCompact.es.js

@@ -10,9 +10,9 @@ import { Fragment as w, jsx as t, jsxs as s } from "react/jsx-runtime";
 import y from "@mui/material/Divider";
 import S from "@mui/material/List";
 import $ from "@mui/material/ListItem";
-import j from "@mui/material/ListItemButton";
-import G from "@mui/material/ListItemText";
-import N from "@mui/material/ListItemAvatar";
+import j from "@mui/material/ListItemAvatar";
+import G from "@mui/material/ListItemButton";
+import N from "@mui/material/ListItemText";
 import M from "@mui/material/ListSubheader";
 var P = ({ onClick: i, shouldShowBalance: c = !0, loadAccounts: m }) => {
   const { config: p } = L(), { accounts: l } = A(), { selectedAccounts: n } = C(), h = a.useCallback((e) => {
@@ -50,11 +50,11 @@ var P = ({ onClick: i, shouldShowBalance: c = !0, loadAccounts: m }) => {
       sx: { bgcolor: "background.paper" },
       children: [u.map((r, o) => {
         const { firstValue: x } = T(r, l, p.display_available_balance_in_accounts), v = F(r, { allowNickname: p?.show_account_nicknames_in_master }), d = /* @__PURE__ */ s(w, { children: [
-          /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(D, {
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(D, {
             alt: "MX",
             institutionGuid: r.institution_guid ?? ""
           }) }),
-          /* @__PURE__ */ t(G, {
+          /* @__PURE__ */ t(N, {
             primary: `${v}${r.account_number ? ` *${r.account_number}` : ""}`,
             slotProps: { primary: {
               noWrap: !0,
@@ -70,7 +70,7 @@ var P = ({ onClick: i, shouldShowBalance: c = !0, loadAccounts: m }) => {
         ] });
         return /* @__PURE__ */ s(a.Fragment, { children: [/* @__PURE__ */ t($, {
           sx: { px: i ? 0 : 24 },
-          children: i ? /* @__PURE__ */ t(j, {
+          children: i ? /* @__PURE__ */ t(G, {
             onClick: () => h(r),
             children: d
           }) : d

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection.es.js

@@ -12,9 +12,9 @@ import { CheckCircle as I, Error as L, Language as z } from "@mxenabled/mx-icons
 import { Fragment as a, jsx as o, jsxs as n } from "react/jsx-runtime";
 import { useTheme as R } from "@mui/material/styles";
 import b from "@mui/material/ListItem";
+import c from "@mui/material/ListItemAvatar";
 import f from "@mui/material/ListItemButton";
-import c from "@mui/material/ListItemText";
-import s from "@mui/material/ListItemAvatar";
+import s from "@mui/material/ListItemText";
 import A from "@mui/material/ListSubheader";
 var m = {
   color: "background.default",
@@ -74,21 +74,21 @@ var m = {
         direction: "row",
         px: 24,
         py: 12,
-        children: [/* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+        children: [/* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(i, {
           backingSx: {
             backgroundColor: r.color,
             borderRadius: 1
           },
           size: 32,
           children: r.icon
-        }) }), /* @__PURE__ */ o(c, {
+        }) }), /* @__PURE__ */ o(s, {
           primary: r.mainMessage,
           secondary: r.secondaryMessage
         })]
       }) : /* @__PURE__ */ n(f, {
         onClick: () => d(!0),
         children: [
-          /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+          /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(i, {
             backingSx: {
               backgroundColor: r.color,
               borderRadius: 1
@@ -96,7 +96,7 @@ var m = {
             size: 32,
             children: r.icon
           }) }),
-          /* @__PURE__ */ o(c, {
+          /* @__PURE__ */ o(s, {
             primary: r.mainMessage,
             secondary: r.secondaryMessage && /* @__PURE__ */ n(a, { children: [
               r.secondaryMessage,
@@ -124,7 +124,7 @@ var m = {
         href: e.institution_url,
         target: "_blank",
         children: [
-          /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(i, {
+          /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(i, {
             backingSx: {
               backgroundColor: u === "light" ? "grey.300" : "grey.700",
               borderRadius: 1
@@ -135,7 +135,7 @@ var m = {
               color: u === "light" ? "grey.900" : "common.white"
             } })
           }) }),
-          /* @__PURE__ */ o(c, {
+          /* @__PURE__ */ o(s, {
             primary: e.name,
             secondary: e.institution_url
           }),

package/dist/budgets/components/addbudget/RecalculateBudgetRow.es.js

@@ -7,18 +7,18 @@ import { CategoryIcon as f } from "@mxenabled/mxui";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import g from "@mui/material/Divider";
 import b from "@mui/material/ListItem";
-import v from "@mui/material/ListItemButton";
-import y from "@mui/material/ListItemText";
-import x from "@mui/material/ListItemAvatar";
+import v from "@mui/material/ListItemAvatar";
+import y from "@mui/material/ListItemButton";
+import x from "@mui/material/ListItemText";
 var S = l(({ category: r }) => {
   const { budgets: o } = p(), { budgets: e } = c(), a = u.useMemo(() => {
     const m = e.find((d) => d.category_guid === r.guid);
     return `${i(r.totalAverageAmount, "0,0")} - ${m ? s(o.recalculate_previous_budget, i(m.amount, "0,0")) : o.recalculate_new_budget}`;
   }, [o, e]);
-  return /* @__PURE__ */ n(u.Fragment, { children: [/* @__PURE__ */ t(b, { children: /* @__PURE__ */ n(v, { children: [/* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(f, {
+  return /* @__PURE__ */ n(u.Fragment, { children: [/* @__PURE__ */ t(b, { children: /* @__PURE__ */ n(y, { children: [/* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(f, {
     categoryGuid: r.guid,
     variant: "filled"
-  }) }), /* @__PURE__ */ t(y, {
+  }) }), /* @__PURE__ */ t(x, {
     primary: r.name,
     secondary: a
   })] }) }), /* @__PURE__ */ t(g, {})] }, r.guid);

package/dist/budgets/components/addbudget/UnbudgetedRow.es.js

@@ -7,17 +7,17 @@ import { observer as A } from "mobx-react-lite";
 import { CategoryIcon as b, Icon as I } from "@mxenabled/mxui";
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
 import h from "@mui/material/ListItem";
-import y from "@mui/material/ListItemButton";
-import C from "@mui/material/ListItemText";
-import g from "@mui/material/ListItemAvatar";
+import y from "@mui/material/ListItemAvatar";
+import C from "@mui/material/ListItemButton";
+import g from "@mui/material/ListItemText";
 import x from "@mui/material/ListItemSecondaryAction";
 var w = A(({ category: t, onAddBudget: a }) => {
   const { budgets: e, common: s } = p(), [d, i] = m.useState(!1), [r, u] = m.useState(`${t.totalAmount === 0 ? "" : t.totalAmount}`);
-  return /* @__PURE__ */ n(m.Fragment, { children: [/* @__PURE__ */ o(h, { children: /* @__PURE__ */ n(y, {
+  return /* @__PURE__ */ n(m.Fragment, { children: [/* @__PURE__ */ o(h, { children: /* @__PURE__ */ n(C, {
     onClick: () => i(!0),
     children: [
-      /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(b, { categoryGuid: t.guid }) }),
-      /* @__PURE__ */ o(C, {
+      /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(b, { categoryGuid: t.guid }) }),
+      /* @__PURE__ */ o(g, {
         primary: t.name,
         secondary: c(t.totalAmount, "0,0")
       }),

package/dist/categories/components/CategoryRow.es.js

@@ -9,10 +9,10 @@ import { ExpandMore as C } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import h from "@mui/material/Divider";
 import L from "@mui/material/ListItem";
-import v from "@mui/material/ListItemButton";
-import I from "@mui/material/ListItemText";
-import _ from "@mui/material/ListItemAvatar";
-import b from "@mui/material/ListItemIcon";
+import v from "@mui/material/ListItemAvatar";
+import I from "@mui/material/ListItemButton";
+import _ from "@mui/material/ListItemIcon";
+import b from "@mui/material/ListItemText";
 var G = ({ category: r, subCategories: a }) => {
   const { expandedGuid: i, searchValue: m, setExpandedGuid: d } = f(), { onEvent: s } = p(), l = r.guid === i, u = () => {
     const e = r.guid !== i ? r.guid : null;
@@ -22,22 +22,22 @@ var G = ({ category: r, subCategories: a }) => {
     /* @__PURE__ */ t(L, {
       disableGutters: !0,
       disablePadding: !0,
-      children: /* @__PURE__ */ n(v, {
+      children: /* @__PURE__ */ n(I, {
         "aria-controls": `subcategories-${r.guid}`,
         "aria-expanded": r.guid === i,
         "aria-label": r.name,
         id: `category-${r.guid}`,
         onClick: u,
         children: [
-          /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(x, { categoryGuid: r.guid }) }),
-          /* @__PURE__ */ t(I, {
+          /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(x, { categoryGuid: r.guid }) }),
+          /* @__PURE__ */ t(b, {
             primary: r.name,
             slotProps: { primary: {
               fontWeight: "normal",
               variant: "body1"
             } }
           }),
-          /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(C, { sx: {
+          /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(C, { sx: {
             transition: "transform 0.3s ease-in-out",
             transform: l || m ? "rotate(180deg)" : "rotate(0deg)"
           } }) })

package/dist/common/components/DataRow.es.js

@@ -2,20 +2,20 @@ import "react";
 import { Icon as o } from "@mxenabled/mxui";
 import { Fragment as l, jsx as r, jsxs as a } from "react/jsx-runtime";
 import i from "@mui/material/ListItem";
-import c from "@mui/material/ListItemButton";
-import f from "@mui/material/ListItemText";
-import p from "@mui/material/Avatar";
-import h from "@mui/material/ListItemAvatar";
-import u from "@mui/material/ListItemIcon";
+import c from "@mui/material/Avatar";
+import f from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItemButton";
+import h from "@mui/material/ListItemIcon";
+import u from "@mui/material/ListItemText";
 var A = ({ iconName: m, label: n, onClick: t, showChevron: s = !0, value: d }) => {
-  const e = /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, {
+  const e = /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(c, {
     sx: { bgcolor: "neutral.light" },
     variant: "rounded",
     children: /* @__PURE__ */ r(o, {
       name: m,
       sx: { color: "text.primary" }
     })
-  }) }), /* @__PURE__ */ r(f, {
+  }) }), /* @__PURE__ */ r(u, {
     primary: n,
     secondary: d,
     slotProps: {
@@ -33,9 +33,9 @@ var A = ({ iconName: m, label: n, onClick: t, showChevron: s = !0, value: d }) =
   return t ? /* @__PURE__ */ r(i, {
     disableGutters: !0,
     disablePadding: !0,
-    children: /* @__PURE__ */ a(c, {
+    children: /* @__PURE__ */ a(p, {
       onClick: t,
-      children: [e, s && /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(o, {
+      children: [e, s && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(o, {
         name: "chevron_right",
         size: 24
       }) })]

package/dist/common/components/GlobalAccountFilter.es.js

@@ -1,97 +1,122 @@
-import { useAccountStore as g, useGlobalCopyStore as B, useGlobalUiStore as S } from "../context/hooks.es.js";
-import { GlobalAccountFilterList as k } from "./globalaccountfilter/GlobalAccountFilterList.es.js";
-import w from "react";
-import { observer as z } from "mobx-react-lite";
-import u from "@mui/material/Stack";
-import n from "@mui/material/Button";
-import { FilterAlt as m } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import G from "@mui/material/Box";
-import O from "@mui/material/IconButton";
-import j from "@mui/material/Divider";
-import E from "@mui/material/Popover";
-import W from "@mui/material/Tooltip";
-var Q = z(({ allowedAccountTypes: d, isDesktop: f, onAccountFilterClick: h, sx: b = {}, variant: x = "text" }) => {
-  const { common: r } = B(), { accountFilterMap: v, resetAccountFilterMap: C } = S(), { detailedAccounts: F, updateAccountFilter: _ } = g(), [a, i] = w.useState(null), c = (A) => {
-    C(), i(A.currentTarget), h?.();
-  }, s = () => {
-    i(null);
-  }, y = async () => {
-    await _(v), i(null);
-  }, e = r.account_filter, o = !!a, p = F.length === 0;
-  return /* @__PURE__ */ l(G, {
-    sx: { ...b },
-    children: [f ? /* @__PURE__ */ t(n, {
-      "aria-controls": o ? "filter_accounts" : void 0,
-      "aria-expanded": o,
-      "aria-haspopup": !0,
-      "aria-label": e.title,
-      disabled: p,
-      onClick: c,
-      startIcon: /* @__PURE__ */ t(m, { size: 24 }),
-      sx: {
-        p: 8,
-        whiteSpace: "nowrap",
-        minWidth: "max-content"
-      },
-      variant: x,
-      children: r.filter_button
-    }) : /* @__PURE__ */ t(W, {
-      id: "filter-accounts",
-      placement: "bottom",
-      title: e.title,
-      children: /* @__PURE__ */ t(O, {
-        "aria-controls": o ? "filter_accounts" : void 0,
-        "aria-describedby": "filter-accounts",
-        "aria-expanded": o,
-        "aria-haspopup": !0,
-        "aria-label": e.title,
-        color: "primary",
-        disabled: p,
-        onClick: c,
-        sx: { p: 8 },
-        children: /* @__PURE__ */ t(m, { size: 24 })
-      })
-    }), /* @__PURE__ */ t(E, {
-      anchorEl: a,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "left"
-      },
-      onClose: s,
-      open: o,
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      children: /* @__PURE__ */ l(u, { children: [
-        /* @__PURE__ */ t(k, { allowedAccountTypes: d }),
-        /* @__PURE__ */ t(j, {}),
-        /* @__PURE__ */ l(u, {
-          direction: "row",
-          justifyContent: "space-between",
-          spacing: 16,
-          sx: { p: 16 },
-          children: [/* @__PURE__ */ t(n, {
-            fullWidth: !0,
-            onClick: s,
-            variant: "text",
-            children: r.cancel_button
-          }), /* @__PURE__ */ t(n, {
-            "aria-label": e.filter_button_generic_aria,
-            color: "primary",
-            fullWidth: !0,
-            onClick: y,
-            variant: "contained",
-            children: r.filter_button
-          })]
+import { buildDynamicCopy as O } from "../../core/utils/Localization.es.js";
+import { useAccountStore as j, useGlobalCopyStore as W, useGlobalUiStore as I } from "../context/hooks.es.js";
+import { useAriaLive as y } from "../hooks/useAriaLive.es.js";
+import { buildSelectionFilter as K, getSelectionCounts as M } from "./globalaccountfilter/selection.es.js";
+import { GlobalAccountFilterList as P } from "./globalaccountfilter/GlobalAccountFilterList.es.js";
+import a from "react";
+import { observer as T } from "mobx-react-lite";
+import A from "@mui/material/Stack";
+import u from "@mui/material/Button";
+import { FilterAlt as C } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import U from "@mui/material/Box";
+import q from "@mui/material/IconButton";
+import H from "@mui/material/Divider";
+import J from "@mui/material/Popover";
+import N from "@mui/material/Tooltip";
+var st = T(({ allowedAccountTypes: p, isDesktop: S, onAccountFilterClick: F, sx: k = {}, variant: _ = "text" }) => {
+  const { common: i } = W(), { accountFilterMap: m, resetAccountFilterMap: w } = I(), { detailedAccounts: d, updateAccountFilter: B } = j(), { announce: L, ariaLive: D } = y(), { announce: f, ariaLive: E } = y(), [h, c] = a.useState(null), r = a.useRef(null), l = a.useRef(0), n = i.account_filter, b = (o) => {
+    l.current += 1, r.current = null, w(), c(o.currentTarget), F?.();
+  }, g = () => {
+    l.current += 1, c(null);
+  }, v = async () => {
+    const { selected: o, total: z } = M(K(m, d, p)), G = l.current;
+    await B(m), G === l.current && (r.current = O(n.applied_announcement, String(o), String(z)), c(null));
+  }, R = (o) => {
+    o.key === "Enter" && o.target === o.currentTarget && v();
+  }, e = !!h, x = d.length === 0;
+  return a.useEffect(() => {
+    e || !r.current || (f(r.current), r.current = null);
+  }, [e, f]), /* @__PURE__ */ s(U, {
+    sx: { ...k },
+    children: [
+      E,
+      S ? /* @__PURE__ */ t(u, {
+        "aria-controls": e ? "filter_accounts" : void 0,
+        "aria-expanded": e,
+        "aria-haspopup": "dialog",
+        "aria-label": n.title,
+        disabled: x,
+        onClick: b,
+        startIcon: /* @__PURE__ */ t(C, { size: 24 }),
+        sx: {
+          p: 8,
+          whiteSpace: "nowrap",
+          minWidth: "max-content"
+        },
+        variant: _,
+        children: i.filter_button
+      }) : /* @__PURE__ */ t(N, {
+        id: "filter-accounts",
+        placement: "bottom",
+        title: n.title,
+        children: /* @__PURE__ */ t(q, {
+          "aria-controls": e ? "filter_accounts" : void 0,
+          "aria-expanded": e,
+          "aria-haspopup": "dialog",
+          "aria-label": n.title,
+          color: "primary",
+          disabled: x,
+          onClick: b,
+          sx: { p: 8 },
+          children: /* @__PURE__ */ t(C, { size: 24 })
         })
-      ] })
-    })]
+      }),
+      /* @__PURE__ */ t(J, {
+        anchorEl: h,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        onClose: g,
+        open: e,
+        slotProps: { paper: {
+          "aria-label": n.title,
+          "aria-modal": !0,
+          onKeyDown: R,
+          role: "dialog"
+        } },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ s(A, { children: [
+          D,
+          /* @__PURE__ */ t(P, {
+            allowedAccountTypes: p,
+            announce: L
+          }),
+          /* @__PURE__ */ t(H, {}),
+          /* @__PURE__ */ s(A, {
+            direction: "row",
+            justifyContent: "space-between",
+            spacing: 16,
+            sx: {
+              bgcolor: "background.paper",
+              bottom: 0,
+              p: 16,
+              position: "sticky"
+            },
+            children: [/* @__PURE__ */ t(u, {
+              fullWidth: !0,
+              onClick: g,
+              variant: "text",
+              children: i.cancel_button
+            }), /* @__PURE__ */ t(u, {
+              color: "primary",
+              fullWidth: !0,
+              onClick: v,
+              variant: "contained",
+              children: i.filter_button
+            })]
+          })
+        ] })
+      })
+    ]
   });
 });
 export {
-  Q as GlobalAccountFilter
+  st as GlobalAccountFilter
 };
 
 //# sourceMappingURL=GlobalAccountFilter.es.js.map

package/dist/common/components/GlobalAccountFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAccountFilter.es.js","names":[],"sources":["../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      await updateAccountFilter(accountFilterMap)\n      setFilterButtonEl(null)\n    }\n\n    const copy = commonCopy.account_filter\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    return (\n      <Box sx={{ ...sx }}>\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup={true}\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-describedby=\"filter-accounts\"\n              aria-expanded={isFilterOpen}\n              aria-haspopup={true}\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            <GlobalAccountFilterList allowedAccountTypes={allowedAccountTypes} />\n            <Divider />\n            <Stack direction=\"row\" justifyContent=\"space-between\" spacing={16} sx={{ p: 16 }}>\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button\n                aria-label={copy.filter_button_generic_aria}\n                color=\"primary\"\n                fullWidth={true}\n                onClick={handleFilter}\n                variant=\"contained\"\n              >\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"GlobalAccountFilter.es.js","names":[],"sources":["../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\nimport { useAriaLive } from '../hooks/useAriaLive'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\nimport { buildSelectionFilter, getSelectionCounts } from './globalaccountfilter/selection'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    // Two regions, because MUI's ModalManager sets aria-hidden on every body\n    // child outside the popover while it is open (and aria-modal tells AT to\n    // ignore them anyway). Selection changes happen while the dialog is open, so\n    // that region must live INSIDE it; the applied message is spoken after the\n    // dialog is gone, so its region must live outside to survive the unmount.\n    const { announce: announceSelection, ariaLive: selectionAriaLive } = useAriaLive()\n    const { announce: announceApplied, ariaLive: appliedAriaLive } = useAriaLive()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n    // Set once the update resolves, consumed by the close effect below. It cannot\n    // be announced from handleFilter directly: aria-hidden is still on the rest of\n    // the document at that point, so the message would go into a hidden region.\n    const pendingAppliedRef = React.useRef<string | null>(null)\n    // Identifies one open..close cycle of the dialog. `handleFilter` captures it\n    // before awaiting and bails if it changed, so a slow request cannot reach\n    // back into a session the user has already left.\n    const generationRef = React.useRef(0)\n\n    const copy = commonCopy.account_filter\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      generationRef.current += 1\n      // Not subsumed by the generation guard. handleOpen and handleCancel both\n      // bump the generation, so a single interrupted apply bails before it writes.\n      // What still reaches this line is a SECOND apply started while the first was\n      // in flight -- applying does not bump, so both continuations pass the guard.\n      // The first closes the dialog and the effect consumes its message; the second\n      // then writes onto an already-null anchor, so setFilterButtonEl(null) is a\n      // no-op, React bails out of the render, and the effect never runs to consume\n      // it. Clearing on the way back in stops that leftover surfacing later.\n      //\n      // Pinned by 'discards a leftover message from a second apply on the next\n      // open' -- delete this line and that test fails. An in-flight guard on apply\n      // (MEW-4138) would remove the reachable case and retire both.\n      pendingAppliedRef.current = null\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      // Ends the session too, so a request abandoned here cannot write its message\n      // even if it resolves before the user reopens.\n      generationRef.current += 1\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      const { selected, total } = getSelectionCounts(\n        buildSelectionFilter(accountFilterMap, detailedAccounts, allowedAccountTypes),\n      )\n\n      const generation = generationRef.current\n\n      await updateAccountFilter(accountFilterMap)\n\n      // The dialog moved on while this was in flight -- the user cancelled, or\n      // cancelled and reopened. Announcing now would speak over a session that did\n      // not ask for it, and closing would shut a dialog the user just opened.\n      // NOTE: the update itself already committed; cancelling does not roll it\n      // back. Only the announcement and the close are suppressed here.\n      if (generation !== generationRef.current) return\n\n      pendingAppliedRef.current = buildDynamicCopy(\n        copy.applied_announcement,\n        String(selected),\n        String(total),\n      ) as string\n      setFilterButtonEl(null)\n    }\n\n    // Bound to the Paper, not an inner element: FocusTrap focuses the Paper on\n    // open (getFocusTarget finds no `data-mui-focusable` marker and falls back to\n    // the root), and keydown there bubbles UP -- a handler on a descendant would\n    // never see the first keypress.\n    //\n    // Only fires when the Paper ITSELF holds focus. Anything focused inside it\n    // owns its own Enter behaviour: buttons activate, and a checkbox must not\n    // submit -- native checkboxes ignore Enter, so without this the keypress\n    // bubbled up here and closed the dialog out from under someone who was just\n    // moving through the list. A whitelist rather than a `closest()` exclusion\n    // list, so a control added later cannot silently inherit submit-on-Enter.\n    //\n    // Narrower than it looks: the Paper is tabIndex=\"-1\", so once focus moves off\n    // it there is no way to Tab back. Enter-applies is a one-shot affordance,\n    // available only before the first Tab. The scroll region (tabIndex={0}) is the\n    // first stop after it and deliberately does nothing on Enter.\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key !== 'Enter') return\n      if (event.target !== event.currentTarget) return\n\n      handleFilter()\n    }\n\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    // Announce only once the popover is closed. `handleFilter` cannot announce\n    // directly: at that point ModalManager still has aria-hidden on the rest of\n    // the document, so the message would be written into a hidden region.\n    //\n    // Modal lifts aria-hidden in an effect when `open` flips false\n    // (`closeAfterTransition` defaults false, so `useModal`'s open/close effect\n    // calls handleClose immediately rather than waiting for the exit). Modal is a\n    // descendant of this component and React flushes child effects first (and every\n    // destroy before any create, so FocusTrap's restore lands first too), meaning\n    // by the time this effect runs focus is back on the trigger and the document is\n    // exposed again.\n    //\n    // Only ever consumes a message from the session that is closing. An apply\n    // interrupted by a cancel or a reopen is stopped at the generation guard in\n    // handleFilter and never writes one, in either order.\n    React.useEffect(() => {\n      if (isFilterOpen || !pendingAppliedRef.current) return\n\n      announceApplied(pendingAppliedRef.current)\n      pendingAppliedRef.current = null\n    }, [isFilterOpen, announceApplied])\n\n    return (\n      <Box sx={{ ...sx }}>\n        {appliedAriaLive}\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup=\"dialog\"\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-expanded={isFilterOpen}\n              aria-haspopup=\"dialog\"\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          // aria-modal is what Chrome surfaces to the Android accessibility API as a\n          // modal subtree. Without it TalkBack walks past the last control and out of\n          // the webview into the host app's native chrome -- aria-hidden (applied to\n          // background siblings by MUI's Modal) only bounds the DOM, not the webview.\n          slotProps={{\n            paper: {\n              'aria-label': copy.title,\n              'aria-modal': true,\n              onKeyDown: handleKeyDown,\n              role: 'dialog',\n            },\n          }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            {selectionAriaLive}\n            <GlobalAccountFilterList\n              allowedAccountTypes={allowedAccountTypes}\n              announce={announceSelection}\n            />\n            <Divider />\n            <Stack\n              direction=\"row\"\n              justifyContent=\"space-between\"\n              spacing={16}\n              sx={{ bgcolor: 'background.paper', bottom: 0, p: 16, position: 'sticky' }}\n            >\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button color=\"primary\" fullWidth={true} onClick={handleFilter} variant=\"contained\">\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/common/components/ListItemRow.es.js

@@ -4,8 +4,8 @@ import { Text as i } from "@mxenabled/mxui";
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import h from "@mui/material/ListItem";
 import I from "@mui/material/ListItemButton";
-import L from "@mui/material/ListItemText";
 import s from "@mui/material/ListItemIcon";
+import L from "@mui/material/ListItemText";
 var R = ({ onClick: n, leftIcon: o, rightIcon: m, title: a, subtitle: c, rightContent: l, titleBold: x = !0, rightContentBold: p = !0 }) => {
   const d = /* @__PURE__ */ t(f.Fragment, { children: [o && /* @__PURE__ */ r(s, {
     sx: { ml: 0 },

package/dist/common/components/globalaccountfilter/GlobalAccountFilterList.d.ts

@@ -1,7 +1,8 @@
 import { AccountType } from '../../../core';
 export interface GlobalAccountFilterListProps {
     allowedAccountTypes: AccountType[] | undefined;
+    announce?: (message: string) => void;
 }
-export declare const GlobalAccountFilterList: (({ allowedAccountTypes }: GlobalAccountFilterListProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const GlobalAccountFilterList: (({ allowedAccountTypes, announce }: GlobalAccountFilterListProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };