@mx-cartographer/experiences 9.4.6 → 9.4.7

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [9.4.7] - 08-27-2026
+
+- **ADDED** - `CategoryTransactionsBlock` component block supporting `SameHeaderDesign` variant for single fee and large transactions in Insights v2 (MEW2-3237)
+- **ADDED** - `BlockType.CategoryTransactionsBlock` enum and `CategoryTransactionsBlockData` / `InsightTransaction` type definitions (MEW2-3237)
+- **ADDED** - Storybook stories and unit tests for `CategoryTransactionsBlock` covering `FeeDetected` and `LargeTransaction` (MEW2-3237)
+
+## [9.4.6] - 08-27-2026
+
+- **ADDED** - Storybook "Client theme" toolbar dropdown to switch the active `ClientStyleProfile` fixture (e.g. Seattle Seahawks) across all stories via `getClientPaletteOptions` and `getClientTheme` (MEW2-9999)
+- **ADDED** - `Common/Client Theme` story displaying palette swatches, corner radiuses, and typography to verify client style profiles in Storybook (MEW2-9999)
+
 ## [9.4.5] - 08-27-2026
 
 - **ADDED** - Transaction History action block (part 1): chart-to-drilldown wiring. `BarchartBlock` and `DoubleBarChartBlock` now invoke `openChartDrilldown` on a bar click, forwarding the clicked column (`chartBarIndex`) and sub-series (`tabIndex`) to the shared insights-v2 action drawer so a tapped bar opens the matching transaction history slice (WEC-1701)
@@ -20,6 +31,7 @@
 - **ADDED** - Filter selectable transactions for recurring creation to merchant-backed transactions or eligible merchantless bills and income (MEW-4051)
 
 ## [9.4.2] - 08-26-2026
+
 - **ADDED** - Sub budget totals now roll up to parent budget total
 - **ADDED** - Destructive cascade delete of sub-budgets when a parent budget is deleted
 - **REMOVED** - Un-budgeted projected income line

package/dist/core/types/Insights.d.ts

@@ -73,15 +73,16 @@ export interface Footer {
     account: string;
 }
 export declare const BlockType: {
-    AccountBlock: string;
-    BarChartBlock: string;
-    BudgetBlock: string;
-    ImageBlock: string;
-    DonutChartBlock: string;
-    DoubleBarChartBlock: string;
-    DoubleProgressBarBlock: string;
-    StepChartBlock: string;
-    SVGImageBlock: string;
+    readonly AccountBlock: "AccountBlock";
+    readonly BarChartBlock: "BarChartBlock";
+    readonly BudgetBlock: "BudgetBlock";
+    readonly CategoryTransactionsBlock: "CategoryTransactionsBlock";
+    readonly ImageBlock: "ImageBlock";
+    readonly DonutChartBlock: "DonutChartBlock";
+    readonly DoubleBarChartBlock: "DoubleBarChartBlock";
+    readonly DoubleProgressBarBlock: "DoubleProgressBarBlock";
+    readonly StepChartBlock: "StepChartBlock";
+    readonly SVGImageBlock: "SVGImageBlock";
 };
 export type BlockType = keyof typeof BlockType;
 export interface InstanceSlot {

package/dist/core/types/InsightsInstanceSlotData.d.ts

@@ -1,5 +1,6 @@
 import { DataSeries, Legends } from '../../core';
-export interface InsightsInstanceSlotData extends Partial<BarChartBlockData>, Partial<BudgetBlockData>, Partial<DonutChartBlockData>, Partial<DoubleProgressBarBlockData>, Partial<ImageBlockData>, Partial<AccountBlockData>, Partial<StepChartBlockData>, Partial<SVGImageBlockData>, Partial<CommonProps> {
+import { Transaction } from './Transaction';
+export interface InsightsInstanceSlotData extends Partial<BarChartBlockData>, Partial<BudgetBlockData>, Partial<DonutChartBlockData>, Partial<DoubleProgressBarBlockData>, Partial<ImageBlockData>, Partial<AccountBlockData>, Partial<StepChartBlockData>, Partial<SVGImageBlockData>, Partial<CategoryTransactionsBlockData>, Partial<CommonProps> {
 }
 interface CommonProps {
     amount?: number;
@@ -90,4 +91,10 @@ export interface BudgetBlockData {
 export interface SVGImageBlockData {
     isCIBC?: boolean;
 }
+export type InsightTransaction = Pick<Transaction, 'amount'> & Partial<Pick<Transaction, 'category_guid' | 'date' | 'description' | 'merchant_guid'>> & {
+    merchant_name?: string;
+};
+export interface CategoryTransactionsBlockData {
+    primary_transaction?: InsightTransaction;
+}
 export {};

package/dist/core/types/InsightsInstanceSlotData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  legends?: (Legends | LegendProps)[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n"],"mappings":"AAoGA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}
+{"version":3,"file":"InsightsInstanceSlotData.es.js","names":[],"sources":["../../../src/core/types/InsightsInstanceSlotData.ts"],"sourcesContent":["import type { DataSeries, Legends } from '../../core'\nimport type { Transaction } from './Transaction'\n\nexport interface InsightsInstanceSlotData\n  extends\n    Partial<BarChartBlockData>,\n    Partial<BudgetBlockData>,\n    Partial<DonutChartBlockData>,\n    Partial<DoubleProgressBarBlockData>,\n    Partial<ImageBlockData>,\n    Partial<AccountBlockData>,\n    Partial<StepChartBlockData>,\n    Partial<SVGImageBlockData>,\n    Partial<CategoryTransactionsBlockData>,\n    Partial<CommonProps> {}\n\n//when any of the type is used more than one times, we can use the common props\ninterface CommonProps {\n  amount?: number\n  legends?: (Legends | LegendProps)[]\n  category_guid?: string\n  data_series?: DataSeries | DataSet[]\n}\n\n//BarChart Block\nexport interface BarChartBlockData {\n  average_amount?: number\n  ariaLabel?: string\n}\n\n//DonutChart Block\ninterface Main {\n  value: string\n  value_type: string\n  label: string\n}\nexport interface DonutChartBlockData {\n  main: Main\n}\n\n//DoubleBarChart Block\n// TODO : This has to be revisited again to update the below types based on API response once we have the final shape of the data_series for double bar chart from BE\nexport interface LegendProps extends Legends {\n  amount: number\n  formattedAmount: string\n  label: string\n  color?: string\n}\n\nexport interface DataSet extends DataSeries {\n  ariaLabelComparison: string\n  ariaLabelMain: string\n  comparison: number\n  formattedComparison: string\n  formattedMain: string\n  label: string\n  main: number\n}\n\n//DoubleProgressBar Block\n\ninterface DoubleProgressBarProps {\n  label: string\n  value: number\n}\nexport interface DoubleProgressBarBlockData {\n  doubleProgressBar: {\n    previous: DoubleProgressBarProps\n    latest: DoubleProgressBarProps\n  }\n}\n\n//Image Block\nexport interface ImageBlockData {\n  image: string\n}\n\n//Account Block\nexport interface AccountBlockData {\n  sub_text: string\n  institution_guid?: string\n  institution_name?: string\n  icon_name?: string\n  /** Header bar text (standard card), or the colored category strip label (deposit cards). */\n  header_text?: string\n  // Deposit variants (Unified Deposit, Unified Deposit Emergency Fund, Savings Account Deposit)\n  /** Merchant guid — renders a real merchant logo in the deposit card when present. */\n  merchant_guid?: string\n  /** Merchant display name — logo alt text and the payer line under the amount. */\n  merchant_name?: string\n  /** Secondary label beside the amount, e.g. `On {date}, you saved` or `Balance as of MM/DD/YY`. */\n  label?: string\n}\n\n// StepChart Block\nexport interface StepChartBlockData {\n  completed_steps: number\n  label_1: string\n  label_2?: string\n}\n\n//Budgets Blocks\nexport enum BudgetTierType {\n  LOW_BUDGET_TIER = 'LOW',\n  MEDIUM_BUDGET_TIER = 'MEDIUM',\n  OFF_TRACK_BUDGET_TIER = 'OFF_TRACK',\n}\n\nexport type BudgetTierValue = `${BudgetTierType}`\n\nexport interface BudgetLocalizedPayload {\n  primary_text?: string\n  amount_left_label?: string\n  spent_label?: string\n  budgeted_label?: string\n}\n\nexport interface BudgetBlockData {\n  budget_percent: number\n  budget_tier: BudgetTierValue\n  category_guid?: string\n  merchant_guid?: string\n  spent_amount: number\n  budgeted_amount: number\n  localized_payload: BudgetLocalizedPayload\n}\n\nexport interface SVGImageBlockData {\n  isCIBC?: boolean\n}\n\nexport type InsightTransaction = Pick<Transaction, 'amount'> &\n  Partial<Pick<Transaction, 'category_guid' | 'date' | 'description' | 'merchant_guid'>> & {\n    merchant_name?: string\n  }\n\nexport interface CategoryTransactionsBlockData {\n  primary_transaction?: InsightTransaction\n}\n"],"mappings":"AAsGA,IAAY,IAAL,0BAAA,GAAA;AACL,SAAA,EAAA,kBAAA,OACA,EAAA,qBAAA,UACA,EAAA,wBAAA;AACF,GAAA,CAAA,CAAA"}

package/dist/core/types/index.d.ts

@@ -36,3 +36,4 @@ export type { MiniWidgetProps, WidgetProps } from './Widgets';
 export type { Holding } from './Holding';
 export { Frequency, RecurrenceStatus, RecurrenceType, RepeatingType } from './RepeatingTransaction';
 export type { Recurrence, RepeatingTransaction } from './RepeatingTransaction';
+export type { CategoryTransactionsBlockData, InsightTransaction } from './InsightsInstanceSlotData';

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.d.ts

@@ -0,0 +1,3 @@
+import { CategoryTransactionsBlockData } from '../../../../core/types/InsightsInstanceSlotData';
+import { BlockProps } from '../../types';
+export declare const CategoryTransactionsBlock: ({ payload, }: BlockProps<CategoryTransactionsBlockData>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js

@@ -0,0 +1,29 @@
+import { DATE_FORMATS_INTL as a, formatDate as i } from "../../../../core/constants/DateFormats.es.js";
+import { formatCurrency as e } from "../../../../core/utils/NumberFormatting.es.js";
+import { fromUnixUTC as n } from "../../../../core/utils/DateUtil.es.js";
+import m from "../../../components/TransactionListCard.es.js";
+import { MerchantLogo as s } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var u = (t) => {
+  if (typeof t != "number" || Number.isNaN(t)) return "";
+  const r = n(t);
+  return Number.isNaN(r.getTime()) ? "" : i(r, a.FULL_MONTH_DAY);
+}, T = ({ payload: t }) => {
+  const r = t.instance_slot_data.primary_transaction;
+  return r ? /* @__PURE__ */ o(m, { rows: [{
+    amount: e(r.amount, "0,0.00"),
+    leading: r.merchant_guid ? /* @__PURE__ */ o(s, {
+      alt: r.merchant_name || r.description || "",
+      categoryGuid: r.category_guid ?? "",
+      merchantGuid: r.merchant_guid,
+      size: 32
+    }) : void 0,
+    subtitle: u(r.date),
+    title: r.description ?? ""
+  }] }) : null;
+};
+export {
+  T as CategoryTransactionsBlock
+};
+
+//# sourceMappingURL=TransactionBlock.es.js.map

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/TransactionBlock/TransactionBlock.tsx"],"sourcesContent":["import { MerchantLogo } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../../core/constants'\nimport type { CategoryTransactionsBlockData } from '../../../../core/types/InsightsInstanceSlotData'\nimport { fromUnixUTC } from '../../../../core/utils/DateUtil'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\nimport TransactionListCard from '../../../components/TransactionListCard'\nimport type { BlockProps } from '../../types'\n\nconst formatTxnDate = (date?: number) => {\n  if (typeof date !== 'number' || Number.isNaN(date)) return ''\n  const parsed = fromUnixUTC(date)\n  if (Number.isNaN(parsed.getTime())) return ''\n  return formatDate(parsed, DATE_FORMATS_INTL.FULL_MONTH_DAY)\n}\n\nexport const CategoryTransactionsBlock = ({\n  payload,\n}: BlockProps<CategoryTransactionsBlockData>) => {\n  const tx = payload.instance_slot_data.primary_transaction\n  if (!tx) return null\n\n  return (\n    <TransactionListCard\n      rows={[\n        {\n          amount: formatCurrency(tx.amount, '0,0.00'),\n          leading: tx.merchant_guid ? (\n            <MerchantLogo\n              alt={tx.merchant_name || tx.description || ''}\n              categoryGuid={tx.category_guid ?? ''}\n              merchantGuid={tx.merchant_guid}\n              size={32}\n            />\n          ) : undefined,\n          subtitle: formatTxnDate(tx.date),\n          title: tx.description ?? '',\n        },\n      ]}\n    />\n  )\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAAA,CAAiB,MAAkB;AACvC,MAAI,OAAO,KAAS,YAAY,OAAO,MAAM,CAAI,EAAG,QAAO;AAC3D,QAAM,IAAS,EAAY,CAAI;AAC/B,SAAI,OAAO,MAAM,EAAO,QAAQ,CAAC,IAAU,KACpC,EAAW,GAAQ,EAAkB,cAAc;AAC5D,GAEa,IAAA,CAA6B,EACxC,SAAA,EAAA,MAC+C;AAC/C,QAAM,IAAK,EAAQ,mBAAmB;AACtC,SAAK,IAGH,gBAAA,EAAC,GAAD,EACE,MAAM,CACJ;AAAA,IACE,QAAQ,EAAe,EAAG,QAAQ,QAAQ;AAAA,IAC1C,SAAS,EAAG,gBACV,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK,EAAG,iBAAiB,EAAG,eAAe;AAAA,MAC3C,cAAc,EAAG,iBAAiB;AAAA,MAClC,cAAc,EAAG;AAAA,MACjB,MAAM;AAAA,IACP,CAAA,IACC;AAAA,IACJ,UAAU,EAAc,EAAG,IAAI;AAAA,IAC/B,OAAO,EAAG,eAAe;AAAA,EAC3B,CACF,EACD,CAAA,IAnBa;AAqBlB"}

package/dist/insights-v2/blocks/ComponentBlocks/TransactionBlock/index.d.ts

@@ -0,0 +1 @@
+export { CategoryTransactionsBlock } from './TransactionBlock';

package/dist/insights-v2/blocks/ComponentBlocks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './AccountBlock';
 export * from './BudgetBlock';
+export * from './TransactionBlock';

package/dist/insights-v2/index.es.js

@@ -1,54 +1,56 @@
 import { BAR_CHART_VARIANTS as o, barChartVariant as t, buildChartData as m, buildDataSeries as i } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
 import { BarchartBlock as p } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as e } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import n from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
+import c from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import s from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import g from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
-import { BudgetBlock as d } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import { SVGImageBlock as S } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import k from "./components/AccountHeroCard.es.js";
-import b from "./components/AmountPill.es.js";
-import L from "./components/DesignateEmergencySavingsCard.es.js";
-import P from "./components/BaseLayout.es.js";
-import R from "./components/StatusMessageCard.es.js";
-import y from "./components/InsightTransactionRow.es.js";
-import V from "./components/TransactionListCard.es.js";
-import E from "./components/LogoTile.es.js";
-import _ from "./components/LogoClusterCard.es.js";
-import G from "./components/MerchantHighlightCard.es.js";
-import O from "./components/P2PLogoStack.es.js";
-import j from "./components/SaveAnExtraCard.es.js";
-import z from "./components/SavingsOpportunityCard.es.js";
-import J from "./components/StatusPill.es.js";
-import Q from "./components/SubscriptionHeroCard.es.js";
-import X from "./components/TransferLogoCard.es.js";
-import Z from "./components/UpcomingBillCard.es.js";
+import { BudgetBlock as B } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
+import S from "./components/InsightTransactionRow.es.js";
+import k from "./components/TransactionListCard.es.js";
+import { CategoryTransactionsBlock as T } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import { SVGImageBlock as D } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import P from "./components/AccountHeroCard.es.js";
+import H from "./components/AmountPill.es.js";
+import v from "./components/DesignateEmergencySavingsCard.es.js";
+import V from "./components/BaseLayout.es.js";
+import E from "./components/StatusMessageCard.es.js";
+import _ from "./components/LogoTile.es.js";
+import G from "./components/LogoClusterCard.es.js";
+import O from "./components/MerchantHighlightCard.es.js";
+import j from "./components/P2PLogoStack.es.js";
+import z from "./components/SaveAnExtraCard.es.js";
+import J from "./components/SavingsOpportunityCard.es.js";
+import Q from "./components/StatusPill.es.js";
+import X from "./components/SubscriptionHeroCard.es.js";
+import Z from "./components/TransferLogoCard.es.js";
+import rr from "./components/UpcomingBillCard.es.js";
 export {
   g as AccountBlock,
-  k as AccountHeroCard,
-  b as AmountPill,
+  P as AccountHeroCard,
+  H as AmountPill,
   o as BAR_CHART_VARIANTS,
   p as BarchartBlock,
-  P as BaseLayout,
-  d as BudgetBlock,
-  L as DesignateEmergencySavingsCard,
-  n as DonutChartBlock,
+  V as BaseLayout,
+  B as BudgetBlock,
+  T as CategoryTransactionsBlock,
+  v as DesignateEmergencySavingsCard,
+  c as DonutChartBlock,
   e as DoubleBarChartBlock,
   s as DoubleProgressBarBlock,
-  y as InsightTransactionRow,
-  _ as LogoClusterCard,
-  E as LogoTile,
-  G as MerchantHighlightCard,
-  O as P2PLogoStack,
-  S as SVGImageBlock,
-  j as SaveAnExtraCard,
-  z as SavingsOpportunityCard,
-  R as StatusMessageCard,
-  J as StatusPill,
-  Q as SubscriptionHeroCard,
-  V as TransactionListCard,
-  X as TransferLogoCard,
-  Z as UpcomingBillCard,
+  S as InsightTransactionRow,
+  G as LogoClusterCard,
+  _ as LogoTile,
+  O as MerchantHighlightCard,
+  j as P2PLogoStack,
+  D as SVGImageBlock,
+  z as SaveAnExtraCard,
+  J as SavingsOpportunityCard,
+  E as StatusMessageCard,
+  Q as StatusPill,
+  X as SubscriptionHeroCard,
+  k as TransactionListCard,
+  Z as TransferLogoCard,
+  rr as UpcomingBillCard,
   t as barChartVariant,
   m as buildChartData,
   i as buildDataSeries

package/dist/insights-v2/mappings/blocks.es.js

@@ -4,29 +4,31 @@ import t from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import c from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import l from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import { BudgetBlock as m } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import a from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as B } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import e from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
-import { PlaceholderActionBlock as i } from "../blocks/ComponentBlocks/ActionBlock/PlaceholderActionBlock.es.js";
-var k = (p) => {
-}, P = { PlaceholderActionBlock: {
-  Component: i,
-  usePrepare: k,
+import { CategoryTransactionsBlock as a } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import B from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as e } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import i from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import { PlaceholderActionBlock as k } from "../blocks/ComponentBlocks/ActionBlock/PlaceholderActionBlock.es.js";
+var p = (n) => {
+}, v = { PlaceholderActionBlock: {
+  Component: k,
+  usePrepare: p,
   title: "Action Block Layer Drilldown"
-} }, b = {
+} }, y = {
   AccountBlock: l,
   BarChartBlock: o,
   BudgetBlock: m,
+  CategoryTransactionsBlock: a,
   DonutChartBlock: t,
   DoubleBarChartBlock: r,
   DoubleProgressBarBlock: c,
-  ImageBlock: a,
-  StepChartBlock: e,
-  SVGImageBlock: B
+  ImageBlock: B,
+  StepChartBlock: i,
+  SVGImageBlock: e
 };
 export {
-  P as actionBlocks,
-  b as blocks
+  v as actionBlocks,
+  y as blocks
 };
 
 //# sourceMappingURL=blocks.es.js.map

package/dist/insights-v2/mappings/blocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SVGImageBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, InsightsPayload } from '../../core'\nimport { PlaceholderActionBlock } from '../blocks/ComponentBlocks/ActionBlock/PlaceholderActionBlock'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  title: string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\nexport const actionBlocks = {\n  PlaceholderActionBlock: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: 'Action Block Layer Drilldown',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  AccountBlock: AccountBlock,\n  BarChartBlock: BarchartBlock,\n  BudgetBlock: BudgetBlock,\n  DonutChartBlock: DonutChartBlock,\n  DoubleBarChartBlock: DoubleBarChartBlock,\n  DoubleProgressBarBlock: DoubleProgressBarBlock,\n  ImageBlock: ImageBlock,\n  StepChartBlock: StepChartBlock,\n  SVGImageBlock: SVGImageBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAY1B,IAAe,EAC1B,wBAAwB;AAAA,EACtB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AACT,EACF,GAEa,IAAS;AAAA,EACN,cAAA;AAAA,EACd,eAAe;AAAA,EACF,aAAA;AAAA,EACI,iBAAA;AAAA,EACI,qBAAA;AAAA,EACG,wBAAA;AAAA,EACZ,YAAA;AAAA,EACI,gBAAA;AAAA,EACD,eAAA;AACjB"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  BarchartBlock,\n  BudgetBlock,\n  CategoryTransactionsBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SVGImageBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, InsightsPayload } from '../../core'\nimport { PlaceholderActionBlock } from '../blocks/ComponentBlocks/ActionBlock/PlaceholderActionBlock'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  title: string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\nexport const actionBlocks = {\n  PlaceholderActionBlock: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: 'Action Block Layer Drilldown',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  AccountBlock: AccountBlock,\n  BarChartBlock: BarchartBlock,\n  BudgetBlock: BudgetBlock,\n  CategoryTransactionsBlock: CategoryTransactionsBlock,\n  DonutChartBlock: DonutChartBlock,\n  DoubleBarChartBlock: DoubleBarChartBlock,\n  DoubleProgressBarBlock: DoubleProgressBarBlock,\n  ImageBlock: ImageBlock,\n  StepChartBlock: StepChartBlock,\n  SVGImageBlock: SVGImageBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;AAsBA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAY1B,IAAe,EAC1B,wBAAwB;AAAA,EACtB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AACT,EACF,GAEa,IAAS;AAAA,EACN,cAAA;AAAA,EACd,eAAe;AAAA,EACF,aAAA;AAAA,EACc,2BAAA;AAAA,EACV,iBAAA;AAAA,EACI,qBAAA;AAAA,EACG,wBAAA;AAAA,EACZ,YAAA;AAAA,EACI,gBAAA;AAAA,EACD,eAAA;AACjB"}

package/package.json

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