@mx-cartographer/experiences 9.6.11 → 9.6.13

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [9.6.13] - 10-15-2026
+
+- **ADDED** - `ICO-<name>` logo guids: `logoFromEntityGuid` / `logoFromRef` map them to a filled mx-icons status icon in the logo's `color`, `LogoFromGuid` draws it and `isLogoGuid` accepts the prefix; `SubHeader` draws `logo_fill` icons filled. Fee Detected's header sends `ICO-error` (WEC-1885)
+- **ADDED** - `TransactionDetailsBlock` resolves its drawer bottom actions from a per-variant `layout.ts` config keyed by the CTA's `variant` (extensible per variant); `merchant_budget` shows the "Add a Merchant Budget" row and `no_merchant_budget` drops it (null/unknown variants fall back to showing it). Variants name the drilldown behavior rather than a beat, so any CTA can reuse them; the Fee Detected mocks send `merchant_budget` (Has Merchant) / `no_merchant_budget` (No Merchant) with a null secondary CTA block. Replaces the earlier `drilldown_data.hide_merchant_budget_option` flag, which has been removed from `DrilldownData` (WEC-1885)
+- **ADDED** - `with_illustration` visual in `CompactInsightCard`'s `InsightVisual`, drawing a single theme-aware `FeeDetected.svg` (its `brand300` elements recolored per theme by `ThemedSVGImage`, so no separate dark asset), with a `WithIllustration` story (WEC-1885)
+- **ADDED** - `TransactionDetailsBlock` resolves its bottom actions from the description link when that link opened the drawer (`getBottomActionsByVariant` takes `in_description_cta`), so a link sending `no_merchant_budget` (LargeTransactionV2 mini "View Details") drops the "Add a Merchant Budget" row. `UnifiedDepositMini` story uses the mini envelope (WEC-1885)
+- **CHANGED** - `SecondaryCTA.block` widened to `string | null`: the backend sends `null` when the secondary CTA opens no drawer (e.g. Fee Detected "Contact Support"), which the Fee Detected mocks now mirror (WEC-1885)
+
+## [9.6.12] - 10-15-2026
+
+- **ADDED** - `account_block` reads the Insights 2.0 slot contract (`instance_slot.data`) for a new variant, falling back to the flat legacy fields: `low_balance` (the existing red tile, its institution logo badged per the layout's new `badge` field; no amount is drawn when the slot sends none). A new `statusIconName` helper maps `ICO-<name>` to an mx-icons name and rejects anything else. `low_balance` shares `low_balance_alert`'s layout entry (WEC-1903)
+- **ADDED** - `insights_payload.in_description_cta` (`{ label, block?, variant?, action_key? }`): on the full card `BaseLayout` renders it as the description link when it names a block and opens that block through a new `inDescriptionCta` drawer trigger, which resolves the link's `variant` like a CTA's. On mini and micro, where ditto ≥ 1.4.3 sends the card's action as `in_description_cta` instead of `primary_cta`, the action label reads `primary_cta?.label ?? in_description_cta?.label` and stays the card's tap (`carousel/cta` / `micro-carousel/cta`), never a drawer. The micro card draws the slot's `ICO-` icon in the legacy tinted error tile when the block has no row logo (Figma Micro | Low Account Balance). V1 beats keep the legacy `beat.in_description_cta` field. Needs a backend on ditto ≥ 1.4.3 (the in-description CTA keys); against an older one the full card loses its link and mini/micro their action label, and the card still renders (WEC-1903)
+- **ADDED** - `low_balance` drilldown variant on `TransactionHistoryBlock` (`top: 'list'`, no chart): one account's transactions for the `drilldown_data` window (`account_guid`, `from_date`, `to_date`), as the filter's own `dateRange` on UTC calendar days; a beat missing the account or window lists no rows rather than every account (Low Account Balance's "Transactions" drawer) (WEC-1903)
+- **ADDED** - Low Account Balance full and mini stories and the `AccountBlockPayload.json` fixture, matching tupac's envelopes (WEC-1903)
+- **CHANGED** - Exported types widened: `ActionDrawerTrigger` gains `'inDescriptionCta'`, `DrillDownVariantConfig['top']` gains `'list'`, and `InDescriptionCTA` is newly exported from `core` (WEC-1903)
+
 ## [9.6.11] - 10-14-2026
 
 - **FIXED** - double error reporting from the Settings, Goal, Finstrong, User, Net Worth, Notification and Help stores. Their errors now surface only through `onCaptureException`. This completes the migration started in 9.6.10 (MEW-4182)

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

@@ -1,5 +1,5 @@
 import { GlobalStore } from './GlobalStore';
-export type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar';
+export type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar' | 'inDescriptionCta';
 export interface ActionDrawerState {
     isDrawerOpen: boolean;
     trigger: ActionDrawerTrigger;

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 { 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 for the current drawer SESSION, opaque to the\n   * store. Each action block defines and reads its own shape (via\n   * useActionContext<T>()). Chart drilldowns put `{ chartBarIndex, tabIndex }`\n   * here; CTAs carry none.\n   *\n   * This is an accumulating bag, not a single owner's value: a nested drawer\n   * (e.g. TransactionDetailsBlock opened from a row inside TransactionHistory\n   * Block) adds its own key via `setActionContext` ON TOP of whatever the outer\n   * drawer already put here, so the outer block's own context survives while the\n   * nested block is open. It resets to a clean slate only when a NEW drawer\n   * session starts (`openActionDrawer`/`openCtaDrawer`, which fully replace the\n   * envelope) — not on every `setActionContext` call.\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/** Lifecycle of a beat's CTA action (see insights-v2/ctaActions), keyed by beat guid. */\nexport type CtaStatus = 'pending' | 'done' | 'error'\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  /**\n   * CTA action status per beat guid. Keyed by guid (not block) so a block shared by many\n   * insights never reflects another card's pending or error state.\n   */\n  ctaStatus: Record<string, CtaStatus> = {}\n\n  /**\n   * Per-beat scratch input collected on the card or in its blocks (e.g. the account a user\n   * picked before pressing Save), keyed by beat guid. Unlike `actionDrawer.context`, which is\n   * replaced whenever any drawer session starts, this survives other cards' drawers opening.\n   * CTA steps read it via `disabledWhen` and their `params` callback (`beatContextOf`). Ships\n   * ahead of its first block writer (Designate's account picker) on purpose: it is the layer's\n   * only way to keep a pick alive across other cards' drawer sessions.\n   */\n  beatContext: Record<string, Record<string, unknown>> = {}\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  setCtaStatus = (guid: string, status: CtaStatus) => {\n    this.ctaStatus = { ...this.ctaStatus, [guid]: status }\n  }\n\n  /** Merges `values` into the beat's scratch input. */\n  setBeatContext = (guid: string, values: Record<string, unknown>) => {\n    this.beatContext = { ...this.beatContext, [guid]: { ...this.beatContext[guid], ...values } }\n  }\n\n  /**\n   * Merges keys into the current drawer session's context bag — it does NOT\n   * replace it. A nested drawer (e.g. a row click inside TransactionHistoryBlock\n   * opening TransactionDetailsBlock) calls this to layer its own key (e.g.\n   * `transaction_guid`) on top of whatever context the outer drawer already set\n   * (e.g. `chartBarIndex`), so the outer block keeps reading its own keys via\n   * useActionContext while the nested block is open. The bag only returns to a\n   * clean slate when a new drawer session starts via `openActionDrawer`/\n   * `openCtaDrawer`, which fully replace the envelope.\n   */\n  setActionContext = (context: Record<string, unknown>) => {\n    this.actionDrawer = {\n      ...this.actionDrawer,\n      context: {\n        ...(this.actionDrawer.context as Record<string, unknown> | undefined),\n        ...context,\n      },\n    }\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":";AA2BA,IAAa,IAA0C;AAAA,EACrD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX,GAiBa,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAMlC,YAAuC,CAAC;AAAA,EAUxC,cAAuD,CAAC;AAAA,EAExD,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,eAAA,CAAgB,GAAc,MAAsB;AAClD,SAAK,YAAY;AAAA,MAAE,GAAG,KAAK;AAAA,MAAY,CAAA,CAAA,GAAO;AAAA,IAAO;AAAA,EACvD;AAAA,EAGA,iBAAA,CAAkB,GAAc,MAAoC;AAClE,SAAK,cAAc;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,CAAA,CAAA,GAAO;AAAA,QAAE,GAAG,KAAK,YAAY,CAAA;AAAA,QAAO,GAAG;AAAA,MAAO;AAAA,IAAE;AAAA,EAC7F;AAAA,EAYA,mBAAA,CAAoB,MAAqC;AACvD,SAAK,eAAe;AAAA,MAClB,GAAG,KAAK;AAAA,MACR,SAAS;AAAA,QACP,GAAI,KAAK,aAAa;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;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"}
+{"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\n// `inDescriptionCta`: the link inside a card's description (`insights_payload.in_description_cta`).\nexport type ActionDrawerTrigger = 'primaryCta' | 'secondaryCta' | 'chartBar' | 'inDescriptionCta'\n\nexport interface ActionDrawerState {\n  isDrawerOpen: boolean\n  trigger: ActionDrawerTrigger\n  guid: string\n  /**\n   * Block-specific drilldown data for the current drawer SESSION, opaque to the\n   * store. Each action block defines and reads its own shape (via\n   * useActionContext<T>()). Chart drilldowns put `{ chartBarIndex, tabIndex }`\n   * here; CTAs carry none.\n   *\n   * This is an accumulating bag, not a single owner's value: a nested drawer\n   * (e.g. TransactionDetailsBlock opened from a row inside TransactionHistory\n   * Block) adds its own key via `setActionContext` ON TOP of whatever the outer\n   * drawer already put here, so the outer block's own context survives while the\n   * nested block is open. It resets to a clean slate only when a NEW drawer\n   * session starts (`openActionDrawer`/`openCtaDrawer`, which fully replace the\n   * envelope) — not on every `setActionContext` call.\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/** Lifecycle of a beat's CTA action (see insights-v2/ctaActions), keyed by beat guid. */\nexport type CtaStatus = 'pending' | 'done' | 'error'\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  /**\n   * CTA action status per beat guid. Keyed by guid (not block) so a block shared by many\n   * insights never reflects another card's pending or error state.\n   */\n  ctaStatus: Record<string, CtaStatus> = {}\n\n  /**\n   * Per-beat scratch input collected on the card or in its blocks (e.g. the account a user\n   * picked before pressing Save), keyed by beat guid. Unlike `actionDrawer.context`, which is\n   * replaced whenever any drawer session starts, this survives other cards' drawers opening.\n   * CTA steps read it via `disabledWhen` and their `params` callback (`beatContextOf`). Ships\n   * ahead of its first block writer (Designate's account picker) on purpose: it is the layer's\n   * only way to keep a pick alive across other cards' drawer sessions.\n   */\n  beatContext: Record<string, Record<string, unknown>> = {}\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  setCtaStatus = (guid: string, status: CtaStatus) => {\n    this.ctaStatus = { ...this.ctaStatus, [guid]: status }\n  }\n\n  /** Merges `values` into the beat's scratch input. */\n  setBeatContext = (guid: string, values: Record<string, unknown>) => {\n    this.beatContext = { ...this.beatContext, [guid]: { ...this.beatContext[guid], ...values } }\n  }\n\n  /**\n   * Merges keys into the current drawer session's context bag — it does NOT\n   * replace it. A nested drawer (e.g. a row click inside TransactionHistoryBlock\n   * opening TransactionDetailsBlock) calls this to layer its own key (e.g.\n   * `transaction_guid`) on top of whatever context the outer drawer already set\n   * (e.g. `chartBarIndex`), so the outer block keeps reading its own keys via\n   * useActionContext while the nested block is open. The bag only returns to a\n   * clean slate when a new drawer session starts via `openActionDrawer`/\n   * `openCtaDrawer`, which fully replace the envelope.\n   */\n  setActionContext = (context: Record<string, unknown>) => {\n    this.actionDrawer = {\n      ...this.actionDrawer,\n      context: {\n        ...(this.actionDrawer.context as Record<string, unknown> | undefined),\n        ...context,\n      },\n    }\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":";AA4BA,IAAa,IAA0C;AAAA,EACrD,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX,GAiBa,IAAb,MAA6B;AAAA,EAC3B;AAAA,EAEA,eAAkC;AAAA,EAMlC,YAAuC,CAAC;AAAA,EAUxC,cAAuD,CAAC;AAAA,EAExD,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,eAAA,CAAgB,GAAc,MAAsB;AAClD,SAAK,YAAY;AAAA,MAAE,GAAG,KAAK;AAAA,MAAY,CAAA,CAAA,GAAO;AAAA,IAAO;AAAA,EACvD;AAAA,EAGA,iBAAA,CAAkB,GAAc,MAAoC;AAClE,SAAK,cAAc;AAAA,MAAE,GAAG,KAAK;AAAA,MAAc,CAAA,CAAA,GAAO;AAAA,QAAE,GAAG,KAAK,YAAY,CAAA;AAAA,QAAO,GAAG;AAAA,MAAO;AAAA,IAAE;AAAA,EAC7F;AAAA,EAYA,mBAAA,CAAoB,MAAqC;AACvD,SAAK,eAAe;AAAA,MAClB,GAAG,KAAK;AAAA,MACR,SAAS;AAAA,QACP,GAAI,KAAK,aAAa;AAAA,QACtB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;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/core/types/Insights.d.ts

@@ -63,6 +63,12 @@ export interface InsightsPayload {
     /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */
     drilldown_data?: DrilldownData;
     footer?: Footer;
+    /**
+     * V2: the link inside the description: on the full card a drawer of its own (Low Account
+     * Balance's "Transactions ›"); on mini and micro the card's action, sent instead of `primary_cta`.
+     * Absent when the beat has no link.
+     */
+    in_description_cta?: InDescriptionCTA;
     guid: string;
     user_guid: string;
     client_guid?: string;
@@ -115,6 +121,8 @@ export interface Logo {
     institution_guid?: string;
     institution_name?: string;
     logo_color?: string;
+    /** Draw the `logo_name` icon filled (V2 `ICO-` logos). */
+    logo_fill?: boolean;
     logo_name?: string;
     merchant_guid?: string;
     merchant_name?: string;
@@ -190,12 +198,27 @@ export interface PrimaryCTA {
 }
 export interface SecondaryCTA {
     label: string;
-    block: string;
+    /**
+     * Drawer block to open. `null` when the CTA opens nothing (ditto `secondary_cta_block: null`,
+     * e.g. Fee Detected's "Contact Support"): the press posts its message to the host instead.
+     */
+    block: string | null;
     variant?: string | null;
     /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */
     action_key?: string | null;
     metadata?: CtaPostMessageMetadata | null;
 }
+/**
+ * The description link: its label, the action block it opens and, like a CTA's, the variant that
+ * tells that block what to show (ditto's `in_description_cta_variant`, e.g. `low_balance`). On mini
+ * and micro it words the card's action; `block` is empty when that action opens no drawer.
+ */
+export interface InDescriptionCTA {
+    label: string;
+    block?: string;
+    variant?: string | null;
+    action_key?: string | null;
+}
 export interface Footer {
     /** V1: a pre-formatted date string. */
     date?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Insights.es.js","names":[],"sources":["../../../src/core/types/Insights.ts"],"sourcesContent":["// ============ Core InsightsV2 Types ============\n\nimport { InsightsInstanceSlotData } from './InsightsInstanceSlotData'\n\nexport interface ThemedSVGImageProps {\n  divProps?: React.HTMLAttributes<HTMLDivElement>\n  image: React.ComponentType<React.SVGProps<SVGSVGElement>>\n  isMini?: boolean\n}\n\n/**\n * Emitted by a block when the user drills into a specific datum (e.g. clicks a\n * chart bar). Named fields rather than positional args so blocks with differing\n * shapes can extend this without the call sites transposing values.\n */\nexport interface DrilldownPayload {\n  chartBarIndex: number\n  tabIndex?: number\n  transaction_guid?: string\n  block?: string\n}\n\n/**\n * Which envelope a beat was fetched with. `embedded` (the transaction-row pill + details-drawer\n * card) and `notification` are V2 additions; a surface asks for one with `widget_type=` on the fetch.\n */\nexport type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification'\n\n/**\n * V2: the transaction-row tag, its own small section of the `embedded` envelope (the same grammar\n * as `description` / `footer`, with room for a tone or an icon later). Omitted for an insight that\n * tags no transaction row. It deliberately is *not* `short_title`, which stays a per-variant\n * attribute with a second consumer (the bank-holiday sub-header).\n */\nexport interface Pill {\n  text: string\n}\n\n/**\n * V2: facts a drilldown shows that the card does not (e.g. the account number for the Transaction\n * Details drawer). A flat hash shared by every CTA of the card, omitted when the insight has none.\n * Never carries copy or user actions (memo, tags, hide, flag come from the transaction store).\n */\nexport type DrilldownData = Record<string, string | number | boolean | null>\n\nexport interface InsightsPayload {\n  widget_type: WidgetType\n  instance_slot: InstanceSlot\n  /**\n   * V1 only. The v2 contract carries everything a block needs on `instance_slot.data`,\n   * and omits this key entirely (see the LargeTransactionV2 payload). Blocks that still require it\n   * get it as a required field through `BlockProps`, which re-declares it.\n   */\n  instance_slot_data?: InsightsInstanceSlotData\n  description: Description\n  primary_cta?: PrimaryCTA\n  secondary_cta?: SecondaryCTA\n  title?: string\n  sub_title?: Subtitle\n  /**\n   * V2 rename of `sub_title`: a flat string, with the logo promoted to the payload-level `logo`\n   * field below. `sub_title` wins when both are present.\n   */\n  subtitle?: string\n  /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */\n  logo?: LogoRef\n  /** V2: which design branch the backend picked (e.g. `no_merchant`). */\n  variant?: string\n  /** V2, `embedded` envelope only: the transaction-row pill. */\n  pill?: Pill\n  /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */\n  drilldown_data?: DrilldownData\n  footer?: Footer\n  // TODO: Add in_description_cta to insights_payload from backend\n  guid: string\n  user_guid: string\n  client_guid?: string\n  /** Template name, e.g. `LargeTransactionV2`. */\n  template?: string\n  revision?: number\n  /** Unix seconds. */\n  created_at?: number\n  /** Unix seconds. */\n  updated_at?: number\n  /** Unix seconds. */\n  active_at?: number\n  displayed_at?: number | null\n  dismissed_at: number | null\n  cta_clicked_at?: number | null\n  has_been_displayed?: boolean\n  is_dismissed: boolean\n  is_deleted?: boolean\n  is_hidden_by_system?: boolean\n  is_obsolete?: boolean\n  is_refreshable?: boolean\n  is_sampled?: boolean\n  is_zero_state?: boolean\n  status?: string | null\n  /**\n   * V2 (LargeTransactionV2 onward): the entities the beat is about, carried on the payload so\n   * action blocks do not have to reach back out to the beat envelope.\n   */\n  primary_account_guid?: string | null\n  primary_transaction_guid?: string | null\n  primary_category_guid?: string | null\n  primary_merchant_guid?: string | null\n  /**\n   * V2: the repeating transaction a subscription beat is about (Upcoming Subscription, Subscription\n   * Price Increase). Read by `recurring_transaction_block`, see\n   * `actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts`.\n   */\n  primary_repeating_transaction_guid?: string | null\n}\n\nexport interface Legends {\n  label: string\n  value: number\n  additional_value?: number\n  additional_value_type?: string\n  value_type?: string\n}\n\nexport interface Logo {\n  category_guid?: string\n  category_name?: string\n  institution_guid?: string\n  institution_name?: string\n  logo_color?: string\n  logo_name?: string\n  merchant_guid?: string\n  merchant_name?: string\n}\n\nexport interface Subtitle {\n  logo?: Logo\n  text: string\n}\n\n/**\n * A V2 logo, shared by the header (`InsightsPayload.logo`) and every instance-slot row. It takes\n * one of two shapes:\n *\n * - **Entity**: `guid`, whose prefix (`INS-` / `MCH-` / `CAT-`) picks the logo component, plus an\n *   optional `fallback_guid` for when that component's asset cannot load. Today that is the\n *   category behind an `MCH-` guid, which `MerchantLogo` shows as a tile when the merchant image\n *   is missing.\n * - **Status icon**: `icon` (an mx-icons name, e.g. `warning`) and `color` (a theme palette path,\n *   e.g. `error.main`), for subheaders that show a state rather than an entity (V1's\n *   `logo_name` / `logo_color`).\n *\n * `alt` is the accessible name for either shape. A logo sends one shape; if it sends both, `icon`\n * wins, as `logo_name` does in V1's `SubHeader`.\n */\nexport interface LogoRef {\n  alt?: string\n  color?: string\n  fallback_guid?: string\n  guid?: string\n  icon?: string\n}\n\nexport interface CategoryLogo {\n  category_guid: string\n  category_name: string\n}\n\nexport interface MerchantLogo {\n  merchant_guid: string\n  merchant_name: string\n}\n\nexport interface InstitutionLogo {\n  institution_guid: string\n  institution_name: string\n}\n\nexport interface Description {\n  text: string\n  html_text: string\n}\n\n/**\n * Post message a CTA press sends to the host, resolved by the backend for the beat's current\n * state. Absent/null = the backend has not described one: the frontend uses the template's\n * interim `ctaPostMessages` entry if there is one, else sends no message. `payload` carries only\n * beat-specific extras; the frontend always adds `beat_guid`, `beat_template`, `user_guid` and\n * `action_string`.\n */\nexport interface CtaPostMessageMetadata {\n  /** Post message event; defaults to `beat/cta`. */\n  event?: string | null\n  /** Operation the host should perform, e.g. `op_1`, `op_2`, `op_3`. Defaults to `op_1`. */\n  action?: string | null\n  /** Beat-specific fields merged into the message metadata (account ids, amounts, ...). */\n  payload?: Record<string, unknown> | null\n}\n\nexport interface PrimaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /**\n   * What pressing the CTA does beyond opening its block, named by the backend (ditto\n   * `primary_cta_action`, passed through by tupac). Looked up in `insights-v2/ctaActions`;\n   * null / absent / unknown means the CTA only opens its block or posts its message.\n   */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface SecondaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface Footer {\n  /** V1: a pre-formatted date string. */\n  date?: string\n  /**\n   * The account label, on both V1 and V2. The backend resolves the plurality: one account sends\n   * its name (e.g. `Epic Bank`), several send a localized count (e.g. `2 Accounts`), none sends\n   * nothing. There is deliberately no separate `accounts` key — see tupac's `footer_account_label`.\n   */\n  account?: string\n  /**\n   * V2 (LargeTransactionV2 onward): unix seconds, formatted by `Footer` for display.\n   * Replaces `date`; `date` wins when a beat somehow sends both.\n   */\n  timestamp?: number\n}\n\n// ============ Instance Slot Types ============\n// Values are the snake_case block names the backend sends on a beat's instance slot; the PascalCase\n// keys stay as friendly references (e.g. BlockType.BarChartBlock === 'bar_chart_block').\nexport const BlockType = {\n  AccountBlock: 'account_block',\n  AccountSwitchBlock: 'account_switch_block',\n  BarChartBlock: 'bar_chart_block',\n  BudgetBlock: 'budget_block',\n  ImageBlock: 'image_block',\n  TransactionBlock: 'transaction_block',\n  DonutChartBlock: 'donut_chart_block',\n  DoubleBarChartBlock: 'double_bar_chart_block',\n  DoubleProgressBarBlock: 'double_progress_bar_block',\n  DebtsBlock: 'debts_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsOpportunityBlock: 'savings_opportunity_block',\n  StepChartBlock: 'step_chart_block',\n  SVGImageBlock: 'svg_image_block',\n  UpcomingBillBlock: 'upcoming_bill_block',\n  UpcomingSubscriptionBlock: 'upcoming_subscription_block',\n  WithdrawalBlock: 'withdrawal_block',\n} as const\n\nexport type BlockType = (typeof BlockType)[keyof typeof BlockType]\n\n/**\n * A pre-localized row on a V2 instance slot. The backend resolves the copy and formatting; the\n * logo is a `LogoRef` (an entity guid or a status icon, see `logoFromRef`).\n */\nexport interface InstanceSlotRow {\n  amount?: number\n  logo?: LogoRef\n  primary_text?: string\n  secondary_text?: string\n}\n\n/**\n * V2: the slots a block's variant filled, keyed by slot name; ditto owns the names and omits any\n * slot it has no value for (`lib/ditto/blocks/<block>.yml`). Read with `slot()`, which names the\n * kind the caller expects.\n */\nexport interface InstanceSlotData {\n  [slot: string]: unknown\n}\n\n/**\n * Reads one slot off a block's `data`; undefined when ditto did not fill it.\n *\n * The caller names the kind, because the slot's kind lives in the block's ditto schema and not\n * here — a block fills slots with whatever its card needs, so no fixed list of kinds would hold\n * (`account_switch_block` alone carries a boolean and `budget_block` a nested object).\n */\nexport const slot = <T = unknown>(\n  data: InstanceSlotData | undefined,\n  name: string,\n): T | undefined => data?.[name] as T | undefined\n\n/**\n * V2: which block renders this beat's content, and what it renders.\n *\n * `block` is optional: a beat whose template has no ditto config arrives as an empty `{}` and the\n * card renders its copy and CTAs alone, so a reader cannot assume a block is named. One interface\n * with `block` optional rather than a union with `Record<string, never>`, which TypeScript absorbs\n * — that union left `block` reading as required and typed a promise it did not keep.\n *\n * `variant` is optional for the same reason — the empty `{}` carries neither. Every ditto beat\n * file that names a block also names a variant, so a *filled* slot always has one; ditto drops a\n * nil variant rather than sending null, which is why the type is `string | null | undefined`.\n */\nexport interface InstanceSlot {\n  block?: BlockType\n  variant?: string | null\n  /** The slots this block's variant declares in ditto. */\n  data?: InstanceSlotData\n  // Direct Deposit block (Set Up Direct Deposit, Switch Direct Deposit, Missing\n  // Interest Rate): account facts carried flat on the slot, beside `data`.\n  /** Primary line on the hero card, e.g. \"Epic Bank Checking, *1234\". */\n  account_name?: string\n  /** Secondary line beneath the name, e.g. \"Checking Account\" / \"Credit Card\". */\n  account_type?: string\n  /** Status pill label, e.g. \"Direct Deposit Not Set Up\" / \"Interest Rate: 19.99% APR\". */\n  status_text?: string\n  institution_guid?: string\n  institution_name?: string\n  // Shared across multiple V2 component blocks:\n  //   `amount` — UpcomingBillBlock (projected bill), SavingsOpportunityBlock (coupon),\n  //              UpcomingSubscriptionBlock (price per cadence).\n  //   `merchant_guid` / `merchant_name` — UpcomingBillBlock (bill row logo + name),\n  //              UpcomingSubscriptionBlock (hero logo + name).\n  /** Dollar amount (unformatted); the block formats it as currency. */\n  amount?: number\n  /** Merchant guid used to render the inline / hero logo via `LogoFromGuid` (`MCH-...`). */\n  merchant_guid?: string\n  /** Merchant display name — shown as logo alt text and as the merchant/hero label. */\n  merchant_name?: string\n  // Upcoming Bill block (Projected Bill Payment): the block derives the Sun→Sat week strip\n  // around `due_date` at render time.\n  /** Due date of the projected bill in ISO form (e.g. `2025-10-30`). */\n  due_date?: string\n  // Savings Opportunity block (Save An Extra, Potential Savings, Embedded): purely data-driven\n  // coupon card. Backend sends the caption and the amount, plus `slot` to toggle the green\n  // gradient background when the card is embedded in a parent surface that supplies its own.\n  /** Caption shown above the amount, e.g. `Save an extra` or `Potential savings`. */\n  label?: string\n  /**\n   * Whether to render the green gradient slot behind the coupon. Defaults to true. Backend sends\n   * `false` when the coupon is embedded in a parent surface that supplies its own background.\n   */\n  slot?: boolean\n  // Upcoming Subscription block: billing cadence for the price pill (`${amount} / ${cadence}`).\n  /** Billing cadence word that trails the price, e.g. `month` or `year`. */\n  cadence?: string\n  // Account block (status on/off-track, deposit, payoff variants): card content carried flat on\n  // the slot (the V2 contract drops `instance_slot_data`). `amount`, `label`, `merchant_guid`,\n  // `merchant_name`, `institution_guid`, `institution_name` are shared fields declared above.\n  /** Secondary line beneath the amount on the standard card, e.g. \"Remaining after expenses\". */\n  sub_text?: string\n  /** Header bar text (standard card) or the colored category strip label (deposit cards). */\n  header_text?: string\n  /** Generic-tile icon name used when no merchant/institution logo is available. */\n  icon_name?: string\n  /** Category guid used to render the deposit-card logo fallback. */\n  category_guid?: string\n  // Debts block: `amount` is the current balance; the shared account/institution fields above.\n  /** Projected payoff date in ISO form (e.g. `2027-03-01`); the block formats it as month + year. */\n  payoff_date?: string\n  /** Monthly payment toward the debt (unformatted); the block formats it as currency. */\n  monthly_payment?: number\n  /** Annual interest rate as a percentage (e.g. `19.99`); the block formats it as a percent. */\n  interest_rate?: number\n}\n"],"mappings":"AA+RA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}
+{"version":3,"file":"Insights.es.js","names":[],"sources":["../../../src/core/types/Insights.ts"],"sourcesContent":["// ============ Core InsightsV2 Types ============\n\nimport { InsightsInstanceSlotData } from './InsightsInstanceSlotData'\n\nexport interface ThemedSVGImageProps {\n  divProps?: React.HTMLAttributes<HTMLDivElement>\n  image: React.ComponentType<React.SVGProps<SVGSVGElement>>\n  isMini?: boolean\n}\n\n/**\n * Emitted by a block when the user drills into a specific datum (e.g. clicks a\n * chart bar). Named fields rather than positional args so blocks with differing\n * shapes can extend this without the call sites transposing values.\n */\nexport interface DrilldownPayload {\n  chartBarIndex: number\n  tabIndex?: number\n  transaction_guid?: string\n  block?: string\n}\n\n/**\n * Which envelope a beat was fetched with. `embedded` (the transaction-row pill + details-drawer\n * card) and `notification` are V2 additions; a surface asks for one with `widget_type=` on the fetch.\n */\nexport type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification'\n\n/**\n * V2: the transaction-row tag, its own small section of the `embedded` envelope (the same grammar\n * as `description` / `footer`, with room for a tone or an icon later). Omitted for an insight that\n * tags no transaction row. It deliberately is *not* `short_title`, which stays a per-variant\n * attribute with a second consumer (the bank-holiday sub-header).\n */\nexport interface Pill {\n  text: string\n}\n\n/**\n * V2: facts a drilldown shows that the card does not (e.g. the account number for the Transaction\n * Details drawer). A flat hash shared by every CTA of the card, omitted when the insight has none.\n * Never carries copy or user actions (memo, tags, hide, flag come from the transaction store).\n */\nexport type DrilldownData = Record<string, string | number | boolean | null>\n\nexport interface InsightsPayload {\n  widget_type: WidgetType\n  instance_slot: InstanceSlot\n  /**\n   * V1 only. The v2 contract carries everything a block needs on `instance_slot.data`,\n   * and omits this key entirely (see the LargeTransactionV2 payload). Blocks that still require it\n   * get it as a required field through `BlockProps`, which re-declares it.\n   */\n  instance_slot_data?: InsightsInstanceSlotData\n  description: Description\n  primary_cta?: PrimaryCTA\n  secondary_cta?: SecondaryCTA\n  title?: string\n  sub_title?: Subtitle\n  /**\n   * V2 rename of `sub_title`: a flat string, with the logo promoted to the payload-level `logo`\n   * field below. `sub_title` wins when both are present.\n   */\n  subtitle?: string\n  /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */\n  logo?: LogoRef\n  /** V2: which design branch the backend picked (e.g. `no_merchant`). */\n  variant?: string\n  /** V2, `embedded` envelope only: the transaction-row pill. */\n  pill?: Pill\n  /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */\n  drilldown_data?: DrilldownData\n  footer?: Footer\n  /**\n   * V2: the link inside the description: on the full card a drawer of its own (Low Account\n   * Balance's \"Transactions ›\"); on mini and micro the card's action, sent instead of `primary_cta`.\n   * Absent when the beat has no link.\n   */\n  in_description_cta?: InDescriptionCTA\n  guid: string\n  user_guid: string\n  client_guid?: string\n  /** Template name, e.g. `LargeTransactionV2`. */\n  template?: string\n  revision?: number\n  /** Unix seconds. */\n  created_at?: number\n  /** Unix seconds. */\n  updated_at?: number\n  /** Unix seconds. */\n  active_at?: number\n  displayed_at?: number | null\n  dismissed_at: number | null\n  cta_clicked_at?: number | null\n  has_been_displayed?: boolean\n  is_dismissed: boolean\n  is_deleted?: boolean\n  is_hidden_by_system?: boolean\n  is_obsolete?: boolean\n  is_refreshable?: boolean\n  is_sampled?: boolean\n  is_zero_state?: boolean\n  status?: string | null\n  /**\n   * V2 (LargeTransactionV2 onward): the entities the beat is about, carried on the payload so\n   * action blocks do not have to reach back out to the beat envelope.\n   */\n  primary_account_guid?: string | null\n  primary_transaction_guid?: string | null\n  primary_category_guid?: string | null\n  primary_merchant_guid?: string | null\n  /**\n   * V2: the repeating transaction a subscription beat is about (Upcoming Subscription, Subscription\n   * Price Increase). Read by `recurring_transaction_block`, see\n   * `actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts`.\n   */\n  primary_repeating_transaction_guid?: string | null\n}\n\nexport interface Legends {\n  label: string\n  value: number\n  additional_value?: number\n  additional_value_type?: string\n  value_type?: string\n}\n\nexport interface Logo {\n  category_guid?: string\n  category_name?: string\n  institution_guid?: string\n  institution_name?: string\n  logo_color?: string\n  /** Draw the `logo_name` icon filled (V2 `ICO-` logos). */\n  logo_fill?: boolean\n  logo_name?: string\n  merchant_guid?: string\n  merchant_name?: string\n}\n\nexport interface Subtitle {\n  logo?: Logo\n  text: string\n}\n\n/**\n * A V2 logo, shared by the header (`InsightsPayload.logo`) and every instance-slot row. It takes\n * one of two shapes:\n *\n * - **Entity**: `guid`, whose prefix (`INS-` / `MCH-` / `CAT-`) picks the logo component, plus an\n *   optional `fallback_guid` for when that component's asset cannot load. Today that is the\n *   category behind an `MCH-` guid, which `MerchantLogo` shows as a tile when the merchant image\n *   is missing.\n * - **Status icon**: `icon` (an mx-icons name, e.g. `warning`) and `color` (a theme palette path,\n *   e.g. `error.main`), for subheaders that show a state rather than an entity (V1's\n *   `logo_name` / `logo_color`).\n *\n * `alt` is the accessible name for either shape. A logo sends one shape; if it sends both, `icon`\n * wins, as `logo_name` does in V1's `SubHeader`.\n */\nexport interface LogoRef {\n  alt?: string\n  color?: string\n  fallback_guid?: string\n  guid?: string\n  icon?: string\n}\n\nexport interface CategoryLogo {\n  category_guid: string\n  category_name: string\n}\n\nexport interface MerchantLogo {\n  merchant_guid: string\n  merchant_name: string\n}\n\nexport interface InstitutionLogo {\n  institution_guid: string\n  institution_name: string\n}\n\nexport interface Description {\n  text: string\n  html_text: string\n}\n\n/**\n * Post message a CTA press sends to the host, resolved by the backend for the beat's current\n * state. Absent/null = the backend has not described one: the frontend uses the template's\n * interim `ctaPostMessages` entry if there is one, else sends no message. `payload` carries only\n * beat-specific extras; the frontend always adds `beat_guid`, `beat_template`, `user_guid` and\n * `action_string`.\n */\nexport interface CtaPostMessageMetadata {\n  /** Post message event; defaults to `beat/cta`. */\n  event?: string | null\n  /** Operation the host should perform, e.g. `op_1`, `op_2`, `op_3`. Defaults to `op_1`. */\n  action?: string | null\n  /** Beat-specific fields merged into the message metadata (account ids, amounts, ...). */\n  payload?: Record<string, unknown> | null\n}\n\nexport interface PrimaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /**\n   * What pressing the CTA does beyond opening its block, named by the backend (ditto\n   * `primary_cta_action`, passed through by tupac). Looked up in `insights-v2/ctaActions`;\n   * null / absent / unknown means the CTA only opens its block or posts its message.\n   */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface SecondaryCTA {\n  label: string\n  /**\n   * Drawer block to open. `null` when the CTA opens nothing (ditto `secondary_cta_block: null`,\n   * e.g. Fee Detected's \"Contact Support\"): the press posts its message to the host instead.\n   */\n  block: string | null\n  variant?: string | null\n  /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\n/**\n * The description link: its label, the action block it opens and, like a CTA's, the variant that\n * tells that block what to show (ditto's `in_description_cta_variant`, e.g. `low_balance`). On mini\n * and micro it words the card's action; `block` is empty when that action opens no drawer.\n */\nexport interface InDescriptionCTA {\n  label: string\n  block?: string\n  variant?: string | null\n  action_key?: string | null\n}\n\nexport interface Footer {\n  /** V1: a pre-formatted date string. */\n  date?: string\n  /**\n   * The account label, on both V1 and V2. The backend resolves the plurality: one account sends\n   * its name (e.g. `Epic Bank`), several send a localized count (e.g. `2 Accounts`), none sends\n   * nothing. There is deliberately no separate `accounts` key — see tupac's `footer_account_label`.\n   */\n  account?: string\n  /**\n   * V2 (LargeTransactionV2 onward): unix seconds, formatted by `Footer` for display.\n   * Replaces `date`; `date` wins when a beat somehow sends both.\n   */\n  timestamp?: number\n}\n\n// ============ Instance Slot Types ============\n// Values are the snake_case block names the backend sends on a beat's instance slot; the PascalCase\n// keys stay as friendly references (e.g. BlockType.BarChartBlock === 'bar_chart_block').\nexport const BlockType = {\n  AccountBlock: 'account_block',\n  AccountSwitchBlock: 'account_switch_block',\n  BarChartBlock: 'bar_chart_block',\n  BudgetBlock: 'budget_block',\n  ImageBlock: 'image_block',\n  TransactionBlock: 'transaction_block',\n  DonutChartBlock: 'donut_chart_block',\n  DoubleBarChartBlock: 'double_bar_chart_block',\n  DoubleProgressBarBlock: 'double_progress_bar_block',\n  DebtsBlock: 'debts_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsOpportunityBlock: 'savings_opportunity_block',\n  StepChartBlock: 'step_chart_block',\n  SVGImageBlock: 'svg_image_block',\n  UpcomingBillBlock: 'upcoming_bill_block',\n  UpcomingSubscriptionBlock: 'upcoming_subscription_block',\n  WithdrawalBlock: 'withdrawal_block',\n} as const\n\nexport type BlockType = (typeof BlockType)[keyof typeof BlockType]\n\n/**\n * A pre-localized row on a V2 instance slot. The backend resolves the copy and formatting; the\n * logo is a `LogoRef` (an entity guid or a status icon, see `logoFromRef`).\n */\nexport interface InstanceSlotRow {\n  amount?: number\n  logo?: LogoRef\n  primary_text?: string\n  secondary_text?: string\n}\n\n/**\n * V2: the slots a block's variant filled, keyed by slot name; ditto owns the names and omits any\n * slot it has no value for (`lib/ditto/blocks/<block>.yml`). Read with `slot()`, which names the\n * kind the caller expects.\n */\nexport interface InstanceSlotData {\n  [slot: string]: unknown\n}\n\n/**\n * Reads one slot off a block's `data`; undefined when ditto did not fill it.\n *\n * The caller names the kind, because the slot's kind lives in the block's ditto schema and not\n * here — a block fills slots with whatever its card needs, so no fixed list of kinds would hold\n * (`account_switch_block` alone carries a boolean and `budget_block` a nested object).\n */\nexport const slot = <T = unknown>(\n  data: InstanceSlotData | undefined,\n  name: string,\n): T | undefined => data?.[name] as T | undefined\n\n/**\n * V2: which block renders this beat's content, and what it renders.\n *\n * `block` is optional: a beat whose template has no ditto config arrives as an empty `{}` and the\n * card renders its copy and CTAs alone, so a reader cannot assume a block is named. One interface\n * with `block` optional rather than a union with `Record<string, never>`, which TypeScript absorbs\n * — that union left `block` reading as required and typed a promise it did not keep.\n *\n * `variant` is optional for the same reason — the empty `{}` carries neither. Every ditto beat\n * file that names a block also names a variant, so a *filled* slot always has one; ditto drops a\n * nil variant rather than sending null, which is why the type is `string | null | undefined`.\n */\nexport interface InstanceSlot {\n  block?: BlockType\n  variant?: string | null\n  /** The slots this block's variant declares in ditto. */\n  data?: InstanceSlotData\n  // Direct Deposit block (Set Up Direct Deposit, Switch Direct Deposit, Missing\n  // Interest Rate): account facts carried flat on the slot, beside `data`.\n  /** Primary line on the hero card, e.g. \"Epic Bank Checking, *1234\". */\n  account_name?: string\n  /** Secondary line beneath the name, e.g. \"Checking Account\" / \"Credit Card\". */\n  account_type?: string\n  /** Status pill label, e.g. \"Direct Deposit Not Set Up\" / \"Interest Rate: 19.99% APR\". */\n  status_text?: string\n  institution_guid?: string\n  institution_name?: string\n  // Shared across multiple V2 component blocks:\n  //   `amount` — UpcomingBillBlock (projected bill), SavingsOpportunityBlock (coupon),\n  //              UpcomingSubscriptionBlock (price per cadence).\n  //   `merchant_guid` / `merchant_name` — UpcomingBillBlock (bill row logo + name),\n  //              UpcomingSubscriptionBlock (hero logo + name).\n  /** Dollar amount (unformatted); the block formats it as currency. */\n  amount?: number\n  /** Merchant guid used to render the inline / hero logo via `LogoFromGuid` (`MCH-...`). */\n  merchant_guid?: string\n  /** Merchant display name — shown as logo alt text and as the merchant/hero label. */\n  merchant_name?: string\n  // Upcoming Bill block (Projected Bill Payment): the block derives the Sun→Sat week strip\n  // around `due_date` at render time.\n  /** Due date of the projected bill in ISO form (e.g. `2025-10-30`). */\n  due_date?: string\n  // Savings Opportunity block (Save An Extra, Potential Savings, Embedded): purely data-driven\n  // coupon card. Backend sends the caption and the amount, plus `slot` to toggle the green\n  // gradient background when the card is embedded in a parent surface that supplies its own.\n  /** Caption shown above the amount, e.g. `Save an extra` or `Potential savings`. */\n  label?: string\n  /**\n   * Whether to render the green gradient slot behind the coupon. Defaults to true. Backend sends\n   * `false` when the coupon is embedded in a parent surface that supplies its own background.\n   */\n  slot?: boolean\n  // Upcoming Subscription block: billing cadence for the price pill (`${amount} / ${cadence}`).\n  /** Billing cadence word that trails the price, e.g. `month` or `year`. */\n  cadence?: string\n  // Account block (status on/off-track, deposit, payoff variants): card content carried flat on\n  // the slot (the V2 contract drops `instance_slot_data`). `amount`, `label`, `merchant_guid`,\n  // `merchant_name`, `institution_guid`, `institution_name` are shared fields declared above.\n  /** Secondary line beneath the amount on the standard card, e.g. \"Remaining after expenses\". */\n  sub_text?: string\n  /** Header bar text (standard card) or the colored category strip label (deposit cards). */\n  header_text?: string\n  /** Generic-tile icon name used when no merchant/institution logo is available. */\n  icon_name?: string\n  /** Category guid used to render the deposit-card logo fallback. */\n  category_guid?: string\n  // Debts block: `amount` is the current balance; the shared account/institution fields above.\n  /** Projected payoff date in ISO form (e.g. `2027-03-01`); the block formats it as month + year. */\n  payoff_date?: string\n  /** Monthly payment toward the debt (unformatted); the block formats it as currency. */\n  monthly_payment?: number\n  /** Annual interest rate as a percentage (e.g. `19.99`); the block formats it as a percent. */\n  interest_rate?: number\n}\n"],"mappings":"AAsTA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}

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

@@ -13,7 +13,7 @@ export type { Expense } from './Expense';
 export { ExpenseStatus, ScheduledPaymentTypes } from './Expense';
 export type { DynamicCopyElement, GlobalCopy } from './GlobalCopy';
 export { GoalType, MetaType, TrackType } from './Goal';
-export type { ThemedSVGImageProps, DrilldownData, DrilldownPayload, InsightsPayload, InstanceSlot, InstanceSlotData, Pill, WidgetType, InstanceSlotRow, BlockType, Description, PrimaryCTA, CtaPostMessageMetadata, SecondaryCTA, Subtitle, Footer, Logo, LogoRef, CategoryLogo, MerchantLogo, InstitutionLogo, Legends, } from './Insights';
+export type { ThemedSVGImageProps, DrilldownData, DrilldownPayload, InsightsPayload, InstanceSlot, InstanceSlotData, Pill, WidgetType, InstanceSlotRow, BlockType, Description, PrimaryCTA, CtaPostMessageMetadata, SecondaryCTA, Subtitle, Footer, Logo, LogoRef, InDescriptionCTA, CategoryLogo, MerchantLogo, InstitutionLogo, Legends, } from './Insights';
 export { slot } from './Insights';
 export type { Goal, MonthlyCashFlowProfile, RetirementGoalAccount } from './Goal';
 export type { Debt } from './Debt';

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js

@@ -1,43 +1,43 @@
-import { useGlobalCopyStore as g, useGlobalUiStore as C, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
+import { useGlobalCopyStore as C, useGlobalUiStore as _, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
 import B from "../../common/components/drawer/Drawer.es.js";
-import _ from "../../common/components/Loader.es.js";
-import { getDynamicCtaBasedOnTriggers as v } from "./util.es.js";
-import { hasDrawerBlock as w } from "../mappings/hasDrawerBlock.es.js";
-import { actionBlocks as D } from "../mappings/blocks.es.js";
-import { observer as b } from "mobx-react-lite";
-import L from "@mui/material/Stack";
-import { Text as x } from "@mxenabled/mxui";
+import v from "../../common/components/Loader.es.js";
+import { getDynamicCtaBasedOnTriggers as w } from "./util.es.js";
+import { hasDrawerBlock as D } from "../mappings/hasDrawerBlock.es.js";
+import { actionBlocks as b } from "../mappings/blocks.es.js";
+import { observer as L } from "mobx-react-lite";
+import x from "@mui/material/Stack";
+import { Text as A } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ actionBlock: s, ...o }) => {
   const { Component: i, usePrepare: n } = s;
   return n(o), /* @__PURE__ */ e(i, { ...o });
-}, $ = b(function({ beat: o }) {
-  const i = g(), n = i.common, { isCopyLoaded: p } = C(), { actionDrawer: c, closeActionDrawer: u } = h();
+}, q = L(function({ beat: o }) {
+  const i = C(), n = i.common, { isCopyLoaded: p } = _(), { actionDrawer: c, closeActionDrawer: d } = h();
   if (!o.insights_payload) return null;
-  const { primary_cta: d, secondary_cta: f } = o.insights_payload, l = c.isDrawerOpen && c.guid === o.guid;
-  if (!p) return l ? /* @__PURE__ */ e(_, {}) : null;
-  const r = v(c, d, f), a = w(r?.block), t = a ? D[r?.block] : void 0;
-  if (t?.presentation === "modal") return l ? /* @__PURE__ */ e(m, {
+  const { primary_cta: u, secondary_cta: f, in_description_cta: k } = o.insights_payload, a = c.isDrawerOpen && c.guid === o.guid;
+  if (!p) return a ? /* @__PURE__ */ e(v, {}) : null;
+  const r = w(c, u, f, k), l = D(r?.block), t = l ? b[r?.block] : void 0;
+  if (t?.presentation === "modal") return a ? /* @__PURE__ */ e(m, {
     actionBlock: t,
     beat: o
   }, r?.block) : null;
-  const k = t?.title?.(r?.variant, i, o), y = t ? k || r?.label || "" : a ? n.error_heading : r?.label ?? "";
+  const y = t?.title?.(r?.variant, i, o), g = t ? y || r?.label || "" : l ? n.error_heading : r?.label ?? "";
   return /* @__PURE__ */ e(B, {
     ariaLabelClose: n.close_aria,
-    isOpen: l,
-    onClose: u,
-    title: y,
+    isOpen: a,
+    onClose: d,
+    title: g,
     children: t ? /* @__PURE__ */ e(m, {
       actionBlock: t,
       beat: o
-    }, r?.block) : a ? /* @__PURE__ */ e(L, {
+    }, r?.block) : l ? /* @__PURE__ */ e(x, {
       sx: { p: 24 },
-      children: /* @__PURE__ */ e(x, { children: n.error_message })
+      children: /* @__PURE__ */ e(A, { children: n.error_message })
     }) : null
   });
 });
 export {
-  $ as ActionBlockLayer
+  q as ActionBlockLayer
 };
 
 //# sourceMappingURL=ActionBlockLayer.es.js.map

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,EAAA,IAAkB,EAAK,kBAItC,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta, in_description_cta } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(\n    actionDrawer,\n    primary_cta,\n    secondary_cta,\n    in_description_cta,\n  )\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,oBAAA,EAAA,IAAuB,EAAK,kBAI1D,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EACjB,GACA,GACA,GACA,CACF,GAIM,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}

package/dist/insights-v2/actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js

@@ -1,23 +1,23 @@
-import { buildDynamicCopy as F } from "../../../core/utils/Localization.es.js";
-import G from "../../../common/utils/AccountDisplayName.es.js";
-import { useGlobalCopyStore as W, useInsightsV2Store as j, useSettingsStore as z, useUserStore as q } from "../../../common/context/hooks.es.js";
-import J from "../../../common/components/Loader.es.js";
-import K from "../../../common/components/CurrencyDialog.es.js";
-import { useBeatActions as Q } from "../../beatActions.es.js";
-import { getDynamicCtaBasedOnTriggers as X } from "../util.es.js";
-import { useCtaHandler as Y } from "../../ctaActions/useCtaAction.es.js";
-import { AMOUNT_INPUT_VARIANTS as Z, findLowBalanceProfile as oo, isAmountInputVariant as L, isWholeAmount as to, toInputValue as eo } from "./layout.es.js";
+import { buildDynamicCopy as G } from "../../../core/utils/Localization.es.js";
+import W from "../../../common/utils/AccountDisplayName.es.js";
+import { useGlobalCopyStore as j, useInsightsV2Store as z, useSettingsStore as q, useUserStore as J } from "../../../common/context/hooks.es.js";
+import K from "../../../common/components/Loader.es.js";
+import Q from "../../../common/components/CurrencyDialog.es.js";
+import { useBeatActions as X } from "../../beatActions.es.js";
+import { getDynamicCtaBasedOnTriggers as Y } from "../util.es.js";
+import { useCtaHandler as Z } from "../../ctaActions/useCtaAction.es.js";
+import { AMOUNT_INPUT_VARIANTS as oo, findLowBalanceProfile as to, isAmountInputVariant as L, isWholeAmount as eo, toInputValue as io } from "./layout.es.js";
 import r from "react";
-import { observer as io } from "mobx-react-lite";
+import { observer as no } from "mobx-react-lite";
 import T from "@mui/material/Stack";
-import { H3 as no, InstitutionLogo as ro, Text as P } from "@mxenabled/mxui";
-import { Icon as ao } from "@mxenabled/mx-icons";
+import { H3 as ro, InstitutionLogo as ao, Text as P } from "@mxenabled/mxui";
+import { Icon as so } from "@mxenabled/mx-icons";
 import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import so from "@mui/material/Dialog";
-import co from "@mui/material/IconButton";
+import co from "@mui/material/Dialog";
+import lo from "@mui/material/IconButton";
 var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
   const u = r.useId();
-  return /* @__PURE__ */ e(so, {
+  return /* @__PURE__ */ e(co, {
     "aria-labelledby": o ? u : void 0,
     maxWidth: "xs",
     onClose: l,
@@ -29,11 +29,11 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
         position: "relative"
       },
       children: [
-        o && /* @__PURE__ */ e(no, {
+        o && /* @__PURE__ */ e(ro, {
           id: u,
           children: o
         }),
-        /* @__PURE__ */ e(co, {
+        /* @__PURE__ */ e(lo, {
           "aria-label": i || "Close",
           onClick: l,
           sx: {
@@ -41,7 +41,7 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
             right: 8,
             top: 18
           },
-          children: /* @__PURE__ */ e(ao, {
+          children: /* @__PURE__ */ e(so, {
             name: "close",
             sx: { color: "action.active" }
           })
@@ -50,20 +50,20 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
       ]
     })
   });
-}, Lo = io(function({ beat: i }) {
-  const { common: o, insights_feed: l } = W(), { actionDrawer: u, closeActionDrawer: c } = j(), f = z(), { userInsightProfile: v } = q(), b = Y(i, Q()), { primary_cta: B, secondary_cta: N } = i.insights_payload ?? {}, s = X(u, B, N)?.variant, a = l?.amount_input_modal, t = s === Z.LOW_BALANCE_THRESHOLD, _ = t ? oo(f.notificationProfiles, i.primary_account_guid) : void 0, I = t ? _?.threshold : v?.savings_opportunity_minimum_checking_account_balance, [M, V] = r.useState(t), m = r.useRef(!0);
-  r.useEffect(() => (m.current = !0, () => {
-    m.current = !1;
+}, Po = no(function({ beat: i }) {
+  const { common: o, insights_feed: l } = j(), { actionDrawer: u, closeActionDrawer: c } = z(), f = q(), { userInsightProfile: v } = J(), b = Z(i, X()), { primary_cta: B, secondary_cta: N, in_description_cta: M } = i.insights_payload ?? {}, s = Y(u, B, N, M)?.variant, a = l?.amount_input_modal, t = s === oo.LOW_BALANCE_THRESHOLD, _ = t ? to(f.notificationProfiles, i.primary_account_guid) : void 0, I = t ? _?.threshold : v?.savings_opportunity_minimum_checking_account_balance, [V, E] = r.useState(t), d = r.useRef(!0);
+  r.useEffect(() => (d.current = !0, () => {
+    d.current = !1;
   }), []), r.useEffect(() => {
     t && f.loadNotificationProfiles().finally(() => {
-      m.current && V(!1);
+      d.current && E(!1);
     });
   }, [t, f]);
-  const [E, H] = r.useState(null), [S, A] = r.useState(!1), [O, h] = r.useState(!1), d = E ?? eo(I);
-  if (M) return /* @__PURE__ */ e(D, {
+  const [H, O] = r.useState(null), [S, A] = r.useState(!1), [R, h] = r.useState(!1), m = H ?? io(I);
+  if (V) return /* @__PURE__ */ e(D, {
     closeAriaLabel: o?.close_aria,
     onClose: c,
-    children: /* @__PURE__ */ e(J, {})
+    children: /* @__PURE__ */ e(K, {})
   });
   const n = L(s) ? a?.[s] : void 0, x = !!n?.title && !!n.description && !!n.input_label && !!a?.whole_number_error && !!a.save_error && !!o?.save_button && (!t || !!o.cancel_button) && !!o.close_aria;
   if (!a || !n || !x || !(t ? _ : v))
@@ -73,30 +73,30 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
       onClose: c,
       children: /* @__PURE__ */ e(P, { children: o?.error_message })
     });
-  const C = !t && !!I, w = i.primary_account ? G(i.primary_account) : "", g = to(d), R = d !== "" && !g, U = async () => {
+  const C = !t && !!I, w = i.primary_account ? W(i.primary_account) : "", g = eo(m), U = m !== "" && !g, $ = async () => {
     if (!g || S) return;
-    const p = Number(d);
+    const p = Number(m);
     A(!0), h(!1);
-    const $ = t ? await b("updateNotificationProfileThreshold", {
+    const F = t ? await b("updateNotificationProfileThreshold", {
       profileGuid: _?.guid,
       threshold: p
     }) : await b("updateUserInsightProfile", { fields: { savings_opportunity_minimum_checking_account_balance: p } });
-    m.current && (A(!1), $ ? c() : h(!0));
+    d.current && (A(!1), F ? c() : h(!0));
   };
-  return /* @__PURE__ */ e(K, {
+  return /* @__PURE__ */ e(Q, {
     closeAriaLabel: o.close_aria,
-    content: F(C && n.description_edit || n.description, /* @__PURE__ */ e("strong", { children: w }, "account")),
-    errorText: R ? a.whole_number_error : O ? a.save_error : void 0,
+    content: G(C && n.description_edit || n.description, /* @__PURE__ */ e("strong", { children: w }, "account")),
+    errorText: U ? a.whole_number_error : R ? a.save_error : void 0,
     handleInputChange: (p) => {
-      H(p), h(!1);
+      O(p), h(!1);
     },
     handleModalClose: c,
     handlePrimaryAction: () => {
-      U();
+      $();
     },
     handleSecondaryAction: c,
     inputLabel: n.input_label,
-    inputValue: d,
+    inputValue: m,
     isOpen: !0,
     isPrimaryDisabled: S || !g,
     primaryText: o.save_button,
@@ -107,7 +107,7 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
         flexDirection: "row",
         gap: 8
       },
-      children: [/* @__PURE__ */ e(ro, {
+      children: [/* @__PURE__ */ e(ao, {
         alt: "",
         institutionGuid: i.primary_account.institution_guid ?? "",
         size: 16
@@ -122,7 +122,7 @@ var D = ({ children: y, closeAriaLabel: i, heading: o, onClose: l }) => {
   });
 });
 export {
-  Lo as AmountInputModalBlock
+  Po as AmountInputModalBlock
 };
 
 //# sourceMappingURL=AmountInputModalBlock.es.js.map

package/dist/insights-v2/actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputModalBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AmountInputModalBlock/AmountInputModalBlock.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport IconButton from '@mui/material/IconButton'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { H3, InstitutionLogo, Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyDialog,\n  Loader,\n  buildDynamicCopy,\n  useGlobalCopyStore,\n  useInsightsV2Store,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport getAccountDisplayName from '../../../common/utils/AccountDisplayName'\nimport { useBeatActions } from '../../beatActions'\nimport { useCtaHandler } from '../../ctaActions'\nimport type { ActionBlockProps } from '../../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from '../util'\n\nimport {\n  AMOUNT_INPUT_VARIANTS,\n  findLowBalanceProfile,\n  isAmountInputVariant,\n  isWholeAmount,\n  toInputValue,\n} from './layout'\n\n/**\n * The dialog frame for the states that have no form: loading, and a non-retriable problem. Named by\n * its heading and closable by button, Esc and backdrop, like the form dialog.\n */\nconst StatusDialog = ({\n  children,\n  closeAriaLabel,\n  heading,\n  onClose,\n}: React.PropsWithChildren<{ closeAriaLabel?: string; heading?: string; onClose: () => void }>) => {\n  const headingId = React.useId()\n\n  return (\n    <MuiDialog\n      aria-labelledby={heading ? headingId : undefined}\n      maxWidth=\"xs\"\n      onClose={onClose}\n      open={true}\n    >\n      <Stack sx={{ gap: 12, p: 24, position: 'relative' }}>\n        {heading && <H3 id={headingId}>{heading}</H3>}\n        <IconButton\n          aria-label={closeAriaLabel || 'Close'}\n          onClick={onClose}\n          sx={{ position: 'absolute', right: 8, top: 18 }}\n        >\n          <Icon name=\"close\" sx={{ color: 'action.active' }} />\n        </IconButton>\n        {children}\n      </Stack>\n    </MuiDialog>\n  )\n}\n\n/**\n * `amount_input_modal_block`: one whole-dollar setting edited in a dialog (Figma 441:24913 and\n * 5402:34137). The CTA's variant picks what is edited:\n * - `low_balance_threshold`: the `threshold` on the beat account's low-balance alert profile;\n * - `safety_net`: `savings_opportunity_minimum_checking_account_balance` on the insight profile.\n *\n * Registered with `presentation: 'modal'`, so no drawer opens behind it; closing the dialog ends\n * the action-drawer session. `observer` is required: the starting values are read from stores.\n */\nexport const AmountInputModalBlock = observer(function AmountInputModalBlock({\n  beat,\n}: ActionBlockProps) {\n  const { common: commonCopy, insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n  const settingsStore = useSettingsStore()\n  const { userInsightProfile } = useUserStore()\n  const runHandler = useCtaHandler(beat, useBeatActions())\n\n  const { primary_cta, secondary_cta } = beat.insights_payload ?? {}\n  const variant = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)?.variant\n  const copy = insightsFeedCopy?.amount_input_modal\n  const isLowBalance = variant === AMOUNT_INPUT_VARIANTS.LOW_BALANCE_THRESHOLD\n\n  const lowBalanceProfile = isLowBalance\n    ? findLowBalanceProfile(settingsStore.notificationProfiles, beat.primary_account_guid)\n    : undefined\n  const savedAmount = isLowBalance\n    ? lowBalanceProfile?.threshold\n    : userInsightProfile?.savings_opportunity_minimum_checking_account_balance\n\n  // Mounted only while open (modal presentation), so mounting is the open: profiles are reloaded\n  // here on each open, so the threshold prefills as saved now. `SettingsStore` swallows a failed\n  // request, which leaves no profile for the account: the missing-profile error below covers it.\n  const [isLoadingProfiles, setIsLoadingProfiles] = React.useState(isLowBalance)\n  // False once unmounted: a save that resolves after the user closed the dialog must not close\n  // (or update) whatever action session is open by then.\n  const isMounted = React.useRef(true)\n\n  React.useEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!isLowBalance) return\n\n    void settingsStore.loadNotificationProfiles().finally(() => {\n      if (isMounted.current) setIsLoadingProfiles(false)\n    })\n  }, [isLowBalance, settingsStore])\n\n  // `null` until the user types: the field shows the saved amount until then.\n  const [typed, setTyped] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [saveFailed, setSaveFailed] = React.useState(false)\n\n  const value = typed ?? toInputValue(savedAmount)\n\n  if (isLoadingProfiles) {\n    return (\n      <StatusDialog closeAriaLabel={commonCopy?.close_aria} onClose={closeActionDrawer}>\n        <Loader />\n      </StatusDialog>\n    )\n  }\n\n  // Copy ships separately (see the doc's Rollout order), so check every string the form renders:\n  // a partial ship falls to the error dialog instead of throwing mid-render.\n  const variantCopy = isAmountInputVariant(variant) ? copy?.[variant] : undefined\n  const hasCopy =\n    !!variantCopy?.title &&\n    !!variantCopy.description &&\n    !!variantCopy.input_label &&\n    !!copy?.whole_number_error &&\n    !!copy.save_error &&\n    !!commonCopy?.save_button &&\n    // Cancel renders for the low-balance variant only.\n    (!isLowBalance || !!commonCopy.cancel_button) &&\n    !!commonCopy.close_aria\n  const hasProfile = isLowBalance ? !!lowBalanceProfile : !!userInsightProfile\n\n  if (!copy || !variantCopy || !hasCopy || !hasProfile) {\n    // One message to the user; distinct warnings so a rollout problem can be traced to its cause.\n    console.warn(\n      `amount_input_modal_block: ${\n        !copy\n          ? 'copy namespace missing'\n          : !isAmountInputVariant(variant)\n            ? `unknown variant \"${variant}\"`\n            : !hasCopy\n              ? `copy incomplete for \"${variant}\"`\n              : isLowBalance\n                ? 'no low-balance profile for the account'\n                : 'user insight profile not set by the host'\n      }`,\n    )\n\n    return (\n      <StatusDialog\n        closeAriaLabel={commonCopy?.close_aria}\n        heading={commonCopy?.error_heading}\n        onClose={closeActionDrawer}\n      >\n        <Text>{commonCopy?.error_message}</Text>\n      </StatusDialog>\n    )\n  }\n\n  const isEdit = !isLowBalance && !!savedAmount\n  const accountName = beat.primary_account ? getAccountDisplayName(beat.primary_account) : ''\n  const isValid = isWholeAmount(value)\n  const isInvalid = value !== '' && !isValid\n\n  const handleSave = async () => {\n    // Guarded here too, not only by the disabled button: Enter submits the dialog's form directly.\n    if (!isValid || isSaving) return\n\n    const amount = Number(value)\n\n    setIsSaving(true)\n    setSaveFailed(false)\n\n    const ok = isLowBalance\n      ? await runHandler('updateNotificationProfileThreshold', {\n          profileGuid: lowBalanceProfile?.guid,\n          threshold: amount,\n        })\n      : await runHandler('updateUserInsightProfile', {\n          fields: { savings_opportunity_minimum_checking_account_balance: amount },\n        })\n\n    if (!isMounted.current) return\n\n    setIsSaving(false)\n\n    if (ok) closeActionDrawer()\n    else setSaveFailed(true)\n  }\n\n  return (\n    <CurrencyDialog\n      closeAriaLabel={commonCopy.close_aria}\n      // Only strings and the <strong> go in, so the result is renderable (the helper's type also\n      // admits raw DOM nodes).\n      content={\n        buildDynamicCopy(\n          (isEdit && variantCopy.description_edit) || variantCopy.description,\n          <strong key=\"account\">{accountName}</strong>,\n        ) as React.ReactNode\n      }\n      errorText={isInvalid ? copy.whole_number_error : saveFailed ? copy.save_error : undefined}\n      handleInputChange={(next) => {\n        setTyped(next)\n        setSaveFailed(false)\n      }}\n      handleModalClose={closeActionDrawer}\n      handlePrimaryAction={() => void handleSave()}\n      handleSecondaryAction={closeActionDrawer}\n      inputLabel={variantCopy.input_label}\n      inputValue={value}\n      isOpen={true}\n      isPrimaryDisabled={isSaving || !isValid}\n      primaryText={commonCopy.save_button}\n      secondaryText={isLowBalance ? commonCopy.cancel_button : undefined}\n      subtitle={\n        isLowBalance && beat.primary_account ? (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n            {/* Decorative: the account name is the visible text beside it. */}\n            <InstitutionLogo\n              alt=\"\"\n              institutionGuid={beat.primary_account.institution_guid ?? ''}\n              size={16}\n            />\n            <Text color=\"text.secondary\" uppercase={true} variant=\"body2\">\n              {accountName}\n            </Text>\n          </Stack>\n        ) : undefined\n      }\n      title={(isEdit && variantCopy.title_edit) || variantCopy.title}\n    />\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"AmountInputModalBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/AmountInputModalBlock/AmountInputModalBlock.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport IconButton from '@mui/material/IconButton'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { H3, InstitutionLogo, Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  CurrencyDialog,\n  Loader,\n  buildDynamicCopy,\n  useGlobalCopyStore,\n  useInsightsV2Store,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\nimport getAccountDisplayName from '../../../common/utils/AccountDisplayName'\nimport { useBeatActions } from '../../beatActions'\nimport { useCtaHandler } from '../../ctaActions'\nimport type { ActionBlockProps } from '../../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from '../util'\n\nimport {\n  AMOUNT_INPUT_VARIANTS,\n  findLowBalanceProfile,\n  isAmountInputVariant,\n  isWholeAmount,\n  toInputValue,\n} from './layout'\n\n/**\n * The dialog frame for the states that have no form: loading, and a non-retriable problem. Named by\n * its heading and closable by button, Esc and backdrop, like the form dialog.\n */\nconst StatusDialog = ({\n  children,\n  closeAriaLabel,\n  heading,\n  onClose,\n}: React.PropsWithChildren<{ closeAriaLabel?: string; heading?: string; onClose: () => void }>) => {\n  const headingId = React.useId()\n\n  return (\n    <MuiDialog\n      aria-labelledby={heading ? headingId : undefined}\n      maxWidth=\"xs\"\n      onClose={onClose}\n      open={true}\n    >\n      <Stack sx={{ gap: 12, p: 24, position: 'relative' }}>\n        {heading && <H3 id={headingId}>{heading}</H3>}\n        <IconButton\n          aria-label={closeAriaLabel || 'Close'}\n          onClick={onClose}\n          sx={{ position: 'absolute', right: 8, top: 18 }}\n        >\n          <Icon name=\"close\" sx={{ color: 'action.active' }} />\n        </IconButton>\n        {children}\n      </Stack>\n    </MuiDialog>\n  )\n}\n\n/**\n * `amount_input_modal_block`: one whole-dollar setting edited in a dialog (Figma 441:24913 and\n * 5402:34137). The CTA's variant picks what is edited:\n * - `low_balance_threshold`: the `threshold` on the beat account's low-balance alert profile;\n * - `safety_net`: `savings_opportunity_minimum_checking_account_balance` on the insight profile.\n *\n * Registered with `presentation: 'modal'`, so no drawer opens behind it; closing the dialog ends\n * the action-drawer session. `observer` is required: the starting values are read from stores.\n */\nexport const AmountInputModalBlock = observer(function AmountInputModalBlock({\n  beat,\n}: ActionBlockProps) {\n  const { common: commonCopy, insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n  const settingsStore = useSettingsStore()\n  const { userInsightProfile } = useUserStore()\n  const runHandler = useCtaHandler(beat, useBeatActions())\n\n  const { primary_cta, secondary_cta, in_description_cta } = beat.insights_payload ?? {}\n  const variant = getDynamicCtaBasedOnTriggers(\n    actionDrawer,\n    primary_cta,\n    secondary_cta,\n    in_description_cta,\n  )?.variant\n  const copy = insightsFeedCopy?.amount_input_modal\n  const isLowBalance = variant === AMOUNT_INPUT_VARIANTS.LOW_BALANCE_THRESHOLD\n\n  const lowBalanceProfile = isLowBalance\n    ? findLowBalanceProfile(settingsStore.notificationProfiles, beat.primary_account_guid)\n    : undefined\n  const savedAmount = isLowBalance\n    ? lowBalanceProfile?.threshold\n    : userInsightProfile?.savings_opportunity_minimum_checking_account_balance\n\n  // Mounted only while open (modal presentation), so mounting is the open: profiles are reloaded\n  // here on each open, so the threshold prefills as saved now. `SettingsStore` swallows a failed\n  // request, which leaves no profile for the account: the missing-profile error below covers it.\n  const [isLoadingProfiles, setIsLoadingProfiles] = React.useState(isLowBalance)\n  // False once unmounted: a save that resolves after the user closed the dialog must not close\n  // (or update) whatever action session is open by then.\n  const isMounted = React.useRef(true)\n\n  React.useEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (!isLowBalance) return\n\n    void settingsStore.loadNotificationProfiles().finally(() => {\n      if (isMounted.current) setIsLoadingProfiles(false)\n    })\n  }, [isLowBalance, settingsStore])\n\n  // `null` until the user types: the field shows the saved amount until then.\n  const [typed, setTyped] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [saveFailed, setSaveFailed] = React.useState(false)\n\n  const value = typed ?? toInputValue(savedAmount)\n\n  if (isLoadingProfiles) {\n    return (\n      <StatusDialog closeAriaLabel={commonCopy?.close_aria} onClose={closeActionDrawer}>\n        <Loader />\n      </StatusDialog>\n    )\n  }\n\n  // Copy ships separately (see the doc's Rollout order), so check every string the form renders:\n  // a partial ship falls to the error dialog instead of throwing mid-render.\n  const variantCopy = isAmountInputVariant(variant) ? copy?.[variant] : undefined\n  const hasCopy =\n    !!variantCopy?.title &&\n    !!variantCopy.description &&\n    !!variantCopy.input_label &&\n    !!copy?.whole_number_error &&\n    !!copy.save_error &&\n    !!commonCopy?.save_button &&\n    // Cancel renders for the low-balance variant only.\n    (!isLowBalance || !!commonCopy.cancel_button) &&\n    !!commonCopy.close_aria\n  const hasProfile = isLowBalance ? !!lowBalanceProfile : !!userInsightProfile\n\n  if (!copy || !variantCopy || !hasCopy || !hasProfile) {\n    // One message to the user; distinct warnings so a rollout problem can be traced to its cause.\n    console.warn(\n      `amount_input_modal_block: ${\n        !copy\n          ? 'copy namespace missing'\n          : !isAmountInputVariant(variant)\n            ? `unknown variant \"${variant}\"`\n            : !hasCopy\n              ? `copy incomplete for \"${variant}\"`\n              : isLowBalance\n                ? 'no low-balance profile for the account'\n                : 'user insight profile not set by the host'\n      }`,\n    )\n\n    return (\n      <StatusDialog\n        closeAriaLabel={commonCopy?.close_aria}\n        heading={commonCopy?.error_heading}\n        onClose={closeActionDrawer}\n      >\n        <Text>{commonCopy?.error_message}</Text>\n      </StatusDialog>\n    )\n  }\n\n  const isEdit = !isLowBalance && !!savedAmount\n  const accountName = beat.primary_account ? getAccountDisplayName(beat.primary_account) : ''\n  const isValid = isWholeAmount(value)\n  const isInvalid = value !== '' && !isValid\n\n  const handleSave = async () => {\n    // Guarded here too, not only by the disabled button: Enter submits the dialog's form directly.\n    if (!isValid || isSaving) return\n\n    const amount = Number(value)\n\n    setIsSaving(true)\n    setSaveFailed(false)\n\n    const ok = isLowBalance\n      ? await runHandler('updateNotificationProfileThreshold', {\n          profileGuid: lowBalanceProfile?.guid,\n          threshold: amount,\n        })\n      : await runHandler('updateUserInsightProfile', {\n          fields: { savings_opportunity_minimum_checking_account_balance: amount },\n        })\n\n    if (!isMounted.current) return\n\n    setIsSaving(false)\n\n    if (ok) closeActionDrawer()\n    else setSaveFailed(true)\n  }\n\n  return (\n    <CurrencyDialog\n      closeAriaLabel={commonCopy.close_aria}\n      // Only strings and the <strong> go in, so the result is renderable (the helper's type also\n      // admits raw DOM nodes).\n      content={\n        buildDynamicCopy(\n          (isEdit && variantCopy.description_edit) || variantCopy.description,\n          <strong key=\"account\">{accountName}</strong>,\n        ) as React.ReactNode\n      }\n      errorText={isInvalid ? copy.whole_number_error : saveFailed ? copy.save_error : undefined}\n      handleInputChange={(next) => {\n        setTyped(next)\n        setSaveFailed(false)\n      }}\n      handleModalClose={closeActionDrawer}\n      handlePrimaryAction={() => void handleSave()}\n      handleSecondaryAction={closeActionDrawer}\n      inputLabel={variantCopy.input_label}\n      inputValue={value}\n      isOpen={true}\n      isPrimaryDisabled={isSaving || !isValid}\n      primaryText={commonCopy.save_button}\n      secondaryText={isLowBalance ? commonCopy.cancel_button : undefined}\n      subtitle={\n        isLowBalance && beat.primary_account ? (\n          <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n            {/* Decorative: the account name is the visible text beside it. */}\n            <InstitutionLogo\n              alt=\"\"\n              institutionGuid={beat.primary_account.institution_guid ?? ''}\n              size={16}\n            />\n            <Text color=\"text.secondary\" uppercase={true} variant=\"body2\">\n              {accountName}\n            </Text>\n          </Stack>\n        ) : undefined\n      }\n      title={(isEdit && variantCopy.title_edit) || variantCopy.title}\n    />\n  )\n})\n"],"mappings":"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"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/layout.d.ts

@@ -0,0 +1,27 @@
+import { BottomActions } from '../../../transactions/constants/Actions';
+export interface TransactionDetailsLayoutConfig {
+    /** Bottom action rows rendered in the drawer. */
+    bottomActions: BottomActions[];
+}
+/**
+ * Drilldown variations of the Transaction Details drawer, keyed by the CTA's `variant`
+ * (`primary_cta.variant` — the CTA's `block` picks which action block opens, `variant` tunes what it
+ * does). Names describe the behavior, not the originating beat, so any beat whose CTA wants the same
+ * drilldown reuses the value. Extend `TransactionDetailsLayoutConfig` (styles, top actions, …) as
+ * variants need to differ, rather than branching on the variant string across the block.
+ *
+ * - `MerchantBudget`   — shows the "Add a Merchant Budget" row.
+ * - `NoMerchantBudget` — drops the "Add a Merchant Budget" row.
+ */
+export declare const transactionDetailsVariant: {
+    readonly MerchantBudget: "merchant_budget";
+    readonly NoMerchantBudget: "no_merchant_budget";
+};
+export type TransactionDetailsVariant = (typeof transactionDetailsVariant)[keyof typeof transactionDetailsVariant];
+/**
+ * Resolve a CTA variant's drawer config. Any variant without its own entry — including `null` and
+ * unknown values — falls back to the full action set (merchant budget included). That default is the
+ * common case, not a misconfiguration, so this does not warn. `Object.hasOwn` avoids inherited keys
+ * (e.g. `constructor`) resolving to a non-config.
+ */
+export declare const resolveLayoutConfig: (variant: string | null | undefined) => TransactionDetailsLayoutConfig;

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/layout.es.js

@@ -0,0 +1,14 @@
+import { BottomActions as n, DEFAULT_BOTTOM_ACTIONS as r } from "../../../transactions/constants/Actions.es.js";
+var a = { bottomActions: [n.MerchantBudget, ...r] }, c = { bottomActions: r }, e = {
+  MerchantBudget: "merchant_budget",
+  NoMerchantBudget: "no_merchant_budget"
+}, o = {
+  [e.MerchantBudget]: a,
+  [e.NoMerchantBudget]: c
+}, _ = (t) => t != null && Object.hasOwn(o, t) ? o[t] : a;
+export {
+  _ as resolveLayoutConfig,
+  e as transactionDetailsVariant
+};
+
+//# sourceMappingURL=layout.es.js.map

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionDetailsBlock/layout.ts"],"sourcesContent":["import { BottomActions, DEFAULT_BOTTOM_ACTIONS } from '../../../transactions/constants/Actions'\n\nexport interface TransactionDetailsLayoutConfig {\n  /** Bottom action rows rendered in the drawer. */\n  bottomActions: BottomActions[]\n}\n\n// Reusable configs named by intent, not by any one beat, so any CTA variant can point at them.\nconst WITH_MERCHANT_BUDGET: TransactionDetailsLayoutConfig = {\n  bottomActions: [BottomActions.MerchantBudget, ...DEFAULT_BOTTOM_ACTIONS],\n}\nconst WITHOUT_MERCHANT_BUDGET: TransactionDetailsLayoutConfig = {\n  bottomActions: DEFAULT_BOTTOM_ACTIONS,\n}\n\n/**\n * Drilldown variations of the Transaction Details drawer, keyed by the CTA's `variant`\n * (`primary_cta.variant` — the CTA's `block` picks which action block opens, `variant` tunes what it\n * does). Names describe the behavior, not the originating beat, so any beat whose CTA wants the same\n * drilldown reuses the value. Extend `TransactionDetailsLayoutConfig` (styles, top actions, …) as\n * variants need to differ, rather than branching on the variant string across the block.\n *\n * - `MerchantBudget`   — shows the \"Add a Merchant Budget\" row.\n * - `NoMerchantBudget` — drops the \"Add a Merchant Budget\" row.\n */\nexport const transactionDetailsVariant = {\n  MerchantBudget: 'merchant_budget',\n  NoMerchantBudget: 'no_merchant_budget',\n} as const\n\nexport type TransactionDetailsVariant =\n  (typeof transactionDetailsVariant)[keyof typeof transactionDetailsVariant]\n\nconst VARIANT_CONFIG: Record<string, TransactionDetailsLayoutConfig> = {\n  [transactionDetailsVariant.MerchantBudget]: WITH_MERCHANT_BUDGET,\n  [transactionDetailsVariant.NoMerchantBudget]: WITHOUT_MERCHANT_BUDGET,\n}\n\n/**\n * Resolve a CTA variant's drawer config. Any variant without its own entry — including `null` and\n * unknown values — falls back to the full action set (merchant budget included). That default is the\n * common case, not a misconfiguration, so this does not warn. `Object.hasOwn` avoids inherited keys\n * (e.g. `constructor`) resolving to a non-config.\n */\nexport const resolveLayoutConfig = (\n  variant: string | null | undefined,\n): TransactionDetailsLayoutConfig =>\n  variant != null && Object.hasOwn(VARIANT_CONFIG, variant)\n    ? VARIANT_CONFIG[variant]\n    : WITH_MERCHANT_BUDGET\n"],"mappings":";AAQA,IAAM,IAAuD,EAC3D,eAAe,CAAC,EAAc,gBAAgB,GAAG,CAAsB,EACzE,GACM,IAA0D,EAC9D,eAAe,EACjB,GAYa,IAA4B;AAAA,EACvC,gBAAgB;AAAA,EAChB,kBAAkB;AACpB,GAKM,IAAiE;AAAA,EACpE,CAAA,EAA0B,cAAA,GAAiB;AAAA,EAC3C,CAAA,EAA0B,gBAAA,GAAmB;AAChD,GAQa,IAAA,CACX,MAEA,KAAW,QAAQ,OAAO,OAAO,GAAgB,CAAO,IACpD,EAAe,CAAA,IACf"}

package/dist/insights-v2/actionBlocks/TransactionDetailsBlock/useTransactionDetailsBlock.es.js

@@ -1,11 +1,11 @@
-import { useActionContext as d, useInsightsV2Store as m, useTransactionStore as p } from "../../../common/context/hooks.es.js";
+import { useActionContext as d, useInsightsV2Store as p, useTransactionStore as m } from "../../../common/context/hooks.es.js";
 import { getBottomActionsByVariant as u } from "./util.es.js";
 import { resolveTopActions as g } from "./transactionDetailsActions.es.js";
-var A = (a) => {
-  const { detailedTransactions: n, isTransactionDataLoaded: i } = p(), { actionDrawer: s } = m(), { transaction_guid: r } = d() ?? {}, t = a.insights_payload, o = r ?? t?.primary_transaction_guid, c = o ? n.find((e) => e.guid === o) : void 0;
+var A = (i) => {
+  const { detailedTransactions: n, isTransactionDataLoaded: a } = m(), { actionDrawer: s } = p(), { transaction_guid: r } = d() ?? {}, t = i.insights_payload, o = r ?? t?.primary_transaction_guid, c = o ? n.find((e) => e.guid === o) : void 0;
   return {
-    bottomActions: u(s, t?.primary_cta, t?.secondary_cta),
-    isLoading: !i,
+    bottomActions: u(s, t?.primary_cta, t?.secondary_cta, t?.in_description_cta),
+    isLoading: !a,
     topActions: g(),
     transaction: c
   };