@mx-cartographer/experiences 9.6.5 → 9.6.6

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [9.6.6] - 10-13-2026
+
+- **ADDED** - Beat contract test for the **Subscription Price Increase** insight (`SubscriptionPriceIncreaseContract.test.tsx`), one case per acceptance criterion: the `double_progress_bar_block` previous-vs-new card, opening the Expense Details drawer from the primary CTA, resolving the subscription from `primary_repeating_transaction_guid` on the envelope (transaction walk as the fallback), the no-activity state, and closing back to the feed. The `SubscriptionPriceIncrease` mock payload now names `double_progress_bar_block` and the beat fixture carries `primary_repeating_transaction_guid`, the `DoubleProgressBarBlock` story drives off that shared fixture, and `docs/action-blocks/recurring-transaction-block.md` records the beat and its open questions (MEW2-3308)
+- **CHANGED** - `DoubleProgressBarBlock` exposes each bar as a `progressbar` (`aria-valuenow` is the fill percentage, the accessible name is the label plus the amount), so the previous-vs-new comparison is readable by assistive tech instead of existing only as a CSS width (MEW2-3308)
+
 ## [9.6.4] - 10-12-2026
 
 - **CHANGED** - AccountBlock `instance_slot.variant` values are now snake_case (`transparent_overdraft`, `low_account_balance`, `status_off_track`, `status_on_track`, `monthly_credit_card_interest_summary`, `unified_deposit`, `unified_deposit_emergency_fund`, `celebrate_credit_card_payoff`, `savings_account_deposit`) to match what the backend sends. Updated the `getLayoutConfig` and `depositIcons` map keys in `AccountBlock` plus all related tests and stories (WEC-1813)

package/dist/insights-v2/actionBlocks/RecurringTransactionBlock/subscriptionBeats.d.ts

@@ -8,12 +8,12 @@ interface SubscriptionContext {
 /**
  * Which repeating transaction the beat is about, or `undefined` if it cannot tell.
  *
- * The direct pointer wins: V2 carries `primary_repeating_transaction_guid` on the payload beside the
- * other `primary_*` guids, and the legacy pulse envelope carries it on the beat (Upcoming
- * Subscription, WEC-1469). Failing that, the beat's primary transaction is walked to the repeating
- * transaction it is linked to (Subscription Price Increase, WEC-1470, whose pulse fixture names only
- * `primary_transaction`): the hydrated `beat.primary_transaction` first, then the transaction store,
- * then each repeating transaction's own linked `transactions`.
+ * The direct pointer wins: `primary_repeating_transaction_guid` on the V2 payload, then on the legacy
+ * beat envelope (Upcoming Subscription, WEC-1469; Subscription Price Increase, WEC-1470, see open
+ * question 3 in docs/action-blocks/recurring-transaction-block.md). Failing that, the beat's primary
+ * transaction is walked to the repeating transaction it is linked to: the hydrated
+ * `beat.primary_transaction` first, then the transaction store, then each repeating transaction's
+ * own linked `transactions`.
  */
 export declare const resolveSubscriptionGuid: (beat: Beat, { repeatingTransactions, transactions }: SubscriptionContext) => string | undefined;
 export {};

package/dist/insights-v2/actionBlocks/RecurringTransactionBlock/subscriptionBeats.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptionBeats.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts"],"sourcesContent":["import type { Beat, RepeatingTransaction, Transaction } from '../../../core'\n\ninterface SubscriptionContext {\n  /** `recurringTransactionsStore.repeatingTransactions`, with linked transactions when augmented. */\n  repeatingTransactions: RepeatingTransaction[]\n  /** `transactionStore.transactions`, consulted to walk a transaction to its repeating transaction. */\n  transactions: Transaction[]\n}\n\n/**\n * Which repeating transaction the beat is about, or `undefined` if it cannot tell.\n *\n * The direct pointer wins: V2 carries `primary_repeating_transaction_guid` on the payload beside the\n * other `primary_*` guids, and the legacy pulse envelope carries it on the beat (Upcoming\n * Subscription, WEC-1469). Failing that, the beat's primary transaction is walked to the repeating\n * transaction it is linked to (Subscription Price Increase, WEC-1470, whose pulse fixture names only\n * `primary_transaction`): the hydrated `beat.primary_transaction` first, then the transaction store,\n * then each repeating transaction's own linked `transactions`.\n */\nexport const resolveSubscriptionGuid = (\n  beat: Beat,\n  { repeatingTransactions, transactions }: SubscriptionContext,\n): string | undefined => {\n  const direct =\n    beat.insights_payload?.primary_repeating_transaction_guid ||\n    beat.primary_repeating_transaction_guid\n\n  if (direct) return direct\n\n  const transactionGuid =\n    beat.insights_payload?.primary_transaction_guid ||\n    beat.primary_transaction?.guid ||\n    beat.primary_transaction_guid\n\n  if (!transactionGuid) return undefined\n\n  const snapshot =\n    beat.primary_transaction?.guid === transactionGuid ? beat.primary_transaction : undefined\n\n  return (\n    snapshot?.repeating_transaction_guid ||\n    transactions.find((transaction) => transaction.guid === transactionGuid)\n      ?.repeating_transaction_guid ||\n    repeatingTransactions.find((repeating) =>\n      repeating.transactions?.some((transaction) => transaction.guid === transactionGuid),\n    )?.guid ||\n    undefined\n  )\n}\n"],"mappings":"AAmBA,IAAa,IAAA,CACX,GACA,EAAE,uBAAA,GAAuB,cAAA,EAAA,MACF;AACvB,QAAM,IACJ,EAAK,kBAAkB,sCACvB,EAAK;AAEP,MAAI,EAAQ,QAAO;AAEnB,QAAM,IACJ,EAAK,kBAAkB,4BACvB,EAAK,qBAAqB,QAC1B,EAAK;AAEP,MAAK;AAKL,YAFE,EAAK,qBAAqB,SAAS,IAAkB,EAAK,sBAAsB,SAGtE,8BACV,EAAa,KAAA,CAAM,MAAgB,EAAY,SAAS,CAAe,GACnE,8BACJ,EAAsB,KAAA,CAAM,MAC1B,EAAU,cAAc,KAAA,CAAM,MAAgB,EAAY,SAAS,CAAe,CACpF,GAAG,QACH;AAEJ"}
+{"version":3,"file":"subscriptionBeats.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts"],"sourcesContent":["import type { Beat, RepeatingTransaction, Transaction } from '../../../core'\n\ninterface SubscriptionContext {\n  /** `recurringTransactionsStore.repeatingTransactions`, with linked transactions when augmented. */\n  repeatingTransactions: RepeatingTransaction[]\n  /** `transactionStore.transactions`, consulted to walk a transaction to its repeating transaction. */\n  transactions: Transaction[]\n}\n\n/**\n * Which repeating transaction the beat is about, or `undefined` if it cannot tell.\n *\n * The direct pointer wins: `primary_repeating_transaction_guid` on the V2 payload, then on the legacy\n * beat envelope (Upcoming Subscription, WEC-1469; Subscription Price Increase, WEC-1470, see open\n * question 3 in docs/action-blocks/recurring-transaction-block.md). Failing that, the beat's primary\n * transaction is walked to the repeating transaction it is linked to: the hydrated\n * `beat.primary_transaction` first, then the transaction store, then each repeating transaction's\n * own linked `transactions`.\n */\nexport const resolveSubscriptionGuid = (\n  beat: Beat,\n  { repeatingTransactions, transactions }: SubscriptionContext,\n): string | undefined => {\n  const direct =\n    beat.insights_payload?.primary_repeating_transaction_guid ||\n    beat.primary_repeating_transaction_guid\n\n  if (direct) return direct\n\n  const transactionGuid =\n    beat.insights_payload?.primary_transaction_guid ||\n    beat.primary_transaction?.guid ||\n    beat.primary_transaction_guid\n\n  if (!transactionGuid) return undefined\n\n  const snapshot =\n    beat.primary_transaction?.guid === transactionGuid ? beat.primary_transaction : undefined\n\n  return (\n    snapshot?.repeating_transaction_guid ||\n    transactions.find((transaction) => transaction.guid === transactionGuid)\n      ?.repeating_transaction_guid ||\n    repeatingTransactions.find((repeating) =>\n      repeating.transactions?.some((transaction) => transaction.guid === transactionGuid),\n    )?.guid ||\n    undefined\n  )\n}\n"],"mappings":"AAmBA,IAAa,IAAA,CACX,GACA,EAAE,uBAAA,GAAuB,cAAA,EAAA,MACF;AACvB,QAAM,IACJ,EAAK,kBAAkB,sCACvB,EAAK;AAEP,MAAI,EAAQ,QAAO;AAEnB,QAAM,IACJ,EAAK,kBAAkB,4BACvB,EAAK,qBAAqB,QAC1B,EAAK;AAEP,MAAK;AAKL,YAFE,EAAK,qBAAqB,SAAS,IAAkB,EAAK,sBAAsB,SAGtE,8BACV,EAAa,KAAA,CAAM,MAAgB,EAAY,SAAS,CAAe,GACnE,8BACJ,EAAsB,KAAA,CAAM,MAC1B,EAAU,cAAc,KAAA,CAAM,MAAgB,EAAY,SAAS,CAAe,CACpF,GAAG,QACH;AAEJ"}

package/dist/insights-v2/blocks/ChartBlocks/DoubleProgressBarBlock/ProgressBar.d.ts

@@ -4,5 +4,10 @@ interface ProgressBarProps {
     percentage: number;
     isBold?: boolean;
 }
+/**
+ * One labelled bar. The track is a `progressbar` whose value is the fill percentage and whose name is
+ * the label plus the amount, so the comparison the block draws is readable by assistive tech (and
+ * assertable in tests) rather than existing only as a CSS width.
+ */
 declare const ProgressBar: ({ label, amount, percentage, isBold }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/dist/insights-v2/blocks/ChartBlocks/DoubleProgressBarBlock/ProgressBar.es.js

@@ -1,44 +1,49 @@
 import { formatCurrency as c } from "../../../../core/utils/NumberFormatting.es.js";
 import e from "@mui/material/Stack";
-import { Text as o } from "@mxenabled/mxui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useTheme as l } from "@mui/material/styles";
+import { Text as n } from "@mxenabled/mxui";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useTheme as d } from "@mui/material/styles";
 import h from "@mui/material/Box";
-var b = ({ label: n, amount: a, percentage: m, isBold: s }) => {
-  const t = l();
-  return /* @__PURE__ */ i(e, {
+var v = ({ label: t, amount: s, percentage: a, isBold: l }) => {
+  const o = d(), i = c(s, "0,0.00");
+  return /* @__PURE__ */ m(e, {
     sx: { gap: 4 },
-    children: [/* @__PURE__ */ i(e, {
+    children: [/* @__PURE__ */ m(e, {
       sx: {
         alignItems: "center",
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      children: [/* @__PURE__ */ r(o, {
+      children: [/* @__PURE__ */ r(n, {
         variant: "caption",
-        children: n
-      }), /* @__PURE__ */ r(o, {
-        bold: s,
+        children: t
+      }), /* @__PURE__ */ r(n, {
+        bold: l,
         variant: "caption",
-        children: c(a, "0,0.00")
+        children: i
       })]
     }), /* @__PURE__ */ r(e, {
+      "aria-label": `${t} ${i}`,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": a,
+      role: "progressbar",
       sx: {
-        bgcolor: t.palette.warning.lighter,
+        bgcolor: o.palette.warning.lighter,
         height: 12,
         borderRadius: 6
       },
       children: /* @__PURE__ */ r(h, { sx: {
-        bgcolor: t.palette.warning.main,
+        bgcolor: o.palette.warning.main,
         height: 12,
         borderRadius: 6,
-        width: `${m}%`
+        width: `${a}%`
       } })
     })]
   });
 };
 export {
-  b as default
+  v as default
 };
 
 //# sourceMappingURL=ProgressBar.es.js.map

package/dist/insights-v2/blocks/ChartBlocks/DoubleProgressBarBlock/ProgressBar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleProgressBarBlock/ProgressBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface ProgressBarProps {\n  label: string\n  amount: number\n  percentage: number\n  isBold?: boolean\n}\n\nconst ProgressBar = ({ label, amount, percentage, isBold }: ProgressBarProps) => {\n  const theme = useTheme()\n  return (\n    <Stack sx={{ gap: 4 }}>\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between' }}>\n        <Text variant=\"caption\">{label}</Text>\n        <Text bold={isBold} variant=\"caption\">\n          {formatCurrency(amount, '0,0.00')}\n        </Text>\n      </Stack>\n      <Stack sx={{ bgcolor: theme.palette.warning.lighter, height: 12, borderRadius: 6 }}>\n        <Box\n          sx={{\n            bgcolor: theme.palette.warning.main,\n            height: 12,\n            borderRadius: 6,\n            width: `${percentage}%`,\n          }}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ProgressBar\n"],"mappings":";;;;;;AAcA,IAAM,IAAA,CAAe,EAAE,OAAA,GAAO,QAAA,GAAQ,YAAA,GAAY,QAAA,EAAA,MAA+B;AAC/E,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,IAApB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,eAAe;AAAA,QAAO,gBAAgB;AAAA,MAAgB;AAAA,MAAzF,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAW,UAAA;AAAA,MAAY,CAAA,GACrC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAQ,SAAQ;AAAA,QACzB,UAAA,EAAe,GAAQ,QAAQ;AAAA,MAC5B,CAAA,CACD;AAAA,IACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,SAAS,EAAM,QAAQ,QAAQ;AAAA,QAAS,QAAQ;AAAA,QAAI,cAAc;AAAA,MAAE;AAAA,MAC/E,UAAA,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,QACF,SAAS,EAAM,QAAQ,QAAQ;AAAA,QAC/B,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,OAAO,GAAG,CAAA;AAAA,MACZ,EACD,CAAA;AAAA,IACI,CAAA,CACF;AAAA;AAEX"}
+{"version":3,"file":"ProgressBar.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleProgressBarBlock/ProgressBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface ProgressBarProps {\n  label: string\n  amount: number\n  percentage: number\n  isBold?: boolean\n}\n\n/**\n * One labelled bar. The track is a `progressbar` whose value is the fill percentage and whose name is\n * the label plus the amount, so the comparison the block draws is readable by assistive tech (and\n * assertable in tests) rather than existing only as a CSS width.\n */\nconst ProgressBar = ({ label, amount, percentage, isBold }: ProgressBarProps) => {\n  const theme = useTheme()\n  const formattedAmount = formatCurrency(amount, '0,0.00')\n\n  return (\n    <Stack sx={{ gap: 4 }}>\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Text variant=\"caption\">{label}</Text>\n        <Text bold={isBold} variant=\"caption\">\n          {formattedAmount}\n        </Text>\n      </Stack>\n      <Stack\n        aria-label={`${label} ${formattedAmount}`}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={percentage}\n        role=\"progressbar\"\n        sx={{\n          bgcolor: theme.palette.warning.lighter,\n          height: 12,\n          borderRadius: 6,\n        }}\n      >\n        <Box\n          sx={{\n            bgcolor: theme.palette.warning.main,\n            height: 12,\n            borderRadius: 6,\n            width: `${percentage}%`,\n          }}\n        />\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default ProgressBar\n"],"mappings":";;;;;;AAmBA,IAAM,IAAA,CAAe,EAAE,OAAA,GAAO,QAAA,GAAQ,YAAA,GAAY,QAAA,EAAA,MAA+B;AAC/E,QAAM,IAAQ,EAAS,GACjB,IAAkB,EAAe,GAAQ,QAAQ;AAEvD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,IAApB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MALF,UAAA,CAOE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAW,UAAA;AAAA,MAAY,CAAA,GACrC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAQ,SAAQ;AAAA,QACzB,UAAA;AAAA,MACG,CAAA,CACD;AAAA,IACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY,GAAG,CAAA,IAAS,CAAA;AAAA,MACxB,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,MAAK;AAAA,MACL,IAAI;AAAA,QACF,SAAS,EAAM,QAAQ,QAAQ;AAAA,QAC/B,QAAQ;AAAA,QACR,cAAc;AAAA,MAChB;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,QACF,SAAS,EAAM,QAAQ,QAAQ;AAAA,QAC/B,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,OAAO,GAAG,CAAA;AAAA,MACZ,EACD,CAAA;AAAA,IACI,CAAA,CACF;AAAA;AAEX"}

package/package.json

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