@mx-cartographer/experiences 9.5.3 → 9.6.0

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

@@ -1,99 +1,99 @@
-import { ContactSupportActionBlock as l } from "../actionBlocks/ContactSupportActionBlock.es.js";
-import { actionBlocksKey as r } from "./actionBlocksKey.es.js";
-import { BarchartBlock as n } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
-import { DoubleBarChartBlock as m } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import _ from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
-import p from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
+import { ContactSupportActionBlock as m } from "../actionBlocks/ContactSupportActionBlock.es.js";
+import { actionBlocksKey as o } from "./actionBlocksKey.es.js";
+import { BarchartBlock as l } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
+import { DoubleBarChartBlock as n } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
+import p from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import _ from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import s from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import k from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import C from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import B from "../blocks/ComponentBlocks/DirectDepositBlock/DirectDepositBlock.es.js";
 import { BudgetBlock as T } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import f from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
-import { TransactionBlock as u } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import A from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import A from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import { TransactionBlock as f } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import u from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
 import O from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as b } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import { PlaceholderActionBlock as N } from "../actionBlocks/PlaceholderActionBlock.es.js";
-import { getMakeTransferDrawerTitle as h } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
-import { MakeTransferActionBlockLayer as I } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
-import { getDrawerHeaderTitle as d } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
-import { TransactionDetailsBlock as g } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { SVGImageBlock as N } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import { PlaceholderActionBlock as b } from "../actionBlocks/PlaceholderActionBlock.es.js";
+import { getMakeTransferDrawerTitle as I } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
+import { MakeTransferActionBlockLayer as h } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { getDrawerHeaderTitle as g } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
+import { TransactionDetailsBlock as d } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
 import { useTransactionDetailsPrepare as a } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
 import { TransactionHistoryBlock as L } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
 import { useRecurringTransactionPrepare as i } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
-import { RecurringTransactionBlock as S } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
+import { RecurringTransactionBlock as P } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
 import { TransactionListBlock as R } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
-import { RemainingCashBlock as P } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
-var e = (t) => {
-}, D = /* @__PURE__ */ new Set([
-  "",
-  "null",
-  "undefined"
-]), io = (t) => {
-  const o = t?.trim().toLowerCase();
-  return !!o && !D.has(o);
-}, co = {
-  [r.PLACEHOLDER_ACTION_BLOCK]: {
-    Component: N,
-    usePrepare: e,
+import { RemainingCashBlock as D } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
+import { hasDrawerBlock as co } from "./hasDrawerBlock.es.js";
+import { AmountInputModalBlock as S } from "../actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js";
+var t = (e) => {
+}, lo = {
+  [o.PLACEHOLDER_ACTION_BLOCK]: {
+    Component: b,
+    usePrepare: t,
     title: () => "Action Block Layer Drilldown"
   },
-  [r.MAKE_TRANSFER_ACTION_BLOCK]: {
-    Component: I,
-    usePrepare: e,
-    title: h
+  [o.MAKE_TRANSFER_ACTION_BLOCK]: {
+    Component: h,
+    usePrepare: t,
+    title: I
   },
-  [r.TRANSCATION_HISTORY_ACTION_BLOCK]: {
+  [o.TRANSCATION_HISTORY_ACTION_BLOCK]: {
     Component: L,
-    usePrepare: e,
-    title: d
+    usePrepare: t,
+    title: g
   },
-  [r.TRANSACTION_DETAILS_ACTION_BLOCK]: {
-    Component: g,
+  [o.TRANSACTION_DETAILS_ACTION_BLOCK]: {
+    Component: d,
     usePrepare: a,
     title: () => "Transaction Details"
   },
-  [r.RECURRING_TRANSACTION_ACTION_BLOCK]: {
-    Component: S,
+  [o.RECURRING_TRANSACTION_ACTION_BLOCK]: {
+    Component: P,
     usePrepare: i,
-    title: (t, o) => o.recurring?.expense_details ?? ""
+    title: (e, r) => r.recurring?.expense_details ?? ""
   },
-  [r.REMAINING_CASH_ACTION_BLOCK]: {
-    Component: P,
+  [o.REMAINING_CASH_ACTION_BLOCK]: {
+    Component: D,
     usePrepare: i,
-    title: (t, o) => o.insights_feed?.remaining_cash?.title ?? ""
+    title: (e, r) => r.insights_feed?.remaining_cash?.title ?? ""
   },
-  [r.CONTACT_SUPPORT_ACTION_BLOCK]: {
-    Component: l,
-    usePrepare: e,
-    title: (t, o) => o.help?.request_support ?? ""
+  [o.CONTACT_SUPPORT_ACTION_BLOCK]: {
+    Component: m,
+    usePrepare: t,
+    title: (e, r) => r.help?.request_support ?? ""
   },
-  [r.TRANSACTION_LIST_ACTION_BLOCK]: {
+  [o.TRANSACTION_LIST_ACTION_BLOCK]: {
     Component: R,
     usePrepare: a,
-    title: (t, o, c) => c?.insights_payload?.title ?? ""
+    title: (e, r, c) => c?.insights_payload?.title ?? ""
+  },
+  [o.AMOUNT_INPUT_MODAL_ACTION_BLOCK]: {
+    Component: S,
+    presentation: "modal",
+    usePrepare: t
   }
-}, lo = {
+}, no = {
   account_block: k,
   account_switch_block: C,
   direct_deposit_block: B,
-  bar_chart_block: n,
+  bar_chart_block: l,
   budget_block: T,
-  donut_chart_block: p,
-  double_bar_chart_block: m,
+  donut_chart_block: _,
+  double_bar_chart_block: n,
   double_progress_bar_block: s,
   image_block: O,
-  save_extra_block: f,
-  step_chart_block: _,
-  svg_image_block: b,
-  withdrawal_block: A,
-  transaction_block: u
+  save_extra_block: A,
+  step_chart_block: p,
+  svg_image_block: N,
+  withdrawal_block: u,
+  transaction_block: f
 };
 export {
-  co as actionBlocks,
-  lo as blocks,
-  io as hasDrawerBlock
+  lo as actionBlocks,
+  no as blocks,
+  co 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  DirectDepositBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\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 { 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 {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\nimport { RemainingCashBlock } from '../actionBlocks/RemainingCashBlock'\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// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\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}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\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]: {\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]: {\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]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: {\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  direct_deposit_block: DirectDepositBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,KAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAiBa,KAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,kCAAA,GAAqC;AAAA,IACpD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,WAAW,mBAAmB;AAAA,EAChE;AAAA,EAGC,CAAA,EAAgB,2BAAA,GAA8B;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,eAAe,gBAAgB,SAAS;AAAA,EAC1E;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AAAA,EACC,CAAA,EAAgB,6BAAA,GAAgC;AAAA,IAC/C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,GAAO,MAAS,GAAM,kBAAkB,SAAS;AAAA,EACrE;AACF,GAEa,KAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  DirectDepositBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\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 { 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 {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\nimport { RemainingCashBlock } from '../actionBlocks/RemainingCashBlock'\nimport { AmountInputModalBlock } from '../actionBlocks/AmountInputModalBlock'\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  // 'modal' blocks render their own dialog, so the layer skips the Drawer (and its title) and mounts\n  // the block only while it is open for this beat. Defaults to 'drawer'.\n  presentation?: 'drawer' | 'modal'\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\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]: {\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]: {\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]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: {\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\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]: {\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} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  direct_deposit_block: DirectDepositBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAuB1B,KAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,kCAAA,GAAqC;AAAA,IACpD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,WAAW,mBAAmB;AAAA,EAChE;AAAA,EAGC,CAAA,EAAgB,2BAAA,GAA8B;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,eAAe,gBAAgB,SAAS;AAAA,EAC1E;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AAAA,EACC,CAAA,EAAgB,6BAAA,GAAgC;AAAA,IAC/C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,GAAO,MAAS,GAAM,kBAAkB,SAAS;AAAA,EACrE;AAAA,EAGC,CAAA,EAAgB,+BAAA,GAAkC;AAAA,IACjD,WAAW;AAAA,IACX,cAAc;AAAA,IAEd,YAAY;AAAA,EACd;AACF,GAEa,KAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}

package/dist/insights-v2/mappings/hasDrawerBlock.d.ts

@@ -0,0 +1 @@
+export declare const hasDrawerBlock: (block?: string | null) => boolean;

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

@@ -0,0 +1,13 @@
+var a = /* @__PURE__ */ new Set([
+  "",
+  "null",
+  "undefined"
+]), n = (r) => {
+  const e = r?.trim().toLowerCase();
+  return !!e && !a.has(e);
+};
+export {
+  n as hasDrawerBlock
+};
+
+//# sourceMappingURL=hasDrawerBlock.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasDrawerBlock.es.js","names":[],"sources":["../../../src/insights-v2/mappings/hasDrawerBlock.ts"],"sourcesContent":["// Kept out of `blocks.ts` for the same reason as `actionBlocksKey.ts`: `ctaActions` needs it, and\n// action blocks import `ctaActions` (for in-drawer saves), so importing it from the registry module\n// would close a cycle back into `blocks.ts` while it is still initialising.\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n"],"mappings":"AAOA,IAAM,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,IAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD"}

package/dist/insights-v2/resolveInsightRender.d.ts

@@ -21,10 +21,13 @@ export type InsightRender = 'legacy' | 'v2' | 'error';
  * no block, no logo and no footer, and the failure would never surface. An absent flag (older firefly,
  * cortex) renders the legacy path unchanged.
  *
- * An envelope counts as present only when it carries both an `instance_slot` and a `description`: a
- * bare `{}` is a half-built envelope, every V2 renderer reads `instance_slot.block` first, and all
- * three — `BaseLayout`, `CompactInsightCard` and the micro `InsightCard` — paint
- * `description.html_text` unguarded, so a half-built envelope has to resolve to `error` rather than
- * throw inside the renderer.
+ * The gate checks only that `instance_slot` is an object and `description` is present. It does not
+ * look inside the slot: an empty `{}` is a valid envelope and resolves to `v2`, because a beat
+ * whose template has no ditto config names no block, and the card renders its copy and CTAs alone.
+ * So `block` is optional on `InstanceSlot` and a renderer must not dereference it unguarded.
+ *
+ * A payload missing `description` resolves to `error` instead: all three renderers — `BaseLayout`,
+ * `CompactInsightCard` and the micro `InsightCard` — paint `description.html_text` unguarded, so
+ * that one would throw.
  */
 export declare const resolveInsightRender: (beat?: Beat | null) => InsightRender;

package/dist/insights-v2/resolveInsightRender.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveInsightRender.es.js","names":[],"sources":["../../src/insights-v2/resolveInsightRender.ts"],"sourcesContent":["import type { Beat } from '../core'\n\n/**\n * Which renderer draws a beat:\n * - `legacy` — the per-template legacy component (feed, mini, micro) or the legacy caption / embedded\n *   `switch` (transaction row, details drawer).\n * - `v2`     — `BaseLayout` (full, mini) or `CompactInsightCard` (micro, embedded) from `insights_payload`.\n * - `error`  — `InsightErrorCard`: the beat is flagged but its envelope is missing.\n */\nexport type InsightRender = 'legacy' | 'v2' | 'error'\n\n/**\n * The single gate every surface calls. Two facts decide: `beat.is_insights_v2` (written by firefly\n * when the insight's Insights 2.0 flag is on) and whether the envelope is present.\n *\n * | `is_insights_v2` | envelope  | result   |\n * | false / absent   | any       | `legacy` |\n * | true             | non-empty | `v2`     |\n * | true             | empty     | `error`  |\n *\n * `error` is never downgraded to `legacy`: a flagged insight's legacy copy fields are filled from the\n * same V2 copy block, so a failed envelope would otherwise render a plausible legacy-looking card with\n * no block, no logo and no footer, and the failure would never surface. An absent flag (older firefly,\n * cortex) renders the legacy path unchanged.\n *\n * An envelope counts as present only when it carries both an `instance_slot` and a `description`: a\n * bare `{}` is a half-built envelope, every V2 renderer reads `instance_slot.block` first, and all\n * three — `BaseLayout`, `CompactInsightCard` and the micro `InsightCard` — paint\n * `description.html_text` unguarded, so a half-built envelope has to resolve to `error` rather than\n * throw inside the renderer.\n */\nexport const resolveInsightRender = (beat?: Beat | null): InsightRender => {\n  if (!beat?.is_insights_v2) return 'legacy'\n\n  const payload = beat.insights_payload\n\n  return payload?.instance_slot && payload.description ? 'v2' : 'error'\n}\n"],"mappings":"AA+BA,IAAa,IAAA,CAAwB,MAAsC;AACzE,MAAI,CAAC,GAAM,eAAgB,QAAO;AAElC,QAAM,IAAU,EAAK;AAErB,SAAO,GAAS,iBAAiB,EAAQ,cAAc,OAAO;AAChE"}
+{"version":3,"file":"resolveInsightRender.es.js","names":[],"sources":["../../src/insights-v2/resolveInsightRender.ts"],"sourcesContent":["import type { Beat } from '../core'\n\n/**\n * Which renderer draws a beat:\n * - `legacy` — the per-template legacy component (feed, mini, micro) or the legacy caption / embedded\n *   `switch` (transaction row, details drawer).\n * - `v2`     — `BaseLayout` (full, mini) or `CompactInsightCard` (micro, embedded) from `insights_payload`.\n * - `error`  — `InsightErrorCard`: the beat is flagged but its envelope is missing.\n */\nexport type InsightRender = 'legacy' | 'v2' | 'error'\n\n/**\n * The single gate every surface calls. Two facts decide: `beat.is_insights_v2` (written by firefly\n * when the insight's Insights 2.0 flag is on) and whether the envelope is present.\n *\n * | `is_insights_v2` | envelope  | result   |\n * | false / absent   | any       | `legacy` |\n * | true             | non-empty | `v2`     |\n * | true             | empty     | `error`  |\n *\n * `error` is never downgraded to `legacy`: a flagged insight's legacy copy fields are filled from the\n * same V2 copy block, so a failed envelope would otherwise render a plausible legacy-looking card with\n * no block, no logo and no footer, and the failure would never surface. An absent flag (older firefly,\n * cortex) renders the legacy path unchanged.\n *\n * The gate checks only that `instance_slot` is an object and `description` is present. It does not\n * look inside the slot: an empty `{}` is a valid envelope and resolves to `v2`, because a beat\n * whose template has no ditto config names no block, and the card renders its copy and CTAs alone.\n * So `block` is optional on `InstanceSlot` and a renderer must not dereference it unguarded.\n *\n * A payload missing `description` resolves to `error` instead: all three renderers — `BaseLayout`,\n * `CompactInsightCard` and the micro `InsightCard` — paint `description.html_text` unguarded, so\n * that one would throw.\n */\nexport const resolveInsightRender = (beat?: Beat | null): InsightRender => {\n  if (!beat?.is_insights_v2) return 'legacy'\n\n  const payload = beat.insights_payload\n\n  return payload?.instance_slot && payload.description ? 'v2' : 'error'\n}\n"],"mappings":"AAkCA,IAAa,IAAA,CAAwB,MAAsC;AACzE,MAAI,CAAC,GAAM,eAAgB,QAAO;AAElC,QAAM,IAAU,EAAK;AAErB,SAAO,GAAS,iBAAiB,EAAQ,cAAc,OAAO;AAChE"}

package/dist/microinsights/cards/InsightCard.es.js

@@ -1,26 +1,27 @@
-import { resolveInsightRender as k } from "../../insights-v2/resolveInsightRender.es.js";
-import x from "../../insights-v2/components/LogoFromGuid.es.js";
-import B from "../../insights-v2/components/InsightErrorCard.es.js";
-import { ON_CLICK_EVENT as M, ON_VIEW_EVENT as R, ON_VIEW_FIRST_TIME_EVENT as W } from "../constants/Analytics.es.js";
-import S from "../beaticons/BeatMaterialIcon.es.js";
-import { BeatIcon as F } from "../beaticons/BeatIcon.es.js";
-import { useCopyStore as O, useEvent as P, useInsightsMicroWidgetStore as A } from "../context/hooks.es.js";
+import { slot as k } from "../../core/types/Insights.es.js";
+import { resolveInsightRender as x } from "../../insights-v2/resolveInsightRender.es.js";
+import B from "../../insights-v2/components/LogoFromGuid.es.js";
+import M from "../../insights-v2/components/InsightErrorCard.es.js";
+import { ON_CLICK_EVENT as R, ON_VIEW_EVENT as W, ON_VIEW_FIRST_TIME_EVENT as S } from "../constants/Analytics.es.js";
+import F from "../beaticons/BeatMaterialIcon.es.js";
+import { BeatIcon as O } from "../beaticons/BeatIcon.es.js";
+import { useCopyStore as P, useEvent as A, useInsightsMicroWidgetStore as j } from "../context/hooks.es.js";
 import E from "../MicroCardTemplate.es.js";
 import { useEffect as I } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import { alpha as j, useTheme as v } from "@mui/material/styles";
-import w from "@mui/material/Box";
-import { useInView as z } from "react-intersection-observer";
-var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard: c, onCardClick: u, posthog: o, widthOverrides: m, variant: f, showIcon: h, heightOverrides: a }) => {
-  const { ref: _, inView: n } = z({ threshold: 1 }), C = v(), { cardsCopy: T } = O(), { onEvent: d } = P(), { updateBeat: N, updateOffer: V } = A();
+import { alpha as v, useTheme as w } from "@mui/material/styles";
+import z from "@mui/material/Box";
+import { useInView as G } from "react-intersection-observer";
+var K = 32, ti = ({ ariaLabel: l, beat: i, elevation: g, index: c, isActiveCard: s, onCardClick: u, posthog: o, widthOverrides: m, variant: f, showIcon: h, heightOverrides: a }) => {
+  const { ref: _, inView: n } = G({ threshold: 1 }), C = w(), { cardsCopy: T } = P(), { onEvent: d } = A(), { updateBeat: N, updateOffer: V } = j();
   I(() => {
-    n && (i.has_been_displayed ? d(R(i.template)) : (i.guid.startsWith("OFR") ? V({
+    n && (i.has_been_displayed ? d(W(i.template)) : (i.guid.startsWith("OFR") ? V({
       ...i,
       has_been_displayed: !0
     }) : N({
       ...i,
       has_been_displayed: !0
-    }), d(W(i.template))));
+    }), d(S(i.template))));
   }, [n]), I(() => {
     if (n && i) if (i.template === "MarketingOffer") {
       const e = i;
@@ -34,15 +35,15 @@ var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard:
     } else o?.capture("viewed_insight", {
       beat_guid: i.guid,
       template: i.template,
-      position: s
+      position: c
     });
   }, [
     i,
-    s,
+    c,
     n
   ]);
   const p = () => {
-    if (u && u(i), d(M(i.template)), i.template === "MarketingOffer") {
+    if (u && u(i), d(R(i.template)), i.template === "MarketingOffer") {
       const e = i;
       o?.capture("clicked_messaging_insight", {
         template: i.template,
@@ -54,11 +55,11 @@ var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard:
     } else o?.capture("clicked_insight", {
       beat_guid: i.guid,
       template: i.template,
-      position: s
+      position: c
     });
-  }, y = k(i), t = y === "v2" ? i.insights_payload : void 0;
-  if (y === "error") return /* @__PURE__ */ r(w, {
-    "aria-hidden": !c,
+  }, y = x(i), t = y === "v2" ? i.insights_payload : void 0;
+  if (y === "error") return /* @__PURE__ */ r(z, {
+    "aria-hidden": !s,
     "aria-label": l,
     "aria-roledescription": "slide",
     ref: _,
@@ -68,24 +69,24 @@ var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard:
       minWidth: m ? `${m}px` : "100%",
       my: 1
     },
-    children: /* @__PURE__ */ r(B, { beat: i })
+    children: /* @__PURE__ */ r(M, { beat: i })
   });
   if (t) {
-    const e = t.instance_slot.data_series?.[0]?.logo;
+    const e = k(t.instance_slot.data, "logo");
     return /* @__PURE__ */ r(E, {
       "aria-roledescription": "slide",
       ariaLabel: l,
       description: t.description.html_text,
       elevation: g,
       heightOverrides: a,
-      icon: h && (e ? /* @__PURE__ */ r(x, {
+      icon: h && (e ? /* @__PURE__ */ r(B, {
         logo: e,
-        size: G
-      }) : /* @__PURE__ */ r(S, {
-        bgColor: j(C.palette.primary.main, 0.15),
+        size: K
+      }) : /* @__PURE__ */ r(F, {
+        bgColor: v(C.palette.primary.main, 0.15),
         name: "lightbulb"
       })),
-      isActiveCard: c,
+      isActiveCard: s,
       onCardClick: p,
       onPrimaryAction: p,
       primaryActionText: t.primary_cta?.label,
@@ -101,8 +102,8 @@ var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard:
     description: i?.html_micro_description && i?.html_micro_description.length > 0 ? i.html_micro_description : i.html_description || "",
     elevation: g,
     heightOverrides: a,
-    icon: h && /* @__PURE__ */ r(F, { beat: i }),
-    isActiveCard: c,
+    icon: h && /* @__PURE__ */ r(O, { beat: i }),
+    isActiveCard: s,
     onCardClick: p,
     onPrimaryAction: p,
     primaryActionText: i.micro_call_to_action || T?.micro_card_cta,
@@ -113,7 +114,7 @@ var G = 32, ei = ({ ariaLabel: l, beat: i, elevation: g, index: s, isActiveCard:
   });
 };
 export {
-  ei as InsightCard
+  ti as InsightCard
 };
 
 //# sourceMappingURL=InsightCard.es.js.map

package/dist/microinsights/cards/InsightCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsightCard.es.js","names":[],"sources":["../../../src/microinsights/cards/InsightCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nimport Box from '@mui/material/Box'\nimport { alpha, useTheme } from '@mui/material/styles'\n\nimport { BeatIcon } from '../beaticons'\nimport BeatMaterialIcon from '../beaticons/BeatMaterialIcon'\n\nimport { useCopyStore, useEvent, useInsightsMicroWidgetStore } from '../context/hooks'\n\nimport { ON_CLICK_EVENT, ON_VIEW_EVENT, ON_VIEW_FIRST_TIME_EVENT } from '../constants/Analytics'\nimport { VIEW_THRESHOLD } from '../constants/App'\n\nimport type { BeatLikeOffer, MicroInsightCardProps } from '../interfaces'\nimport type { Beat } from '../../core/types/Beat'\nimport MicroCardTemplate from '../MicroCardTemplate'\n// Leaf imports on purpose: the `insights-v2` barrel pulls in `mappings/blocks` and its charts.\nimport InsightErrorCard from '../../insights-v2/components/InsightErrorCard'\nimport LogoFromGuid from '../../insights-v2/components/LogoFromGuid'\nimport { resolveInsightRender } from '../../insights-v2/resolveInsightRender'\n\n/** The legacy micro card's icon tile size (BeatMaterialIcon). */\nconst ICON_SIZE = 32\n\nexport interface InsightCardProps extends MicroInsightCardProps {\n  beat: Beat | BeatLikeOffer\n  index?: number\n}\n\nexport const InsightCard: React.FC<InsightCardProps> = ({\n  ariaLabel,\n  beat,\n  elevation,\n  index,\n  isActiveCard,\n  onCardClick,\n  posthog,\n  widthOverrides,\n  variant,\n  showIcon,\n  heightOverrides,\n}) => {\n  const { ref, inView } = useInView({\n    threshold: VIEW_THRESHOLD,\n  })\n\n  const theme = useTheme()\n\n  // *************** Context functions *********************\n  const { cardsCopy } = useCopyStore()\n  const { onEvent } = useEvent()\n  const { updateBeat, updateOffer } = useInsightsMicroWidgetStore()\n\n  // ************** Use Effects Hooks **********************\n  useEffect(() => {\n    if (inView) {\n      if (!beat.has_been_displayed) {\n        if (beat.guid.startsWith('OFR')) {\n          updateOffer({\n            ...beat,\n            has_been_displayed: true,\n          })\n        } else {\n          updateBeat({\n            ...beat,\n            has_been_displayed: true,\n          })\n        }\n        onEvent(ON_VIEW_FIRST_TIME_EVENT(beat.template))\n      } else {\n        onEvent(ON_VIEW_EVENT(beat.template))\n      }\n    }\n  }, [inView])\n\n  useEffect(() => {\n    if (inView && beat) {\n      if (beat.template === 'MarketingOffer') {\n        const offerBeat = beat as BeatLikeOffer\n        posthog?.capture('viewed_messaging_insight', {\n          template: beat.template,\n          campaign_guid: offerBeat.campaign_guid,\n          campaign_name: offerBeat.pulse_campaign_name,\n          offer_guid: offerBeat.guid,\n          user_guid: offerBeat.user_guid,\n        })\n      } else {\n        posthog?.capture('viewed_insight', {\n          beat_guid: beat.guid,\n          template: beat.template,\n          position: index,\n        })\n      }\n    }\n  }, [beat, index, inView])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    /* eslint-disable no-unused-expressions */\n    onCardClick && onCardClick(beat)\n    onEvent(ON_CLICK_EVENT(beat.template))\n\n    if (beat.template === 'MarketingOffer') {\n      const offerBeat = beat as BeatLikeOffer\n      posthog?.capture('clicked_messaging_insight', {\n        template: beat.template,\n        campaign_guid: offerBeat.campaign_guid,\n        campaign_name: offerBeat.pulse_campaign_name,\n        offer_guid: offerBeat.guid,\n        user_guid: offerBeat.user_guid,\n      })\n    } else {\n      posthog?.capture('clicked_insight', {\n        beat_guid: beat.guid,\n        template: beat.template,\n        position: index,\n      })\n    }\n  }\n\n  const insightRender = resolveInsightRender(beat as Beat)\n  const v2Payload = insightRender === 'v2' ? beat.insights_payload : undefined\n\n  if (insightRender === 'error') {\n    // Keeps the carousel's slot sizing; the error card does not know about it.\n    return (\n      <Box\n        aria-hidden={!isActiveCard}\n        aria-label={ariaLabel}\n        aria-roledescription=\"slide\"\n        ref={ref}\n        role=\"group\"\n        sx={{\n          height: heightOverrides ? '100%' : 120,\n          minWidth: widthOverrides ? `${widthOverrides}px` : '100%',\n          my: 1,\n        }}\n      >\n        <InsightErrorCard beat={beat} />\n      </Box>\n    )\n  }\n\n  if (v2Payload) {\n    // Figma (Micro Widget | Large Transaction) is the legacy micro card's layout fed from the envelope:\n    // the first slot row's logo on the left (merchant, or the category without one), title, description,\n    // and the primary CTA as a link. The logo falls back to the insight glyph when the slot has no row.\n    const rowLogo = v2Payload.instance_slot.data_series?.[0]?.logo\n\n    return (\n      <MicroCardTemplate\n        aria-roledescription=\"slide\"\n        ariaLabel={ariaLabel}\n        description={v2Payload.description.html_text}\n        elevation={elevation}\n        heightOverrides={heightOverrides}\n        icon={\n          showIcon &&\n          (rowLogo ? (\n            <LogoFromGuid logo={rowLogo} size={ICON_SIZE} />\n          ) : (\n            <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"lightbulb\" />\n          ))\n        }\n        isActiveCard={isActiveCard}\n        onCardClick={handleClick}\n        onPrimaryAction={handleClick}\n        primaryActionText={v2Payload.primary_cta?.label}\n        ref={ref}\n        title={v2Payload.title ?? ''}\n        variant={variant}\n        widthOverrides={widthOverrides}\n      />\n    )\n  }\n\n  return (\n    <MicroCardTemplate\n      aria-roledescription=\"slide\"\n      ariaLabel={ariaLabel}\n      description={\n        beat?.html_micro_description && beat?.html_micro_description.length > 0\n          ? beat.html_micro_description\n          : beat.html_description || ''\n      }\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={showIcon && <BeatIcon beat={beat} />}\n      isActiveCard={isActiveCard}\n      onCardClick={handleClick}\n      onPrimaryAction={handleClick}\n      primaryActionText={beat.micro_call_to_action || cardsCopy?.micro_card_cta}\n      ref={ref}\n      title={beat.micro_title && beat.micro_title.length > 0 ? beat.micro_title : beat.title}\n      variant={variant}\n      widthOverrides={widthOverrides}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"InsightCard.es.js","names":[],"sources":["../../../src/microinsights/cards/InsightCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nimport Box from '@mui/material/Box'\nimport { alpha, useTheme } from '@mui/material/styles'\n\nimport { BeatIcon } from '../beaticons'\nimport BeatMaterialIcon from '../beaticons/BeatMaterialIcon'\n\nimport { useCopyStore, useEvent, useInsightsMicroWidgetStore } from '../context/hooks'\n\nimport { ON_CLICK_EVENT, ON_VIEW_EVENT, ON_VIEW_FIRST_TIME_EVENT } from '../constants/Analytics'\nimport { VIEW_THRESHOLD } from '../constants/App'\n\nimport type { BeatLikeOffer, MicroInsightCardProps } from '../interfaces'\nimport type { Beat } from '../../core/types/Beat'\n// Leaf imports, not the `core` barrel: that pulls GlobalStore and every feature store into the\n// micro bundle, and through `core/stores` it reintroduces a circular path this module avoids.\nimport { slot } from '../../core/types/Insights'\nimport type { LogoRef } from '../../core/types/Insights'\nimport MicroCardTemplate from '../MicroCardTemplate'\n// Leaf imports on purpose: the `insights-v2` barrel pulls in `mappings/blocks` and its charts.\nimport InsightErrorCard from '../../insights-v2/components/InsightErrorCard'\nimport LogoFromGuid from '../../insights-v2/components/LogoFromGuid'\nimport { resolveInsightRender } from '../../insights-v2/resolveInsightRender'\n\n/** The legacy micro card's icon tile size (BeatMaterialIcon). */\nconst ICON_SIZE = 32\n\nexport interface InsightCardProps extends MicroInsightCardProps {\n  beat: Beat | BeatLikeOffer\n  index?: number\n}\n\nexport const InsightCard: React.FC<InsightCardProps> = ({\n  ariaLabel,\n  beat,\n  elevation,\n  index,\n  isActiveCard,\n  onCardClick,\n  posthog,\n  widthOverrides,\n  variant,\n  showIcon,\n  heightOverrides,\n}) => {\n  const { ref, inView } = useInView({\n    threshold: VIEW_THRESHOLD,\n  })\n\n  const theme = useTheme()\n\n  // *************** Context functions *********************\n  const { cardsCopy } = useCopyStore()\n  const { onEvent } = useEvent()\n  const { updateBeat, updateOffer } = useInsightsMicroWidgetStore()\n\n  // ************** Use Effects Hooks **********************\n  useEffect(() => {\n    if (inView) {\n      if (!beat.has_been_displayed) {\n        if (beat.guid.startsWith('OFR')) {\n          updateOffer({\n            ...beat,\n            has_been_displayed: true,\n          })\n        } else {\n          updateBeat({\n            ...beat,\n            has_been_displayed: true,\n          })\n        }\n        onEvent(ON_VIEW_FIRST_TIME_EVENT(beat.template))\n      } else {\n        onEvent(ON_VIEW_EVENT(beat.template))\n      }\n    }\n  }, [inView])\n\n  useEffect(() => {\n    if (inView && beat) {\n      if (beat.template === 'MarketingOffer') {\n        const offerBeat = beat as BeatLikeOffer\n        posthog?.capture('viewed_messaging_insight', {\n          template: beat.template,\n          campaign_guid: offerBeat.campaign_guid,\n          campaign_name: offerBeat.pulse_campaign_name,\n          offer_guid: offerBeat.guid,\n          user_guid: offerBeat.user_guid,\n        })\n      } else {\n        posthog?.capture('viewed_insight', {\n          beat_guid: beat.guid,\n          template: beat.template,\n          position: index,\n        })\n      }\n    }\n  }, [beat, index, inView])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    /* eslint-disable no-unused-expressions */\n    onCardClick && onCardClick(beat)\n    onEvent(ON_CLICK_EVENT(beat.template))\n\n    if (beat.template === 'MarketingOffer') {\n      const offerBeat = beat as BeatLikeOffer\n      posthog?.capture('clicked_messaging_insight', {\n        template: beat.template,\n        campaign_guid: offerBeat.campaign_guid,\n        campaign_name: offerBeat.pulse_campaign_name,\n        offer_guid: offerBeat.guid,\n        user_guid: offerBeat.user_guid,\n      })\n    } else {\n      posthog?.capture('clicked_insight', {\n        beat_guid: beat.guid,\n        template: beat.template,\n        position: index,\n      })\n    }\n  }\n\n  const insightRender = resolveInsightRender(beat as Beat)\n  const v2Payload = insightRender === 'v2' ? beat.insights_payload : undefined\n\n  if (insightRender === 'error') {\n    // Keeps the carousel's slot sizing; the error card does not know about it.\n    return (\n      <Box\n        aria-hidden={!isActiveCard}\n        aria-label={ariaLabel}\n        aria-roledescription=\"slide\"\n        ref={ref}\n        role=\"group\"\n        sx={{\n          height: heightOverrides ? '100%' : 120,\n          minWidth: widthOverrides ? `${widthOverrides}px` : '100%',\n          my: 1,\n        }}\n      >\n        <InsightErrorCard beat={beat} />\n      </Box>\n    )\n  }\n\n  if (v2Payload) {\n    // Figma (Micro Widget | Large Transaction) is the legacy micro card's layout fed from the envelope:\n    // the slot's logo on the left (merchant, or the category without one), title, description, and the\n    // primary CTA as a link. The logo falls back to the insight glyph when the slot carries none.\n    const rowLogo = slot<LogoRef>(v2Payload.instance_slot.data, 'logo')\n\n    return (\n      <MicroCardTemplate\n        aria-roledescription=\"slide\"\n        ariaLabel={ariaLabel}\n        description={v2Payload.description.html_text}\n        elevation={elevation}\n        heightOverrides={heightOverrides}\n        icon={\n          showIcon &&\n          (rowLogo ? (\n            <LogoFromGuid logo={rowLogo} size={ICON_SIZE} />\n          ) : (\n            <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"lightbulb\" />\n          ))\n        }\n        isActiveCard={isActiveCard}\n        onCardClick={handleClick}\n        onPrimaryAction={handleClick}\n        primaryActionText={v2Payload.primary_cta?.label}\n        ref={ref}\n        title={v2Payload.title ?? ''}\n        variant={variant}\n        widthOverrides={widthOverrides}\n      />\n    )\n  }\n\n  return (\n    <MicroCardTemplate\n      aria-roledescription=\"slide\"\n      ariaLabel={ariaLabel}\n      description={\n        beat?.html_micro_description && beat?.html_micro_description.length > 0\n          ? beat.html_micro_description\n          : beat.html_description || ''\n      }\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={showIcon && <BeatIcon beat={beat} />}\n      isActiveCard={isActiveCard}\n      onCardClick={handleClick}\n      onPrimaryAction={handleClick}\n      primaryActionText={beat.micro_call_to_action || cardsCopy?.micro_card_cta}\n      ref={ref}\n      title={beat.micro_title && beat.micro_title.length > 0 ? beat.micro_title : beat.title}\n      variant={variant}\n      widthOverrides={widthOverrides}\n    />\n  )\n}\n"],"mappings":"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"}

package/package.json

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