@mx-cartographer/experiences 9.7.103 → 9.7.105

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [9.7.105] - 11-04-2026
+
+- **REMOVED** - Unused dead code from the account filter utilities (MEW-4188)
+
+## [9.7.104] - 11-04-2026
+
+- **ADDED** - `weekly_small_purchases_block` for the Weekly Small Purchases Summary beat on Insights 2.0 (MEW2-3412): the total and up to 6 merchant logo tiles, the last one a "+N" when there are more
+
 ## [9.7.103] - 11-04-2026
 
 - **ADDED** - `savings_summary_block` for the Save Enough to Live On beat on Insights 2.0 (MEW2-3410)

package/dist/common/utils/AccountFilter.d.ts

@@ -1,18 +1,4 @@
-import { GlobalStore } from '../../core/stores/GlobalStore';
 import { Account } from '../../core';
-export interface MappedAccounts {
-    [key: string]: MappedAccount[];
-}
-export interface MappedAccount {
-    accountNumber: string;
-    name: string;
-    guid: string;
-}
-export interface MappedOptions {
-    [key: string]: boolean;
-}
-export declare const setupMappedSelectedOptions: (accounts: Account[], selectedAccountGuids: string[]) => MappedOptions;
-export declare const setupMappedAccounts: (accounts: Account[], closeContentCopy: string, globalStore?: GlobalStore) => MappedAccounts;
 export declare function categorizeAccounts(accounts: Account[]): {
     heldAccounts: Account[];
     externalAccounts: Account[];

package/dist/common/utils/AccountFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountFilter.es.js","names":[],"sources":["../../../src/common/utils/AccountFilter.ts"],"sourcesContent":["import getAccountDisplayName from './AccountDisplayName'\nimport { GlobalStore } from '../../core/stores/GlobalStore'\n\nimport type { Account } from '../../core'\nimport { AccountType, AccountTypeName } from '../../core'\n\nexport interface MappedAccounts {\n  [key: string]: MappedAccount[]\n}\n\nexport interface MappedAccount {\n  accountNumber: string\n  name: string\n  guid: string\n}\n\nexport interface MappedOptions {\n  [key: string]: boolean\n}\n\n// Sets up the collection of selected account guids into a mapped object\nexport const setupMappedSelectedOptions = (accounts: Account[], selectedAccountGuids: string[]) => {\n  return accounts.reduce((accumulator: MappedOptions, account) => {\n    accumulator[account.guid] = selectedAccountGuids?.includes(account.guid)\n    return accumulator\n  }, {})\n}\n\n// Creates a mapped collection of accounts that are grouped together by the account type\nexport const setupMappedAccounts = (\n  accounts: Account[],\n  closeContentCopy: string,\n  globalStore?: GlobalStore,\n) => {\n  return accounts.reduce((accumulator: MappedAccounts, account) => {\n    const accountType = AccountTypeName[account.account_type]\n    const displayName = getAccountDisplayName(account, {\n      allowNickname: globalStore?.appConfig.config?.show_account_nicknames_in_master,\n    })\n    const newAccount = {\n      accountNumber: account.account_number,\n      name: `${displayName} ${account.is_closed ? `(${closeContentCopy})` : ''}`,\n      guid: account.guid,\n    } as MappedAccount\n\n    if (Object.prototype.hasOwnProperty.call(accumulator, accountType)) {\n      accumulator[accountType] = accumulator[accountType].concat(newAccount)\n    } else {\n      accumulator[accountType] = [newAccount]\n    }\n\n    return accumulator\n  }, {})\n}\n\nexport function categorizeAccounts(accounts: Account[]): {\n  heldAccounts: Account[]\n  externalAccounts: Account[]\n} {\n  const { heldAccounts, externalAccounts } = accounts.reduce(\n    (acc, account) => {\n      if (account.member_is_managed_by_user) acc.externalAccounts.push(account)\n      else acc.heldAccounts.push(account)\n      return acc\n    },\n    { heldAccounts: [] as Account[], externalAccounts: [] as Account[] },\n  )\n\n  return {\n    heldAccounts: sortByTypePriority(heldAccounts),\n    externalAccounts: sortByTypePriority(externalAccounts),\n  }\n}\n\nexport function getDisplayAccounts(accounts: Account[], maxAccounts: number): Account[] {\n  const { heldAccounts, externalAccounts } = categorizeAccounts(accounts)\n\n  const result = heldAccounts.slice(0, maxAccounts)\n\n  if (result.length < maxAccounts) {\n    result.push(...externalAccounts.slice(0, maxAccounts - result.length))\n  }\n\n  return result\n}\n\nconst priorityMap: { [key in AccountType]?: number } = {\n  [AccountType.CHECKING]: 1,\n  [AccountType.SAVINGS]: 2,\n  [AccountType.CREDIT_CARD]: 3,\n}\n\nconst getPriority = (accountType: AccountType) => {\n  return priorityMap[accountType] ?? accountType + 100\n}\n\nconst sortByTypePriority = (list: Account[]) => {\n  return list.sort((a, b) => {\n    const aPriority = getPriority(a.account_type)\n    const bPriority = getPriority(b.account_type)\n    const priorityDiff = aPriority - bPriority\n\n    if (priorityDiff !== 0) return priorityDiff\n\n    const aName = a.name ?? a.feed_name ?? ''\n    const bName = b.name ?? b.feed_name ?? ''\n    return aName.localeCompare(bName)\n  })\n}\n"],"mappings":";AAuDA,SAAgB,EAAmB,GAGjC;AACA,QAAM,EAAE,cAAA,GAAc,kBAAA,EAAA,IAAqB,EAAS,OAAA,CACjD,GAAK,OACA,EAAQ,4BAA2B,EAAI,iBAAiB,KAAK,CAAO,IACnE,EAAI,aAAa,KAAK,CAAO,GAC3B,IAET;AAAA,IAAE,cAAc,CAAC;AAAA,IAAgB,kBAAkB,CAAC;AAAA,EAAe,CACrE;AAEA,SAAO;AAAA,IACL,cAAc,EAAmB,CAAY;AAAA,IAC7C,kBAAkB,EAAmB,CAAgB;AAAA,EACvD;AACF;AAEA,SAAgB,EAAmB,GAAqB,GAAgC;AACtF,QAAM,EAAE,cAAA,GAAc,kBAAA,EAAA,IAAqB,EAAmB,CAAQ,GAEhE,IAAS,EAAa,MAAM,GAAG,CAAW;AAEhD,SAAI,EAAO,SAAS,KAClB,EAAO,KAAK,GAAG,EAAiB,MAAM,GAAG,IAAc,EAAO,MAAM,CAAC,GAGhE;AACT;AAEA,IAAM,IAAiD;AAAA,EACpD,CAAA,EAAY,QAAA,GAAW;AAAA,EACvB,CAAA,EAAY,OAAA,GAAU;AAAA,EACtB,CAAA,EAAY,WAAA,GAAc;AAC7B,GAEM,IAAA,CAAe,MACZ,EAAY,CAAA,KAAgB,IAAc,KAG7C,IAAA,CAAsB,MACnB,EAAK,KAAA,CAAM,GAAG,MAAM;AAGzB,QAAM,IAFY,EAAY,EAAE,YAEX,IADH,EAAY,EAAE,YACC;AAEjC,MAAI,MAAiB,EAAG,QAAO;AAE/B,QAAM,IAAQ,EAAE,QAAQ,EAAE,aAAa,IACjC,IAAQ,EAAE,QAAQ,EAAE,aAAa;AACvC,SAAO,EAAM,cAAc,CAAK;AAClC,CAAC"}
+{"version":3,"file":"AccountFilter.es.js","names":[],"sources":["../../../src/common/utils/AccountFilter.ts"],"sourcesContent":["import type { Account } from '../../core'\nimport { AccountType } from '../../core'\n\nexport function categorizeAccounts(accounts: Account[]): {\n  heldAccounts: Account[]\n  externalAccounts: Account[]\n} {\n  const { heldAccounts, externalAccounts } = accounts.reduce(\n    (acc, account) => {\n      if (account.member_is_managed_by_user) acc.externalAccounts.push(account)\n      else acc.heldAccounts.push(account)\n      return acc\n    },\n    { heldAccounts: [] as Account[], externalAccounts: [] as Account[] },\n  )\n\n  return {\n    heldAccounts: sortByTypePriority(heldAccounts),\n    externalAccounts: sortByTypePriority(externalAccounts),\n  }\n}\n\nexport function getDisplayAccounts(accounts: Account[], maxAccounts: number): Account[] {\n  const { heldAccounts, externalAccounts } = categorizeAccounts(accounts)\n\n  const result = heldAccounts.slice(0, maxAccounts)\n\n  if (result.length < maxAccounts) {\n    result.push(...externalAccounts.slice(0, maxAccounts - result.length))\n  }\n\n  return result\n}\n\nconst priorityMap: { [key in AccountType]?: number } = {\n  [AccountType.CHECKING]: 1,\n  [AccountType.SAVINGS]: 2,\n  [AccountType.CREDIT_CARD]: 3,\n}\n\nconst getPriority = (accountType: AccountType) => {\n  return priorityMap[accountType] ?? accountType + 100\n}\n\nconst sortByTypePriority = (list: Account[]) => {\n  return list.sort((a, b) => {\n    const aPriority = getPriority(a.account_type)\n    const bPriority = getPriority(b.account_type)\n    const priorityDiff = aPriority - bPriority\n\n    if (priorityDiff !== 0) return priorityDiff\n\n    const aName = a.name ?? a.feed_name ?? ''\n    const bName = b.name ?? b.feed_name ?? ''\n    return aName.localeCompare(bName)\n  })\n}\n"],"mappings":";AAGA,SAAgB,EAAmB,GAGjC;AACA,QAAM,EAAE,cAAA,GAAc,kBAAA,EAAA,IAAqB,EAAS,OAAA,CACjD,GAAK,OACA,EAAQ,4BAA2B,EAAI,iBAAiB,KAAK,CAAO,IACnE,EAAI,aAAa,KAAK,CAAO,GAC3B,IAET;AAAA,IAAE,cAAc,CAAC;AAAA,IAAgB,kBAAkB,CAAC;AAAA,EAAe,CACrE;AAEA,SAAO;AAAA,IACL,cAAc,EAAmB,CAAY;AAAA,IAC7C,kBAAkB,EAAmB,CAAgB;AAAA,EACvD;AACF;AAEA,SAAgB,EAAmB,GAAqB,GAAgC;AACtF,QAAM,EAAE,cAAA,GAAc,kBAAA,EAAA,IAAqB,EAAmB,CAAQ,GAEhE,IAAS,EAAa,MAAM,GAAG,CAAW;AAEhD,SAAI,EAAO,SAAS,KAClB,EAAO,KAAK,GAAG,EAAiB,MAAM,GAAG,IAAc,EAAO,MAAM,CAAC,GAGhE;AACT;AAEA,IAAM,IAAiD;AAAA,EACpD,CAAA,EAAY,QAAA,GAAW;AAAA,EACvB,CAAA,EAAY,OAAA,GAAU;AAAA,EACtB,CAAA,EAAY,WAAA,GAAc;AAC7B,GAEM,IAAA,CAAe,MACZ,EAAY,CAAA,KAAgB,IAAc,KAG7C,IAAA,CAAsB,MACnB,EAAK,KAAA,CAAM,GAAG,MAAM;AAGzB,QAAM,IAFY,EAAY,EAAE,YAEX,IADH,EAAY,EAAE,YACC;AAEjC,MAAI,MAAiB,EAAG,QAAO;AAE/B,QAAM,IAAQ,EAAE,QAAQ,EAAE,aAAa,IACjC,IAAQ,EAAE,QAAQ,EAAE,aAAa;AACvC,SAAO,EAAM,cAAc,CAAK;AAClC,CAAC"}

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

@@ -276,6 +276,7 @@ export declare const BlockType: {
     readonly SVGImageBlock: "svg_image_block";
     readonly UpcomingBillBlock: "upcoming_bill_block";
     readonly UpcomingSubscriptionBlock: "upcoming_subscription_block";
+    readonly WeeklySmallPurchasesBlock: "weekly_small_purchases_block";
     readonly WithdrawalBlock: "withdrawal_block";
 };
 export type BlockType = (typeof BlockType)[keyof typeof BlockType];
@@ -380,4 +381,6 @@ export interface InstanceSlot {
     avg_monthly_spend?: number;
     /** How long the balance lasts, e.g. "2 months, 11 days". */
     time_period?: string;
+    /** One row per unique merchant in the period, in the order sent. */
+    data_series?: InstanceSlotRow[];
 }

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  GasPurchaseBlock: 'gas_purchase_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  SavingsSummaryBlock: 'savings_summary_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  /** First day of the month a monthly summary covers, in ISO form (e.g. `2026-09-01`). */\n  date?: string\n  /** Number of gas station visits in the month. */\n  total_fill_up_visits?: number\n  /** Amount spent at gas stations in the month, unformatted. */\n  total_spend?: number\n  /** V1 name for `total_spend`, read when `total_spend` is absent. */\n  total_debt_for_fill_up_visits_in_prev_month?: number\n  /** Total available balance across the user's accounts, unformatted. */\n  available_balance?: number\n  /** Average monthly spend, unformatted. */\n  avg_monthly_spend?: number\n  /** How long the balance lasts, e.g. \"2 months, 11 days\". */\n  time_period?: string\n}\n"],"mappings":"AA6UA,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  GasPurchaseBlock: 'gas_purchase_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  SavingsSummaryBlock: 'savings_summary_block',\n  StepChartBlock: 'step_chart_block',\n  SVGImageBlock: 'svg_image_block',\n  UpcomingBillBlock: 'upcoming_bill_block',\n  UpcomingSubscriptionBlock: 'upcoming_subscription_block',\n  WeeklySmallPurchasesBlock: 'weekly_small_purchases_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  /** First day of the month a monthly summary covers, in ISO form (e.g. `2026-09-01`). */\n  date?: string\n  /** Number of gas station visits in the month. */\n  total_fill_up_visits?: number\n  /** Amount spent at gas stations in the month, unformatted. */\n  total_spend?: number\n  /** V1 name for `total_spend`, read when `total_spend` is absent. */\n  total_debt_for_fill_up_visits_in_prev_month?: number\n  /** Total available balance across the user's accounts, unformatted. */\n  available_balance?: number\n  /** Average monthly spend, unformatted. */\n  avg_monthly_spend?: number\n  /** How long the balance lasts, e.g. \"2 months, 11 days\". */\n  time_period?: string\n  /** One row per unique merchant in the period, in the order sent. */\n  data_series?: InstanceSlotRow[]\n}\n"],"mappings":"AA8UA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}

package/dist/core/types/localization/InsightsFeedCopy.d.ts

@@ -37,6 +37,10 @@ interface GeneralInsightsFeedCopy {
     gas_fill_ups_count_one?: string;
     gas_pump?: string;
     gas_spent_on_gas?: string;
+    /** `_1{count}` — accessible name of the "+N" chip, e.g. "3 more merchants". */
+    more_merchants?: string;
+    no_small_purchases_found?: string;
+    total?: string;
     /** `_1{institution}` — the alt text of an institution's logo, e.g. "Chase Institution Logo". */
     institution_Logo?: string;
     weekly_no_spending_component_alt_text?: DynamicKeyValue;

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

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

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

@@ -0,0 +1,105 @@
+import { buildDynamicCopy as x } from "../../../../core/utils/Localization.es.js";
+import { useGlobalCopyStore as y } from "../../../../common/context/hooks.es.js";
+import { slot as w } from "../../../../core/types/Insights.es.js";
+import { formatCurrency as C } from "../../../../core/utils/NumberFormatting.es.js";
+import _, { isLogoGuid as L } from "../../../components/LogoFromGuid.es.js";
+import g from "../../../components/LogoTile.es.js";
+import n from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import { Icon as R } from "@mxenabled/mx-icons";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+var b = 6, m = 32, S = (r) => typeof r == "object" && r !== null, G = ({ row: r }) => {
+  if (L(r.logo?.guid)) return /* @__PURE__ */ o(_, {
+    logo: r.logo,
+    size: m
+  });
+  const e = r.logo?.alt;
+  return /* @__PURE__ */ o(R, {
+    "aria-hidden": e ? void 0 : !0,
+    "aria-label": e,
+    "data-icon": "storefront",
+    name: "storefront",
+    role: e ? "img" : void 0,
+    size: 20,
+    sx: { color: "text.secondary" }
+  });
+}, B = ({ payload: r }) => {
+  const e = y().insights_feed?.general, { instance_slot: p = {} } = r, u = (i) => w(p.data, i) ?? p[i], s = u("amount");
+  if (typeof s != "number" || !Number.isFinite(s)) return null;
+  const h = u("data_series"), t = (Array.isArray(h) ? h : []).filter(S), f = t.length > b ? t.slice(0, 5) : t, d = t.length - f.length, c = x(e?.more_merchants ?? "", `${d}`) || void 0;
+  return /* @__PURE__ */ o(n, {
+    sx: {
+      px: 16,
+      width: "100%"
+    },
+    children: /* @__PURE__ */ a(n, {
+      sx: {
+        border: 1,
+        borderColor: "divider",
+        borderRadius: "8px",
+        gap: 12,
+        pb: 16,
+        pt: 12,
+        px: 16
+      },
+      children: [/* @__PURE__ */ a(n, {
+        direction: "row",
+        sx: {
+          alignItems: "baseline",
+          gap: 6
+        },
+        children: [/* @__PURE__ */ o(l, {
+          component: "p",
+          variant: "h2",
+          children: C(s, "0,0.00")
+        }), /* @__PURE__ */ o(l, {
+          color: "text.secondary",
+          variant: "caption",
+          children: e?.total
+        })]
+      }), t.length ? /* @__PURE__ */ a(n, {
+        component: "ul",
+        direction: "row",
+        sx: {
+          flexWrap: "wrap",
+          gap: 8,
+          justifyContent: t.length >= b ? "space-between" : "flex-start",
+          listStyle: "none",
+          m: 0,
+          p: 0
+        },
+        children: [f.map((i, v) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(g, {
+          borderColor: "divider",
+          borderRadius: 4,
+          size: m,
+          children: /* @__PURE__ */ o(G, { row: i })
+        }) }, v)), d > 0 && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(g, {
+          bgcolor: "action.hover",
+          borderColor: null,
+          borderRadius: 4,
+          size: m,
+          children: /* @__PURE__ */ o(l, {
+            "aria-label": c,
+            bold: !0,
+            color: "text.secondary",
+            role: c ? "img" : void 0,
+            variant: "body2",
+            children: /* @__PURE__ */ a("span", {
+              "aria-hidden": c ? !0 : void 0,
+              children: ["+", d]
+            })
+          })
+        }) })]
+      }) : /* @__PURE__ */ o(l, {
+        color: "text.secondary",
+        variant: "body2",
+        children: e?.no_small_purchases_found
+      })]
+    })
+  });
+};
+export {
+  B as default
+};
+
+//# sourceMappingURL=WeeklySmallPurchasesBlock.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeeklySmallPurchasesBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/WeeklySmallPurchasesBlock/WeeklySmallPurchasesBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../../../common'\nimport { slot, type InstanceSlot, type InstanceSlotRow } from '../../../../core'\nimport { buildDynamicCopy } from '../../../../core/utils/Localization'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\nimport LogoFromGuid, { isLogoGuid } from '../../../components/LogoFromGuid'\nimport LogoTile from '../../../components/LogoTile'\nimport type { BlockProps } from '../../types'\n\ntype WeeklySmallPurchasesSlot = Pick<InstanceSlot, 'amount' | 'data_series'>\n\nconst MAX_LOGOS = 6\nconst LOGO_SIZE = 32\n\nconst isRow = (row: unknown): row is InstanceSlotRow => typeof row === 'object' && row !== null\n\nconst RowLogo = ({ row }: { row: InstanceSlotRow }) => {\n  if (isLogoGuid(row.logo?.guid)) return <LogoFromGuid logo={row.logo} size={LOGO_SIZE} />\n\n  const alt = row.logo?.alt\n  return (\n    <Icon\n      aria-hidden={alt ? undefined : true}\n      aria-label={alt}\n      data-icon=\"storefront\"\n      name=\"storefront\"\n      role={alt ? 'img' : undefined}\n      size={20}\n      sx={{ color: 'text.secondary' }}\n    />\n  )\n}\n\nconst WeeklySmallPurchasesBlock = ({ payload }: BlockProps) => {\n  const generalCopy = useGlobalCopyStore().insights_feed?.general\n\n  const { instance_slot = {} } = payload\n  const field = <K extends keyof WeeklySmallPurchasesSlot>(key: K) =>\n    slot<InstanceSlot[K]>(instance_slot.data, key) ?? instance_slot[key]\n\n  const amount = field('amount')\n  if (typeof amount !== 'number' || !Number.isFinite(amount)) return null\n\n  const rawRows = field('data_series')\n  const rows = (Array.isArray(rawRows) ? rawRows : []).filter(isRow)\n  // Past 6, the last tile becomes \"+N\" so the row stays at 6 tiles like Figma.\n  const visibleRows = rows.length > MAX_LOGOS ? rows.slice(0, MAX_LOGOS - 1) : rows\n  const overflowCount = rows.length - visibleRows.length\n  const moreLabel =\n    (buildDynamicCopy(generalCopy?.more_merchants ?? '', `${overflowCount}`) as string) || undefined\n\n  return (\n    <Stack sx={{ px: 16, width: '100%' }}>\n      <Stack\n        sx={{\n          border: 1,\n          borderColor: 'divider',\n          borderRadius: '8px',\n          gap: 12,\n          pb: 16,\n          pt: 12,\n          px: 16,\n        }}\n      >\n        <Stack direction=\"row\" sx={{ alignItems: 'baseline', gap: 6 }}>\n          <Text component=\"p\" variant=\"h2\">\n            {formatCurrency(amount, '0,0.00')}\n          </Text>\n          <Text color=\"text.secondary\" variant=\"caption\">\n            {generalCopy?.total}\n          </Text>\n        </Stack>\n        {rows.length ? (\n          <Stack\n            component=\"ul\"\n            direction=\"row\"\n            sx={{\n              flexWrap: 'wrap',\n              gap: 8,\n              justifyContent: rows.length >= MAX_LOGOS ? 'space-between' : 'flex-start',\n              listStyle: 'none',\n              m: 0,\n              p: 0,\n            }}\n          >\n            {visibleRows.map((row, index) => (\n              // eslint-disable-next-line react/no-array-index-key\n              <li key={index}>\n                <LogoTile borderColor=\"divider\" borderRadius={4} size={LOGO_SIZE}>\n                  <RowLogo row={row} />\n                </LogoTile>\n              </li>\n            ))}\n            {overflowCount > 0 && (\n              <li>\n                <LogoTile\n                  bgcolor=\"action.hover\"\n                  borderColor={null}\n                  borderRadius={4}\n                  size={LOGO_SIZE}\n                >\n                  <Text\n                    aria-label={moreLabel}\n                    bold={true}\n                    color=\"text.secondary\"\n                    role={moreLabel ? 'img' : undefined}\n                    variant=\"body2\"\n                  >\n                    <span aria-hidden={moreLabel ? true : undefined}>+{overflowCount}</span>\n                  </Text>\n                </LogoTile>\n              </li>\n            )}\n          </Stack>\n        ) : (\n          <Text color=\"text.secondary\" variant=\"body2\">\n            {generalCopy?.no_small_purchases_found}\n          </Text>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default WeeklySmallPurchasesBlock\n"],"mappings":";;;;;;;;;;AAeA,IAAM,IAAY,GACZ,IAAY,IAEZ,IAAA,CAAS,MAAyC,OAAO,KAAQ,YAAY,MAAQ,MAErF,IAAA,CAAW,EAAE,KAAA,EAAA,MAAoC;AACrD,MAAI,EAAW,EAAI,MAAM,IAAI,EAAG,QAAO,gBAAA,EAAC,GAAD;AAAA,IAAc,MAAM,EAAI;AAAA,IAAM,MAAM;AAAA,EAAY,CAAA;AAEvF,QAAM,IAAM,EAAI,MAAM;AACtB,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAa,IAAM,SAAY;AAAA,IAC/B,cAAY;AAAA,IACZ,aAAU;AAAA,IACV,MAAK;AAAA,IACL,MAAM,IAAM,QAAQ;AAAA,IACpB,MAAM;AAAA,IACN,IAAI,EAAE,OAAO,iBAAiB;AAAA,EAC/B,CAAA;AAEL,GAEM,IAAA,CAA6B,EAAE,SAAA,EAAA,MAA0B;AAC7D,QAAM,IAAc,EAAmB,EAAE,eAAe,SAElD,EAAE,eAAA,IAAgB,CAAC,EAAA,IAAM,GACzB,IAAA,CAAmD,MACvD,EAAsB,EAAc,MAAM,CAAG,KAAK,EAAc,CAAA,GAE5D,IAAS,EAAM,QAAQ;AAC7B,MAAI,OAAO,KAAW,YAAY,CAAC,OAAO,SAAS,CAAM,EAAG,QAAO;AAEnE,QAAM,IAAU,EAAM,aAAa,GAC7B,KAAQ,MAAM,QAAQ,CAAO,IAAI,IAAU,CAAC,GAAG,OAAO,CAAK,GAE3D,IAAc,EAAK,SAAS,IAAY,EAAK,MAAM,GAAG,CAAa,IAAI,GACvE,IAAgB,EAAK,SAAS,EAAY,QAC1C,IACH,EAAiB,GAAa,kBAAkB,IAAI,GAAG,CAAA,EAAe,KAAgB;AAEzF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,IAAI;AAAA,MAAI,OAAO;AAAA,IAAO;AAAA,IACjC,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,cAAc;AAAA,QACd,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MATF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAM,IAAI;AAAA,UAAE,YAAY;AAAA,UAAY,KAAK;AAAA,QAAE;AAAA,QAA5D,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAI,SAAQ;AAAA,UACzB,UAAA,EAAe,GAAQ,QAAQ;AAAA,QAC5B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA,GAAa;AAAA,QACV,CAAA,CACD;AAAA,MACN,CAAA,GAAA,EAAK,SACJ,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,WAAU;AAAA,QACV,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,gBAAgB,EAAK,UAAU,IAAY,kBAAkB;AAAA,UAC7D,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QAVF,UAAA,CAYG,EAAY,IAAA,CAAK,GAAK,MAErB,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAU,aAAY;AAAA,UAAU,cAAc;AAAA,UAAG,MAAM;AAAA,UACrD,UAAA,gBAAA,EAAC,GAAD,EAAc,KAAA,EAAM,CAAA;AAAA,QACZ,CAAA,EACR,GAJK,CAIL,CACL,GACA,IAAgB,KACf,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UACE,SAAQ;AAAA,UACR,aAAa;AAAA,UACb,cAAc;AAAA,UACd,MAAM;AAAA,UAEN,UAAA,gBAAA,EAAC,GAAD;AAAA,YACE,cAAY;AAAA,YACZ,MAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAM,IAAY,QAAQ;AAAA,YAC1B,SAAQ;AAAA,YAER,UAAA,gBAAA,EAAC,QAAD;AAAA,cAAM,eAAa,IAAY,KAAO;AAAA,cAAtC,UAAA,CAAiD,KAAE,CAAoB;AAAA;UACnE,CAAA;AAAA,QACE,CAAA,EACR,CAAA,CAED;AAAA,MAEP,CAAA,IAAA,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,QAClC,UAAA,GAAa;AAAA,MACV,CAAA,CAEH;AAAA;EACF,CAAA;AAEX"}

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

@@ -0,0 +1 @@
+export { default as WeeklySmallPurchasesBlock } from './WeeklySmallPurchasesBlock';

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

@@ -13,4 +13,5 @@ export * from './SavingsOpportunityBlock';
 export * from './SavingsSummaryBlock';
 export * from './TransactionBlock';
 export * from './UpcomingSubscriptionBlock';
+export * from './WeeklySmallPurchasesBlock';
 export * from './WithdrawalBlock';

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

@@ -45,97 +45,99 @@ import { transactionBlockVariant as Uo } from "./blocks/ComponentBlocks/Transact
 import { TransactionBlock as jo } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
 import zo from "./components/SubscriptionHeroCard.es.js";
 import Ko from "./blocks/ComponentBlocks/UpcomingSubscriptionBlock/UpcomingSubscriptionBlock.es.js";
-import Xo from "./components/WithdrawalCard.es.js";
-import Zo from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import or from "./components/DesignateEmergencySavingsCard.es.js";
-import { SVGImageBlock as tr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import ir from "./components/shared/StatusSnackbar.es.js";
-import pr from "./components/FeedbackDialog.es.js";
-import fr from "./components/FeedbackModal.es.js";
-import cr from "./components/ConnectionDetailDrillDown.es.js";
-import sr from "./components/SurveyModal.es.js";
-import Br from "./components/InsightErrorCard.es.js";
-import { ErrorCard as Cr } from "./components/ErrorCard.es.js";
-import kr from "./components/BadgedTile.es.js";
-import { OverflowMenu as Dr } from "./components/OverflowMenu.es.js";
-import { InsightOptionsMenu as Ar } from "./components/InsightOptionsMenu.es.js";
-import Ir from "./components/StatusBadge.es.js";
-import Tr from "./components/CompactInsightCard.es.js";
-import yr from "./components/AmountBreakdownCard.es.js";
-import { FeedbackBar as Rr } from "./components/FeedbackBar.es.js";
-import { DismissInsightDialog as Hr } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as Or } from "./components/HiddenConfirmationCard.es.js";
-import { LoadingCard as Er } from "./components/LoadingCard.es.js";
-import { ObsolesceBanner as _r } from "./components/ObsolesceBanner.es.js";
-import xr from "./components/BaseLayout.es.js";
+import Xo from "./blocks/ComponentBlocks/WeeklySmallPurchasesBlock/WeeklySmallPurchasesBlock.es.js";
+import Zo from "./components/WithdrawalCard.es.js";
+import or from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import tr from "./components/DesignateEmergencySavingsCard.es.js";
+import { SVGImageBlock as ir } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import pr from "./components/shared/StatusSnackbar.es.js";
+import fr from "./components/FeedbackDialog.es.js";
+import cr from "./components/FeedbackModal.es.js";
+import sr from "./components/ConnectionDetailDrillDown.es.js";
+import Br from "./components/SurveyModal.es.js";
+import Cr from "./components/InsightErrorCard.es.js";
+import { ErrorCard as kr } from "./components/ErrorCard.es.js";
+import Dr from "./components/BadgedTile.es.js";
+import { OverflowMenu as Ar } from "./components/OverflowMenu.es.js";
+import { InsightOptionsMenu as Ir } from "./components/InsightOptionsMenu.es.js";
+import Tr from "./components/StatusBadge.es.js";
+import yr from "./components/CompactInsightCard.es.js";
+import Rr from "./components/AmountBreakdownCard.es.js";
+import { FeedbackBar as Hr } from "./components/FeedbackBar.es.js";
+import { DismissInsightDialog as Or } from "./components/DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as Er } from "./components/HiddenConfirmationCard.es.js";
+import { LoadingCard as _r } from "./components/LoadingCard.es.js";
+import { ObsolesceBanner as xr } from "./components/ObsolesceBanner.es.js";
+import Ur from "./components/BaseLayout.es.js";
 export {
   W as AccountBlock,
   M as AccountHeroCard,
   J as AccountSwitchBlock,
-  yr as AmountBreakdownCard,
+  Rr as AmountBreakdownCard,
   Co as AmountPill,
   e as BAR_ARIA_LABEL,
   f as BAR_CHART_VARIANTS,
-  kr as BadgedTile,
+  Dr as BadgedTile,
   D as BarchartBlock,
-  xr as BaseLayout,
+  Ur as BaseLayout,
   Q as BudgetBlock,
-  Tr as CompactInsightCard,
-  cr as ConnectionDetailDrillDown,
+  yr as CompactInsightCard,
+  sr as ConnectionDetailDrillDown,
   Y as DebtPayoffCard,
   mo as DebtsBlock,
-  or as DesignateEmergencySavingsCard,
+  tr as DesignateEmergencySavingsCard,
   N as DetailedAccountBlock,
   N as DirectDepositBlock,
   V as DirectDepositCard,
-  Hr as DismissInsightDialog,
+  Or as DismissInsightDialog,
   T as DonutChartBlock,
   A as DoubleBarChartBlock,
   y as DoubleProgressBarBlock,
-  Cr as ErrorCard,
-  Rr as FeedbackBar,
-  pr as FeedbackDialog,
-  fr as FeedbackModal,
+  kr as ErrorCard,
+  Hr as FeedbackBar,
+  fr as FeedbackDialog,
+  cr as FeedbackModal,
   ao as GasPurchaseBlock,
   eo as GoalProgressCard,
   no as GoalsBlock,
   d as HOST_ACTIONS,
-  Or as HiddenConfirmationCard,
-  Br as InsightErrorCard,
-  Ar as InsightOptionsMenu,
+  Er as HiddenConfirmationCard,
+  Cr as InsightErrorCard,
+  Ir as InsightOptionsMenu,
   $ as InsightTransactionRow,
-  Er as LoadingCard,
+  _r as LoadingCard,
   Bo as LogoClusterCard,
   R as LogoFromGuid,
   lo as LogoTile,
   Ao as MerchantBlock,
   ko as MerchantHighlightCard,
   Io as NoSpendDaysBlock,
-  _r as ObsolesceBanner,
-  Dr as OverflowMenu,
+  xr as ObsolesceBanner,
+  Ar as OverflowMenu,
   Do as P2PLogoStack,
   yo as RepeatingTransactionBlock,
-  tr as SVGImageBlock,
+  ir as SVGImageBlock,
   Ro as SaveAnExtraCard,
   Ho as SaveExtraBlock,
   Eo as SavingsOpportunityBlock,
   Oo as SavingsOpportunityCard,
   _o as SavingsSummaryBlock,
-  Ir as StatusBadge,
+  Tr as StatusBadge,
   xo as StatusMessageCard,
   r as StatusPill,
-  ir as StatusSnackbar,
+  pr as StatusSnackbar,
   I as StepChartBlock,
   zo as SubscriptionHeroCard,
-  sr as SurveyModal,
+  Br as SurveyModal,
   jo as TransactionBlock,
   ro as TransactionListCard,
   q as TransferLogoCard,
   yo as UpcomingBillBlock,
   To as UpcomingBillCard,
   Ko as UpcomingSubscriptionBlock,
-  Zo as WithdrawalBlock,
-  Xo as WithdrawalCard,
+  Xo as WeeklySmallPurchasesBlock,
+  or as WithdrawalBlock,
+  Zo as WithdrawalCard,
   n as barChartVariant,
   c as buildChartData,
   l as buildDataSeries,

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

@@ -1,59 +1,60 @@
-import { ContactSupportActionBlock as l } from "../actionBlocks/ContactSupportActionBlock.es.js";
-import { hasDrawerBlock as lo } from "./hasDrawerBlock.es.js";
+import { ContactSupportActionBlock as p } from "../actionBlocks/ContactSupportActionBlock.es.js";
+import { hasDrawerBlock as _o } from "./hasDrawerBlock.es.js";
 import { actionBlocksKey as o } from "./actionBlocksKey.es.js";
 import { BarchartBlock as _ } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as s } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
 import C from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
 import u from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
-import B from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
-import k from "../blocks/ComponentBlocks/DetailedAccountBlock/DetailedAccountBlock.es.js";
+import k from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
+import B from "../blocks/ComponentBlocks/DetailedAccountBlock/DetailedAccountBlock.es.js";
 import T from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import A from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
-import { BudgetBlock as O } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import f from "../blocks/ComponentBlocks/DebtsBlock/DebtsBlock.es.js";
+import { BudgetBlock as f } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
+import O from "../blocks/ComponentBlocks/DebtsBlock/DebtsBlock.es.js";
 import N from "../blocks/ComponentBlocks/GasPurchaseBlock/GasPurchaseBlock.es.js";
 import I from "../blocks/ComponentBlocks/GoalsBlock/GoalsBlock.es.js";
 import d from "../blocks/ComponentBlocks/MerchantBlock/MerchantBlock.es.js";
-import g from "../blocks/ComponentBlocks/NoSpendDaysBlock/NoSpendDaysBlock.es.js";
+import P from "../blocks/ComponentBlocks/NoSpendDaysBlock/NoSpendDaysBlock.es.js";
 import n from "../blocks/ComponentBlocks/RepeatingTransactionBlock/RepeatingTransactionBlock.es.js";
-import L from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
-import P from "../blocks/ComponentBlocks/SavingsOpportunityBlock/SavingsOpportunityBlock.es.js";
+import g from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import L from "../blocks/ComponentBlocks/SavingsOpportunityBlock/SavingsOpportunityBlock.es.js";
 import b from "../blocks/ComponentBlocks/SavingsSummaryBlock/SavingsSummaryBlock.es.js";
 import { TransactionBlock as S } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
 import D from "../blocks/ComponentBlocks/UpcomingSubscriptionBlock/UpcomingSubscriptionBlock.es.js";
-import h from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import E from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as K } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import { FeedbackModalActionBlock as v } from "../actionBlocks/FeedbackModalActionBlock.es.js";
-import { ConnectionDetailActionBlock as R } from "../actionBlocks/ConnectionDetailActionBlock.es.js";
-import { ConnectWidgetActionBlock as y } from "../actionBlocks/ConnectWidgetActionBlock.es.js";
-import { SurveyModalActionBlock as M } from "../actionBlocks/SurveyModalActionBlock.es.js";
-import { SubscriptionStatusModalBlock as U } from "../actionBlocks/SubscriptionStatusModalBlock.es.js";
-import { PlaceholderActionBlock as w } from "../actionBlocks/PlaceholderActionBlock.es.js";
-import { getMakeTransferDrawerTitle as G } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
-import { MakeTransferActionBlockLayer as H } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
-import { getDrawerHeaderTitle as F } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
-import { TransactionDetailsBlock as Y } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import h from "../blocks/ComponentBlocks/WeeklySmallPurchasesBlock/WeeklySmallPurchasesBlock.es.js";
+import E from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import K from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as v } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import { FeedbackModalActionBlock as R } from "../actionBlocks/FeedbackModalActionBlock.es.js";
+import { ConnectionDetailActionBlock as y } from "../actionBlocks/ConnectionDetailActionBlock.es.js";
+import { ConnectWidgetActionBlock as M } from "../actionBlocks/ConnectWidgetActionBlock.es.js";
+import { SurveyModalActionBlock as U } from "../actionBlocks/SurveyModalActionBlock.es.js";
+import { SubscriptionStatusModalBlock as w } from "../actionBlocks/SubscriptionStatusModalBlock.es.js";
+import { PlaceholderActionBlock as G } from "../actionBlocks/PlaceholderActionBlock.es.js";
+import { getMakeTransferDrawerTitle as H } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
+import { MakeTransferActionBlockLayer as F } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { getDrawerHeaderTitle as Y } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
+import { TransactionDetailsBlock as x } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
 import { useTransactionDetailsPrepare as c } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
-import { TransactionHistoryBlock as x } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
-import { useTransactionHistoryPrepare as V } from "../actionBlocks/TransactionHistoryBlock/useTransactionHistoryPrepare.es.js";
+import { TransactionHistoryBlock as V } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
+import { useTransactionHistoryPrepare as W } from "../actionBlocks/TransactionHistoryBlock/useTransactionHistoryPrepare.es.js";
 import { useRecurringTransactionPrepare as m } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
 import { RecurringTransactionBlock as z } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
-import { HelpBlock as W } from "../actionBlocks/HelpBlock/HelpBlock.es.js";
-import { getTransactionListDrawerTitle as q } from "../actionBlocks/TransactionListBlock/layout.es.js";
-import { TransactionListBlock as Z } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
-import { RemainingCashBlock as j } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
-import { AmountInputModalBlock as p } from "../actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js";
-import { OverdraftBlock as J, useOverdraftPrepare as Q } from "../actionBlocks/OverdraftBlock/OverdraftBlock.es.js";
-import { AccountListBlock as X } from "../actionBlocks/AccountListBlock/AccountListBlock.es.js";
-import { useAccountListPrepare as $ } from "../actionBlocks/AccountListBlock/useAccountListPrepare.es.js";
-import { EmergencySavingsBlock as oo } from "../actionBlocks/EmergencySavingsBlock/EmergencySavingsBlock.es.js";
-import { CreditUtilizationBlock as to } from "../actionBlocks/CreditUtilizationBlock/CreditUtilizationBlock.es.js";
-import { useCreditUtilizationPrepare as ro } from "../actionBlocks/CreditUtilizationBlock/useCreditUtilizationPrepare.es.js";
-import { PayoffCalculatorBlock as eo, usePayoffCalculatorPrepare as io } from "../actionBlocks/PayoffCalculatorBlock/PayoffCalculatorBlock.es.js";
-import { BudgetDetailsBlock as ao } from "../actionBlocks/BudgetDetailsBlock/BudgetDetailsBlock.es.js";
-import { AccountDetailsBlock as no } from "../actionBlocks/AccountDetailsBlock/AccountDetailsBlock.es.js";
-import { useAccountDetailsPrepare as co } from "../actionBlocks/AccountDetailsBlock/useAccountDetailsPrepare.es.js";
+import { HelpBlock as q } from "../actionBlocks/HelpBlock/HelpBlock.es.js";
+import { getTransactionListDrawerTitle as Z } from "../actionBlocks/TransactionListBlock/layout.es.js";
+import { TransactionListBlock as j } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
+import { RemainingCashBlock as J } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
+import { AmountInputModalBlock as l } from "../actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js";
+import { OverdraftBlock as Q, useOverdraftPrepare as X } from "../actionBlocks/OverdraftBlock/OverdraftBlock.es.js";
+import { AccountListBlock as $ } from "../actionBlocks/AccountListBlock/AccountListBlock.es.js";
+import { useAccountListPrepare as oo } from "../actionBlocks/AccountListBlock/useAccountListPrepare.es.js";
+import { EmergencySavingsBlock as to } from "../actionBlocks/EmergencySavingsBlock/EmergencySavingsBlock.es.js";
+import { CreditUtilizationBlock as ro } from "../actionBlocks/CreditUtilizationBlock/CreditUtilizationBlock.es.js";
+import { useCreditUtilizationPrepare as eo } from "../actionBlocks/CreditUtilizationBlock/useCreditUtilizationPrepare.es.js";
+import { PayoffCalculatorBlock as io, usePayoffCalculatorPrepare as ao } from "../actionBlocks/PayoffCalculatorBlock/PayoffCalculatorBlock.es.js";
+import { BudgetDetailsBlock as no } from "../actionBlocks/BudgetDetailsBlock/BudgetDetailsBlock.es.js";
+import { AccountDetailsBlock as co } from "../actionBlocks/AccountDetailsBlock/AccountDetailsBlock.es.js";
+import { useAccountDetailsPrepare as mo } from "../actionBlocks/AccountDetailsBlock/useAccountDetailsPrepare.es.js";
 var i = (e) => {
 }, t = (e) => ({
   get Component() {
@@ -68,24 +69,24 @@ var i = (e) => {
   get presentation() {
     return e().presentation;
   }
-}), st = {
+}), ut = {
   [o.PLACEHOLDER_ACTION_BLOCK]: t(() => ({
-    Component: w,
+    Component: G,
     usePrepare: i,
     title: () => "Action Block Layer Drilldown"
   })),
   [o.MAKE_TRANSFER_ACTION_BLOCK]: t(() => ({
-    Component: H,
+    Component: F,
     usePrepare: i,
-    title: G
+    title: H
   })),
   [o.TRANSCATION_HISTORY_ACTION_BLOCK]: t(() => ({
-    Component: x,
-    usePrepare: V,
-    title: F
+    Component: V,
+    usePrepare: W,
+    title: Y
   })),
   [o.TRANSACTION_DETAILS_ACTION_BLOCK]: t(() => ({
-    Component: Y,
+    Component: x,
     usePrepare: c,
     title: () => "Transaction Details"
   })),
@@ -95,123 +96,124 @@ var i = (e) => {
     title: (e, r) => r.recurring?.expense_details ?? ""
   })),
   [o.REMAINING_CASH_ACTION_BLOCK]: t(() => ({
-    Component: j,
+    Component: J,
     usePrepare: m,
     title: (e, r) => r.insights_feed?.remaining_cash?.title ?? ""
   })),
   [o.CONTACT_SUPPORT_ACTION_BLOCK]: t(() => ({
-    Component: l,
+    Component: p,
     usePrepare: i,
     title: (e, r) => r.help?.request_support ?? ""
   })),
   [o.FEEDBACK_MODAL_ACTION_BLOCK]: t(() => ({
-    Component: v,
+    Component: R,
     usePrepare: i,
     presentation: "modal"
   })),
   [o.CONNECTION_DETAIL_ACTION_BLOCK]: t(() => ({
-    Component: R,
+    Component: y,
     usePrepare: i,
     title: (e, r) => r.insights_feed?.connection_details?.connection_details_drawer_title ?? ""
   })),
   [o.CONNECT_WIDGET_ACTION_BLOCK]: t(() => ({
-    Component: y,
+    Component: M,
     usePrepare: i
   })),
   [o.SURVEY_MODAL_ACTION_BLOCK]: t(() => ({
-    Component: M,
+    Component: U,
     usePrepare: i,
     presentation: "modal"
   })),
   [o.SUBSCRIPTION_STATUS_MODAL_ACTION_BLOCK]: t(() => ({
-    Component: U,
+    Component: w,
     usePrepare: i,
     presentation: "modal"
   })),
   [o.TRANSACTION_LIST_ACTION_BLOCK]: t(() => ({
-    Component: Z,
+    Component: j,
     usePrepare: c,
-    title: q
+    title: Z
   })),
   [o.AMOUNT_INPUT_MODAL_ACTION_BLOCK]: t(() => ({
-    Component: p,
+    Component: l,
     presentation: "modal",
     usePrepare: i
   })),
   [o.SAFETY_NET_ACTION_BLOCK]: t(() => ({
-    Component: p,
+    Component: l,
     presentation: "modal",
     usePrepare: i
   })),
   [o.OVERDRAFT_ACTION_BLOCK]: t(() => ({
-    Component: J,
-    usePrepare: Q,
+    Component: Q,
+    usePrepare: X,
     title: (e, r, a) => a?.insights_payload?.title ?? ""
   })),
   [o.CREDIT_UTILIZATION_ACTION_BLOCK]: t(() => ({
-    Component: to,
-    usePrepare: ro,
+    Component: ro,
+    usePrepare: eo,
     title: (e, r) => r.insights_feed?.credit_utilization?.title ?? ""
   })),
   [o.EMERGENCY_SAVINGS_ACTION_BLOCK]: t(() => ({
-    Component: oo,
+    Component: to,
     usePrepare: i,
     title: (e, r, a) => a?.insights_payload?.title ?? ""
   })),
   [o.PAYOFF_CALCULATOR_ACTION_BLOCK]: t(() => ({
-    Component: eo,
-    usePrepare: io,
+    Component: io,
+    usePrepare: ao,
     title: (e, r) => r.insights_feed?.payoff_calculator?.title ?? ""
   })),
   [o.BUDGET_DETAILS_ACTION_BLOCK]: t(() => ({
-    Component: ao,
+    Component: no,
     usePrepare: i,
     title: (e, r, a) => a?.insights_payload?.title || r.budgets?.details_title || ""
   })),
   [o.ACCOUNT_DETAILS_ACTION_BLOCK]: t(() => ({
-    Component: no,
-    usePrepare: co,
+    Component: co,
+    usePrepare: mo,
     title: (e, r) => r.accounts?.account_details ?? ""
   })),
   [o.ACCOUNT_LIST_ACTION_BLOCK]: t(() => ({
-    Component: X,
-    usePrepare: $,
+    Component: $,
+    usePrepare: oo,
     title: (e, r) => r.insights_feed?.account_list?.title ?? ""
   })),
   [o.HELP_ACTION_BLOCK]: t(() => ({
-    Component: W,
+    Component: q,
     usePrepare: i
   }))
-}, Ct = {
+}, kt = {
   account_block: T,
   account_switch_block: A,
-  direct_deposit_block: k,
+  direct_deposit_block: B,
   bar_chart_block: _,
-  budget_block: O,
-  debts_block: f,
+  budget_block: f,
+  debts_block: O,
   donut_chart_block: u,
   double_bar_chart_block: s,
-  double_progress_bar_block: B,
+  double_progress_bar_block: k,
   gas_purchase_block: N,
   goals_block: I,
-  image_block: E,
+  image_block: K,
   merchant_block: d,
-  no_spend_days_block: g,
+  no_spend_days_block: P,
   repeating_transaction_block: n,
-  save_extra_block: L,
-  savings_amount_block: P,
+  save_extra_block: g,
+  savings_amount_block: L,
   savings_summary_block: b,
   step_chart_block: C,
-  svg_image_block: K,
+  svg_image_block: v,
   upcoming_bill_block: n,
   upcoming_subscription_block: D,
-  withdrawal_block: h,
+  weekly_small_purchases_block: h,
+  withdrawal_block: E,
   transaction_block: S
 };
 export {
-  st as actionBlocks,
-  Ct as blocks,
-  lo as hasDrawerBlock
+  ut as actionBlocks,
+  kt as blocks,
+  _o as hasDrawerBlock
 };
 
 //# sourceMappingURL=blocks.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DebtsBlock,\n  DetailedAccountBlock,\n  DonutChartBlock,\n  GasPurchaseBlock,\n  GoalsBlock,\n  MerchantBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  NoSpendDaysBlock,\n  RepeatingTransactionBlock,\n  SaveExtraBlock,\n  SavingsOpportunityBlock,\n  SavingsSummaryBlock,\n  SVGImageBlock,\n  UpcomingSubscriptionBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { FeedbackModalActionBlock } from '../actionBlocks/FeedbackModalActionBlock'\nimport { ConnectionDetailActionBlock } from '../actionBlocks/ConnectionDetailActionBlock'\nimport { ConnectWidgetActionBlock } from '../actionBlocks/ConnectWidgetActionBlock'\nimport { SurveyModalActionBlock } from '../actionBlocks/SurveyModalActionBlock'\nimport { SubscriptionStatusModalBlock } from '../actionBlocks/SubscriptionStatusModalBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport { useTransactionHistoryPrepare } from '../actionBlocks/TransactionHistoryBlock/useTransactionHistoryPrepare'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\nimport { getTransactionListDrawerTitle } from '../actionBlocks/TransactionListBlock/layout'\nimport { RemainingCashBlock } from '../actionBlocks/RemainingCashBlock'\nimport { AmountInputModalBlock } from '../actionBlocks/AmountInputModalBlock'\nimport { OverdraftBlock, useOverdraftPrepare } from '../actionBlocks/OverdraftBlock'\nimport { AccountListBlock, useAccountListPrepare } from '../actionBlocks/AccountListBlock'\nimport { EmergencySavingsBlock } from '../actionBlocks/EmergencySavingsBlock'\nimport {\n  CreditUtilizationBlock,\n  useCreditUtilizationPrepare,\n} from '../actionBlocks/CreditUtilizationBlock'\nimport {\n  PayoffCalculatorBlock,\n  usePayoffCalculatorPrepare,\n} from '../actionBlocks/PayoffCalculatorBlock'\nimport { BudgetDetailsBlock } from '../actionBlocks/BudgetDetailsBlock'\nimport { AccountDetailsBlock, useAccountDetailsPrepare } from '../actionBlocks/AccountDetailsBlock'\nimport { HelpBlock } from '../actionBlocks/HelpBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// Re-exported so existing `hasDrawerBlock` imports from this module keep working.\nexport { hasDrawerBlock } from './hasDrawerBlock'\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy, with the beat available\n  // for blocks that title from beat fields (e.g. transaction-list reads insights_payload.title).\n  // Falls back to the CTA label when the resolver returns an empty string / is absent.\n  title?: (variant: string | null | undefined, copy: GlobalCopy, beat?: Beat) => string\n  // 'drawer' (default) or 'modal' (component renders its own dialog, no Drawer wrapper).\n  presentation?: 'drawer' | 'modal'\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends Add\n// `usePrepare` when the block needs to load data before rendering.\n\n/**\n * A registry entry whose fields read their imports when used, not when this module loads. Some\n * registered blocks render `TransactionDetails`, whose embedded card mounts `ActionBlockLayer`,\n * which imports this registry: when one of those blocks loads first, its own import is not\n * initialised yet while this module evaluates, so a value copied at load would be `undefined`\n * (or throw under native ES modules). Reading on access sees the finished import.\n */\nconst liveEntry = (resolve: () => ActionBlockEntry): ActionBlockEntry => ({\n  get Component() {\n    return resolve().Component\n  },\n  get usePrepare() {\n    return resolve().usePrepare\n  },\n  get title() {\n    return resolve().title\n  },\n  get presentation() {\n    return resolve().presentation\n  },\n})\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: liveEntry(() => ({\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  })),\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: liveEntry(() => ({\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  })),\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionHistoryBlock,\n    usePrepare: useTransactionHistoryPrepare,\n    title: getDrawerHeaderTitle,\n  })),\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  })),\n  // Expense Details for one recurring subscription. Which subscription a beat names is resolved in\n  // `RecurringTransactionBlock/subscriptionBeats.ts`, not through this registry.\n  [actionBlocksKey.RECURRING_TRANSACTION_ACTION_BLOCK]: liveEntry(() => ({\n    Component: RecurringTransactionBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.recurring?.expense_details ?? '',\n  })),\n  // Remaining Cash for the Payday Cash Left Over Status beat. Store-driven: reuses the recurring\n  // loader, which also loads accounts and categories, so CashflowStore's computeds are ready.\n  [actionBlocksKey.REMAINING_CASH_ACTION_BLOCK]: liveEntry(() => ({\n    Component: RemainingCashBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.insights_feed?.remaining_cash?.title ?? '',\n  })),\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  })),\n  [actionBlocksKey.FEEDBACK_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: FeedbackModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  [actionBlocksKey.CONNECTION_DETAIL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ConnectionDetailActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) =>\n      copy.insights_feed?.connection_details?.connection_details_drawer_title ?? '',\n  })),\n  // Boots MX's Connect widget (web-widget-sdk iframe) inside the action\n  // drawer; the drawer title falls back to the CTA label.\n  [actionBlocksKey.CONNECT_WIDGET_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ConnectWidgetActionBlock,\n    usePrepare: noop,\n  })),\n  [actionBlocksKey.SURVEY_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: SurveyModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  // Unexpected Subscription Payment's Subscription Status modal.\n  [actionBlocksKey.SUBSCRIPTION_STATUS_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: SubscriptionStatusModalBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: getTransactionListDrawerTitle,\n  })),\n  // One whole-dollar setting in a dialog; the CTA variant picks which (low-balance threshold or\n  // safety net). A modal: no drawer, so no drawer title.\n  [actionBlocksKey.AMOUNT_INPUT_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AmountInputModalBlock,\n    presentation: 'modal',\n    // Loads inside the block: it mounts only while open, so mounting is the open-time load.\n    usePrepare: noop,\n  })),\n  // Savings Opportunity's safety-net reminder (secondary CTA). ditto names a dedicated\n  // `safety_net_block` with no CTA variant, so it opens the same amount-input modal, which reads the\n  // safety_net variant from the block name (see resolveAmountInputVariant).\n  [actionBlocksKey.SAFETY_NET_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AmountInputModalBlock,\n    presentation: 'modal',\n    usePrepare: noop,\n  })),\n  // Transparent Overdraft's \"Learn more\": the projected overdraft, its account and the confidence\n  // meter. Titled from the beat, as the pulse drawer was.\n  [actionBlocksKey.OVERDRAFT_ACTION_BLOCK]: liveEntry(() => ({\n    Component: OverdraftBlock,\n    usePrepare: useOverdraftPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  })),\n  // Credit Utilization's \"Learn more\": donut summary, legend and the per-card list. Loads accounts\n  // for the institution logos; the rows themselves ride on the beat.\n  [actionBlocksKey.CREDIT_UTILIZATION_ACTION_BLOCK]: liveEntry(() => ({\n    Component: CreditUtilizationBlock,\n    usePrepare: useCreditUtilizationPrepare,\n    title: (_variant, copy) => copy.insights_feed?.credit_utilization?.title ?? '',\n  })),\n  [actionBlocksKey.EMERGENCY_SAVINGS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: EmergencySavingsBlock,\n    usePrepare: noop,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  })),\n  // Monthly Credit Card Interest Summary's \"Learn how to save\": the credit card payoff calculator.\n  [actionBlocksKey.PAYOFF_CALCULATOR_ACTION_BLOCK]: liveEntry(() => ({\n    Component: PayoffCalculatorBlock,\n    usePrepare: usePayoffCalculatorPrepare,\n    title: (_variant, copy) => copy.insights_feed?.payoff_calculator?.title ?? '',\n  })),\n  [actionBlocksKey.BUDGET_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: BudgetDetailsBlock,\n    usePrepare: noop,\n    title: (_variant, copy, beat) =>\n      beat?.insights_payload?.title || copy.budgets?.details_title || '',\n  })),\n  // The accounts widget's account details (header, trend chart, tabs, connection, actions) for the\n  // beat's primary account. Shared by every beat that opens an account.\n  [actionBlocksKey.ACCOUNT_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AccountDetailsBlock,\n    usePrepare: useAccountDetailsPrepare,\n    title: (_variant, copy) => copy.accounts?.account_details ?? '',\n  })),\n  // Monthly Obligations Status's account list: the beat's calculation and the accounts behind it.\n  [actionBlocksKey.ACCOUNT_LIST_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AccountListBlock,\n    usePrepare: useAccountListPrepare,\n    title: (_variant, copy) => copy.insights_feed?.account_list?.title ?? '',\n  })),\n  // A beat's \"Learn More\": its pre-localized help title and body from the payload's\n  // `drilldown_data`. The drawer title is the CTA label.\n  [actionBlocksKey.HELP_ACTION_BLOCK]: liveEntry(() => ({\n    Component: HelpBlock,\n    usePrepare: noop,\n  })),\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  direct_deposit_block: DetailedAccountBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  debts_block: DebtsBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  gas_purchase_block: GasPurchaseBlock,\n  goals_block: GoalsBlock,\n  image_block: ImageBlock,\n  merchant_block: MerchantBlock,\n  no_spend_days_block: NoSpendDaysBlock,\n  repeating_transaction_block: RepeatingTransactionBlock,\n  save_extra_block: SaveExtraBlock,\n  savings_amount_block: SavingsOpportunityBlock,\n  savings_summary_block: SavingsSummaryBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  upcoming_bill_block: RepeatingTransactionBlock,\n  upcoming_subscription_block: UpcomingSubscriptionBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":"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"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DebtsBlock,\n  DetailedAccountBlock,\n  DonutChartBlock,\n  GasPurchaseBlock,\n  GoalsBlock,\n  MerchantBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  NoSpendDaysBlock,\n  RepeatingTransactionBlock,\n  SaveExtraBlock,\n  SavingsOpportunityBlock,\n  SavingsSummaryBlock,\n  SVGImageBlock,\n  UpcomingSubscriptionBlock,\n  WeeklySmallPurchasesBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { FeedbackModalActionBlock } from '../actionBlocks/FeedbackModalActionBlock'\nimport { ConnectionDetailActionBlock } from '../actionBlocks/ConnectionDetailActionBlock'\nimport { ConnectWidgetActionBlock } from '../actionBlocks/ConnectWidgetActionBlock'\nimport { SurveyModalActionBlock } from '../actionBlocks/SurveyModalActionBlock'\nimport { SubscriptionStatusModalBlock } from '../actionBlocks/SubscriptionStatusModalBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport { useTransactionHistoryPrepare } from '../actionBlocks/TransactionHistoryBlock/useTransactionHistoryPrepare'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\nimport { getTransactionListDrawerTitle } from '../actionBlocks/TransactionListBlock/layout'\nimport { RemainingCashBlock } from '../actionBlocks/RemainingCashBlock'\nimport { AmountInputModalBlock } from '../actionBlocks/AmountInputModalBlock'\nimport { OverdraftBlock, useOverdraftPrepare } from '../actionBlocks/OverdraftBlock'\nimport { AccountListBlock, useAccountListPrepare } from '../actionBlocks/AccountListBlock'\nimport { EmergencySavingsBlock } from '../actionBlocks/EmergencySavingsBlock'\nimport {\n  CreditUtilizationBlock,\n  useCreditUtilizationPrepare,\n} from '../actionBlocks/CreditUtilizationBlock'\nimport {\n  PayoffCalculatorBlock,\n  usePayoffCalculatorPrepare,\n} from '../actionBlocks/PayoffCalculatorBlock'\nimport { BudgetDetailsBlock } from '../actionBlocks/BudgetDetailsBlock'\nimport { AccountDetailsBlock, useAccountDetailsPrepare } from '../actionBlocks/AccountDetailsBlock'\nimport { HelpBlock } from '../actionBlocks/HelpBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// Re-exported so existing `hasDrawerBlock` imports from this module keep working.\nexport { hasDrawerBlock } from './hasDrawerBlock'\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy, with the beat available\n  // for blocks that title from beat fields (e.g. transaction-list reads insights_payload.title).\n  // Falls back to the CTA label when the resolver returns an empty string / is absent.\n  title?: (variant: string | null | undefined, copy: GlobalCopy, beat?: Beat) => string\n  // 'drawer' (default) or 'modal' (component renders its own dialog, no Drawer wrapper).\n  presentation?: 'drawer' | 'modal'\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends Add\n// `usePrepare` when the block needs to load data before rendering.\n\n/**\n * A registry entry whose fields read their imports when used, not when this module loads. Some\n * registered blocks render `TransactionDetails`, whose embedded card mounts `ActionBlockLayer`,\n * which imports this registry: when one of those blocks loads first, its own import is not\n * initialised yet while this module evaluates, so a value copied at load would be `undefined`\n * (or throw under native ES modules). Reading on access sees the finished import.\n */\nconst liveEntry = (resolve: () => ActionBlockEntry): ActionBlockEntry => ({\n  get Component() {\n    return resolve().Component\n  },\n  get usePrepare() {\n    return resolve().usePrepare\n  },\n  get title() {\n    return resolve().title\n  },\n  get presentation() {\n    return resolve().presentation\n  },\n})\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: liveEntry(() => ({\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  })),\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: liveEntry(() => ({\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  })),\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionHistoryBlock,\n    usePrepare: useTransactionHistoryPrepare,\n    title: getDrawerHeaderTitle,\n  })),\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  })),\n  // Expense Details for one recurring subscription. Which subscription a beat names is resolved in\n  // `RecurringTransactionBlock/subscriptionBeats.ts`, not through this registry.\n  [actionBlocksKey.RECURRING_TRANSACTION_ACTION_BLOCK]: liveEntry(() => ({\n    Component: RecurringTransactionBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.recurring?.expense_details ?? '',\n  })),\n  // Remaining Cash for the Payday Cash Left Over Status beat. Store-driven: reuses the recurring\n  // loader, which also loads accounts and categories, so CashflowStore's computeds are ready.\n  [actionBlocksKey.REMAINING_CASH_ACTION_BLOCK]: liveEntry(() => ({\n    Component: RemainingCashBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.insights_feed?.remaining_cash?.title ?? '',\n  })),\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  })),\n  [actionBlocksKey.FEEDBACK_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: FeedbackModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  [actionBlocksKey.CONNECTION_DETAIL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ConnectionDetailActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) =>\n      copy.insights_feed?.connection_details?.connection_details_drawer_title ?? '',\n  })),\n  // Boots MX's Connect widget (web-widget-sdk iframe) inside the action\n  // drawer; the drawer title falls back to the CTA label.\n  [actionBlocksKey.CONNECT_WIDGET_ACTION_BLOCK]: liveEntry(() => ({\n    Component: ConnectWidgetActionBlock,\n    usePrepare: noop,\n  })),\n  [actionBlocksKey.SURVEY_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: SurveyModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  // Unexpected Subscription Payment's Subscription Status modal.\n  [actionBlocksKey.SUBSCRIPTION_STATUS_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: SubscriptionStatusModalBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  })),\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: liveEntry(() => ({\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: getTransactionListDrawerTitle,\n  })),\n  // One whole-dollar setting in a dialog; the CTA variant picks which (low-balance threshold or\n  // safety net). A modal: no drawer, so no drawer title.\n  [actionBlocksKey.AMOUNT_INPUT_MODAL_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AmountInputModalBlock,\n    presentation: 'modal',\n    // Loads inside the block: it mounts only while open, so mounting is the open-time load.\n    usePrepare: noop,\n  })),\n  // Savings Opportunity's safety-net reminder (secondary CTA). ditto names a dedicated\n  // `safety_net_block` with no CTA variant, so it opens the same amount-input modal, which reads the\n  // safety_net variant from the block name (see resolveAmountInputVariant).\n  [actionBlocksKey.SAFETY_NET_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AmountInputModalBlock,\n    presentation: 'modal',\n    usePrepare: noop,\n  })),\n  // Transparent Overdraft's \"Learn more\": the projected overdraft, its account and the confidence\n  // meter. Titled from the beat, as the pulse drawer was.\n  [actionBlocksKey.OVERDRAFT_ACTION_BLOCK]: liveEntry(() => ({\n    Component: OverdraftBlock,\n    usePrepare: useOverdraftPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  })),\n  // Credit Utilization's \"Learn more\": donut summary, legend and the per-card list. Loads accounts\n  // for the institution logos; the rows themselves ride on the beat.\n  [actionBlocksKey.CREDIT_UTILIZATION_ACTION_BLOCK]: liveEntry(() => ({\n    Component: CreditUtilizationBlock,\n    usePrepare: useCreditUtilizationPrepare,\n    title: (_variant, copy) => copy.insights_feed?.credit_utilization?.title ?? '',\n  })),\n  [actionBlocksKey.EMERGENCY_SAVINGS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: EmergencySavingsBlock,\n    usePrepare: noop,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  })),\n  // Monthly Credit Card Interest Summary's \"Learn how to save\": the credit card payoff calculator.\n  [actionBlocksKey.PAYOFF_CALCULATOR_ACTION_BLOCK]: liveEntry(() => ({\n    Component: PayoffCalculatorBlock,\n    usePrepare: usePayoffCalculatorPrepare,\n    title: (_variant, copy) => copy.insights_feed?.payoff_calculator?.title ?? '',\n  })),\n  [actionBlocksKey.BUDGET_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: BudgetDetailsBlock,\n    usePrepare: noop,\n    title: (_variant, copy, beat) =>\n      beat?.insights_payload?.title || copy.budgets?.details_title || '',\n  })),\n  // The accounts widget's account details (header, trend chart, tabs, connection, actions) for the\n  // beat's primary account. Shared by every beat that opens an account.\n  [actionBlocksKey.ACCOUNT_DETAILS_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AccountDetailsBlock,\n    usePrepare: useAccountDetailsPrepare,\n    title: (_variant, copy) => copy.accounts?.account_details ?? '',\n  })),\n  // Monthly Obligations Status's account list: the beat's calculation and the accounts behind it.\n  [actionBlocksKey.ACCOUNT_LIST_ACTION_BLOCK]: liveEntry(() => ({\n    Component: AccountListBlock,\n    usePrepare: useAccountListPrepare,\n    title: (_variant, copy) => copy.insights_feed?.account_list?.title ?? '',\n  })),\n  // A beat's \"Learn More\": its pre-localized help title and body from the payload's\n  // `drilldown_data`. The drawer title is the CTA label.\n  [actionBlocksKey.HELP_ACTION_BLOCK]: liveEntry(() => ({\n    Component: HelpBlock,\n    usePrepare: noop,\n  })),\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  direct_deposit_block: DetailedAccountBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  debts_block: DebtsBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  gas_purchase_block: GasPurchaseBlock,\n  goals_block: GoalsBlock,\n  image_block: ImageBlock,\n  merchant_block: MerchantBlock,\n  no_spend_days_block: NoSpendDaysBlock,\n  repeating_transaction_block: RepeatingTransactionBlock,\n  save_extra_block: SaveExtraBlock,\n  savings_amount_block: SavingsOpportunityBlock,\n  savings_summary_block: SavingsSummaryBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  upcoming_bill_block: RepeatingTransactionBlock,\n  upcoming_subscription_block: UpcomingSubscriptionBlock,\n  weekly_small_purchases_block: WeeklySmallPurchasesBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":"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"}

package/package.json

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