@mx-cartographer/experiences 9.7.98 → 9.7.99-alpha-ram-cs-1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [9.7.100] - 11-04-2026
+
+- **ADDED** - Category Spending on Insights 2.0: Create a Budget modal, Budget Details month view with Export CSV, Try Again on failed budget changes, budget analytics, and bar clicks that open Spending History in every state (WEC-2215)
+
+## [9.7.99] - 11-04-2026
+
+- **CHANGED** - The `transaction_list_block` drilldown title is driven by the CTA variant (via a variant-to-title map): the `generic_list` variant drawer is titled "Transactions" (`copy.transactions.transactions_title`), while `summary_header`, `standard` and variant-less drawers keep the beat's own title. Weekly New Merchants V3's drawer (CTA variant `generic_list`) now reads "Transactions" instead of the card's "Purchases for Review" (WEC-2189)
+
 ## [9.7.98] - 11-04-2026
 
 - **FIXED** - Celebrate Credit Card Payoff card spacing matches Figma (WEC-2170)

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

@@ -4,59 +4,37 @@ export interface ThemedSVGImageProps {
     image: React.ComponentType<React.SVGProps<SVGSVGElement>>;
     isMini?: boolean;
 }
-/**
- * Emitted by a block when the user drills into a specific datum (e.g. clicks a
- * chart bar). Named fields rather than positional args so blocks with differing
- * shapes can extend this without the call sites transposing values.
- */
+/** Emitted when the user drills into a datum (e.g. a chart bar click). */
 export interface DrilldownPayload {
     chartBarIndex: number;
     tabIndex?: number;
     transaction_guid?: string;
     block?: string;
+    /** Drawer variant the bar names itself, used when no CTA names its block. */
+    variant?: string;
 }
-/**
- * Which envelope a beat was fetched with. `embedded` (the transaction-row pill + details-drawer
- * card) and `notification` are V2 additions; a surface asks for one with `widget_type=` on the fetch.
- */
+/** The envelope a beat was fetched with; a surface asks with `widget_type=`. */
 export type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification';
-/**
- * V2: the transaction-row tag, its own small section of the `embedded` envelope (the same grammar
- * as `description` / `footer`, with room for a tone or an icon later). Omitted for an insight that
- * tags no transaction row. It deliberately is *not* `short_title`, which stays a per-variant
- * attribute with a second consumer (the bank-holiday sub-header).
- */
+/** V2: the transaction-row tag, from the `embedded` envelope. Not `short_title`. */
 export interface Pill {
     text: string;
 }
 /**
- * V2: facts a drilldown shows that the card does not. On the payload: what every CTA of the card
- * shares (e.g. the account number for the Transaction Details drawer, or the guid list a list drawer
- * shows, `transaction_guids`). On a CTA: the figures that CTA's own drilldown renders (the Transaction
- * List summary header's `amount`, `start_date` / `end_date` and `count`, see `readSummary`). Scalars
- * or string lists, omitted when the insight has none. Never carries copy or user actions (memo,
- * tags, hide, flag come from the transaction store). Values come from the server, so a reader still
- * checks each value's runtime shape.
+ * V2: facts a drilldown shows that the card doesn't (scalars or string lists, never copy).
+ * Server values, so readers still check each value's shape.
  */
 export type DrilldownData = Record<string, string | number | boolean | null | string[]>;
 export interface InsightsPayload {
     widget_type: WidgetType;
     instance_slot: InstanceSlot;
-    /**
-     * V1 only. The v2 contract carries everything a block needs on `instance_slot.data`,
-     * and omits this key entirely (see the LargeTransactionV2 payload). Blocks that still require it
-     * get it as a required field through `BlockProps`, which re-declares it.
-     */
+    /** V1 only; V2 sends `instance_slot.data` instead. */
     instance_slot_data?: InsightsInstanceSlotData;
     description: Description;
     primary_cta?: PrimaryCTA;
     secondary_cta?: SecondaryCTA;
     title?: string;
     sub_title?: Subtitle;
-    /**
-     * V2 rename of `sub_title`: a flat string, with the logo promoted to the payload-level `logo`
-     * field below. `sub_title` wins when both are present.
-     */
+    /** V2 rename of `sub_title`; `sub_title` wins when both are present. */
     subtitle?: string;
     /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */
     logo?: LogoRef;
@@ -64,17 +42,10 @@ export interface InsightsPayload {
     variant?: string;
     /** V2, `embedded` envelope only: the transaction-row pill. */
     pill?: Pill;
-    /**
-     * V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`, or the guid list a list
-     * drawer shows (`{ transaction_guids: [...] }`).
-     */
+    /** V2: drilldown-only facts, e.g. `{ account_number }` or `{ transaction_guids }`. */
     drilldown_data?: DrilldownData;
     footer?: Footer;
-    /**
-     * V2: the link inside the description: on the full card a drawer of its own (Low Account
-     * Balance's "Transactions ›"); on mini and micro the card's action, sent instead of `primary_cta`.
-     * Absent when the beat has no link.
-     */
+    /** V2: the description link; on mini and micro it's the card's action. */
     in_description_cta?: InDescriptionCTA;
     guid: string;
     user_guid: string;
@@ -100,19 +71,12 @@ export interface InsightsPayload {
     is_sampled?: boolean;
     is_zero_state?: boolean;
     status?: string | null;
-    /**
-     * V2 (LargeTransactionV2 onward): the entities the beat is about, carried on the payload so
-     * action blocks do not have to reach back out to the beat envelope.
-     */
+    /** V2: the entities the beat is about, so action blocks needn't read the beat. */
     primary_account_guid?: string | null;
     primary_transaction_guid?: string | null;
     primary_category_guid?: string | null;
     primary_merchant_guid?: string | null;
-    /**
-     * V2: the repeating transaction a subscription beat is about (Upcoming Subscription, Subscription
-     * Price Increase). Read by `recurring_transaction_block`, see
-     * `actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts`.
-     */
+    /** V2: the subscription beat's repeating transaction (read by `recurring_transaction_block`). */
     primary_repeating_transaction_guid?: string | null;
 }
 export interface Legends {
@@ -139,19 +103,8 @@ export interface Subtitle {
     text: string;
 }
 /**
- * A V2 logo, shared by the header (`InsightsPayload.logo`) and every instance-slot row. It takes
- * one of two shapes:
- *
- * - **Entity**: `guid`, whose prefix (`INS-` / `MCH-` / `CAT-`) picks the logo component, plus an
- *   optional `fallback_guid` for when that component's asset cannot load. Today that is the
- *   category behind an `MCH-` guid, which `MerchantLogo` shows as a tile when the merchant image
- *   is missing.
- * - **Status icon**: `icon` (an mx-icons name, e.g. `warning`) and `color` (a theme palette path,
- *   e.g. `error.main`), for subheaders that show a state rather than an entity (V1's
- *   `logo_name` / `logo_color`).
- *
- * `alt` is the accessible name for either shape. A logo sends one shape; if it sends both, `icon`
- * wins, as `logo_name` does in V1's `SubHeader`.
+ * A V2 logo: an entity `guid` (`INS-`/`MCH-`/`CAT-`, optional `fallback_guid`) or a status
+ * `icon` + `color`. `alt` names either; `icon` wins if both are sent.
  */
 export interface LogoRef {
     alt?: string;
@@ -176,13 +129,7 @@ export interface Description {
     text: string;
     html_text: string;
 }
-/**
- * Post message a CTA press sends to the host, resolved by the backend for the beat's current
- * state. Absent/null = the backend has not described one: the frontend uses the template's
- * interim `ctaPostMessages` entry if there is one, else sends no message. `payload` carries only
- * beat-specific extras; the frontend always adds `beat_guid`, `beat_template`, `user_guid` and
- * `action_string`.
- */
+/** Post message a CTA press sends to the host; absent means use `ctaPostMessages` or send none. */
 export interface CtaPostMessageMetadata {
     /** Post message event; defaults to `beat/cta`. */
     event?: string | null;
@@ -195,11 +142,7 @@ export interface PrimaryCTA {
     label: string;
     block: string;
     variant?: string | null;
-    /**
-     * What pressing the CTA does beyond opening its block, named by the backend (ditto
-     * `primary_cta_action`, passed through by tupac). Looked up in `insights-v2/ctaActions`;
-     * null / absent / unknown means the CTA only opens its block or posts its message.
-     */
+    /** Backend-named behaviour beyond opening `block` (see `ctaActions`); absent means just open it. */
     action_key?: string | null;
     metadata?: CtaPostMessageMetadata | null;
     /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */
@@ -207,10 +150,7 @@ export interface PrimaryCTA {
 }
 export interface SecondaryCTA {
     label: string;
-    /**
-     * Drawer block to open. `null` when the CTA opens nothing (ditto `secondary_cta_block: null`,
-     * e.g. Fee Detected's "Contact Support"): the press posts its message to the host instead.
-     */
+    /** Drawer block to open; `null` means the press only posts its message. */
     block: string | null;
     variant?: string | null;
     /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */
@@ -219,11 +159,7 @@ export interface SecondaryCTA {
     /** Figures this CTA's drilldown renders (e.g. a summary header's amount/dates/count). */
     drilldown_data?: DrilldownData;
 }
-/**
- * The description link: its label, the action block it opens and, like a CTA's, the variant that
- * tells that block what to show (ditto's `in_description_cta_variant`, e.g. `low_balance`). On mini
- * and micro it words the card's action; `block` is empty when that action opens no drawer.
- */
+/** The description link: label, the block it opens and that block's variant. */
 export interface InDescriptionCTA {
     label: string;
     block?: string;
@@ -239,17 +175,9 @@ export interface InDescriptionCTA {
 export interface Footer {
     /** V1: a pre-formatted date string. */
     date?: string;
-    /**
-     * The account label, on both V1 and V2. The backend resolves the plurality: one account sends
-     * its name (e.g. `Epic Bank`), several send a localized count (e.g. `2 Accounts`), none sends
-     * `null` (tupac's `footer_account_label` returns nil for a beat with no accounts, as Payday Cash
-     * Left Over Status does). There is deliberately no separate `accounts` key.
-     */
+    /** Account label as sent: a name, a localized "N Accounts", or `null`. */
     account?: string | null;
-    /**
-     * V2 (LargeTransactionV2 onward): unix seconds, formatted by `Footer` for display.
-     * Replaces `date`; `date` wins when a beat somehow sends both.
-     */
+    /** V2: unix seconds, formatted by `Footer`; `date` wins if both are sent. */
     timestamp?: number;
 }
 export declare const BlockType: {
@@ -277,43 +205,22 @@ export declare const BlockType: {
     readonly WithdrawalBlock: "withdrawal_block";
 };
 export type BlockType = (typeof BlockType)[keyof typeof BlockType];
-/**
- * A pre-localized row on a V2 instance slot. The backend resolves the copy and formatting; the
- * logo is a `LogoRef` (an entity guid or a status icon, see `logoFromRef`).
- */
+/** A pre-localized V2 slot row; the logo is a `LogoRef`. */
 export interface InstanceSlotRow {
     amount?: number;
     logo?: LogoRef;
     primary_text?: string;
     secondary_text?: string;
 }
-/**
- * V2: the slots a block's variant filled, keyed by slot name; ditto owns the names and omits any
- * slot it has no value for (`lib/ditto/blocks/<block>.yml`). Read with `slot()`, which names the
- * kind the caller expects.
- */
+/** V2 slots keyed by name; ditto owns the names and omits empty ones. Read with `slot()`. */
 export interface InstanceSlotData {
     [slot: string]: unknown;
 }
-/**
- * Reads one slot off a block's `data`; undefined when ditto did not fill it.
- *
- * The caller names the kind, because the slot's kind lives in the block's ditto schema and not
- * here — a block fills slots with whatever its card needs, so no fixed list of kinds would hold
- * (`account_switch_block` alone carries a boolean and `budget_block` a nested object).
- */
+/** Reads one slot off a block's `data`; the caller names its kind (ditto owns the schema). */
 export declare const slot: <T = unknown>(data: InstanceSlotData | undefined, name: string) => T | undefined;
 /**
- * V2: which block renders this beat's content, and what it renders.
- *
- * `block` is optional: a beat whose template has no ditto config arrives as an empty `{}` and the
- * card renders its copy and CTAs alone, so a reader cannot assume a block is named. One interface
- * with `block` optional rather than a union with `Record<string, never>`, which TypeScript absorbs
- * — that union left `block` reading as required and typed a promise it did not keep.
- *
- * `variant` is optional for the same reason — the empty `{}` carries neither. Every ditto beat
- * file that names a block also names a variant, so a *filled* slot always has one; ditto drops a
- * nil variant rather than sending null, which is why the type is `string | null | undefined`.
+ * V2: which block renders the beat. `block` and `variant` are optional: a template with no ditto
+ * config sends `{}`, and the card renders copy and CTAs alone.
  */
 export interface InstanceSlot {
     block?: BlockType;

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  /** 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"}
+{"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/** Emitted when the user drills into a datum (e.g. a chart bar click). */\nexport interface DrilldownPayload {\n  chartBarIndex: number\n  tabIndex?: number\n  transaction_guid?: string\n  block?: string\n  /** Drawer variant the bar names itself, used when no CTA names its block. */\n  variant?: string\n}\n\n/** The envelope a beat was fetched with; a surface asks with `widget_type=`. */\nexport type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification'\n\n/** V2: the transaction-row tag, from the `embedded` envelope. Not `short_title`. */\nexport interface Pill {\n  text: string\n}\n\n/**\n * V2: facts a drilldown shows that the card doesn't (scalars or string lists, never copy).\n * Server values, so readers still check each value's 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  /** V1 only; V2 sends `instance_slot.data` instead. */\n  instance_slot_data?: InsightsInstanceSlotData\n  description: Description\n  primary_cta?: PrimaryCTA\n  secondary_cta?: SecondaryCTA\n  title?: string\n  sub_title?: Subtitle\n  /** V2 rename of `sub_title`; `sub_title` wins when both are present. */\n  subtitle?: string\n  /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */\n  logo?: LogoRef\n  /** V2: which design branch the backend picked (e.g. `no_merchant`). */\n  variant?: string\n  /** V2, `embedded` envelope only: the transaction-row pill. */\n  pill?: Pill\n  /** V2: drilldown-only facts, e.g. `{ account_number }` or `{ transaction_guids }`. */\n  drilldown_data?: DrilldownData\n  footer?: Footer\n  /** V2: the description link; on mini and micro it's the card's action. */\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  /** V2: the entities the beat is about, so action blocks needn't read the beat. */\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  /** V2: the subscription beat's repeating transaction (read by `recurring_transaction_block`). */\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: an entity `guid` (`INS-`/`MCH-`/`CAT-`, optional `fallback_guid`) or a status\n * `icon` + `color`. `alt` names either; `icon` wins if both are sent.\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/** Post message a CTA press sends to the host; absent means use `ctaPostMessages` or send none. */\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  /** Backend-named behaviour beyond opening `block` (see `ctaActions`); absent means just open it. */\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  /** Drawer block to open; `null` means the press only posts its message. */\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/** The description link: label, the block it opens and that block's variant. */\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  /** Account label as sent: a name, a localized \"N Accounts\", or `null`. */\n  account?: string | null\n  /** V2: unix seconds, formatted by `Footer`; `date` wins if both are sent. */\n  timestamp?: number\n}\n\n// Instance slot types: values are the snake_case block names the backend sends.\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/** A pre-localized V2 slot row; the logo is a `LogoRef`. */\nexport interface InstanceSlotRow {\n  amount?: number\n  logo?: LogoRef\n  primary_text?: string\n  secondary_text?: string\n}\n\n/** V2 slots keyed by name; ditto owns the names and omits empty ones. Read with `slot()`. */\nexport interface InstanceSlotData {\n  [slot: string]: unknown\n}\n\n/** Reads one slot off a block's `data`; the caller names its kind (ditto owns the schema). */\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 the beat. `block` and `variant` are optional: a template with no ditto\n * config sends `{}`, and the card renders copy and CTAs alone.\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: account facts carried flat on the slot.\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 by UpcomingBillBlock and UpcomingSubscriptionBlock.\n  /** Dollar amount (unformatted); the block formats it as currency. */\n  amount?: number\n  // Withdrawal block: one flat row; `amount` above is the withdrawal.\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: the week strip is derived from `due_date`.\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 fallback for the label when `data.sub_text` is absent.\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, deposit, payoff variants): card content flat on the slot.\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":"AAoPA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}

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

@@ -1,12 +1,7 @@
 import { ActionBlockProps } from '../../mappings/blocks';
 /**
- * `amount_input_modal_block`: one whole-dollar setting edited in a dialog (Figma 441:24913 and
- * 5402:34137). The CTA's variant picks what is edited:
- * - `low_balance_threshold`: the `threshold` on the beat account's low-balance alert profile;
- * - `safety_net`: `savings_opportunity_minimum_checking_account_balance` on the insight profile.
- *
- * Registered with `presentation: 'modal'`, so no drawer opens behind it; closing the dialog ends
- * the action-drawer session. `observer` is required: the starting values are read from stores.
+ * `amount_input_modal_block`: one whole-dollar setting in a modal, picked by the CTA variant
+ * (low-balance threshold, safety net or create budget).
  */
 export declare const AmountInputModalBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;

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

@@ -1,133 +1,140 @@
-import { buildDynamicCopy as z } from "../../../core/utils/Localization.es.js";
-import q from "../../../common/utils/AccountDisplayName.es.js";
-import { useGlobalCopyStore as J, useInsightsV2Store as K, useSettingsStore as Q, useUserStore as X } from "../../../common/context/hooks.es.js";
-import Z from "../../../common/components/Loader.es.js";
-import oo from "../../../common/components/CurrencyDialog.es.js";
-import { useBeatActions as to } from "../../beatActions.es.js";
-import { ANALYTICS_EVENTS_CONFIG as c } from "../../analytics/analyticsEventsConfig.es.js";
-import { useCtaHandler as eo } from "../../ctaActions/useCtaAction.es.js";
-import { useAnalyticsEvent as io } from "../../analytics/useAnalyticsEvent.es.js";
-import { getDynamicCtaBasedOnTriggers as no } from "../util.es.js";
-import { AMOUNT_INPUT_VARIANTS as ro, findLowBalanceProfile as ao, isAmountInputVariant as x, isWholeAmount as so, resolveAmountInputVariant as co, toInputValue as lo } from "./layout.es.js";
-import r from "react";
-import { observer as uo } from "mobx-react-lite";
-import P from "@mui/material/Stack";
-import { H3 as mo, InstitutionLogo as po, Text as H } from "@mxenabled/mxui";
-import { Icon as _o } from "@mxenabled/mx-icons";
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-import fo from "@mui/material/Dialog";
-import ho from "@mui/material/IconButton";
-var w = ({ children: I, closeAriaLabel: i, heading: o, onClose: l }) => {
-  const u = r.useId();
-  return /* @__PURE__ */ e(fo, {
-    "aria-labelledby": o ? u : void 0,
+import { buildDynamicCopy as W } from "../../../core/utils/Localization.es.js";
+import Y from "../../../common/utils/AccountDisplayName.es.js";
+import { useGlobalCopyStore as j, useInsightsV2Store as w, useSettingsStore as z, useUserStore as q } from "../../../common/context/hooks.es.js";
+import J from "../../../common/components/Loader.es.js";
+import K from "../../../common/components/CurrencyDialog.es.js";
+import { useBeatActions as Q } from "../../beatActions.es.js";
+import { ANALYTICS_EVENTS_CONFIG as m } from "../../analytics/analyticsEventsConfig.es.js";
+import { useCtaHandler as X } from "../../ctaActions/useCtaAction.es.js";
+import { useAnalyticsEvent as Z } from "../../analytics/useAnalyticsEvent.es.js";
+import { getDynamicCtaBasedOnTriggers as oo } from "../util.es.js";
+import { CreateBudgetDialog as to } from "./CreateBudgetDialog.es.js";
+import { AMOUNT_INPUT_VARIANTS as eo, findLowBalanceProfile as io, isAmountInputVariant as L, isWholeAmount as no, resolveAmountInputVariant as ro, toInputValue as ao } from "./layout.es.js";
+import a from "react";
+import { observer as P } from "mobx-react-lite";
+import B from "@mui/material/Stack";
+import { H3 as so, InstitutionLogo as co, Text as x } from "@mxenabled/mxui";
+import { Icon as lo } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as V } from "react/jsx-runtime";
+import uo from "@mui/material/Dialog";
+import mo from "@mui/material/IconButton";
+var H = ({ children: f, closeAriaLabel: i, heading: n, onClose: o }) => {
+  const c = a.useId();
+  return /* @__PURE__ */ e(uo, {
+    "aria-labelledby": n ? c : void 0,
     maxWidth: "xs",
-    onClose: l,
+    onClose: o,
     open: !0,
-    children: /* @__PURE__ */ k(P, {
+    children: /* @__PURE__ */ V(B, {
       sx: {
         gap: 12,
         p: 24,
         position: "relative"
       },
       children: [
-        o && /* @__PURE__ */ e(mo, {
-          id: u,
-          children: o
+        n && /* @__PURE__ */ e(so, {
+          id: c,
+          children: n
         }),
-        /* @__PURE__ */ e(ho, {
+        /* @__PURE__ */ e(mo, {
           "aria-label": i || "Close",
-          onClick: l,
+          onClick: o,
           sx: {
             position: "absolute",
             right: 8,
             top: 18
           },
-          children: /* @__PURE__ */ e(_o, {
+          children: /* @__PURE__ */ e(lo, {
             name: "close",
             sx: { color: "action.active" }
           })
         }),
-        I
+        f
       ]
     })
   });
-}, Bo = uo(function({ beat: i }) {
-  const { common: o, insights_feed: l } = J(), { actionDrawer: u, closeActionDrawer: m } = K(), f = Q(), { userInsightProfile: v } = X(), S = eo(i, to()), T = io(), { primary_cta: V, secondary_cta: B, in_description_cta: O } = i.insights_payload ?? {}, G = no(u, V, B, O), s = co(G), a = l?.amount_input_modal, t = s === ro.LOW_BALANCE_THRESHOLD, h = t ? ao(f.notificationProfiles, i.primary_account_guid) : void 0, A = t ? h?.threshold : v?.savings_opportunity_minimum_checking_account_balance, [R, F] = r.useState(t), d = r.useRef(!0);
-  r.useEffect(() => (d.current = !0, () => {
+}, Vo = P(function({ beat: i }) {
+  const { actionDrawer: n } = w(), { primary_cta: o, secondary_cta: c, in_description_cta: l } = i.insights_payload ?? {}, [u] = a.useState(() => ro(oo(n, o, c, l)));
+  return u === "create_budget" ? /* @__PURE__ */ e(to, { beat: i }) : /* @__PURE__ */ e(po, {
+    beat: i,
+    variant: u
+  });
+}), po = P(function({ beat: i, variant: n }) {
+  const { common: o, insights_feed: c } = j(), { closeActionDrawer: l } = w(), u = z(), { userInsightProfile: I } = q(), S = X(i, Q()), A = Z(), s = c?.amount_input_modal, t = n === eo.LOW_BALANCE_THRESHOLD, g = t ? io(u.notificationProfiles, i.primary_account_guid) : void 0, T = t ? g?.threshold : I?.savings_opportunity_minimum_checking_account_balance, [k, O] = a.useState(t), d = a.useRef(!0);
+  a.useEffect(() => (d.current = !0, () => {
     d.current = !1;
-  }), []), r.useEffect(() => {
-    t && f.loadNotificationProfiles().finally(() => {
-      d.current && F(!1);
+  }), []), a.useEffect(() => {
+    t && u.loadNotificationProfiles().finally(() => {
+      d.current && O(!1);
     });
-  }, [t, f]);
-  const [M, U] = r.useState(null), [E, C] = r.useState(!1), [$, y] = r.useState(!1), p = M ?? lo(A);
-  if (R) return /* @__PURE__ */ e(w, {
+  }, [t, u]);
+  const [R, G] = a.useState(null), [E, v] = a.useState(!1), [F, h] = a.useState(!1), p = R ?? ao(T);
+  if (k) return /* @__PURE__ */ e(H, {
     closeAriaLabel: o?.close_aria,
-    onClose: m,
-    children: /* @__PURE__ */ e(Z, {})
+    onClose: l,
+    children: /* @__PURE__ */ e(J, {})
   });
-  const n = x(s) ? a?.[s] : void 0, b = !!n?.title && !!n.description && !!n.input_label && !!a?.whole_number_error && !!a.save_error && !!o?.save_button && (!t || !!o.cancel_button) && !!o.close_aria;
-  if (!a || !n || !b || !(t ? h : v))
-    return console.warn(`amount_input_modal_block: ${a ? x(s) ? b ? t ? "no low-balance profile for the account" : "user insight profile not set by the host" : `copy incomplete for "${s}"` : `unknown variant "${s}"` : "copy namespace missing"}`), /* @__PURE__ */ e(w, {
+  const r = L(n) ? s?.[n] : void 0, D = !!r?.title && !!r.description && !!r.input_label && !!s?.whole_number_error && !!s.save_error && !!o?.save_button && (!t || !!o.cancel_button) && !!o.close_aria;
+  if (!s || !r || !D || !(t ? g : I))
+    return console.warn(`amount_input_modal_block: ${s ? L(n) ? D ? t ? "no low-balance profile for the account" : "user insight profile not set by the host" : `copy incomplete for "${n}"` : `unknown variant "${n}"` : "copy namespace missing"}`), /* @__PURE__ */ e(H, {
       closeAriaLabel: o?.close_aria,
       heading: o?.error_heading,
-      onClose: m,
-      children: /* @__PURE__ */ e(H, { children: o?.error_message })
+      onClose: l,
+      children: /* @__PURE__ */ e(x, { children: o?.error_message })
     });
-  const D = () => {
-    T(t ? c.EDIT_INSIGHT_THRESHOLD_CANCELED : c.EDIT_SAFETY_NET_CANCEL), m();
-  }, L = !t && !!A, N = i.primary_account ? q(i.primary_account) : "", g = so(p), W = p !== "" && !g, Y = async () => {
-    if (!g || E) return;
+  const C = () => {
+    A(t ? m.EDIT_INSIGHT_THRESHOLD_CANCELED : m.EDIT_SAFETY_NET_CANCEL), l();
+  }, b = !t && !!T, N = i.primary_account ? Y(i.primary_account) : "", y = no(p), M = p !== "" && !y, U = async () => {
+    if (!y || E) return;
     const _ = Number(p);
-    C(!0), y(!1);
-    const j = t ? await S("updateNotificationProfileThreshold", {
-      profileGuid: h?.guid,
+    v(!0), h(!1);
+    const $ = t ? await S("updateNotificationProfileThreshold", {
+      profileGuid: g?.guid,
       threshold: _
-    }, { analytics: c.EDIT_INSIGHT_THRESHOLD_SAVE }) : await S("updateUserInsightProfile", { fields: { savings_opportunity_minimum_checking_account_balance: _ } }, { analytics: c.EDIT_SAFETY_NET_SAVE });
-    d.current && (C(!1), j ? m() : y(!0));
+    }, { analytics: m.EDIT_INSIGHT_THRESHOLD_SAVE }) : await S("updateUserInsightProfile", { fields: { savings_opportunity_minimum_checking_account_balance: _ } }, { analytics: m.EDIT_SAFETY_NET_SAVE });
+    d.current && (v(!1), $ ? l() : h(!0));
   };
-  return /* @__PURE__ */ e(oo, {
+  return /* @__PURE__ */ e(K, {
     closeAriaLabel: o.close_aria,
-    content: z(L && n.description_edit || n.description, /* @__PURE__ */ e("strong", { children: N }, "account")),
-    errorText: W ? a.whole_number_error : $ ? a.save_error : void 0,
+    content: W(b && r.description_edit || r.description, /* @__PURE__ */ e("strong", { children: N }, "account")),
+    errorText: M ? s.whole_number_error : F ? s.save_error : void 0,
     handleInputChange: (_) => {
-      U(_), y(!1);
+      G(_), h(!1);
     },
-    handleInputClick: t ? () => T(c.EDIT_INSIGHT_THRESHOLD_INPUT_SELECTED) : void 0,
-    handleModalClose: D,
+    handleInputClick: t ? () => A(m.EDIT_INSIGHT_THRESHOLD_INPUT_SELECTED) : void 0,
+    handleModalClose: C,
     handlePrimaryAction: () => {
-      Y();
+      U();
     },
-    handleSecondaryAction: D,
-    inputLabel: n.input_label,
+    handleSecondaryAction: C,
+    inputLabel: r.input_label,
     inputValue: p,
     isOpen: !0,
-    isPrimaryDisabled: E || !g,
+    isPrimaryDisabled: E || !y,
     primaryText: o.save_button,
     secondaryText: t ? o.cancel_button : void 0,
-    subtitle: t && i.primary_account ? /* @__PURE__ */ k(P, {
+    subtitle: t && i.primary_account ? /* @__PURE__ */ V(B, {
       sx: {
         alignItems: "center",
         flexDirection: "row",
         gap: 8
       },
-      children: [/* @__PURE__ */ e(po, {
+      children: [/* @__PURE__ */ e(co, {
         alt: "",
         institutionGuid: i.primary_account.institution_guid ?? "",
         size: 16
-      }), /* @__PURE__ */ e(H, {
+      }), /* @__PURE__ */ e(x, {
         color: "text.secondary",
         uppercase: !0,
         variant: "body2",
         children: N
       })]
     }) : void 0,
-    title: L && n.title_edit || n.title
+    title: b && r.title_edit || r.title
   });
 });
 export {
-  Bo as AmountInputModalBlock
+  Vo as AmountInputModalBlock
 };
 
 //# sourceMappingURL=AmountInputModalBlock.es.js.map