@mx-cartographer/experiences 9.4.12-alpha.al1 → 9.4.13

package/CHANGELOG.md

@@ -1,8 +1,14 @@
-## [9.4.12] - 09-02-2026
+## [9.4.13] - 09-02-2026
 
 - **CHANGED** - the theme shape radius is half of `card_corner_radius`, so cards render at 2x the theme radius per MXUI convention (MEW-3445)
 - **CHANGED** - `StyleConfig.corner_radius` replaced by `card_corner_radius` and `button_corner_radius`, matching `ClientStyleProfile` (MEW-3445)
 
+## [9.4.12] - 09-02-2026
+
+- **CHANGED** - insights-v2 action drilldown refactor for readability: `InsightsV2Store`'s action drawer now carries an opaque `context` envelope (read via the new `useActionContext<T>()` hook) instead of block-specific fields, opened through a single generic `openActionDrawer`; added a `createVariantBlock` factory for variant→component dispatch with an unknown-variant fallback, and simplified `MakeTransferActionBlock`/`layout.ts` (WEC-1774)
+- **ADDED** - `StepChartBlock` to the insights-v2 ChartBlocks barrel export (was missing from the public entry point) (WEC-1774)
+- **FIXED** - insights-v2 post-review cleanups: `BudgetBlock` icon computed as a JSX element instead of a component defined during render (avoids remount); `DonutChart` uses a data-driven React key; removed dead `.recharts-wrapper` selectors from `DoubleBarChart`/`BarchartV2`; wrapped `DefaultPlaceholder` in `observer`; oxfmt formatting in the figma-to-code script (WEC-1774)
+
 ## [9.4.11] - 09-02-2026
 
 - **ADDED** - insights-v2 `AccountSwitchBlock` component block for the discovered-accounts connect insight: two institution logos on a `TransferLogoCard` track, gated on the payload `is_connected` flag — a pending state (link badge) and a connected success state (success badge + `ACCOUNT_CONNECTED_GRADIENT` wash + confetti); registered as `account_switch_block` in `mappings/blocks.ts` (WEC-1310)

package/dist/common/context/hooks.d.ts

@@ -15,6 +15,7 @@ export declare const useGoalStore: () => import('../../core').GoalStore;
 export declare const useHelpStore: () => import('../../core').HelpStore;
 export declare const useHoldingStore: () => import('../../core').HoldingStore;
 export declare const useInsightsV2Store: () => import('../../core').InsightsV2Store;
+export declare const useActionContext: <T>() => T | undefined;
 export declare const useMerchantStore: () => import('../../core').MerchantStore;
 export declare const useNetWorthStore: () => import('../../core').NetWorthStore;
 export declare const useNotificationStore: () => import('../../core').NotificationStore;

package/dist/common/context/hooks.es.js

@@ -5,13 +5,14 @@ var e = (t = "useGlobalStore") => {
   const o = r.useContext(a);
   if (!o) throw new Error(`${t}() must be used within the GlobalDataContext`);
   return o;
-}, i = () => e("useAccountStore").globalStore.accountStore, g = () => e("useAppConfig").globalStore.appDataStore.appConfig, b = () => e("useAnalyticsStore").globalStore.analyticsStore, c = () => e("useBudgetsStore").globalStore.budgetsStore, v = () => e("useCashflowStore").globalStore.cashflowStore, C = () => e("useCategoryStore").globalStore.categoryStore, d = () => e("useConnectStore").globalStore.connectStore, h = () => e("useDebtsStore").globalStore.debtsStore, p = () => e("useFinstrongStore").globalStore.finstrongStore, f = () => e("useGlobalStore").globalStore, w = () => e("useGlobalUiStore").globalStore.globalUiStore, x = () => e("globalCopyStore").globalStore.copyStore.copy, G = () => e("useGoalStore").globalStore.goalStore, y = () => e("useHelpStore").globalStore.helpStore, m = () => e("useHoldingStore").globalStore.holdingStore, E = () => e("useInsightsV2Store").globalStore.insightsV2Store, W = () => e("useMerchantStore").globalStore.merchantStore, T = () => e("useNetWorthStore").globalStore.netWorthStore, A = () => e("useNotificationStore").globalStore.notificationStore, D = () => e("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, V = () => e("useSettingsStore").globalStore.settingsStore, U = () => e("useTransactionStore").globalStore.transactionStore, H = () => e("useTrendsStore").globalStore.trendsStore, N = () => e("useUserStore").globalStore.userStore, P = () => ({ onError: e().onError }), L = () => ({ onEvent: e().onEvent }), R = () => ({ onLoad: e().onLoad }), B = () => ({ onPageView: e().onPageView }), n = (t = "useWidgetContainerContext") => {
+}, i = () => e("useAccountStore").globalStore.accountStore, g = () => e("useAppConfig").globalStore.appDataStore.appConfig, b = () => e("useAnalyticsStore").globalStore.analyticsStore, c = () => e("useBudgetsStore").globalStore.budgetsStore, v = () => e("useCashflowStore").globalStore.cashflowStore, C = () => e("useCategoryStore").globalStore.categoryStore, d = () => e("useConnectStore").globalStore.connectStore, h = () => e("useDebtsStore").globalStore.debtsStore, p = () => e("useFinstrongStore").globalStore.finstrongStore, f = () => e("useGlobalStore").globalStore, x = () => e("useGlobalUiStore").globalStore.globalUiStore, w = () => e("globalCopyStore").globalStore.copyStore.copy, G = () => e("useGoalStore").globalStore.goalStore, y = () => e("useHelpStore").globalStore.helpStore, m = () => e("useHoldingStore").globalStore.holdingStore, A = () => e("useInsightsV2Store").globalStore.insightsV2Store, E = () => e("useActionContext").globalStore.insightsV2Store.actionDrawer.context, W = () => e("useMerchantStore").globalStore.merchantStore, D = () => e("useNetWorthStore").globalStore.netWorthStore, T = () => e("useNotificationStore").globalStore.notificationStore, V = () => e("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, U = () => e("useSettingsStore").globalStore.settingsStore, H = () => e("useTransactionStore").globalStore.transactionStore, N = () => e("useTrendsStore").globalStore.trendsStore, P = () => e("useUserStore").globalStore.userStore, L = () => ({ onError: e().onError }), R = () => ({ onEvent: e().onEvent }), B = () => ({ onLoad: e().onLoad }), F = () => ({ onPageView: e().onPageView }), n = (t = "useWidgetContainerContext") => {
   const o = r.useContext(s);
   if (!o) throw new Error(`${t}() must be used within the WidgetContainerContext`);
   return o;
-}, F = () => n();
+}, I = () => n();
 export {
   i as useAccountStore,
+  E as useActionContext,
   b as useAnalyticsStore,
   g as useAppConfig,
   c as useBudgetsStore,
@@ -19,29 +20,29 @@ export {
   C as useCategoryStore,
   d as useConnectStore,
   h as useDebtStore,
-  P as useError,
-  L as useEvent,
+  L as useError,
+  R as useEvent,
   p as useFinstrongStore,
-  x as useGlobalCopyStore,
+  w as useGlobalCopyStore,
   e as useGlobalDataContext,
   f as useGlobalStore,
-  w as useGlobalUiStore,
+  x as useGlobalUiStore,
   G as useGoalStore,
   y as useHelpStore,
   m as useHoldingStore,
-  E as useInsightsV2Store,
-  R as useLoad,
+  A as useInsightsV2Store,
+  B as useLoad,
   W as useMerchantStore,
-  T as useNetWorthStore,
-  A as useNotificationStore,
-  B as usePageView,
-  D as useRecurringTransactionsStore,
-  V as useSettingsStore,
-  U as useTransactionStore,
-  H as useTrendsStore,
-  N as useUserStore,
+  D as useNetWorthStore,
+  T as useNotificationStore,
+  F as usePageView,
+  V as useRecurringTransactionsStore,
+  U as useSettingsStore,
+  H as useTransactionStore,
+  N as useTrendsStore,
+  P as useUserStore,
   n as useWidgetContainerContext,
-  F as useWidgetContainerProvider
+  I as useWidgetContainerProvider
 };
 
 //# sourceMappingURL=hooks.es.js.map

package/dist/common/context/hooks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/common/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext } from './GlobalDataProvider'\nimport { WidgetContainerContext } from './WidgetContainerProvider'\n\nexport const useGlobalDataContext = (providerName = 'useGlobalStore') => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error(`${providerName}() must be used within the GlobalDataContext`)\n  }\n  return context\n}\n\nexport const useAccountStore = () =>\n  useGlobalDataContext('useAccountStore').globalStore.accountStore\nexport const useAppConfig = () =>\n  useGlobalDataContext('useAppConfig').globalStore.appDataStore.appConfig\nexport const useAnalyticsStore = () =>\n  useGlobalDataContext('useAnalyticsStore').globalStore.analyticsStore\nexport const useBudgetsStore = () =>\n  useGlobalDataContext('useBudgetsStore').globalStore.budgetsStore\nexport const useCashflowStore = () =>\n  useGlobalDataContext('useCashflowStore').globalStore.cashflowStore\nexport const useCategoryStore = () =>\n  useGlobalDataContext('useCategoryStore').globalStore.categoryStore\nexport const useConnectStore = () =>\n  useGlobalDataContext('useConnectStore').globalStore.connectStore\nexport const useDebtStore = () => useGlobalDataContext('useDebtsStore').globalStore.debtsStore\nexport const useFinstrongStore = () =>\n  useGlobalDataContext('useFinstrongStore').globalStore.finstrongStore\nexport const useGlobalStore = () => useGlobalDataContext('useGlobalStore').globalStore\nexport const useGlobalUiStore = () =>\n  useGlobalDataContext('useGlobalUiStore').globalStore.globalUiStore\nexport const useGlobalCopyStore = () =>\n  useGlobalDataContext('globalCopyStore').globalStore.copyStore.copy\nexport const useGoalStore = () => useGlobalDataContext('useGoalStore').globalStore.goalStore\nexport const useHelpStore = () => useGlobalDataContext('useHelpStore').globalStore.helpStore\nexport const useHoldingStore = () =>\n  useGlobalDataContext('useHoldingStore').globalStore.holdingStore\nexport const useInsightsV2Store = () =>\n  useGlobalDataContext('useInsightsV2Store').globalStore.insightsV2Store\nexport const useMerchantStore = () =>\n  useGlobalDataContext('useMerchantStore').globalStore.merchantStore\nexport const useNetWorthStore = () =>\n  useGlobalDataContext('useNetWorthStore').globalStore.netWorthStore\nexport const useNotificationStore = () =>\n  useGlobalDataContext('useNotificationStore').globalStore.notificationStore\nexport const useRecurringTransactionsStore = () =>\n  useGlobalDataContext('useRecurringTransactionsStore').globalStore.recurringTransactionsStore\nexport const useSettingsStore = () =>\n  useGlobalDataContext('useSettingsStore').globalStore.settingsStore\nexport const useTransactionStore = () =>\n  useGlobalDataContext('useTransactionStore').globalStore.transactionStore\nexport const useTrendsStore = () => useGlobalDataContext('useTrendsStore').globalStore.trendsStore\nexport const useUserStore = () => useGlobalDataContext('useUserStore').globalStore.userStore\n\nexport const useError = () => ({ onError: useGlobalDataContext().onError })\nexport const useEvent = () => ({ onEvent: useGlobalDataContext().onEvent })\nexport const useLoad = () => ({ onLoad: useGlobalDataContext().onLoad })\nexport const usePageView = () => ({ onPageView: useGlobalDataContext().onPageView })\n\nexport const useWidgetContainerContext = (providerName = 'useWidgetContainerContext') => {\n  const context = React.useContext(WidgetContainerContext)\n\n  if (!context) {\n    throw new Error(`${providerName}() must be used within the WidgetContainerContext`)\n  }\n\n  return context\n}\n\nexport const useWidgetContainerProvider = () => useWidgetContainerContext()\n"],"mappings":";;;AAIA,IAAa,IAAA,CAAwB,IAAe,qBAAqB;AACvE,QAAM,IAAU,EAAM,WAAW,CAAiB;AAElD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,8CAA0D;AAE/E,SAAO;AACT,GAEa,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,cAAc,EAAE,YAAY,aAAa,WACnD,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MAAqB,EAAqB,eAAe,EAAE,YAAY,YACvE,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,aAC9D,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,UAAU,MACnD,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,oBAAoB,EAAE,YAAY,iBAC5C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,sBAAsB,EAAE,YAAY,mBAC9C,IAAA,MACX,EAAqB,+BAA+B,EAAE,YAAY,4BACvD,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,qBAAqB,EAAE,YAAY,kBAC7C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,YAAY,aAC1E,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WAEtE,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAiB,EAAE,QAAQ,EAAqB,EAAE,OAAO,IACzD,IAAA,OAAqB,EAAE,YAAY,EAAqB,EAAE,WAAW,IAErE,IAAA,CAA6B,IAAe,gCAAgC;AACvF,QAAM,IAAU,EAAM,WAAW,CAAsB;AAEvD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,mDAA+D;AAGpF,SAAO;AACT,GAEa,IAAA,MAAmC,EAA0B"}
+{"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/common/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext } from './GlobalDataProvider'\nimport { WidgetContainerContext } from './WidgetContainerProvider'\n\nexport const useGlobalDataContext = (providerName = 'useGlobalStore') => {\n  const context = React.useContext(GlobalDataContext)\n\n  if (!context) {\n    throw new Error(`${providerName}() must be used within the GlobalDataContext`)\n  }\n  return context\n}\n\nexport const useAccountStore = () =>\n  useGlobalDataContext('useAccountStore').globalStore.accountStore\nexport const useAppConfig = () =>\n  useGlobalDataContext('useAppConfig').globalStore.appDataStore.appConfig\nexport const useAnalyticsStore = () =>\n  useGlobalDataContext('useAnalyticsStore').globalStore.analyticsStore\nexport const useBudgetsStore = () =>\n  useGlobalDataContext('useBudgetsStore').globalStore.budgetsStore\nexport const useCashflowStore = () =>\n  useGlobalDataContext('useCashflowStore').globalStore.cashflowStore\nexport const useCategoryStore = () =>\n  useGlobalDataContext('useCategoryStore').globalStore.categoryStore\nexport const useConnectStore = () =>\n  useGlobalDataContext('useConnectStore').globalStore.connectStore\nexport const useDebtStore = () => useGlobalDataContext('useDebtsStore').globalStore.debtsStore\nexport const useFinstrongStore = () =>\n  useGlobalDataContext('useFinstrongStore').globalStore.finstrongStore\nexport const useGlobalStore = () => useGlobalDataContext('useGlobalStore').globalStore\nexport const useGlobalUiStore = () =>\n  useGlobalDataContext('useGlobalUiStore').globalStore.globalUiStore\nexport const useGlobalCopyStore = () =>\n  useGlobalDataContext('globalCopyStore').globalStore.copyStore.copy\nexport const useGoalStore = () => useGlobalDataContext('useGoalStore').globalStore.goalStore\nexport const useHelpStore = () => useGlobalDataContext('useHelpStore').globalStore.helpStore\nexport const useHoldingStore = () =>\n  useGlobalDataContext('useHoldingStore').globalStore.holdingStore\nexport const useInsightsV2Store = () =>\n  useGlobalDataContext('useInsightsV2Store').globalStore.insightsV2Store\n// Typed accessor for the action drawer's opaque, block-specific context. The\n// reading component must be an `observer` (the store read is what tracks it).\nexport const useActionContext = <T,>(): T | undefined =>\n  useGlobalDataContext('useActionContext').globalStore.insightsV2Store.actionDrawer.context as\n    | T\n    | undefined\nexport const useMerchantStore = () =>\n  useGlobalDataContext('useMerchantStore').globalStore.merchantStore\nexport const useNetWorthStore = () =>\n  useGlobalDataContext('useNetWorthStore').globalStore.netWorthStore\nexport const useNotificationStore = () =>\n  useGlobalDataContext('useNotificationStore').globalStore.notificationStore\nexport const useRecurringTransactionsStore = () =>\n  useGlobalDataContext('useRecurringTransactionsStore').globalStore.recurringTransactionsStore\nexport const useSettingsStore = () =>\n  useGlobalDataContext('useSettingsStore').globalStore.settingsStore\nexport const useTransactionStore = () =>\n  useGlobalDataContext('useTransactionStore').globalStore.transactionStore\nexport const useTrendsStore = () => useGlobalDataContext('useTrendsStore').globalStore.trendsStore\nexport const useUserStore = () => useGlobalDataContext('useUserStore').globalStore.userStore\n\nexport const useError = () => ({ onError: useGlobalDataContext().onError })\nexport const useEvent = () => ({ onEvent: useGlobalDataContext().onEvent })\nexport const useLoad = () => ({ onLoad: useGlobalDataContext().onLoad })\nexport const usePageView = () => ({ onPageView: useGlobalDataContext().onPageView })\n\nexport const useWidgetContainerContext = (providerName = 'useWidgetContainerContext') => {\n  const context = React.useContext(WidgetContainerContext)\n\n  if (!context) {\n    throw new Error(`${providerName}() must be used within the WidgetContainerContext`)\n  }\n\n  return context\n}\n\nexport const useWidgetContainerProvider = () => useWidgetContainerContext()\n"],"mappings":";;;AAIA,IAAa,IAAA,CAAwB,IAAe,qBAAqB;AACvE,QAAM,IAAU,EAAM,WAAW,CAAiB;AAElD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,8CAA0D;AAE/E,SAAO;AACT,GAEa,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,cAAc,EAAE,YAAY,aAAa,WACnD,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MAAqB,EAAqB,eAAe,EAAE,YAAY,YACvE,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,aAC9D,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,UAAU,MACnD,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,oBAAoB,EAAE,YAAY,iBAG5C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,gBAAgB,aAAa,SAGvE,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,sBAAsB,EAAE,YAAY,mBAC9C,IAAA,MACX,EAAqB,+BAA+B,EAAE,YAAY,4BACvD,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,qBAAqB,EAAE,YAAY,kBAC7C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,YAAY,aAC1E,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WAEtE,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAiB,EAAE,QAAQ,EAAqB,EAAE,OAAO,IACzD,IAAA,OAAqB,EAAE,YAAY,EAAqB,EAAE,WAAW,IAErE,IAAA,CAA6B,IAAe,gCAAgC;AACvF,QAAM,IAAU,EAAM,WAAW,CAAsB;AAEvD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,mDAA+D;AAGpF,SAAO;AACT,GAEa,IAAA,MAAmC,EAA0B"}

package/dist/common/context/index.d.ts

@@ -1,3 +1,3 @@
-export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useError, useEvent, useLoad, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useInsightsV2Store, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
+export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useError, useEvent, useLoad, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useInsightsV2Store, useActionContext, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
 export { GlobalDataContext, GlobalDataProvider } from './GlobalDataProvider';
 export { WidgetContainerContext, WidgetContainerProvider } from './WidgetContainerProvider';

package/dist/common/index.es.js

@@ -2,158 +2,159 @@ import { buildDynamicCopy as r, buildPluralCopy as t } from "../core/utils/Local
 import m, { CalendarSelectionTypes as i } from "./components/calendar/Calendar.es.js";
 import a from "./components/charts/StatusBar.es.js";
 import p from "./components/charts/Donut.es.js";
-import u from "./hooks/useAccountDisplayName.es.js";
+import f from "./hooks/useAccountDisplayName.es.js";
 import { useCombineEvents as C, useCombinePageviews as S } from "./hooks/useCombineEvents.es.js";
 import { GlobalDataContext as c, GlobalDataProvider as T } from "./context/GlobalDataProvider.es.js";
 import { WidgetContainerContext as E, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
-import { useAccountStore as _, useAppConfig as N, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as P, useDebtStore as b, useError as O, useEvent as G, useFinstrongStore as W, useGlobalCopyStore as L, useGlobalStore as R, useGlobalUiStore as U, useGoalStore as v, useHelpStore as B, useHoldingStore as h, useInsightsV2Store as w, useLoad as x, useMerchantStore as M, useNetWorthStore as Y, useNotificationStore as H, usePageView as F, useRecurringTransactionsStore as z, useSettingsStore as V, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as Z } from "./context/hooks.es.js";
-import { useInsightsEnabled as J } from "./hooks/useInsightsEnabled.es.js";
-import { useScreenSize as X } from "./hooks/useScreenSize.es.js";
-import oo from "./hooks/usePrevious.es.js";
-import { useWidgetHeaderStyles as to } from "./hooks/useWidgetHeaderStyles.es.js";
-import { useWidgetLoadTimer as mo } from "./hooks/useWidgetLoadTimer.es.js";
-import no from "./components/dialog/Dialog.es.js";
-import so from "./components/drawer/Drawer.es.js";
+import { useAccountStore as _, useActionContext as N, useAppConfig as A, useBudgetsStore as y, useCashflowStore as P, useCategoryStore as b, useDebtStore as O, useError as G, useEvent as W, useFinstrongStore as L, useGlobalCopyStore as R, useGlobalStore as U, useGlobalUiStore as v, useGoalStore as B, useHelpStore as h, useHoldingStore as w, useInsightsV2Store as x, useLoad as M, useMerchantStore as Y, useNetWorthStore as H, useNotificationStore as F, usePageView as z, useRecurringTransactionsStore as V, useSettingsStore as k, useTransactionStore as q, useTrendsStore as K, useUserStore as Z, useWidgetContainerProvider as j } from "./context/hooks.es.js";
+import { useInsightsEnabled as Q } from "./hooks/useInsightsEnabled.es.js";
+import { useScreenSize as $ } from "./hooks/useScreenSize.es.js";
+import ro from "./hooks/usePrevious.es.js";
+import { useWidgetHeaderStyles as eo } from "./hooks/useWidgetHeaderStyles.es.js";
+import { useWidgetLoadTimer as io } from "./hooks/useWidgetLoadTimer.es.js";
+import ao from "./components/dialog/Dialog.es.js";
+import po from "./components/drawer/Drawer.es.js";
 import fo from "./components/daterangeselector/DateRangeSelector.es.js";
-import { ANALYTICS_EVENTS as lo } from "./constants/Analytics.es.js";
-import { CONNECTIONS_WIDGET_ID as So, CONNECT_WIDGET_ID as go, MemberConnectionStatus as co } from "./constants/Connect.es.js";
-import { formatCurrency as Eo, formatOrdinal as Do, formatPercentage as Io, generateEqualIntervals as _o, getCurrencyCodes as No, getPluralRules as yo } from "../core/utils/NumberFormatting.es.js";
-import { GlobalStore as Po } from "../core/stores/GlobalStore.es.js";
-import { INCOME_ACCOUNT_TYPES as Oo, PAYMENT_ACCOUNT_TYPES as Go, SPENDING_ACCOUNT_TYPES as Wo } from "./constants/Account.es.js";
-import { RECURRENCE_COPY as Ro } from "./constants/ScheduledPayment.es.js";
-import { LOADING_STATUS as vo } from "./constants/SpendingPlan.es.js";
-import { DEFAULT_DONUT_SIZE as ho, DEFAULT_STROKE_WIDTH as wo } from "./constants/Donut.es.js";
-import { Sizes as Mo, TOUCH_TARGET as Yo } from "./constants/Sizes.es.js";
-import Fo from "./components/donuts/MultiSegmentDonut.es.js";
-import Vo from "./components/donuts/SingleSegmentDonut.es.js";
-import qo from "./components/ErrorBoundary.es.js";
-import Zo from "./components/Error.es.js";
-import Jo from "./components/MicroWidgetContainer.es.js";
-import Xo from "./components/MiniWidgetContainer.es.js";
-import { GlobalAccountFilter as or } from "./components/GlobalAccountFilter.es.js";
-import tr from "./components/Loader.es.js";
-import { WidgetContainer as mr } from "./components/WidgetContainer.es.js";
-import nr from "./components/ConnectDrawer.es.js";
-import sr from "./components/CurrencyDialog.es.js";
+import { ANALYTICS_EVENTS as Co } from "./constants/Analytics.es.js";
+import { CONNECTIONS_WIDGET_ID as go, CONNECT_WIDGET_ID as co, MemberConnectionStatus as To } from "./constants/Connect.es.js";
+import { formatCurrency as Do, formatOrdinal as Io, formatPercentage as _o, generateEqualIntervals as No, getCurrencyCodes as Ao, getPluralRules as yo } from "../core/utils/NumberFormatting.es.js";
+import { GlobalStore as bo } from "../core/stores/GlobalStore.es.js";
+import { INCOME_ACCOUNT_TYPES as Go, PAYMENT_ACCOUNT_TYPES as Wo, SPENDING_ACCOUNT_TYPES as Lo } from "./constants/Account.es.js";
+import { RECURRENCE_COPY as Uo } from "./constants/ScheduledPayment.es.js";
+import { LOADING_STATUS as Bo } from "./constants/SpendingPlan.es.js";
+import { DEFAULT_DONUT_SIZE as wo, DEFAULT_STROKE_WIDTH as xo } from "./constants/Donut.es.js";
+import { Sizes as Yo, TOUCH_TARGET as Ho } from "./constants/Sizes.es.js";
+import zo from "./components/donuts/MultiSegmentDonut.es.js";
+import ko from "./components/donuts/SingleSegmentDonut.es.js";
+import Ko from "./components/ErrorBoundary.es.js";
+import jo from "./components/Error.es.js";
+import Qo from "./components/MicroWidgetContainer.es.js";
+import $o from "./components/MiniWidgetContainer.es.js";
+import { GlobalAccountFilter as rr } from "./components/GlobalAccountFilter.es.js";
+import er from "./components/Loader.es.js";
+import { WidgetContainer as ir } from "./components/WidgetContainer.es.js";
+import ar from "./components/ConnectDrawer.es.js";
+import pr from "./components/CurrencyDialog.es.js";
 import fr from "./components/CurrencyInput.es.js";
-import lr from "./components/ResponsiveButton.es.js";
-import Sr from "./components/SearchBox.es.js";
-import cr from "./components/SelectionBox.es.js";
-import dr from "./components/TabContentContainer.es.js";
-import Dr from "./components/IconBacking.es.js";
-import _r from "./components/DataRow.es.js";
+import Cr from "./components/ResponsiveButton.es.js";
+import gr from "./components/SearchBox.es.js";
+import Tr from "./components/SelectionBox.es.js";
+import Er from "./components/TabContentContainer.es.js";
+import Ir from "./components/IconBacking.es.js";
+import Nr from "./components/DataRow.es.js";
 import yr from "./components/InformationTooltip.es.js";
-import { ConnectCard as Pr } from "./components/ConnectCard.es.js";
-import { CurrencyText as Or } from "./components/CurrencyText.es.js";
-import { EmptyState as Wr } from "./components/EmptyState.es.js";
-import { ListItemAction as Rr } from "./components/ListItemAction.es.js";
-import { ListItemRow as vr } from "./components/ListItemRow.es.js";
-import { ListItemWrapper as hr } from "./components/ListItemWrapper.es.js";
-import { Select as xr } from "./components/Select.es.js";
-import { ToggleButtonListItem as Yr } from "./components/listitems/ToggleButtonListItem.es.js";
-import { ToggleListItem as Fr } from "./components/listitems/ToggleListItem.es.js";
-import { analyticsSession as Vr } from "./utils/Analytics.es.js";
-import { getClientComponentOverrides as qr, getClientCustomizations as Kr, getClientPaletteOptions as Zr, getClientTheme as jr } from "./utils/Theme.es.js";
+import { ConnectCard as br } from "./components/ConnectCard.es.js";
+import { CurrencyText as Gr } from "./components/CurrencyText.es.js";
+import { EmptyState as Lr } from "./components/EmptyState.es.js";
+import { ListItemAction as Ur } from "./components/ListItemAction.es.js";
+import { ListItemRow as Br } from "./components/ListItemRow.es.js";
+import { ListItemWrapper as wr } from "./components/ListItemWrapper.es.js";
+import { Select as Mr } from "./components/Select.es.js";
+import { ToggleButtonListItem as Hr } from "./components/listitems/ToggleButtonListItem.es.js";
+import { ToggleListItem as zr } from "./components/listitems/ToggleListItem.es.js";
+import { analyticsSession as kr } from "./utils/Analytics.es.js";
+import { getClientComponentOverrides as Kr, getClientCustomizations as Zr, getClientPaletteOptions as jr, getClientTheme as Jr } from "./utils/Theme.es.js";
 export {
-  lo as ANALYTICS_EVENTS,
-  So as CONNECTIONS_WIDGET_ID,
-  go as CONNECT_WIDGET_ID,
+  Co as ANALYTICS_EVENTS,
+  go as CONNECTIONS_WIDGET_ID,
+  co as CONNECT_WIDGET_ID,
   m as Calendar,
   i as CalendarSelectionTypes,
-  Pr as ConnectCard,
-  nr as ConnectDrawer,
-  sr as CurrencyDialog,
+  br as ConnectCard,
+  ar as ConnectDrawer,
+  pr as CurrencyDialog,
   fr as CurrencyInput,
-  Or as CurrencyText,
-  ho as DEFAULT_DONUT_SIZE,
-  wo as DEFAULT_STROKE_WIDTH,
-  _r as DataRow,
+  Gr as CurrencyText,
+  wo as DEFAULT_DONUT_SIZE,
+  xo as DEFAULT_STROKE_WIDTH,
+  Nr as DataRow,
   fo as DateRangeSelector,
-  no as Dialog,
+  ao as Dialog,
   p as Donut,
-  so as Drawer,
-  Wr as EmptyState,
-  Zo as Error,
-  qo as ErrorBoundary,
-  or as GlobalAccountFilter,
+  po as Drawer,
+  Lr as EmptyState,
+  jo as Error,
+  Ko as ErrorBoundary,
+  rr as GlobalAccountFilter,
   c as GlobalDataContext,
   T as GlobalDataProvider,
-  Po as GlobalStore,
-  Oo as INCOME_ACCOUNT_TYPES,
-  Dr as IconBacking,
+  bo as GlobalStore,
+  Go as INCOME_ACCOUNT_TYPES,
+  Ir as IconBacking,
   yr as InformationTooltip,
-  vo as LOADING_STATUS,
-  Rr as ListItemAction,
-  vr as ListItemRow,
-  hr as ListItemWrapper,
-  tr as Loader,
-  co as MemberConnectionStatus,
-  Jo as MicroWidgetContainer,
-  Xo as MiniWidgetContainer,
-  Fo as MultiSegmentDonut,
-  Go as PAYMENT_ACCOUNT_TYPES,
-  Ro as RECURRENCE_COPY,
-  lr as ResponsiveButton,
-  Wo as SPENDING_ACCOUNT_TYPES,
-  Sr as SearchBox,
-  xr as Select,
-  cr as SelectionBox,
-  Vo as SingleSegmentDonut,
-  Mo as Sizes,
+  Bo as LOADING_STATUS,
+  Ur as ListItemAction,
+  Br as ListItemRow,
+  wr as ListItemWrapper,
+  er as Loader,
+  To as MemberConnectionStatus,
+  Qo as MicroWidgetContainer,
+  $o as MiniWidgetContainer,
+  zo as MultiSegmentDonut,
+  Wo as PAYMENT_ACCOUNT_TYPES,
+  Uo as RECURRENCE_COPY,
+  Cr as ResponsiveButton,
+  Lo as SPENDING_ACCOUNT_TYPES,
+  gr as SearchBox,
+  Mr as Select,
+  Tr as SelectionBox,
+  ko as SingleSegmentDonut,
+  Yo as Sizes,
   a as StatusBar,
-  Yo as TOUCH_TARGET,
-  dr as TabContentContainer,
-  Yr as ToggleButtonListItem,
-  Fr as ToggleListItem,
-  mr as WidgetContainer,
+  Ho as TOUCH_TARGET,
+  Er as TabContentContainer,
+  Hr as ToggleButtonListItem,
+  zr as ToggleListItem,
+  ir as WidgetContainer,
   E as WidgetContainerContext,
   D as WidgetContainerProvider,
-  Vr as analyticsSession,
+  kr as analyticsSession,
   r as buildDynamicCopy,
   t as buildPluralCopy,
-  Eo as formatCurrency,
-  Do as formatOrdinal,
-  Io as formatPercentage,
-  _o as generateEqualIntervals,
-  qr as getClientComponentOverrides,
-  Kr as getClientCustomizations,
-  Zr as getClientPaletteOptions,
-  jr as getClientTheme,
-  No as getCurrencyCodes,
+  Do as formatCurrency,
+  Io as formatOrdinal,
+  _o as formatPercentage,
+  No as generateEqualIntervals,
+  Kr as getClientComponentOverrides,
+  Zr as getClientCustomizations,
+  jr as getClientPaletteOptions,
+  Jr as getClientTheme,
+  Ao as getCurrencyCodes,
   yo as getPluralRules,
-  u as useAccountDisplayName,
+  f as useAccountDisplayName,
   _ as useAccountStore,
-  N as useAppConfig,
+  N as useActionContext,
+  A as useAppConfig,
   y as useBudgetsStore,
-  A as useCashflowStore,
-  P as useCategoryStore,
+  P as useCashflowStore,
+  b as useCategoryStore,
   C as useCombineEvents,
   S as useCombinePageviews,
-  b as useDebtStore,
-  O as useError,
-  G as useEvent,
-  W as useFinstrongStore,
-  L as useGlobalCopyStore,
-  R as useGlobalStore,
-  U as useGlobalUiStore,
-  v as useGoalStore,
-  B as useHelpStore,
-  h as useHoldingStore,
-  J as useInsightsEnabled,
-  w as useInsightsV2Store,
-  x as useLoad,
-  M as useMerchantStore,
-  Y as useNetWorthStore,
-  H as useNotificationStore,
-  F as usePageView,
-  oo as usePrevious,
-  z as useRecurringTransactionsStore,
-  X as useScreenSize,
-  V as useSettingsStore,
-  k as useTransactionStore,
-  q as useTrendsStore,
-  K as useUserStore,
-  Z as useWidgetContainerProvider,
-  to as useWidgetHeaderStyles,
-  mo as useWidgetLoadTimer
+  O as useDebtStore,
+  G as useError,
+  W as useEvent,
+  L as useFinstrongStore,
+  R as useGlobalCopyStore,
+  U as useGlobalStore,
+  v as useGlobalUiStore,
+  B as useGoalStore,
+  h as useHelpStore,
+  w as useHoldingStore,
+  Q as useInsightsEnabled,
+  x as useInsightsV2Store,
+  M as useLoad,
+  Y as useMerchantStore,
+  H as useNetWorthStore,
+  F as useNotificationStore,
+  z as usePageView,
+  ro as usePrevious,
+  V as useRecurringTransactionsStore,
+  $ as useScreenSize,
+  k as useSettingsStore,
+  q as useTransactionStore,
+  K as useTrendsStore,
+  Z as useUserStore,
+  j as useWidgetContainerProvider,
+  eo as useWidgetHeaderStyles,
+  io as useWidgetLoadTimer
 };

package/dist/core/stores/InsightsV2Store.d.ts

@@ -1,24 +1,41 @@
-import { DrilldownPayload } from '../types';
 import { GlobalStore } from './GlobalStore';
 export type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar';
 export interface ActionDrawerState {
     isDrawerOpen: boolean;
     trigger: ActionDrawerTrigger;
-    chartBarIndex: number;
-    tabIndex: number;
     guid: string;
+    /**
+     * Block-specific drilldown data, opaque to the store. Each action block defines
+     * and reads its own shape (via useActionContext<T>()), so adding a block never
+     * widens this envelope. Chart drilldowns put `{ chartBarIndex, tabIndex }` here;
+     * CTAs carry none.
+     */
+    context: unknown;
 }
 export declare const CLOSED_ACTION_DRAWER: ActionDrawerState;
+interface OpenActionDrawerArgs {
+    guid: string;
+    trigger: ActionDrawerTrigger;
+    context?: unknown;
+}
 /**
- * UI state shared across the insights-v2 widget tree. Owns the action drawer
- * so cards, charts, and action blocks coordinate through the store instead of
- * prop drilling.
+ * UI state shared across the insights-v2 widget tree. Owns the action drawer so
+ * cards, charts, and action blocks coordinate through the store instead of prop
+ * drilling. The drawer state is a fixed envelope (isDrawerOpen/guid/trigger) plus
+ * an opaque `context` bag, so per-block drilldown data never leaks into this shape.
  */
 export declare class InsightsV2Store {
     globalStore: GlobalStore;
     actionDrawer: ActionDrawerState;
     constructor(globalStore: GlobalStore);
+    /**
+     * Generic drawer opener — the only opener a new action block needs. Pass the
+     * beat guid, the CTA/source that triggered it, and (optionally) a block-specific
+     * context object the block reads back via useActionContext.
+     */
+    openActionDrawer: ({ guid, trigger, context }: OpenActionDrawerArgs) => void;
+    /** Convenience opener for CTA drawers (no drilldown context). */
     openCtaDrawer: (guid: string, trigger: "primaryCta" | "secondaryCta") => void;
-    openChartDrilldown: (guid: string, { chartBarIndex, tabIndex }: DrilldownPayload) => void;
     closeActionDrawer: () => void;
 }
+export {};

package/dist/core/stores/InsightsV2Store.es.js

@@ -1,33 +1,28 @@
-import { makeAutoObservable as t } from "mobx";
-var i = {
-  chartBarIndex: 0,
-  tabIndex: 0,
+import { makeAutoObservable as a } from "mobx";
+var o = {
   isDrawerOpen: !1,
   trigger: "primaryCta",
-  guid: ""
-}, n = class {
+  guid: "",
+  context: void 0
+}, s = class {
   globalStore;
-  actionDrawer = i;
+  actionDrawer = o;
   constructor(r) {
-    this.globalStore = r, t(this);
+    this.globalStore = r, a(this);
   }
-  openCtaDrawer = (r, a) => {
+  openActionDrawer = ({ guid: r, trigger: e, context: t }) => {
     this.actionDrawer = {
-      chartBarIndex: 0,
-      tabIndex: 0,
       isDrawerOpen: !0,
-      trigger: a,
-      guid: r
+      trigger: e,
+      guid: r,
+      context: t
     };
   };
-  openChartDrilldown = (r, { chartBarIndex: a, tabIndex: e }) => {
-    this.actionDrawer = {
-      chartBarIndex: a,
-      tabIndex: e ?? 0,
-      isDrawerOpen: !0,
-      trigger: "chartBar",
-      guid: r
-    };
+  openCtaDrawer = (r, e) => {
+    this.openActionDrawer({
+      guid: r,
+      trigger: e
+    });
   };
   closeActionDrawer = () => {
     this.actionDrawer = {
@@ -38,8 +33,8 @@ var i = {
   };
 };
 export {
-  i as CLOSED_ACTION_DRAWER,
-  n as InsightsV2Store
+  o as CLOSED_ACTION_DRAWER,
+  s as InsightsV2Store
 };
 
 //# sourceMappingURL=InsightsV2Store.es.js.map

package/dist/core/stores/InsightsV2Store.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsV2Store.es.js","names":[],"sources":["../../../src/core/stores/InsightsV2Store.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport type { DrilldownPayload } from '../types'\n\nimport type { GlobalStore } from './GlobalStore'\n\nexport type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar'\n\nexport interface ActionDrawerState {\n  isDrawerOpen: boolean\n  trigger: ActionDrawerTrigger\n  chartBarIndex: number\n  tabIndex: number\n  guid: string\n}\n\nexport const CLOSED_ACTION_DRAWER: ActionDrawerState = {\n  chartBarIndex: 0,\n  tabIndex: 0,\n  isDrawerOpen: false,\n  trigger: 'primaryCta',\n  guid: '',\n}\n\n/**\n * UI state shared across the insights-v2 widget tree. Owns the action drawer\n * so cards, charts, and action blocks coordinate through the store instead of\n * prop drilling.\n */\nexport class InsightsV2Store {\n  globalStore: GlobalStore\n\n  actionDrawer: ActionDrawerState = CLOSED_ACTION_DRAWER\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  openCtaDrawer = (guid: string, trigger: 'primaryCta' | 'secondaryCta') => {\n    this.actionDrawer = {\n      chartBarIndex: 0,\n      tabIndex: 0,\n      isDrawerOpen: true,\n      trigger,\n      guid,\n    }\n  }\n\n  openChartDrilldown = (guid: string, { chartBarIndex, tabIndex }: DrilldownPayload) => {\n    this.actionDrawer = {\n      chartBarIndex,\n      tabIndex: tabIndex ?? 0,\n      isDrawerOpen: true,\n      trigger: 'chartBar',\n      guid,\n    }\n  }\n\n  closeActionDrawer = () => {\n    // Preserve `trigger` so the drawer keeps its variant-specific title/content\n    // through the slide-out animation (ActionBlockLayer stays mounted while\n    // closing). Only flip isDrawerOpen off and clear the beat guid.\n    this.actionDrawer = { ...this.actionDrawer, isDrawerOpen: false, guid: '' }\n  }\n}\n"],"mappings":";AAgBA,IAAa,IAA0C;AAAA,EACrD,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AACR,GAOa,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAElC,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,gBAAA,CAAiB,GAAc,MAA2C;AACxE,SAAK,eAAe;AAAA,MAClB,eAAe;AAAA,MACf,UAAU;AAAA,MACV,cAAc;AAAA,MACd,SAAA;AAAA,MACA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,qBAAA,CAAsB,GAAc,EAAE,eAAA,GAAe,UAAA,EAAA,MAAiC;AACpF,SAAK,eAAe;AAAA,MAClB,eAAA;AAAA,MACA,UAAU,KAAY;AAAA,MACtB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,oBAAA,MAA0B;AAIxB,SAAK,eAAe;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,cAAc;AAAA,MAAO,MAAM;AAAA,IAAG;AAAA,EAC5E;AACF"}
+{"version":3,"file":"InsightsV2Store.es.js","names":[],"sources":["../../../src/core/stores/InsightsV2Store.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\n\nimport type { GlobalStore } from './GlobalStore'\n\nexport type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar'\n\nexport interface ActionDrawerState {\n  isDrawerOpen: boolean\n  trigger: ActionDrawerTrigger\n  guid: string\n  /**\n   * Block-specific drilldown data, opaque to the store. Each action block defines\n   * and reads its own shape (via useActionContext<T>()), so adding a block never\n   * widens this envelope. Chart drilldowns put `{ chartBarIndex, tabIndex }` here;\n   * CTAs carry none.\n   */\n  context: unknown\n}\n\nexport const CLOSED_ACTION_DRAWER: ActionDrawerState = {\n  isDrawerOpen: false,\n  trigger: 'primaryCta',\n  guid: '',\n  context: undefined,\n}\n\ninterface OpenActionDrawerArgs {\n  guid: string\n  trigger: ActionDrawerTrigger\n  context?: unknown\n}\n\n/**\n * UI state shared across the insights-v2 widget tree. Owns the action drawer so\n * cards, charts, and action blocks coordinate through the store instead of prop\n * drilling. The drawer state is a fixed envelope (isDrawerOpen/guid/trigger) plus\n * an opaque `context` bag, so per-block drilldown data never leaks into this shape.\n */\nexport class InsightsV2Store {\n  globalStore: GlobalStore\n\n  actionDrawer: ActionDrawerState = CLOSED_ACTION_DRAWER\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  /**\n   * Generic drawer opener — the only opener a new action block needs. Pass the\n   * beat guid, the CTA/source that triggered it, and (optionally) a block-specific\n   * context object the block reads back via useActionContext.\n   */\n  openActionDrawer = ({ guid, trigger, context }: OpenActionDrawerArgs) => {\n    this.actionDrawer = { isDrawerOpen: true, trigger, guid, context }\n  }\n\n  /** Convenience opener for CTA drawers (no drilldown context). */\n  openCtaDrawer = (guid: string, trigger: 'primaryCta' | 'secondaryCta') => {\n    this.openActionDrawer({ guid, trigger })\n  }\n\n  closeActionDrawer = () => {\n    // Preserve `trigger` + `context` so the drawer keeps its variant-specific\n    // title/content through the slide-out animation (ActionBlockLayer stays\n    // mounted while closing). Only flip isDrawerOpen off and clear the beat guid.\n    this.actionDrawer = { ...this.actionDrawer, isDrawerOpen: false, guid: '' }\n  }\n}\n"],"mappings":";AAmBA,IAAa,IAA0C;AAAA,EACrD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX,GAca,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAElC,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAOA,mBAAA,CAAoB,EAAE,MAAA,GAAM,SAAA,GAAS,SAAA,EAAA,MAAoC;AACvE,SAAK,eAAe;AAAA,MAAE,cAAc;AAAA,MAAM,SAAA;AAAA,MAAS,MAAA;AAAA,MAAM,SAAA;AAAA,IAAQ;AAAA,EACnE;AAAA,EAGA,gBAAA,CAAiB,GAAc,MAA2C;AACxE,SAAK,iBAAiB;AAAA,MAAE,MAAA;AAAA,MAAM,SAAA;AAAA,IAAQ,CAAC;AAAA,EACzC;AAAA,EAEA,oBAAA,MAA0B;AAIxB,SAAK,eAAe;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,cAAc;AAAA,MAAO,MAAM;AAAA,IAAG;AAAA,EAC5E;AACF"}

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/MakeTransferActionBlock.d.ts

@@ -1,27 +1,4 @@
-import { variants } from './layout';
-export { variants };
-interface CopyContent {
-    header_content?: string;
-    description?: string;
-    body_content?: string;
-    body_description?: string;
-    available_text?: string;
-    total_remaining_text?: string;
-    increment_aria_label?: string;
-    decrement_aria_label?: string;
-    expenses_text?: string;
-    available_balances_text?: string;
-    average_monthly_spend_text?: string;
-    your_available_balances_text?: string;
-}
-interface MakeTransferActionBlockProps {
-    date?: string;
-    variant: (typeof variants)[keyof typeof variants];
-    svgDateContent?: string;
-    availableBalances?: number;
-    copy: CopyContent;
-    averageMonthlySpend?: number;
-    /** SAVE_AN_EXTRA_100: total remaining from the payload; falls back to available − expenses. */
-    totalRemaining?: number;
-}
-export declare const MakeTransferActionBlock: ({ variant, svgDateContent, date, copy, availableBalances, averageMonthlySpend, totalRemaining, }: MakeTransferActionBlockProps) => import("react/jsx-runtime").JSX.Element;
+import { MakeTransferVariant, MakeTransferVariantProps } from './layout';
+export declare const MakeTransferActionBlock: ({ variant, slotData, copy, }: MakeTransferVariantProps & {
+    variant: MakeTransferVariant;
+}) => import("react/jsx-runtime").JSX.Element;