@mx-cartographer/experiences 9.7.90 → 9.7.92

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [9.7.92] - 11-03-2026
+
+- **ADDED** - Duplicate Payment beat on Insights 2.0 (MEW2-3421): the `with_header_footer` transaction card whose "View Transactions" CTA opens the Transaction List drawer as a plain list. Fixture, story, contract test and block doc
+
+## [9.7.91] - 11-03-2026
+
+- **ADDED** - Switch Direct Deposit's embedded card (Figma `1941:167601`): a swap badge on `linked_logos`, and a "Switch Direct Deposit" link that posts tupac's op_1 to the host (no drawer, no Atomic) (WEC-2197)
+- **CHANGED** - Embedded cards follow Figma's embedded template: description 2px under the title and at most two lines, link 8px under it, visual centred (WEC-2197)
+
 ## [9.7.90] - 11-03-2026
 
 - **FIXED** - Unexpected Subscription Payment design QA (WEC-2126), USP only: dark "Not subscribed" bar border and icon in `text.primary` (were black on black), status Undo 13/16, `warning_wash` row card at elevation/1 (`TransactionListCard elevated`, with the dark-mode tint), Subscription Status dialog at elevation/16 with 12/16 answer buttons and a 220px reasons dialog

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

@@ -229,6 +229,10 @@ export interface InDescriptionCTA {
     block?: string;
     variant?: string | null;
     action_key?: string | null;
+    /** tupac's flat host message for the link (`action` plus fields), e.g. Switch's op_1. */
+    post_message_metadata?: ({
+        action?: string | null;
+    } & Record<string, unknown>) | null;
     /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */
     drilldown_data?: DrilldownData;
 }

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. On the payload: what every CTA of the card\n * shares (e.g. the account number for the Transaction Details drawer, or the guid list a list drawer\n * shows, `transaction_guids`). On a CTA: the figures that CTA's own drilldown renders (the Transaction\n * List summary header's `amount`, `start_date` / `end_date` and `count`, see `readSummary`). Scalars\n * or string lists, omitted when the insight has none. Never carries copy or user actions (memo,\n * tags, hide, flag come from the transaction store). Values come from the server, so a reader still\n * checks each value's runtime shape.\n */\nexport type DrilldownData = Record<string, string | number | boolean | null | string[]>\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  /**\n   * V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`, or the guid list a list\n   * drawer shows (`{ transaction_guids: [...] }`).\n   */\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  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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   * `null` (tupac's `footer_account_label` returns nil for a beat with no accounts, as Payday Cash\n   * Left Over Status does). There is deliberately no separate `accounts` key.\n   */\n  account?: string | null\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  DirectDepositBlock: 'direct_deposit_block',\n  ImageBlock: 'image_block',\n  MerchantBlock: 'merchant_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  GoalsBlock: 'goals_block',\n  NoSpendDaysBlock: 'no_spend_days_block',\n  RepeatingTransactionBlock: 'repeating_transaction_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsAmountBlock: 'savings_amount_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), UpcomingSubscriptionBlock (price per cadence).\n  //              (SavingsOpportunityBlock now reads `amount` off `instance_slot.data`, not this flat field.)\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  // Withdrawal block (Emergency Fund Withdrawal): one row flat on the slot - `amount` above is the\n  // withdrawal, shown with its date line \"{amount_label} {withdrawal_date}\" over the balance row.\n  /** Pre-localized lead-in for the date line, e.g. \"Withdrawn on\". */\n  amount_label?: string\n  /** The withdrawal's calendar day, `YYYY-MM-DD` (e.g. `2026-10-20`); the card formats it. */\n  withdrawal_date?: string\n  /** Account balance after the withdrawal (unformatted); the card formats it as currency. */\n  balance?: number\n  /** Pre-localized label for the balance row, e.g. \"Balance\". */\n  balance_label?: string\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  // Account block (confetti tile): V1 flat fallback for the label line when `instance_slot.data` is\n  // absent — `AccountBlock` reads `data.sub_text` first, then this. (The Savings Opportunity coupon\n  // now reads `primary_text`/`amount` off `data`, so it no longer reads this flat field.)\n  /** Caption/label line for the confetti tile (V1 fallback). */\n  label?: string\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  start_date?: string\n  no_spend_days?: string[]\n}\n"],"mappings":"AAyUA,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. On the payload: what every CTA of the card\n * shares (e.g. the account number for the Transaction Details drawer, or the guid list a list drawer\n * shows, `transaction_guids`). On a CTA: the figures that CTA's own drilldown renders (the Transaction\n * List summary header's `amount`, `start_date` / `end_date` and `count`, see `readSummary`). Scalars\n * or string lists, omitted when the insight has none. Never carries copy or user actions (memo,\n * tags, hide, flag come from the transaction store). Values come from the server, so a reader still\n * checks each value's runtime shape.\n */\nexport type DrilldownData = Record<string, string | number | boolean | null | string[]>\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  /**\n   * V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`, or the guid list a list\n   * drawer shows (`{ transaction_guids: [...] }`).\n   */\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  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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  /** tupac's flat host message for the link (`action` plus fields), e.g. Switch's op_1. */\n  post_message_metadata?: ({ action?: string | null } & Record<string, unknown>) | null\n  /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */\n  drilldown_data?: DrilldownData\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   * `null` (tupac's `footer_account_label` returns nil for a beat with no accounts, as Payday Cash\n   * Left Over Status does). There is deliberately no separate `accounts` key.\n   */\n  account?: string | null\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  DirectDepositBlock: 'direct_deposit_block',\n  ImageBlock: 'image_block',\n  MerchantBlock: 'merchant_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  GoalsBlock: 'goals_block',\n  NoSpendDaysBlock: 'no_spend_days_block',\n  RepeatingTransactionBlock: 'repeating_transaction_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsAmountBlock: 'savings_amount_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), UpcomingSubscriptionBlock (price per cadence).\n  //              (SavingsOpportunityBlock now reads `amount` off `instance_slot.data`, not this flat field.)\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  // Withdrawal block (Emergency Fund Withdrawal): one row flat on the slot - `amount` above is the\n  // withdrawal, shown with its date line \"{amount_label} {withdrawal_date}\" over the balance row.\n  /** Pre-localized lead-in for the date line, e.g. \"Withdrawn on\". */\n  amount_label?: string\n  /** The withdrawal's calendar day, `YYYY-MM-DD` (e.g. `2026-10-20`); the card formats it. */\n  withdrawal_date?: string\n  /** Account balance after the withdrawal (unformatted); the card formats it as currency. */\n  balance?: number\n  /** Pre-localized label for the balance row, e.g. \"Balance\". */\n  balance_label?: string\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  // Account block (confetti tile): V1 flat fallback for the label line when `instance_slot.data` is\n  // absent — `AccountBlock` reads `data.sub_text` first, then this. (The Savings Opportunity coupon\n  // now reads `primary_text`/`amount` off `data`, so it no longer reads this flat field.)\n  /** Caption/label line for the confetti tile (V1 fallback). */\n  label?: string\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  start_date?: string\n  no_spend_days?: string[]\n}\n"],"mappings":"AA2UA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}

package/dist/insights-v2/components/CompactInsightCard.es.js

@@ -1,89 +1,137 @@
-import { useInsightsV2Store as L } from "../../common/context/hooks.es.js";
-import { slot as u } from "../../core/types/Insights.es.js";
-import { getCategoryColor as R } from "../../core/utils/CategoryUtil.es.js";
-import { TinyBarChart as E } from "../../common/components/TinyBarChart.es.js";
-import { BAR_ARIA_LABEL as V, buildChartData as A, buildDataSeries as T } from "../blocks/ChartBlocks/BarchartBlock/utils.es.js";
-import { ThemedSVGImage as z } from "./chartblocks/ThemedSVGImage.es.js";
-import x from "./LogoFromGuid.es.js";
-import { createVariantBlock as O } from "../blocks/createVariantBlock.es.js";
-import { ActionBlockLayer as N } from "../actionBlocks/ActionBlockLayer.es.js";
-import k from "./BadgedTile.es.js";
-import { InsightOptionsMenu as G } from "./InsightOptionsMenu.es.js";
-import { ReactComponent as K } from "./shared/images/FeeDetected.es.js";
-import P from "./StatusBadge.es.js";
-import h from "@mui/material/Stack";
-import { P as W, Text as b } from "@mxenabled/mxui";
-import j from "@mui/material/Button";
-import { Icon as v } from "@mxenabled/mx-icons";
-import { Fragment as F, jsx as t, jsxs as s } from "react/jsx-runtime";
-import i from "@mui/material/Box";
-import H from "@mui/material/Card";
-var d = 44, y = 36, M = 75, X = 74, f = {
+import { useGlobalStore as O, useInsightsV2Store as V } from "../../common/context/hooks.es.js";
+import { slot as b } from "../../core/types/Insights.es.js";
+import { getCategoryColor as N } from "../../core/utils/CategoryUtil.es.js";
+import { TinyBarChart as W } from "../../common/components/TinyBarChart.es.js";
+import { BAR_ARIA_LABEL as G, buildChartData as P, buildDataSeries as j } from "../blocks/ChartBlocks/BarchartBlock/utils.es.js";
+import { ThemedSVGImage as K } from "./chartblocks/ThemedSVGImage.es.js";
+import { postCtaMessage as F } from "../ctaActions/runCtaAction.es.js";
+import _ from "./LogoFromGuid.es.js";
+import { createVariantBlock as H } from "../blocks/createVariantBlock.es.js";
+import { ActionBlockLayer as M } from "../actionBlocks/ActionBlockLayer.es.js";
+import w from "./BadgedTile.es.js";
+import { InsightOptionsMenu as X } from "./InsightOptionsMenu.es.js";
+import { ReactComponent as Z } from "./shared/images/FeeDetected.es.js";
+import $ from "./StatusBadge.es.js";
+import u from "@mui/material/Stack";
+import { P as q, Text as v } from "@mxenabled/mxui";
+import J from "@mui/material/Button";
+import { Icon as y } from "@mxenabled/mx-icons";
+import { Fragment as Q, jsx as t, jsxs as d } from "react/jsx-runtime";
+import e from "@mui/material/Box";
+import U from "@mui/material/Card";
+var Y = 2, c = 44, k = 36, tt = 75, rt = 74, g = {
   left: "50%",
   position: "absolute",
   top: "50%",
   transform: "translate(-50%, -50%)"
-}, C = ({ logo: r }) => r ? /* @__PURE__ */ t(x, {
+}, C = ({ logo: r }) => r ? /* @__PURE__ */ t(_, {
   logo: r,
-  size: d
-}) : /* @__PURE__ */ t(i, {
+  size: c
+}) : /* @__PURE__ */ t(e, {
   "data-testid": "compact-insight-card-fallback-icon",
   sx: {
     alignItems: "center",
     bgcolor: "primary.lighter",
     display: "flex",
-    height: d,
+    height: c,
     justifyContent: "center",
-    width: d
+    width: c
   },
-  children: /* @__PURE__ */ t(v, {
+  children: /* @__PURE__ */ t(y, {
     color: "primary",
     fill: !0,
     name: "lightbulb",
     size: 24
   })
-}), _ = ({ logo: r }) => /* @__PURE__ */ t(k, {
+}), I = ({ logo: r }) => /* @__PURE__ */ t(w, {
   center: /* @__PURE__ */ t(C, { logo: r }),
-  size: d,
+  size: c,
   sx: { flexShrink: 0 }
-}), Z = ({ logo: r }) => /* @__PURE__ */ t(k, {
+}), it = ({ logo: r }) => /* @__PURE__ */ t(w, {
   center: /* @__PURE__ */ t(C, { logo: r }),
-  size: d,
+  size: c,
   sx: { flexShrink: 0 },
-  topRight: /* @__PURE__ */ t(P, { tone: "warning" })
-}), $ = () => /* @__PURE__ */ t(z, {
+  topRight: /* @__PURE__ */ t($, { tone: "warning" })
+}), et = () => /* @__PURE__ */ t(K, {
   divProps: { style: {
     flexShrink: 0,
     lineHeight: 0,
     width: "max-content"
   } },
-  image: K
-}), q = ({ data: r }) => {
-  const { from_logo: o, to_logo: a } = r ?? {};
-  return /* @__PURE__ */ s(i, {
+  image: Z
+}), x = 24, ot = () => /* @__PURE__ */ t(e, {
+  "aria-hidden": !0,
+  "data-testid": "linked-logos-badge",
+  sx: {
+    ...g,
+    alignItems: "center",
+    bgcolor: "primary.main",
+    border: "2px solid",
+    borderColor: "primary.contrastText",
+    borderRadius: "12px",
+    display: "flex",
+    justifyContent: "center",
+    p: 2,
+    zIndex: 1
+  },
+  children: /* @__PURE__ */ t(y, {
+    name: "link",
+    size: 16,
+    sx: { color: "primary.contrastText" }
+  })
+}), at = () => /* @__PURE__ */ t(e, {
+  "aria-hidden": !0,
+  "data-testid": "linked-logos-badge",
+  sx: {
+    ...g,
+    alignItems: "center",
+    bgcolor: "primary.contrastText",
+    borderRadius: "50%",
+    display: "flex",
+    height: x,
+    justifyContent: "center",
+    overflow: "hidden",
+    width: x,
+    zIndex: 1
+  },
+  children: /* @__PURE__ */ t(y, {
+    name: "swap_vertical_circle",
+    size: x * 1.2,
+    sx: {
+      color: "primary.main",
+      flexShrink: 0,
+      transform: "rotate(-90deg)"
+    }
+  })
+}), nt = ({ data: r, template: o }) => {
+  const { from_logo: l, to_logo: a } = r ?? {}, i = o === "SwitchDirectDeposit";
+  return /* @__PURE__ */ d(e, {
     sx: {
       flexShrink: 0,
-      height: X,
+      height: rt,
       position: "relative",
-      width: M
+      width: tt
     },
     children: [
-      /* @__PURE__ */ t(i, {
+      /* @__PURE__ */ t(e, {
         "aria-hidden": !0,
         "data-testid": "linked-logos-ring",
         sx: {
-          ...f,
-          bgcolor: "primary.light",
+          ...g,
           borderRadius: "50%",
           height: 36,
-          width: 36
+          width: 36,
+          ...i ? {
+            border: "2px solid",
+            borderColor: "primary.light"
+          } : { bgcolor: "primary.light" }
         }
       }),
-      /* @__PURE__ */ t(i, {
+      /* @__PURE__ */ t(e, {
         "aria-hidden": !0,
         "data-testid": "linked-logos-ring",
         sx: {
-          ...f,
+          ...g,
           border: "1px solid",
           borderColor: "divider",
           borderRadius: "50%",
@@ -91,7 +139,7 @@ var d = 44, y = 36, M = 75, X = 74, f = {
           width: 48
         }
       }),
-      /* @__PURE__ */ t(i, {
+      /* @__PURE__ */ t(e, {
         sx: {
           borderRadius: "4px",
           left: 0,
@@ -99,12 +147,12 @@ var d = 44, y = 36, M = 75, X = 74, f = {
           position: "absolute",
           top: 0
         },
-        children: /* @__PURE__ */ t(x, {
-          logo: o,
-          size: y
+        children: /* @__PURE__ */ t(_, {
+          logo: l,
+          size: k
         })
       }),
-      /* @__PURE__ */ t(i, {
+      /* @__PURE__ */ t(e, {
         sx: {
           borderRadius: "4px",
           bottom: 0,
@@ -112,57 +160,37 @@ var d = 44, y = 36, M = 75, X = 74, f = {
           position: "absolute",
           right: 0
         },
-        children: /* @__PURE__ */ t(x, {
+        children: /* @__PURE__ */ t(_, {
           logo: a,
-          size: y
+          size: k
         })
       }),
-      /* @__PURE__ */ t(i, {
-        "aria-hidden": !0,
-        "data-testid": "linked-logos-badge",
-        sx: {
-          ...f,
-          alignItems: "center",
-          bgcolor: "primary.main",
-          border: "2px solid",
-          borderColor: "primary.contrastText",
-          borderRadius: "12px",
-          display: "flex",
-          justifyContent: "center",
-          p: 2,
-          zIndex: 1
-        },
-        children: /* @__PURE__ */ t(v, {
-          name: "link",
-          size: 16,
-          sx: { color: "primary.contrastText" }
-        })
-      })
+      i ? /* @__PURE__ */ t(at, {}) : /* @__PURE__ */ t(ot, {})
     ]
   });
-}, J = ({ data: r }) => {
-  const o = T(u(r, "series"));
+}, st = ({ data: r }) => {
+  const o = j(b(r, "series"));
   if (!o.length) return null;
-  const a = u(r, "category_guid"), n = A(o, V).slice(-3);
-  return /* @__PURE__ */ t(i, {
+  const l = b(r, "category_guid"), a = P(o, G).slice(-3);
+  return /* @__PURE__ */ t(e, {
     "data-testid": "compact-insight-card-bar-chart",
     sx: { flexShrink: 0 },
-    children: /* @__PURE__ */ t(E, {
-      color: (l) => a ? R(a, l) : l.palette.primary.main,
-      data: n
+    children: /* @__PURE__ */ t(W, {
+      color: (i) => l ? N(l, i) : i.palette.primary.main,
+      data: a
     })
   });
-}, Q = O({
+}, lt = H({
   variants: {
-    category_color: J,
-    linked_logos: q,
-    minimal: _,
-    with_illustration: $,
-    with_warning_badge: Z
+    category_color: st,
+    linked_logos: nt,
+    minimal: I,
+    with_illustration: et,
+    with_warning_badge: it
   },
-  fallback: _,
+  fallback: I,
   name: "InsightVisual"
-}), U = {
+}), dt = {
   BillAmountNotStandard: {
     key: "in_description_cta",
     trigger: "inDescriptionCta"
@@ -170,26 +198,37 @@ var d = 44, y = 36, M = 75, X = 74, f = {
   ConnectDiscoveredAccountsV2: {
     key: "in_description_cta",
     trigger: "inDescriptionCta"
-  }
-}, Y = (r) => r.stopPropagation(), kt = ({ beat: r, isCtaDisabled: o = !1, onCtaClick: a, onTap: n, payload: l }) => {
-  const { openActionDrawer: I } = L(), { description: w, instance_slot: g, primary_cta: m, title: B } = l, c = U[l.template ?? ""], p = c ? l[c.key] : m, D = u(g.data, "logo"), S = (e) => {
-    if (e.stopPropagation(), !(o || !p)) {
-      if (c) {
-        r && I({
+  },
+  SwitchDirectDeposit: { key: "in_description_cta" }
+}, ct = (r) => r.stopPropagation(), Tt = ({ beat: r, isCtaDisabled: o = !1, onCtaClick: l, onTap: a, payload: i }) => {
+  const S = O(), { openActionDrawer: D } = V(), { description: B, instance_slot: m, primary_cta: p, title: L } = i, n = dt[i.template ?? ""], h = n ? i[n.key] : p, f = i.in_description_cta?.post_message_metadata, E = !n || !!n.trigger || !!r && !!f, A = b(m.data, "logo"), R = (s) => {
+    if (s.stopPropagation(), !(o || !h)) {
+      if (n) {
+        if (r && n.trigger) D({
           guid: r.guid,
-          trigger: c.trigger
+          trigger: n.trigger
         });
+        else if (r && f) {
+          const { action: T, ...z } = f;
+          F({
+            beat: r,
+            stores: S
+          }, {
+            action: T,
+            payload: z
+          });
+        }
         return;
       }
-      m && a?.(m);
+      p && l?.(p);
     }
   };
-  return /* @__PURE__ */ s(F, { children: [/* @__PURE__ */ s(H, {
+  return /* @__PURE__ */ d(Q, { children: [/* @__PURE__ */ d(U, {
     "data-testid": "compact-insight-card",
-    ...n ? {
-      onClick: n,
-      onKeyDown: (e) => {
-        e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.());
+    ...a ? {
+      onClick: a,
+      onKeyDown: (s) => {
+        s.target === s.currentTarget && (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a?.());
       },
       role: "button",
       tabIndex: 0
@@ -200,9 +239,9 @@ var d = 44, y = 36, M = 75, X = 74, f = {
       pl: 8,
       pr: 16,
       pt: 8,
-      ...n && { cursor: "pointer" }
+      ...a && { cursor: "pointer" }
     },
-    children: [/* @__PURE__ */ s(h, {
+    children: [/* @__PURE__ */ d(u, {
       sx: {
         alignItems: "center",
         flexDirection: "row",
@@ -211,41 +250,50 @@ var d = 44, y = 36, M = 75, X = 74, f = {
         pl: 8,
         pt: 4
       },
-      children: [/* @__PURE__ */ t(b, {
+      children: [/* @__PURE__ */ t(v, {
         bold: !0,
         variant: "body1",
-        children: B ?? ""
-      }), /* @__PURE__ */ t(i, {
-        onClick: Y,
+        children: L ?? ""
+      }), /* @__PURE__ */ t(e, {
+        onClick: ct,
         sx: { display: "flex" },
-        children: /* @__PURE__ */ t(G, {})
+        children: /* @__PURE__ */ t(X, {})
       })]
-    }), /* @__PURE__ */ s(h, {
+    }), /* @__PURE__ */ d(u, {
       sx: {
+        alignItems: "center",
         flexDirection: "row",
         gap: 16,
-        pl: 8,
-        pt: 4
+        pl: 8
       },
-      children: [/* @__PURE__ */ s(h, {
+      children: [/* @__PURE__ */ d(u, {
         sx: {
+          alignSelf: "stretch",
           flex: 1,
           gap: 8,
-          minWidth: 0
+          minWidth: 0,
+          pt: 2
         },
-        children: [/* @__PURE__ */ t(W, {
-          dangerouslySetInnerHTML: { __html: w.html_text },
+        children: [/* @__PURE__ */ t(q, {
+          dangerouslySetInnerHTML: { __html: B.html_text },
           "data-testid": "compact-insight-card-description",
-          sx: { fontWeight: "fontWeightRegular" },
+          sx: {
+            display: "-webkit-box",
+            fontWeight: "fontWeightRegular",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: Y
+          },
           variant: "subtitle2"
-        }), p?.label && /* @__PURE__ */ t(j, {
+        }), h?.label && E && /* @__PURE__ */ t(J, {
           "aria-disabled": o,
-          onClick: S,
+          onClick: R,
           size: "small",
           sx: {
             alignSelf: "flex-start",
-            mt: 5,
             ml: -8,
+            my: 0,
             px: 8,
             ...o && {
               color: "text.disabled",
@@ -253,22 +301,23 @@ var d = 44, y = 36, M = 75, X = 74, f = {
             }
           },
           variant: "text",
-          children: /* @__PURE__ */ t(b, {
+          children: /* @__PURE__ */ t(v, {
             bold: !0,
             variant: "body2",
-            children: p.label
+            children: h.label
           })
         })]
-      }), /* @__PURE__ */ t(Q, {
-        data: g.data,
-        logo: D,
-        variant: g.variant
+      }), /* @__PURE__ */ t(lt, {
+        data: m.data,
+        logo: A,
+        template: i.template,
+        variant: m.variant
       })]
     })]
-  }), r && /* @__PURE__ */ t(N, { beat: r })] });
+  }), r && /* @__PURE__ */ t(M, { beat: r })] });
 };
 export {
-  kt as default
+  Tt as default
 };
 
 //# sourceMappingURL=CompactInsightCard.es.js.map

package/dist/insights-v2/components/CompactInsightCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactInsightCard.es.js","names":[],"sources":["../../../src/insights-v2/components/CompactInsightCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { useInsightsV2Store } from '../../common'\nimport { TinyBarChart } from '../../common/components/TinyBarChart'\nimport { slot } from '../../core'\nimport type {\n  Beat,\n  DataSeries,\n  InsightsPayload,\n  InstanceSlotData,\n  LogoRef,\n  PrimaryCTA,\n} from '../../core'\nimport type { ActionDrawerTrigger } from '../../core/stores'\nimport type { AccountSwitchBlockV2Data } from '../../core/types/InsightsInstanceSlotData'\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport {\n  BAR_ARIA_LABEL,\n  buildChartData,\n  buildDataSeries,\n} from '../blocks/ChartBlocks/BarchartBlock/utils'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { createVariantBlock } from '../blocks/createVariantBlock'\nimport BadgedTile from './BadgedTile'\nimport InsightOptionsMenu from './InsightOptionsMenu'\nimport LogoFromGuid from './LogoFromGuid'\nimport { ReactComponent as FeeDetectedIllustration } from './shared/images/FeeDetected.svg'\nimport { ThemedSVGImage } from './chartblocks/ThemedSVGImage'\nimport StatusBadge from './StatusBadge'\n\n/** Figma 1941:111897: the tile the logo fills is 44px (rows are 32, the notification row 33). */\nconst ICON_SIZE = 44\n\ninterface InsightVisualProps {\n  /** The slot's `logo`, when ditto's variant declares and fills one. */\n  logo?: LogoRef | null\n  /** The slot's whole `data`, for a visual drawn from more than the logo (`category_color`, `linked_logos`). */\n  data?: InstanceSlotData\n}\n\n// Figma 1943:219189: 36px logos at opposite corners of a 75×74 box, the badge and rings centred.\nconst LINKED_LOGO_SIZE = 36\nconst LINKED_BOX_WIDTH = 75\nconst LINKED_BOX_HEIGHT = 74\n\nconst CENTRED = {\n  left: '50%',\n  position: 'absolute',\n  top: '50%',\n  transform: 'translate(-50%, -50%)',\n} as const\n\n/** Figma 222:33404 (Embedded | Bill Amount Not Standard) shows the latest three bars. */\nconst BAR_CHART_BAR_COUNT = 3\n\n/** The slot's logo, or the neutral insight glyph when the slot carries none. */\nconst LogoOrFallback = ({ logo }: InsightVisualProps) =>\n  logo ? (\n    <LogoFromGuid logo={logo} size={ICON_SIZE} />\n  ) : (\n    <Box\n      data-testid=\"compact-insight-card-fallback-icon\"\n      sx={{\n        alignItems: 'center',\n        bgcolor: 'primary.lighter',\n        display: 'flex',\n        height: ICON_SIZE,\n        justifyContent: 'center',\n        width: ICON_SIZE,\n      }}\n    >\n      <Icon color=\"primary\" fill={true} name=\"lightbulb\" size={24} />\n    </Box>\n  )\n\n/** Micro, and any variant not registered below: the logo alone. */\nconst PlainVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile center={<LogoOrFallback logo={logo} />} size={ICON_SIZE} sx={{ flexShrink: 0 }} />\n)\n\n/** ditto `with_warning_badge`: the logo badged with a status glyph (Figma 1941:111897). */\nconst WarningBadgeVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile\n    center={<LogoOrFallback logo={logo} />}\n    size={ICON_SIZE}\n    sx={{ flexShrink: 0 }}\n    topRight={<StatusBadge tone=\"warning\" />}\n  />\n)\n\n/**\n * ditto `with_illustration`: artwork in place of the logo tile (Fee Detected's search illustration).\n * A single SVG themed at runtime by `ThemedSVGImage`: its `brand300` elements are recolored to the\n * theme's `primary.main` (so it follows dark mode), while `fill=\"white\"` areas stay white. The\n * slot's `logo` is deliberately unused: the illustration replaces the tile.\n */\nconst IllustrationVisual = () => {\n  return (\n    <ThemedSVGImage\n      divProps={{ style: { flexShrink: 0, lineHeight: 0, width: 'max-content' } }}\n      image={FeeDetectedIllustration}\n    />\n  )\n}\n\n/**\n * ditto `linked_logos` (Figma 1943:219189, Embedded | Discovered Accounts): the two institutions at\n * opposite corners of a 75×74 box — `from_logo` top-left, `to_logo` bottom-right — meeting on the\n * diagonal, with a link badge over two rings at the centre. The rings and badge are decorative (`aria-hidden`); each\n * logo's accessible name is its `alt`.\n */\nconst LinkedLogosVisual = ({ data }: InsightVisualProps) => {\n  const { from_logo, to_logo } = (data ?? {}) as AccountSwitchBlockV2Data\n\n  return (\n    <Box\n      sx={{\n        flexShrink: 0,\n        height: LINKED_BOX_HEIGHT,\n        position: 'relative',\n        width: LINKED_BOX_WIDTH,\n      }}\n    >\n      <Box\n        aria-hidden={true}\n        data-testid=\"linked-logos-ring\"\n        sx={{ ...CENTRED, bgcolor: 'primary.light', borderRadius: '50%', height: 36, width: 36 }}\n      />\n      <Box\n        aria-hidden={true}\n        data-testid=\"linked-logos-ring\"\n        sx={{\n          ...CENTRED,\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: '50%',\n          height: 48,\n          width: 48,\n        }}\n      />\n      <Box sx={{ borderRadius: '4px', left: 0, overflow: 'hidden', position: 'absolute', top: 0 }}>\n        <LogoFromGuid logo={from_logo} size={LINKED_LOGO_SIZE} />\n      </Box>\n      <Box\n        sx={{ borderRadius: '4px', bottom: 0, overflow: 'hidden', position: 'absolute', right: 0 }}\n      >\n        <LogoFromGuid logo={to_logo} size={LINKED_LOGO_SIZE} />\n      </Box>\n      <Box\n        aria-hidden={true}\n        data-testid=\"linked-logos-badge\"\n        sx={{\n          ...CENTRED,\n          alignItems: 'center',\n          bgcolor: 'primary.main',\n          border: '2px solid',\n          borderColor: 'primary.contrastText',\n          borderRadius: '12px',\n          display: 'flex',\n          justifyContent: 'center',\n          p: 2,\n          zIndex: 1,\n        }}\n      >\n        <Icon name=\"link\" size={16} sx={{ color: 'primary.contrastText' }} />\n      </Box>\n    </Box>\n  )\n}\n\n/**\n * ditto `category_color`: a tiny bar chart of the latest bars in place of the logo tile, tinted by\n * the slot's category, the newest bar solid (Figma 222:33404). Draws nothing without a series.\n */\nconst BarChartVisual = ({ data }: InsightVisualProps) => {\n  const series = buildDataSeries(slot<DataSeries>(data, 'series'))\n  if (!series.length) return null\n\n  const categoryGuid = slot<string>(data, 'category_guid')\n  const bars = buildChartData(series, BAR_ARIA_LABEL).slice(-BAR_CHART_BAR_COUNT)\n\n  return (\n    <Box data-testid=\"compact-insight-card-bar-chart\" sx={{ flexShrink: 0 }}>\n      <TinyBarChart\n        color={(theme) =>\n          categoryGuid ? getCategoryColor(categoryGuid, theme) : theme.palette.primary.main\n        }\n        data={bars}\n      />\n    </Box>\n  )\n}\n\n/**\n * The card's right-hand visual, one component per ditto layout variant.\n *\n * A variant names a rendering *shape*, not an insight or a surface — `with_header` already serves\n * both Large Transaction and Fee Detected — so an insight wanting the badged logo reuses\n * `with_warning_badge`. Only a genuinely different visual registers a new entry, and existing ones\n * are never touched.\n *\n * `minimal` draws the plain logo and is registered explicitly even though it matches the fallback:\n * micro and notification resolve it on every render, and an unregistered variant warns. The\n * fallback is for variants we genuinely do not know.\n */\nconst InsightVisual = createVariantBlock<InsightVisualProps>({\n  variants: {\n    category_color: BarChartVisual,\n    linked_logos: LinkedLogosVisual,\n    minimal: PlainVisual,\n    with_illustration: IllustrationVisual,\n    with_warning_badge: WarningBadgeVisual,\n  },\n  fallback: PlainVisual,\n  name: 'InsightVisual',\n})\n\n/**\n * Beats whose embedded CTA the card reads from its own envelope key and opens in this card's\n * `ActionBlockLayer`, as a bar click does on the full card. The trigger names that key, so the layer\n * resolves the same CTA. Every other beat keeps `primary_cta` and hands it to the host's `onCtaClick`\n * (e.g. `contact_support_block`). A new beat adds its template here.\n */\nconst BEAT_CTA_CONFIG: Record<\n  string,\n  { key: 'primary_cta' | 'in_description_cta'; trigger: ActionDrawerTrigger }\n> = {\n  BillAmountNotStandard: { key: 'in_description_cta', trigger: 'inDescriptionCta' },\n  ConnectDiscoveredAccountsV2: { key: 'in_description_cta', trigger: 'inDescriptionCta' },\n}\n\nexport interface CompactInsightCardProps {\n  /** A `micro` or `embedded` envelope. */\n  payload: InsightsPayload\n  /** The envelope's beat; when given, the card mounts its `ActionBlockLayer` for CTA drawers. */\n  beat?: Beat\n  /**\n   * Makes the whole card the tap target. What a tap does is the host's decision (post to the\n   * host app, open a drawer, …); the card never opens anything itself. Omit for a static card.\n   */\n  onTap?: () => void\n  /** Receives the primary CTA when tapped. The card does not resolve the CTA's block itself. */\n  onCtaClick?: (cta: PrimaryCTA) => void\n  /**\n   * Renders the CTA disabled — label shown, `aria-disabled`, not tappable — for a host that cannot\n   * honour it (e.g. `contact_support_block` when the client's `enable_support_requests` is off).\n   */\n  isCtaDisabled?: boolean\n}\n\nconst stopPropagation = (event: MouseEvent) => event.stopPropagation()\n\n/**\n * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).\n *\n * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML\n * description with the primary CTA under it, and on the right the slot's `logo` in a\n * `<BadgedTile>`. Under ditto's `with_warning_badge` variant the tile takes a status badge; under\n * `minimal` it draws the logo alone. The card lays out from the envelope alone and never reads\n * `widget_type`.\n *\n * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot\n * carries no logo. The `pill` on the same envelope is the transaction row's, not the card's.\n */\nconst CompactInsightCard = ({\n  beat,\n  isCtaDisabled = false,\n  onCtaClick,\n  onTap,\n  payload,\n}: CompactInsightCardProps) => {\n  const { openActionDrawer } = useInsightsV2Store()\n  const { description, instance_slot, primary_cta, title } = payload\n  const beatCta = BEAT_CTA_CONFIG[payload.template ?? '']\n  const cta = beatCta ? payload[beatCta.key] : primary_cta\n  // Reduced variants (`minimal`, `with_warning_badge`) declare a bare `logo` slot.\n  const rowLogo = slot<LogoRef>(instance_slot.data, 'logo')\n\n  const handleCtaClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (isCtaDisabled || !cta) return\n\n    if (beatCta) {\n      if (beat) openActionDrawer({ guid: beat.guid, trigger: beatCta.trigger })\n      return\n    }\n    if (primary_cta) onCtaClick?.(primary_cta)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    // Only the card itself: Enter on the CTA button is the button's own click.\n    if (event.target !== event.currentTarget) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onTap?.()\n    }\n  }\n\n  const interactiveProps = onTap\n    ? { onClick: onTap, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 }\n    : {}\n\n  return (\n    <>\n      <Card\n        data-testid=\"compact-insight-card\"\n        {...interactiveProps}\n        sx={{\n          minWidth: 288,\n          pb: 12,\n          pl: 8,\n          pr: 16,\n          pt: 8,\n          ...(onTap && { cursor: 'pointer' }),\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'row',\n            gap: 8,\n            justifyContent: 'space-between',\n            pl: 8,\n            pt: 4,\n          }}\n        >\n          <Text bold={true} variant=\"body1\">\n            {title ?? ''}\n          </Text>\n          {/* The menu renders only when the host wired `onMenuAction` (BeatActionsProvider). */}\n          <Box onClick={stopPropagation} sx={{ display: 'flex' }}>\n            <InsightOptionsMenu />\n          </Box>\n        </Stack>\n\n        <Stack sx={{ flexDirection: 'row', gap: 16, pl: 8, pt: 4 }}>\n          <Stack sx={{ flex: 1, gap: 8, minWidth: 0 }}>\n            {/* `html_text` is rendered server-side by mrs_content from the ditto copy template (bold\n                amount / merchant), not user-authored input; painted the same way `BaseLayout` paints\n                the full card's description. */}\n            <P\n              dangerouslySetInnerHTML={{ __html: description.html_text }}\n              data-testid=\"compact-insight-card-description\"\n              sx={{ fontWeight: 'fontWeightRegular' }}\n              variant=\"subtitle2\"\n            />\n            {cta?.label && (\n              <Button\n                aria-disabled={isCtaDisabled}\n                onClick={handleCtaClick}\n                size=\"small\"\n                sx={{\n                  alignSelf: 'flex-start',\n                  // Figma 1941:111897 lines the CTA label up with the description's left edge. The\n                  // column already pads 8, so the button's own 8 is pulled back out — padding kept so\n                  // the tap target does not shrink.\n                  mt: 5,\n                  ml: -8,\n                  px: 8,\n                  ...(isCtaDisabled && {\n                    color: 'text.disabled',\n                    cursor: 'default',\n                  }),\n                }}\n                variant=\"text\"\n              >\n                <Text bold={true} variant=\"body2\">\n                  {cta.label}\n                </Text>\n              </Button>\n            )}\n          </Stack>\n\n          <InsightVisual data={instance_slot.data} logo={rowLogo} variant={instance_slot.variant} />\n        </Stack>\n      </Card>\n      {/* Outside the Card: the drawer is a portal, and its clicks would otherwise bubble to `onTap`. */}\n      {beat && <ActionBlockLayer beat={beat} />}\n    </>\n  )\n}\n\nexport default CompactInsightCard\n"],"mappings":"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"}
+{"version":3,"file":"CompactInsightCard.es.js","names":[],"sources":["../../../src/insights-v2/components/CompactInsightCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { useGlobalStore, useInsightsV2Store } from '../../common'\nimport { TinyBarChart } from '../../common/components/TinyBarChart'\nimport { slot } from '../../core'\nimport type {\n  Beat,\n  DataSeries,\n  InsightsPayload,\n  InstanceSlotData,\n  LogoRef,\n  PrimaryCTA,\n} from '../../core'\nimport type { ActionDrawerTrigger } from '../../core/stores'\nimport type { AccountSwitchBlockV2Data } from '../../core/types/InsightsInstanceSlotData'\nimport { getCategoryColor } from '../../core/utils/CategoryUtil'\nimport {\n  BAR_ARIA_LABEL,\n  buildChartData,\n  buildDataSeries,\n} from '../blocks/ChartBlocks/BarchartBlock/utils'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { createVariantBlock } from '../blocks/createVariantBlock'\nimport { postCtaMessage } from '../ctaActions'\nimport BadgedTile from './BadgedTile'\nimport InsightOptionsMenu from './InsightOptionsMenu'\nimport LogoFromGuid from './LogoFromGuid'\nimport { ReactComponent as FeeDetectedIllustration } from './shared/images/FeeDetected.svg'\nimport { ThemedSVGImage } from './chartblocks/ThemedSVGImage'\nimport StatusBadge from './StatusBadge'\n\nconst DESCRIPTION_MAX_LINES = 2\n\n/** Figma 1941:111897: the tile the logo fills is 44px (rows are 32, the notification row 33). */\nconst ICON_SIZE = 44\n\ninterface InsightVisualProps {\n  /** The slot's `logo`, when ditto's variant declares and fills one. */\n  logo?: LogoRef | null\n  /** The slot's whole `data`, for a visual drawn from more than the logo (`category_color`, `linked_logos`). */\n  data?: InstanceSlotData\n  /** The envelope's template, for a beat's own badge on `linked_logos`. */\n  template?: string\n}\n\n// Figma 1943:219189: 36px logos at opposite corners of a 75×74 box, the badge and rings centred.\nconst LINKED_LOGO_SIZE = 36\nconst LINKED_BOX_WIDTH = 75\nconst LINKED_BOX_HEIGHT = 74\n\nconst CENTRED = {\n  left: '50%',\n  position: 'absolute',\n  top: '50%',\n  transform: 'translate(-50%, -50%)',\n} as const\n\n/** Figma 222:33404 (Embedded | Bill Amount Not Standard) shows the latest three bars. */\nconst BAR_CHART_BAR_COUNT = 3\n\n/** The slot's logo, or the neutral insight glyph when the slot carries none. */\nconst LogoOrFallback = ({ logo }: InsightVisualProps) =>\n  logo ? (\n    <LogoFromGuid logo={logo} size={ICON_SIZE} />\n  ) : (\n    <Box\n      data-testid=\"compact-insight-card-fallback-icon\"\n      sx={{\n        alignItems: 'center',\n        bgcolor: 'primary.lighter',\n        display: 'flex',\n        height: ICON_SIZE,\n        justifyContent: 'center',\n        width: ICON_SIZE,\n      }}\n    >\n      <Icon color=\"primary\" fill={true} name=\"lightbulb\" size={24} />\n    </Box>\n  )\n\n/** Micro, and any variant not registered below: the logo alone. */\nconst PlainVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile center={<LogoOrFallback logo={logo} />} size={ICON_SIZE} sx={{ flexShrink: 0 }} />\n)\n\n/** ditto `with_warning_badge`: the logo badged with a status glyph (Figma 1941:111897). */\nconst WarningBadgeVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile\n    center={<LogoOrFallback logo={logo} />}\n    size={ICON_SIZE}\n    sx={{ flexShrink: 0 }}\n    topRight={<StatusBadge tone=\"warning\" />}\n  />\n)\n\n/**\n * ditto `with_illustration`: artwork in place of the logo tile (Fee Detected's search illustration).\n * A single SVG themed at runtime by `ThemedSVGImage`: its `brand300` elements are recolored to the\n * theme's `primary.main` (so it follows dark mode), while `fill=\"white\"` areas stay white. The\n * slot's `logo` is deliberately unused: the illustration replaces the tile.\n */\nconst IllustrationVisual = () => {\n  return (\n    <ThemedSVGImage\n      divProps={{ style: { flexShrink: 0, lineHeight: 0, width: 'max-content' } }}\n      image={FeeDetectedIllustration}\n    />\n  )\n}\n\nconst SWAP_BADGE_SIZE = 24\n\nconst LinkBadge = () => (\n  <Box\n    aria-hidden={true}\n    data-testid=\"linked-logos-badge\"\n    sx={{\n      ...CENTRED,\n      alignItems: 'center',\n      bgcolor: 'primary.main',\n      border: '2px solid',\n      borderColor: 'primary.contrastText',\n      borderRadius: '12px',\n      display: 'flex',\n      justifyContent: 'center',\n      p: 2,\n      zIndex: 1,\n    }}\n  >\n    <Icon name=\"link\" size={16} sx={{ color: 'primary.contrastText' }} />\n  </Box>\n)\n\n/**\n * Switch Direct Deposit (Figma 1941:167601): the outlined `swap_vertical_circle`, turned horizontal,\n * over a contrast disc: a primary ring and arrows on white. Drawn 1.2× so its circle fills 24px.\n */\nconst SwapBadge = () => (\n  <Box\n    aria-hidden={true}\n    data-testid=\"linked-logos-badge\"\n    sx={{\n      ...CENTRED,\n      alignItems: 'center',\n      bgcolor: 'primary.contrastText',\n      borderRadius: '50%',\n      display: 'flex',\n      height: SWAP_BADGE_SIZE,\n      justifyContent: 'center',\n      overflow: 'hidden',\n      width: SWAP_BADGE_SIZE,\n      zIndex: 1,\n    }}\n  >\n    <Icon\n      name=\"swap_vertical_circle\"\n      size={SWAP_BADGE_SIZE * 1.2}\n      sx={{ color: 'primary.main', flexShrink: 0, transform: 'rotate(-90deg)' }}\n    />\n  </Box>\n)\n\n/**\n * ditto `linked_logos` (Figma 1943:219189, Embedded | Discovered Accounts): the two institutions at\n * opposite corners of a 75×74 box — `from_logo` top-left, `to_logo` bottom-right — meeting on the\n * diagonal, with a badge over two rings at the centre (Switch Direct Deposit: the swap badge on an\n * outlined inner ring). The rings and badge are decorative (`aria-hidden`); each logo's accessible\n * name is its `alt`.\n */\nconst LinkedLogosVisual = ({ data, template }: InsightVisualProps) => {\n  const { from_logo, to_logo } = (data ?? {}) as AccountSwitchBlockV2Data\n  const isSwap = template === 'SwitchDirectDeposit'\n\n  return (\n    <Box\n      sx={{\n        flexShrink: 0,\n        height: LINKED_BOX_HEIGHT,\n        position: 'relative',\n        width: LINKED_BOX_WIDTH,\n      }}\n    >\n      <Box\n        aria-hidden={true}\n        data-testid=\"linked-logos-ring\"\n        sx={{\n          ...CENTRED,\n          borderRadius: '50%',\n          height: 36,\n          width: 36,\n          ...(isSwap\n            ? { border: '2px solid', borderColor: 'primary.light' }\n            : { bgcolor: 'primary.light' }),\n        }}\n      />\n      <Box\n        aria-hidden={true}\n        data-testid=\"linked-logos-ring\"\n        sx={{\n          ...CENTRED,\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: '50%',\n          height: 48,\n          width: 48,\n        }}\n      />\n      <Box sx={{ borderRadius: '4px', left: 0, overflow: 'hidden', position: 'absolute', top: 0 }}>\n        <LogoFromGuid logo={from_logo} size={LINKED_LOGO_SIZE} />\n      </Box>\n      <Box\n        sx={{ borderRadius: '4px', bottom: 0, overflow: 'hidden', position: 'absolute', right: 0 }}\n      >\n        <LogoFromGuid logo={to_logo} size={LINKED_LOGO_SIZE} />\n      </Box>\n      {isSwap ? <SwapBadge /> : <LinkBadge />}\n    </Box>\n  )\n}\n\n/**\n * ditto `category_color`: a tiny bar chart of the latest bars in place of the logo tile, tinted by\n * the slot's category, the newest bar solid (Figma 222:33404). Draws nothing without a series.\n */\nconst BarChartVisual = ({ data }: InsightVisualProps) => {\n  const series = buildDataSeries(slot<DataSeries>(data, 'series'))\n  if (!series.length) return null\n\n  const categoryGuid = slot<string>(data, 'category_guid')\n  const bars = buildChartData(series, BAR_ARIA_LABEL).slice(-BAR_CHART_BAR_COUNT)\n\n  return (\n    <Box data-testid=\"compact-insight-card-bar-chart\" sx={{ flexShrink: 0 }}>\n      <TinyBarChart\n        color={(theme) =>\n          categoryGuid ? getCategoryColor(categoryGuid, theme) : theme.palette.primary.main\n        }\n        data={bars}\n      />\n    </Box>\n  )\n}\n\n/**\n * The card's right-hand visual, one component per ditto layout variant.\n *\n * A variant names a rendering *shape*, not an insight or a surface — `with_header` already serves\n * both Large Transaction and Fee Detected — so an insight wanting the badged logo reuses\n * `with_warning_badge`. Only a genuinely different visual registers a new entry, and existing ones\n * are never touched.\n *\n * `minimal` draws the plain logo and is registered explicitly even though it matches the fallback:\n * micro and notification resolve it on every render, and an unregistered variant warns. The\n * fallback is for variants we genuinely do not know.\n */\nconst InsightVisual = createVariantBlock<InsightVisualProps>({\n  variants: {\n    category_color: BarChartVisual,\n    linked_logos: LinkedLogosVisual,\n    minimal: PlainVisual,\n    with_illustration: IllustrationVisual,\n    with_warning_badge: WarningBadgeVisual,\n  },\n  fallback: PlainVisual,\n  name: 'InsightVisual',\n})\n\n/**\n * Beats whose embedded CTA the card reads from its own envelope key and opens in this card's\n * `ActionBlockLayer`, as a bar click does on the full card. The trigger names that key, so the layer\n * resolves the same CTA. Without a trigger the link posts its host message instead (Switch Direct\n * Deposit's op_1: Atomic runs only in pulse). Every other beat keeps `primary_cta` and hands it to\n * the host's `onCtaClick` (e.g. `contact_support_block`). A new beat adds its template here.\n */\nconst BEAT_CTA_CONFIG: Record<\n  string,\n  { key: 'primary_cta' | 'in_description_cta'; trigger?: ActionDrawerTrigger }\n> = {\n  BillAmountNotStandard: { key: 'in_description_cta', trigger: 'inDescriptionCta' },\n  ConnectDiscoveredAccountsV2: { key: 'in_description_cta', trigger: 'inDescriptionCta' },\n  SwitchDirectDeposit: { key: 'in_description_cta' },\n}\n\nexport interface CompactInsightCardProps {\n  /** A `micro` or `embedded` envelope. */\n  payload: InsightsPayload\n  /** The envelope's beat; when given, the card mounts its `ActionBlockLayer` for CTA drawers. */\n  beat?: Beat\n  /**\n   * Makes the whole card the tap target. What a tap does is the host's decision (post to the\n   * host app, open a drawer, …); the card never opens anything itself. Omit for a static card.\n   */\n  onTap?: () => void\n  /** Receives the primary CTA when tapped. The card does not resolve the CTA's block itself. */\n  onCtaClick?: (cta: PrimaryCTA) => void\n  /**\n   * Renders the CTA disabled — label shown, `aria-disabled`, not tappable — for a host that cannot\n   * honour it (e.g. `contact_support_block` when the client's `enable_support_requests` is off).\n   */\n  isCtaDisabled?: boolean\n}\n\nconst stopPropagation = (event: MouseEvent) => event.stopPropagation()\n\n/**\n * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).\n *\n * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML\n * description with the primary CTA under it, and on the right the slot's `logo` in a\n * `<BadgedTile>`. Under ditto's `with_warning_badge` variant the tile takes a status badge; under\n * `minimal` it draws the logo alone. The card lays out from the envelope alone and never reads\n * `widget_type`.\n *\n * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot\n * carries no logo. The `pill` on the same envelope is the transaction row's, not the card's.\n */\nconst CompactInsightCard = ({\n  beat,\n  isCtaDisabled = false,\n  onCtaClick,\n  onTap,\n  payload,\n}: CompactInsightCardProps) => {\n  const stores = useGlobalStore()\n  const { openActionDrawer } = useInsightsV2Store()\n  const { description, instance_slot, primary_cta, title } = payload\n  const beatCta = BEAT_CTA_CONFIG[payload.template ?? '']\n  const cta = beatCta ? payload[beatCta.key] : primary_cta\n  const message = payload.in_description_cta?.post_message_metadata\n  // A link that posts needs its beat and message; without them it draws nothing.\n  const canAct = !beatCta || !!beatCta.trigger || (!!beat && !!message)\n  // Reduced variants (`minimal`, `with_warning_badge`) declare a bare `logo` slot.\n  const rowLogo = slot<LogoRef>(instance_slot.data, 'logo')\n\n  const handleCtaClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (isCtaDisabled || !cta) return\n\n    if (beatCta) {\n      if (beat && beatCta.trigger) openActionDrawer({ guid: beat.guid, trigger: beatCta.trigger })\n      else if (beat && message) {\n        const { action, ...extras } = message\n        postCtaMessage({ beat, stores }, { action, payload: extras })\n      }\n      return\n    }\n    if (primary_cta) onCtaClick?.(primary_cta)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    // Only the card itself: Enter on the CTA button is the button's own click.\n    if (event.target !== event.currentTarget) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onTap?.()\n    }\n  }\n\n  const interactiveProps = onTap\n    ? { onClick: onTap, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 }\n    : {}\n\n  return (\n    <>\n      <Card\n        data-testid=\"compact-insight-card\"\n        {...interactiveProps}\n        sx={{\n          minWidth: 288,\n          pb: 12,\n          pl: 8,\n          pr: 16,\n          pt: 8,\n          ...(onTap && { cursor: 'pointer' }),\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'row',\n            gap: 8,\n            justifyContent: 'space-between',\n            pl: 8,\n            pt: 4,\n          }}\n        >\n          <Text bold={true} variant=\"body1\">\n            {title ?? ''}\n          </Text>\n          {/* The menu renders only when the host wired `onMenuAction` (BeatActionsProvider). */}\n          <Box onClick={stopPropagation} sx={{ display: 'flex' }}>\n            <InsightOptionsMenu />\n          </Box>\n        </Stack>\n\n        <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 16, pl: 8 }}>\n          <Stack sx={{ alignSelf: 'stretch', flex: 1, gap: 8, minWidth: 0, pt: 2 }}>\n            {/* `html_text` is rendered server-side by mrs_content from the ditto copy template (bold\n                amount / merchant), not user-authored input; painted the same way `BaseLayout` paints\n                the full card's description. */}\n            <P\n              dangerouslySetInnerHTML={{ __html: description.html_text }}\n              data-testid=\"compact-insight-card-description\"\n              sx={{\n                display: '-webkit-box',\n                fontWeight: 'fontWeightRegular',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                WebkitBoxOrient: 'vertical',\n                WebkitLineClamp: DESCRIPTION_MAX_LINES,\n              }}\n              variant=\"subtitle2\"\n            />\n            {cta?.label && canAct && (\n              <Button\n                aria-disabled={isCtaDisabled}\n                onClick={handleCtaClick}\n                size=\"small\"\n                sx={{\n                  alignSelf: 'flex-start',\n                  // The label lines up with the description (the column pads 8; the tap target keeps\n                  // its padding). `my: 0` drops the theme's -12px text-button margin.\n                  ml: -8,\n                  my: 0,\n                  px: 8,\n                  ...(isCtaDisabled && {\n                    color: 'text.disabled',\n                    cursor: 'default',\n                  }),\n                }}\n                variant=\"text\"\n              >\n                <Text bold={true} variant=\"body2\">\n                  {cta.label}\n                </Text>\n              </Button>\n            )}\n          </Stack>\n\n          <InsightVisual\n            data={instance_slot.data}\n            logo={rowLogo}\n            template={payload.template}\n            variant={instance_slot.variant}\n          />\n        </Stack>\n      </Card>\n      {/* Outside the Card: the drawer is a portal, and its clicks would otherwise bubble to `onTap`. */}\n      {beat && <ActionBlockLayer beat={beat} />}\n    </>\n  )\n}\n\nexport default CompactInsightCard\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,IAAM,IAAwB,GAGxB,IAAY,IAYZ,IAAmB,IACnB,KAAmB,IACnB,KAAoB,IAEpB,IAAU;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,KAAK;AAAA,EACL,WAAW;AACb,GAMM,IAAA,CAAkB,EAAE,MAAA,EAAA,MACxB,IACE,gBAAA,EAAC,GAAD;AAAA,EAAoB,MAAA;AAAA,EAAM,MAAM;AAAY,CAAA,IAE5C,gBAAA,EAAC,GAAD;AAAA,EACE,eAAY;AAAA,EACZ,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,OAAO;AAAA,EACT;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAU,MAAM;AAAA,IAAM,MAAK;AAAA,IAAY,MAAM;AAAA,EAAK,CAAA;AAC3D,CAAA,GAIH,IAAA,CAAe,EAAE,MAAA,EAAA,MACrB,gBAAA,EAAC,GAAD;AAAA,EAAY,QAAQ,gBAAA,EAAC,GAAD,EAAsB,MAAA,EAAO,CAAA;AAAA,EAAG,MAAM;AAAA,EAAW,IAAI,EAAE,YAAY,EAAE;AAAI,CAAA,GAIzF,KAAA,CAAsB,EAAE,MAAA,EAAA,MAC5B,gBAAA,EAAC,GAAD;AAAA,EACE,QAAQ,gBAAA,EAAC,GAAD,EAAsB,MAAA,EAAO,CAAA;AAAA,EACrC,MAAM;AAAA,EACN,IAAI,EAAE,YAAY,EAAE;AAAA,EACpB,UAAU,gBAAA,EAAC,GAAD,EAAa,MAAK,UAAW,CAAA;AACxC,CAAA,GASG,KAAA,MAEF,gBAAA,EAAC,GAAD;AAAA,EACE,UAAU,EAAE,OAAO;AAAA,IAAE,YAAY;AAAA,IAAG,YAAY;AAAA,IAAG,OAAO;AAAA,EAAc,EAAE;AAAA,EAC1E,OAAO;AACR,CAAA,GAIC,IAAkB,IAElB,KAAA,MACJ,gBAAA,EAAC,GAAD;AAAA,EACE,eAAa;AAAA,EACb,eAAY;AAAA,EACZ,IAAI;AAAA,IACF,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAK;AAAA,IAAO,MAAM;AAAA,IAAI,IAAI,EAAE,OAAO,uBAAuB;AAAA,EAAI,CAAA;AACjE,CAAA,GAOD,KAAA,MACJ,gBAAA,EAAC,GAAD;AAAA,EACE,eAAa;AAAA,EACb,eAAY;AAAA,EACZ,IAAI;AAAA,IACF,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,IACE,MAAK;AAAA,IACL,MAAM,IAAkB;AAAA,IACxB,IAAI;AAAA,MAAE,OAAO;AAAA,MAAgB,YAAY;AAAA,MAAG,WAAW;AAAA,IAAiB;AAAA,EACzE,CAAA;AACE,CAAA,GAUD,KAAA,CAAqB,EAAE,MAAA,GAAM,UAAA,EAAA,MAAmC;AACpE,QAAM,EAAE,WAAA,GAAW,SAAA,EAAA,IAAa,KAAQ,CAAC,GACnC,IAAS,MAAa;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IANF,UAAA;AAAA,MAQE,gBAAA,EAAC,GAAD;AAAA,QACE,eAAa;AAAA,QACb,eAAY;AAAA,QACZ,IAAI;AAAA,UACF,GAAG;AAAA,UACH,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,GAAI,IACA;AAAA,YAAE,QAAQ;AAAA,YAAa,aAAa;AAAA,UAAgB,IACpD,EAAE,SAAS,gBAAgB;AAAA,QACjC;AAAA,MACD,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,eAAa;AAAA,QACb,eAAY;AAAA,QACZ,IAAI;AAAA,UACF,GAAG;AAAA,UACH,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MACD,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI;AAAA,UAAE,cAAc;AAAA,UAAO,MAAM;AAAA,UAAG,UAAU;AAAA,UAAU,UAAU;AAAA,UAAY,KAAK;AAAA,QAAE;AAAA,QACxF,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,MAAM;AAAA,UAAW,MAAM;AAAA,QAAmB,CAAA;AAAA,MACrD,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UAAE,cAAc;AAAA,UAAO,QAAQ;AAAA,UAAG,UAAU;AAAA,UAAU,UAAU;AAAA,UAAY,OAAO;AAAA,QAAE;AAAA,QAEzF,UAAA,gBAAA,EAAC,GAAD;AAAA,UAAc,MAAM;AAAA,UAAS,MAAM;AAAA,QAAmB,CAAA;AAAA,MACnD,CAAA;AAAA,MACJ,IAAS,gBAAA,EAAC,IAAD,CAAY,CAAA,IAAI,gBAAA,EAAC,IAAD,CAAY,CAAA;AAAA,IACnC;AAAA;AAET,GAMM,KAAA,CAAkB,EAAE,MAAA,EAAA,MAA+B;AACvD,QAAM,IAAS,EAAgB,EAAiB,GAAM,QAAQ,CAAC;AAC/D,MAAI,CAAC,EAAO,OAAQ,QAAO;AAE3B,QAAM,IAAe,EAAa,GAAM,eAAe,GACjD,IAAO,EAAe,GAAQ,CAAc,EAAE,MAAM,EAAoB;AAE9E,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,eAAY;AAAA,IAAiC,IAAI,EAAE,YAAY,EAAE;AAAA,IACpE,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,OAAA,CAAQ,MACN,IAAe,EAAiB,GAAc,CAAK,IAAI,EAAM,QAAQ,QAAQ;AAAA,MAE/E,MAAM;AAAA,IACP,CAAA;AAAA,EACE,CAAA;AAET,GAcM,KAAgB,EAAuC;AAAA,EAC3D,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,SAAS;AAAA,IACT,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV,MAAM;AACR,CAAC,GASK,KAGF;AAAA,EACF,uBAAuB;AAAA,IAAE,KAAK;AAAA,IAAsB,SAAS;AAAA,EAAmB;AAAA,EAChF,6BAA6B;AAAA,IAAE,KAAK;AAAA,IAAsB,SAAS;AAAA,EAAmB;AAAA,EACtF,qBAAqB,EAAE,KAAK,qBAAqB;AACnD,GAqBM,KAAA,CAAmB,MAAsB,EAAM,gBAAgB,GAc/D,KAAA,CAAsB,EAC1B,MAAA,GACA,eAAA,IAAgB,IAChB,YAAA,GACA,OAAA,GACA,SAAA,EAAA,MAC6B;AAC7B,QAAM,IAAS,EAAe,GACxB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,EAAE,aAAA,GAAa,eAAA,GAAe,aAAA,GAAa,OAAA,EAAA,IAAU,GACrD,IAAU,GAAgB,EAAQ,YAAY,EAAA,GAC9C,IAAM,IAAU,EAAQ,EAAQ,GAAA,IAAO,GACvC,IAAU,EAAQ,oBAAoB,uBAEtC,IAAS,CAAC,KAAW,CAAC,CAAC,EAAQ,WAAY,CAAC,CAAC,KAAQ,CAAC,CAAC,GAEvD,IAAU,EAAc,EAAc,MAAM,MAAM,GAElD,IAAA,CAAkB,MAAyC;AAE/D,QADA,EAAM,gBAAgB,GAClB,EAAA,KAAiB,CAAC,IAEtB;AAAA,UAAI,GAAS;AACX,YAAI,KAAQ,EAAQ,QAAS,CAAA,EAAiB;AAAA,UAAE,MAAM,EAAK;AAAA,UAAM,SAAS,EAAQ;AAAA,QAAQ,CAAC;AAAA,iBAClF,KAAQ,GAAS;AACxB,gBAAM,EAAE,QAAA,GAAQ,GAAG,EAAA,IAAW;AAC9B,UAAA,EAAe;AAAA,YAAE,MAAA;AAAA,YAAM,QAAA;AAAA,UAAO,GAAG;AAAA,YAAE,QAAA;AAAA,YAAQ,SAAS;AAAA,UAAO,CAAC;AAAA,QAC9D;AACA;AAAA,MACF;AACA,MAAI,KAAa,IAAa,CAAW;AAAA;AAAA,EAC3C;AAeA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAY;AAAA,IACZ,GARmB,IACrB;AAAA,MAAE,SAAS;AAAA,MAAO,WAVhB,CAAiB,MAAyC;AAE9D,QAAI,EAAM,WAAW,EAAM,kBACvB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,IAAQ;AAAA,MAEZ;AAAA,MAGgD,MAAM;AAAA,MAAU,UAAU;AAAA,IAAE,IACxE,CAAC;AAAA,IAOC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAI,KAAS,EAAE,QAAQ,UAAU;AAAA,IACnC;AAAA,IAVF,UAAA,CAYE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,KAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MARF,UAAA,CAUE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,QACvB,UAAA,KAAS;AAAA,MACN,CAAA,GAEN,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAS;AAAA,QAAiB,IAAI,EAAE,SAAS,OAAO;AAAA,QACnD,UAAA,gBAAA,EAAC,GAAD,CAAqB,CAAA;AAAA,MAClB,CAAA,CACA;AAAA,IAEP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,YAAY;AAAA,QAAU,eAAe;AAAA,QAAO,KAAK;AAAA,QAAI,IAAI;AAAA,MAAE;AAAA,MAAxE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,WAAW;AAAA,UAAW,MAAM;AAAA,UAAG,KAAK;AAAA,UAAG,UAAU;AAAA,UAAG,IAAI;AAAA,QAAE;AAAA,QAAvE,UAAA,CAIE,gBAAA,EAAC,GAAD;AAAA,UACE,yBAAyB,EAAE,QAAQ,EAAY,UAAU;AAAA,UACzD,eAAY;AAAA,UACZ,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,UACnB;AAAA,UACA,SAAQ;AAAA,QACT,CAAA,GACA,GAAK,SAAS,KACb,gBAAA,EAAC,GAAD;AAAA,UACE,iBAAe;AAAA,UACf,SAAS;AAAA,UACT,MAAK;AAAA,UACL,IAAI;AAAA,YACF,WAAW;AAAA,YAGX,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,GAAI,KAAiB;AAAA,cACnB,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,UAER,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA,EAAI;AAAA,UACD,CAAA;AAAA,QACA,CAAA,CAEL;AAAA,MAEP,CAAA,GAAA,gBAAA,EAAC,IAAD;AAAA,QACE,MAAM,EAAc;AAAA,QACpB,MAAM;AAAA,QACN,UAAU,EAAQ;AAAA,QAClB,SAAS,EAAc;AAAA,MACxB,CAAA,CACI;AAAA,IACH,CAAA,CAAA;AAAA,EAEL,CAAA,GAAA,KAAQ,gBAAA,EAAC,GAAD,EAAwB,MAAA,EAAO,CAAA,CACxC,EAAA,CAAA;AAEN"}

package/dist/insights-v2/ctaActions/index.d.ts

@@ -2,6 +2,6 @@ export { ctaActions } from './ctaConfig';
 export { ctaHandlers, type CtaHandlerName } from './ctaHandlers';
 export { ctaPostMessages, resolveCtaMetadata, type CtaPostMessageResolver } from './ctaPostMessages';
 export { HOST_ACTIONS, type HostActionName } from './hostActions';
-export { beatContextOf, reportCtaClick, resolveCtaState, resolveStep, runCtaAction, runCtaHandler, runInDescriptionCta, sendCtaAnalytics, } from './runCtaAction';
+export { beatContextOf, postCtaMessage, reportCtaClick, resolveCtaState, resolveStep, runCtaAction, runCtaHandler, runInDescriptionCta, sendCtaAnalytics, } from './runCtaAction';
 export { useBeatCtaActions, useCtaHandler, type BeatCtaActions } from './useCtaAction';
 export type { CtaContext, CtaEffect, CtaHandler, CtaHandlerContext, CtaParams, CtaPresentation, CtaSurveyAnswer, CtaSlot, CtaState, CtaStateContext, CtaStep, RunHandlerOptions, RunInDescriptionCtaArgs, } from './types';

package/dist/insights-v2/ctaActions/runCtaAction.d.ts

@@ -1,5 +1,6 @@
 import { AnalyticsEventConfigEntry } from '../analytics/analyticsEventsConfig';
 import { CtaHandlerName } from './ctaHandlers';
+import { CtaPostMessageMetadata } from '../../core';
 import { CtaContext, CtaHandlerContext, CtaState, CtaStateContext, CtaStep, RunHandlerOptions, RunInDescriptionCtaArgs } from './types';
 /** The beat's own context (input a block collected for it), `{}` until something is written. */
 export declare const beatContextOf: ({ beat, stores }: Pick<CtaStateContext, "beat" | "stores">) => Record<string, unknown>;
@@ -11,6 +12,11 @@ export declare const resolveStep: ({ cta }: {
 }) => CtaStep;
 /** Pending always disables, as may the step's `disabledWhen`; its `presenter` may replace the button. */
 export declare const resolveCtaState: (ctx: CtaStateContext) => CtaState;
+/**
+ * Posts this CTA's resolved message (event, op and beat-specific payload, from the backend's
+ * `cta.metadata` or the template's `ctaPostMessages` entry) to the host.
+ */
+export declare const postCtaMessage: ({ beat, stores }: Pick<CtaContext, "beat" | "stores">, metadata: CtaPostMessageMetadata) => void;
 type AnalyticsCtx = Pick<CtaContext, 'beat' | 'stores' | 'hostActions'>;
 /**
  * The one way to fire a catalogued analytics event. Takes the catalogue entry itself (e.g.

package/dist/insights-v2/ctaActions/runCtaAction.es.js

@@ -137,6 +137,7 @@ var E = {}, l = ({ cta: t }) => t.action_key && S[t.action_key] || E, D = (t) =>
   }, { handler: a });
 };
 export {
+  b as postCtaMessage,
   R as reportCtaClick,
   D as resolveCtaState,
   l as resolveStep,

package/dist/insights-v2/ctaActions/runCtaAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"runCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/runCtaAction.ts"],"sourcesContent":["import { sendBeatCta } from '../../common/utils/PostMessage'\nimport {\n  ANALYTICS_EVENTS_CONFIG,\n  type AnalyticsEventConfigEntry,\n} from '../analytics/analyticsEventsConfig'\nimport { resolveAnalyticsEvent } from '../analytics/resolveAnalyticsEvent'\nimport { hasDrawerBlock } from '../mappings/hasDrawerBlock'\nimport { ctaActions } from './ctaConfig'\nimport { resolveCtaMetadata } from './ctaPostMessages'\nimport { ctaHandlers, type CtaHandlerName } from './ctaHandlers'\nimport { HOST_ACTIONS } from './hostActions'\nimport type { CtaPostMessageMetadata } from '../../core'\nimport type {\n  CtaContext,\n  CtaEffect,\n  CtaHandler,\n  CtaHandlerContext,\n  CtaState,\n  CtaStateContext,\n  CtaStep,\n  RunHandlerOptions,\n  RunInDescriptionCtaArgs,\n} from './types'\n\nconst DEFAULT_STEP: CtaStep = {}\n\n// ─── Resolution ─────────────────────────────────────────────────────────────\n\n/** The beat's own context (input a block collected for it), `{}` until something is written. */\nexport const beatContextOf = ({ beat, stores }: Pick<CtaStateContext, 'beat' | 'stores'>) =>\n  stores.insightsV2Store.beatContext[beat.guid] ?? {}\n\n/** The step named by the CTA's `action_key`, or the empty default (no key / unknown key). */\nexport const resolveStep = ({ cta }: { cta: { action_key?: string | null } }): CtaStep =>\n  (cta.action_key && ctaActions[cta.action_key]) || DEFAULT_STEP\n\n/** Pending always disables, as may the step's `disabledWhen`; its `presenter` may replace the button. */\nexport const resolveCtaState = (ctx: CtaStateContext): CtaState => {\n  const step = resolveStep(ctx)\n  const pending = ctx.stores.insightsV2Store.ctaStatus[ctx.beat.guid] === 'pending'\n  const presentation = step.presenter?.(ctx)\n\n  return {\n    disabled: pending || (step.disabledWhen?.(ctx) ?? false),\n    ...(presentation && { presentation }),\n  }\n}\n\n// ─── Targets and effects ────────────────────────────────────────────────────\n\n/** Opens the beat's drawer for whichever slot triggered the current step. */\nconst openDrawerForSlot = ({\n  beat,\n  slot,\n  stores,\n}: Pick<CtaContext, 'beat' | 'slot' | 'stores'>) => {\n  stores.insightsV2Store.openCtaDrawer(\n    beat.guid,\n    slot === 'primary' ? 'primaryCta' : 'secondaryCta',\n  )\n}\n\n/**\n * Posts this CTA's resolved message (event, op and beat-specific payload, from the backend's\n * `cta.metadata` or the template's `ctaPostMessages` entry) to the host.\n */\nconst postCtaMessage = ({ beat, stores }: CtaContext, metadata: CtaPostMessageMetadata) => {\n  const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n  const { event, action, payload } = metadata\n\n  sendBeatCta(beat, {\n    event: event ?? undefined,\n    op: action ?? undefined,\n    extras: payload ?? undefined,\n    isMobileWebview: is_mobile_webview,\n    webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n    userGuid: beat.insights_payload?.user_guid ?? beat.user_guid,\n  })\n}\n\n/**\n * Whether the step's target opens the drawer: `drawer` always, `default` only for a real block (a\n * missing block never implies a post message), `none` never. Omitted: `none` with `run`, else `default`.\n */\nconst opensDrawer = (step: CtaStep, cta: { block?: string | null }) => {\n  const target = step.next ?? (step.run ? 'none' : 'default')\n\n  return target === 'drawer' || (target === 'default' && hasDrawerBlock(cta.block))\n}\n\nconst runEffect = (effect: CtaEffect, { beat, stores }: CtaContext) => {\n  switch (effect) {\n    case 'refreshBeat':\n      stores.emitUpdate({ staleBeatGuid: beat.guid })\n      break\n  }\n}\n\ntype AnalyticsCtx = Pick<CtaContext, 'beat' | 'stores' | 'hostActions'>\n\n/**\n * The one way to fire a catalogued analytics event. Takes the catalogue entry itself (e.g.\n * `ANALYTICS_EVENTS_CONFIG.PRIMARY_ACTION_SELECTED`), not a lookup key — the call site already\n * has the entry via property access, so there is no key to look up or mistype. Resolves the\n * payload and hands it to the host directly. Never throws: a failed fire is captured, it\n * cannot fail or disable anything.\n */\nexport const sendCtaAnalytics = (ctx: AnalyticsCtx, event: AnalyticsEventConfigEntry): void => {\n  try {\n    ctx.hostActions.onAnalyticsEvent?.(resolveAnalyticsEvent(event, ctx.beat))\n  } catch (error) {\n    ctx.stores.captureException(error, {\n      store: 'ctaActions',\n      template: ctx.beat.template,\n      handler: 'sendCtaAnalytics',\n    })\n  }\n}\n\n// First primary click: fires FIRST_TIME_PRIMARY_ACTION_SELECTED and records cta_clicked_at.\nconst markCtaClicked = (ctx: AnalyticsCtx & Pick<CtaContext, 'slot'>): void => {\n  const { beat, slot, hostActions, stores } = ctx\n\n  if (slot !== 'primary' || beat.cta_clicked_at) return\n\n  sendCtaAnalytics(ctx, ANALYTICS_EVENTS_CONFIG.FIRST_TIME_PRIMARY_ACTION_SELECTED)\n\n  // Fire-and-forget; a failed write must not fail the user's action, but still report it.\n  Promise.resolve()\n    .then(() =>\n      hostActions.onCtaAction?.({ beatGuid: beat.guid, name: HOST_ACTIONS.markCtaClicked }),\n    )\n    .catch((error) =>\n      stores.captureException(error, {\n        store: 'ctaActions',\n        template: beat.template,\n        handler: 'markCtaClicked',\n      }),\n    )\n}\n\n/**\n * Trigger 1 + the first-click bookkeeping together: every CTA press's generic analytics\n * (`Primary/Secondary Action Selected`), plus `FIRST_TIME_PRIMARY_ACTION_SELECTED` /\n * `cta_clicked_at` on the first primary press. The one call site for \"a CTA got pressed\",\n * used by the runner and by the contact-support bypass in `BaseLayout`.\n */\nexport const reportCtaClick = (\n  ctx: AnalyticsCtx & Pick<CtaContext, 'slot'>,\n  { skipCtaClicked = false }: { skipCtaClicked?: boolean } = {},\n): void => {\n  sendCtaAnalytics(\n    ctx,\n    ctx.slot === 'primary'\n      ? ANALYTICS_EVENTS_CONFIG.PRIMARY_ACTION_SELECTED\n      : ANALYTICS_EVENTS_CONFIG.SECONDARY_ACTION_SELECTED,\n  )\n\n  if (!skipCtaClicked) markCtaClicked(ctx)\n}\n\n// ─── Shared bookkeeping ─────────────────────────────────────────────────────\n\n/** Runs a named handler, then its `onSuccess` effects. Shared by card CTAs and drawer saves. */\nconst runHandlerWithEffects = async (\n  ctx: CtaContext,\n  handlerName: CtaHandlerName,\n  onSuccess: CtaEffect[],\n): Promise<void> => {\n  // Names are typed, but the map is still indexed defensively: config can come from anywhere.\n  const handler = (ctaHandlers as Record<string, CtaHandler>)[handlerName]\n\n  if (!handler) throw new Error(`Unknown CTA handler \"${handlerName}\"`)\n\n  await handler(ctx)\n\n  for (const effect of onSuccess) runEffect(effect, ctx)\n}\n\n/** Per-beat status around `work`: `pending` -> `done` | `error` (+ captureException). */\nconst withCtaStatus = async (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  work: () => Promise<void>,\n  captureContext: Record<string, string> = {},\n): Promise<boolean> => {\n  const { insightsV2Store } = stores\n\n  insightsV2Store.setCtaStatus(beat.guid, 'pending')\n\n  try {\n    await work()\n    insightsV2Store.setCtaStatus(beat.guid, 'done')\n\n    return true\n  } catch (error) {\n    insightsV2Store.setCtaStatus(beat.guid, 'error')\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      ...captureContext,\n    })\n\n    return false\n  }\n}\n\n/** The step's params, overridden by the caller's. */\nconst withStepParams = (step: CtaStep, ctx: CtaContext): CtaContext => {\n  const stepParams = typeof step.params === 'function' ? step.params(ctx) : step.params\n\n  return { ...ctx, params: { ...stepParams, ...ctx.params } }\n}\n\n// ─── Entry points ───────────────────────────────────────────────────────────\n\n// Runs the CTA's step: handler, onSuccess effects, post message, then the next target.\nexport const runCtaAction = async (ctx: CtaContext): Promise<void> => {\n  const step = resolveStep(ctx)\n  const stepCtx = withStepParams(step, ctx)\n\n  reportCtaClick(stepCtx, { skipCtaClicked: step.skipCtaClicked })\n\n  await withCtaStatus(stepCtx, async () => {\n    if (step.run) await runHandlerWithEffects(stepCtx, step.run, step.onSuccess ?? [])\n\n    // A step's own event, e.g. select_savings_account (Saved) / open_savings_account (Created).\n    if (step.analytics) sendCtaAnalytics(stepCtx, step.analytics)\n\n    const metadata = resolveCtaMetadata(stepCtx)\n\n    if (metadata) postCtaMessage(stepCtx, metadata)\n\n    if (opensDrawer(step, stepCtx.cta)) openDrawerForSlot(stepCtx)\n  })\n}\n\n/**\n * A pinned beat's auto-open: runs the card action's (`in_description_cta`) step and opens its block,\n * with no press analytics or post message. Does nothing while the step shows a status (e.g. an\n * answered subscription), nothing or a disabled button. Never rejects: failures are reported.\n */\nexport const runInDescriptionCta = async ({\n  beat,\n  stores,\n  hostActions = {},\n}: RunInDescriptionCtaArgs): Promise<void> => {\n  const link = beat.insights_payload?.in_description_cta\n\n  if (!link) return\n\n  const cta = { ...link, block: link.block ?? '' }\n  const step = resolveStep({ cta })\n\n  try {\n    const ctx = withStepParams(step, {\n      beat,\n      cta,\n      slot: 'primary',\n      stores,\n      hostActions,\n      params: {},\n    })\n\n    await step.prepare?.(ctx)\n\n    // Read after the load; `disabled` also covers a press made meanwhile (pending).\n    const { disabled, presentation } = resolveCtaState(ctx)\n\n    if (disabled || presentation) return\n\n    if (step.run) {\n      const { run, onSuccess = [] } = step\n\n      if (!(await withCtaStatus(ctx, () => runHandlerWithEffects(ctx, run, onSuccess)))) return\n    }\n\n    // Never replaces a drawer the user opened meanwhile.\n    if (opensDrawer(step, cta) && !stores.insightsV2Store.actionDrawer.isDrawerOpen) {\n      stores.insightsV2Store.openActionDrawer({\n        guid: beat.guid,\n        trigger: 'inDescriptionCta',\n        cta: { block: cta.block, variant: cta.variant, action_key: cta.action_key },\n      })\n    }\n  } catch (error) {\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      handler: 'runInDescriptionCta',\n    })\n  }\n}\n\n/** Placeholder CTA for handlers run from inside a drawer, where no card slot is involved. */\nconst DIRECT_CTA = { label: '', block: '' }\n\n/** Runs a handler directly (drawer Save buttons). True on success. */\nexport const runCtaHandler = (\n  ctx: CtaHandlerContext,\n  handlerName: CtaHandlerName,\n  { onSuccess = [], analytics }: RunHandlerOptions = {},\n): Promise<boolean> => {\n  const fullCtx: CtaContext = { ...ctx, cta: DIRECT_CTA, slot: 'primary' }\n\n  return withCtaStatus(\n    fullCtx,\n    async () => {\n      await runHandlerWithEffects(fullCtx, handlerName, onSuccess)\n\n      // Success-time analytics for drawer Saves.\n      if (analytics) sendCtaAnalytics(fullCtx, analytics)\n    },\n    { handler: handlerName },\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"runCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/runCtaAction.ts"],"sourcesContent":["import { sendBeatCta } from '../../common/utils/PostMessage'\nimport {\n  ANALYTICS_EVENTS_CONFIG,\n  type AnalyticsEventConfigEntry,\n} from '../analytics/analyticsEventsConfig'\nimport { resolveAnalyticsEvent } from '../analytics/resolveAnalyticsEvent'\nimport { hasDrawerBlock } from '../mappings/hasDrawerBlock'\nimport { ctaActions } from './ctaConfig'\nimport { resolveCtaMetadata } from './ctaPostMessages'\nimport { ctaHandlers, type CtaHandlerName } from './ctaHandlers'\nimport { HOST_ACTIONS } from './hostActions'\nimport type { CtaPostMessageMetadata } from '../../core'\nimport type {\n  CtaContext,\n  CtaEffect,\n  CtaHandler,\n  CtaHandlerContext,\n  CtaState,\n  CtaStateContext,\n  CtaStep,\n  RunHandlerOptions,\n  RunInDescriptionCtaArgs,\n} from './types'\n\nconst DEFAULT_STEP: CtaStep = {}\n\n// ─── Resolution ─────────────────────────────────────────────────────────────\n\n/** The beat's own context (input a block collected for it), `{}` until something is written. */\nexport const beatContextOf = ({ beat, stores }: Pick<CtaStateContext, 'beat' | 'stores'>) =>\n  stores.insightsV2Store.beatContext[beat.guid] ?? {}\n\n/** The step named by the CTA's `action_key`, or the empty default (no key / unknown key). */\nexport const resolveStep = ({ cta }: { cta: { action_key?: string | null } }): CtaStep =>\n  (cta.action_key && ctaActions[cta.action_key]) || DEFAULT_STEP\n\n/** Pending always disables, as may the step's `disabledWhen`; its `presenter` may replace the button. */\nexport const resolveCtaState = (ctx: CtaStateContext): CtaState => {\n  const step = resolveStep(ctx)\n  const pending = ctx.stores.insightsV2Store.ctaStatus[ctx.beat.guid] === 'pending'\n  const presentation = step.presenter?.(ctx)\n\n  return {\n    disabled: pending || (step.disabledWhen?.(ctx) ?? false),\n    ...(presentation && { presentation }),\n  }\n}\n\n// ─── Targets and effects ────────────────────────────────────────────────────\n\n/** Opens the beat's drawer for whichever slot triggered the current step. */\nconst openDrawerForSlot = ({\n  beat,\n  slot,\n  stores,\n}: Pick<CtaContext, 'beat' | 'slot' | 'stores'>) => {\n  stores.insightsV2Store.openCtaDrawer(\n    beat.guid,\n    slot === 'primary' ? 'primaryCta' : 'secondaryCta',\n  )\n}\n\n/**\n * Posts this CTA's resolved message (event, op and beat-specific payload, from the backend's\n * `cta.metadata` or the template's `ctaPostMessages` entry) to the host.\n */\nexport const postCtaMessage = (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  metadata: CtaPostMessageMetadata,\n) => {\n  const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n  const { event, action, payload } = metadata\n\n  sendBeatCta(beat, {\n    event: event ?? undefined,\n    op: action ?? undefined,\n    extras: payload ?? undefined,\n    isMobileWebview: is_mobile_webview,\n    webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n    userGuid: beat.insights_payload?.user_guid ?? beat.user_guid,\n  })\n}\n\n/**\n * Whether the step's target opens the drawer: `drawer` always, `default` only for a real block (a\n * missing block never implies a post message), `none` never. Omitted: `none` with `run`, else `default`.\n */\nconst opensDrawer = (step: CtaStep, cta: { block?: string | null }) => {\n  const target = step.next ?? (step.run ? 'none' : 'default')\n\n  return target === 'drawer' || (target === 'default' && hasDrawerBlock(cta.block))\n}\n\nconst runEffect = (effect: CtaEffect, { beat, stores }: CtaContext) => {\n  switch (effect) {\n    case 'refreshBeat':\n      stores.emitUpdate({ staleBeatGuid: beat.guid })\n      break\n  }\n}\n\ntype AnalyticsCtx = Pick<CtaContext, 'beat' | 'stores' | 'hostActions'>\n\n/**\n * The one way to fire a catalogued analytics event. Takes the catalogue entry itself (e.g.\n * `ANALYTICS_EVENTS_CONFIG.PRIMARY_ACTION_SELECTED`), not a lookup key — the call site already\n * has the entry via property access, so there is no key to look up or mistype. Resolves the\n * payload and hands it to the host directly. Never throws: a failed fire is captured, it\n * cannot fail or disable anything.\n */\nexport const sendCtaAnalytics = (ctx: AnalyticsCtx, event: AnalyticsEventConfigEntry): void => {\n  try {\n    ctx.hostActions.onAnalyticsEvent?.(resolveAnalyticsEvent(event, ctx.beat))\n  } catch (error) {\n    ctx.stores.captureException(error, {\n      store: 'ctaActions',\n      template: ctx.beat.template,\n      handler: 'sendCtaAnalytics',\n    })\n  }\n}\n\n// First primary click: fires FIRST_TIME_PRIMARY_ACTION_SELECTED and records cta_clicked_at.\nconst markCtaClicked = (ctx: AnalyticsCtx & Pick<CtaContext, 'slot'>): void => {\n  const { beat, slot, hostActions, stores } = ctx\n\n  if (slot !== 'primary' || beat.cta_clicked_at) return\n\n  sendCtaAnalytics(ctx, ANALYTICS_EVENTS_CONFIG.FIRST_TIME_PRIMARY_ACTION_SELECTED)\n\n  // Fire-and-forget; a failed write must not fail the user's action, but still report it.\n  Promise.resolve()\n    .then(() =>\n      hostActions.onCtaAction?.({ beatGuid: beat.guid, name: HOST_ACTIONS.markCtaClicked }),\n    )\n    .catch((error) =>\n      stores.captureException(error, {\n        store: 'ctaActions',\n        template: beat.template,\n        handler: 'markCtaClicked',\n      }),\n    )\n}\n\n/**\n * Trigger 1 + the first-click bookkeeping together: every CTA press's generic analytics\n * (`Primary/Secondary Action Selected`), plus `FIRST_TIME_PRIMARY_ACTION_SELECTED` /\n * `cta_clicked_at` on the first primary press. The one call site for \"a CTA got pressed\",\n * used by the runner and by the contact-support bypass in `BaseLayout`.\n */\nexport const reportCtaClick = (\n  ctx: AnalyticsCtx & Pick<CtaContext, 'slot'>,\n  { skipCtaClicked = false }: { skipCtaClicked?: boolean } = {},\n): void => {\n  sendCtaAnalytics(\n    ctx,\n    ctx.slot === 'primary'\n      ? ANALYTICS_EVENTS_CONFIG.PRIMARY_ACTION_SELECTED\n      : ANALYTICS_EVENTS_CONFIG.SECONDARY_ACTION_SELECTED,\n  )\n\n  if (!skipCtaClicked) markCtaClicked(ctx)\n}\n\n// ─── Shared bookkeeping ─────────────────────────────────────────────────────\n\n/** Runs a named handler, then its `onSuccess` effects. Shared by card CTAs and drawer saves. */\nconst runHandlerWithEffects = async (\n  ctx: CtaContext,\n  handlerName: CtaHandlerName,\n  onSuccess: CtaEffect[],\n): Promise<void> => {\n  // Names are typed, but the map is still indexed defensively: config can come from anywhere.\n  const handler = (ctaHandlers as Record<string, CtaHandler>)[handlerName]\n\n  if (!handler) throw new Error(`Unknown CTA handler \"${handlerName}\"`)\n\n  await handler(ctx)\n\n  for (const effect of onSuccess) runEffect(effect, ctx)\n}\n\n/** Per-beat status around `work`: `pending` -> `done` | `error` (+ captureException). */\nconst withCtaStatus = async (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  work: () => Promise<void>,\n  captureContext: Record<string, string> = {},\n): Promise<boolean> => {\n  const { insightsV2Store } = stores\n\n  insightsV2Store.setCtaStatus(beat.guid, 'pending')\n\n  try {\n    await work()\n    insightsV2Store.setCtaStatus(beat.guid, 'done')\n\n    return true\n  } catch (error) {\n    insightsV2Store.setCtaStatus(beat.guid, 'error')\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      ...captureContext,\n    })\n\n    return false\n  }\n}\n\n/** The step's params, overridden by the caller's. */\nconst withStepParams = (step: CtaStep, ctx: CtaContext): CtaContext => {\n  const stepParams = typeof step.params === 'function' ? step.params(ctx) : step.params\n\n  return { ...ctx, params: { ...stepParams, ...ctx.params } }\n}\n\n// ─── Entry points ───────────────────────────────────────────────────────────\n\n// Runs the CTA's step: handler, onSuccess effects, post message, then the next target.\nexport const runCtaAction = async (ctx: CtaContext): Promise<void> => {\n  const step = resolveStep(ctx)\n  const stepCtx = withStepParams(step, ctx)\n\n  reportCtaClick(stepCtx, { skipCtaClicked: step.skipCtaClicked })\n\n  await withCtaStatus(stepCtx, async () => {\n    if (step.run) await runHandlerWithEffects(stepCtx, step.run, step.onSuccess ?? [])\n\n    // A step's own event, e.g. select_savings_account (Saved) / open_savings_account (Created).\n    if (step.analytics) sendCtaAnalytics(stepCtx, step.analytics)\n\n    const metadata = resolveCtaMetadata(stepCtx)\n\n    if (metadata) postCtaMessage(stepCtx, metadata)\n\n    if (opensDrawer(step, stepCtx.cta)) openDrawerForSlot(stepCtx)\n  })\n}\n\n/**\n * A pinned beat's auto-open: runs the card action's (`in_description_cta`) step and opens its block,\n * with no press analytics or post message. Does nothing while the step shows a status (e.g. an\n * answered subscription), nothing or a disabled button. Never rejects: failures are reported.\n */\nexport const runInDescriptionCta = async ({\n  beat,\n  stores,\n  hostActions = {},\n}: RunInDescriptionCtaArgs): Promise<void> => {\n  const link = beat.insights_payload?.in_description_cta\n\n  if (!link) return\n\n  const cta = { ...link, block: link.block ?? '' }\n  const step = resolveStep({ cta })\n\n  try {\n    const ctx = withStepParams(step, {\n      beat,\n      cta,\n      slot: 'primary',\n      stores,\n      hostActions,\n      params: {},\n    })\n\n    await step.prepare?.(ctx)\n\n    // Read after the load; `disabled` also covers a press made meanwhile (pending).\n    const { disabled, presentation } = resolveCtaState(ctx)\n\n    if (disabled || presentation) return\n\n    if (step.run) {\n      const { run, onSuccess = [] } = step\n\n      if (!(await withCtaStatus(ctx, () => runHandlerWithEffects(ctx, run, onSuccess)))) return\n    }\n\n    // Never replaces a drawer the user opened meanwhile.\n    if (opensDrawer(step, cta) && !stores.insightsV2Store.actionDrawer.isDrawerOpen) {\n      stores.insightsV2Store.openActionDrawer({\n        guid: beat.guid,\n        trigger: 'inDescriptionCta',\n        cta: { block: cta.block, variant: cta.variant, action_key: cta.action_key },\n      })\n    }\n  } catch (error) {\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      handler: 'runInDescriptionCta',\n    })\n  }\n}\n\n/** Placeholder CTA for handlers run from inside a drawer, where no card slot is involved. */\nconst DIRECT_CTA = { label: '', block: '' }\n\n/** Runs a handler directly (drawer Save buttons). True on success. */\nexport const runCtaHandler = (\n  ctx: CtaHandlerContext,\n  handlerName: CtaHandlerName,\n  { onSuccess = [], analytics }: RunHandlerOptions = {},\n): Promise<boolean> => {\n  const fullCtx: CtaContext = { ...ctx, cta: DIRECT_CTA, slot: 'primary' }\n\n  return withCtaStatus(\n    fullCtx,\n    async () => {\n      await runHandlerWithEffects(fullCtx, handlerName, onSuccess)\n\n      // Success-time analytics for drawer Saves.\n      if (analytics) sendCtaAnalytics(fullCtx, analytics)\n    },\n    { handler: handlerName },\n  )\n}\n"],"mappings":"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"}

package/package.json

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