@mx-cartographer/experiences 9.6.0 → 9.6.2

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

@@ -1,8 +1,11 @@
-var r = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(173, 248, 43, 0.2) 101.54%)", a = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(255, 128, 229, 0.2) 101.54%)", g = "linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)";
+import { alpha as a } from "@mui/material/styles";
+var i = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(173, 248, 43, 0.2) 101.54%)", e = "linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(255, 128, 229, 0.2) 101.54%)", n = "linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)", d = "linear-gradient(201deg, rgba(255, 170, 0, 0.25) 1.86%, rgba(255, 68, 0, 0.25) 101.54%)", N = ({ palette: r }) => `linear-gradient(173deg, ${a(r.primary.light, 0.75)} 46.41%, ${a(r.primary.main, 0.75)} 78.14%)`;
 export {
-  g as ACCOUNT_CONNECTED_GRADIENT,
-  a as CELEBRATION_GRADIENT,
-  r as WARM_LIME_ACCENT_GRADIENT
+  n as ACCOUNT_CONNECTED_GRADIENT,
+  e as CELEBRATION_GRADIENT,
+  i as WARM_LIME_ACCENT_GRADIENT,
+  d as WARNING_WASH_GRADIENT,
+  N as getPrimaryWashGradient
 };
 
 //# sourceMappingURL=celebrationGradients.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"celebrationGradients.es.js","names":[],"sources":["../../../src/insights-v2/components/celebrationGradients.ts"],"sourcesContent":["/**\n * Decorative celebration washes used behind confetti-backed \"complete\"/milestone states.\n * Shared so both the block layer (`AccountBlock`) and the presentational\n * components/stories reference one source instead of re-declaring the string.\n *\n * - WARM_LIME_ACCENT_GRADIENT: 20%-opacity warm→lime wash; layer over `background.paper`\n *   for a tinted background. Used for merchant categorization and deposit celebration states.\n * - CELEBRATION_GRADIENT: 20%-opacity warm→pink wash; layer over `background.paper`.\n * - DISCOVERED_ACCOUNTS_GRADIENT: Fully opaque (100% opacity); use as the sole background.\n */\n\n/**\n * Warm → lime accent wash at 20% opacity. Used as a tinted background behind\n * merchant categorization highlights and deposit celebration callouts.\n */\nexport const WARM_LIME_ACCENT_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(173, 248, 43, 0.2) 101.54%)'\n\n/** Warm → pink wash behind balance/savings milestones. */\nexport const CELEBRATION_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(255, 128, 229, 0.2) 101.54%)'\n\n/** Peach → pink gradient for Discovered Accounts success state. */\nexport const DISCOVERED_ACCOUNTS_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 224, 153, 1) 1.86%, rgba(255, 129, 230, 1) 101.54%)'\n\n/**\n * Warm → pink wash at 20% opacity for the account-connected success state.\n * Layer over `background.paper` (the Figma spec's `#FFF` base), not the\n * `background` shorthand — a 20% gradient over transparency renders wrong.\n */\nexport const ACCOUNT_CONNECTED_GRADIENT =\n  'linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)'\n"],"mappings":"AAeA,IAAa,IACX,+FAGW,IACX,gGAWW,IACX"}
+{"version":3,"file":"celebrationGradients.es.js","names":[],"sources":["../../../src/insights-v2/components/celebrationGradients.ts"],"sourcesContent":["import { alpha, type Theme } from '@mui/material/styles'\n\n/**\n * Decorative slot washes shared by the block layouts and the presentational components, so\n * one source holds each gradient. The 20%–25% washes layer over `background.paper` via\n * `backgroundImage`; `DISCOVERED_ACCOUNTS_GRADIENT` is opaque and stands alone.\n *\n * - WARM_LIME_ACCENT_GRADIENT: merchant categorization and deposit celebration states.\n * - CELEBRATION_GRADIENT / ACCOUNT_CONNECTED_GRADIENT: balance milestones, account connected.\n * - WARNING_WASH_GRADIENT: a flagged charge (Unexpected Subscription Payment).\n * - getPrimaryWashGradient(theme): pending connect / detected subscription, from the palette.\n */\n\n/**\n * Warm → lime accent wash at 20% opacity. Used as a tinted background behind\n * merchant categorization highlights and deposit celebration callouts.\n */\nexport const WARM_LIME_ACCENT_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(173, 248, 43, 0.2) 101.54%)'\n\n/** Warm → pink wash behind balance/savings milestones. */\nexport const CELEBRATION_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 223, 152, 0.2) 1.86%, rgba(255, 128, 229, 0.2) 101.54%)'\n\n/** Peach → pink gradient for Discovered Accounts success state. */\nexport const DISCOVERED_ACCOUNTS_GRADIENT =\n  'linear-gradient(200.73deg, rgba(255, 224, 153, 1) 1.86%, rgba(255, 129, 230, 1) 101.54%)'\n\n/**\n * Warm → pink wash at 20% opacity for the account-connected success state.\n * Layer over `background.paper` (the Figma spec's `#FFF` base), not the\n * `background` shorthand — a 20% gradient over transparency renders wrong.\n */\nexport const ACCOUNT_CONNECTED_GRADIENT =\n  'linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)'\n\n/**\n * Orange → red-orange wash at 25% opacity behind a flagged charge (Unexpected Subscription\n * Payment). Figma \"Warning Gradient 1\": a bespoke two-stop blend with no palette token, so it\n * stays a literal like the other washes here rather than being derived from `palette.warning`.\n */\nexport const WARNING_WASH_GRADIENT =\n  'linear-gradient(201deg, rgba(255, 170, 0, 0.25) 1.86%, rgba(255, 68, 0, 0.25) 101.54%)'\n\n/**\n * Blue slot wash behind a pending connect / detected-subscription row: `primary.light` →\n * `primary.main` at 75% over paper, built from the live palette so it follows the theme.\n */\nexport const getPrimaryWashGradient = ({ palette }: Theme) =>\n  `linear-gradient(173deg, ${alpha(palette.primary.light, 0.75)} 46.41%, ${alpha(palette.primary.main, 0.75)} 78.14%)`\n"],"mappings":";AAiBA,IAAa,IACX,+FAGW,IACX,gGAWW,IACX,6FAOW,IACX,0FAMW,IAAA,CAA0B,EAAE,SAAA,EAAA,MACvC,2BAA2B,EAAM,EAAQ,QAAQ,OAAO,IAAI,CAAA,YAAa,EAAM,EAAQ,QAAQ,MAAM,IAAI,CAAA"}

package/dist/insights-v2/components/shared/StatusSnackbar.d.ts

@@ -0,0 +1,28 @@
+export interface StatusSnackbarProps {
+    open: boolean;
+    /** Snackbar tone — success (green, Figma 1941:167636) or error (red, Figma 1941:167637). */
+    severity?: 'success' | 'error';
+    /** Status description, e.g. "Your feedback has been submitted.". */
+    message: string;
+    /** ARIA label for the close button. */
+    closeAriaLabel: string;
+    /** Fired on close / auto-hide. */
+    onClose: () => void;
+    /**
+     * Optional action button label (e.g. "Try Again"). The button renders only
+     * when this is provided.
+     */
+    actionText?: string;
+    onActionClick?: () => void;
+    /** Auto-hide in ms; defaults to the mxui Toast default (3s). */
+    autoHideDuration?: number;
+}
+/**
+ * Shared status snackbar for insights-v2 (Figma `<Snackbar>`): a filled
+ * success/error toast with a message, a close button, and an optional action
+ * (e.g. the feedback modal's Try Again). Thin wrapper over the mxui `Toast`
+ * so every surface renders the same Figma variants instead of re-wiring
+ * Toast props.
+ */
+declare const StatusSnackbar: ({ actionText, autoHideDuration, closeAriaLabel, message, onActionClick, onClose, open, severity, }: StatusSnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusSnackbar;

package/dist/insights-v2/components/shared/StatusSnackbar.es.js

@@ -0,0 +1,19 @@
+import { Toast as u } from "@mxenabled/mxui";
+import { jsx as c } from "react/jsx-runtime";
+var p = ({ actionText: s, autoHideDuration: o, closeAriaLabel: r, message: a, onActionClick: t, onClose: e, open: l, severity: m = "success" }) => /* @__PURE__ */ c(u, {
+  actionText: s,
+  autoHideDuration: o,
+  closeAriaLabel: r,
+  handleClose: e,
+  message: a,
+  onActionClick: t,
+  open: l,
+  severity: m,
+  showAction: !!s,
+  showClose: !0
+});
+export {
+  p as default
+};
+
+//# sourceMappingURL=StatusSnackbar.es.js.map

package/dist/insights-v2/components/shared/StatusSnackbar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusSnackbar.es.js","names":[],"sources":["../../../../src/insights-v2/components/shared/StatusSnackbar.tsx"],"sourcesContent":["import { Toast } from '@mxenabled/mxui'\n\nexport interface StatusSnackbarProps {\n  open: boolean\n  /** Snackbar tone — success (green, Figma 1941:167636) or error (red, Figma 1941:167637). */\n  severity?: 'success' | 'error'\n  /** Status description, e.g. \"Your feedback has been submitted.\". */\n  message: string\n  /** ARIA label for the close button. */\n  closeAriaLabel: string\n  /** Fired on close / auto-hide. */\n  onClose: () => void\n  /**\n   * Optional action button label (e.g. \"Try Again\"). The button renders only\n   * when this is provided.\n   */\n  actionText?: string\n  onActionClick?: () => void\n  /** Auto-hide in ms; defaults to the mxui Toast default (3s). */\n  autoHideDuration?: number\n}\n\n/**\n * Shared status snackbar for insights-v2 (Figma `<Snackbar>`): a filled\n * success/error toast with a message, a close button, and an optional action\n * (e.g. the feedback modal's Try Again). Thin wrapper over the mxui `Toast`\n * so every surface renders the same Figma variants instead of re-wiring\n * Toast props.\n */\nconst StatusSnackbar = ({\n  actionText,\n  autoHideDuration,\n  closeAriaLabel,\n  message,\n  onActionClick,\n  onClose,\n  open,\n  severity = 'success',\n}: StatusSnackbarProps) => (\n  <Toast\n    actionText={actionText}\n    autoHideDuration={autoHideDuration}\n    closeAriaLabel={closeAriaLabel}\n    handleClose={onClose}\n    message={message}\n    onActionClick={onActionClick}\n    open={open}\n    severity={severity}\n    showAction={!!actionText}\n    showClose={true}\n  />\n)\n\nexport default StatusSnackbar\n"],"mappings":";;AA6BA,IAAM,IAAA,CAAkB,EACtB,YAAA,GACA,kBAAA,GACA,gBAAA,GACA,SAAA,GACA,eAAA,GACA,SAAA,GACA,MAAA,GACA,UAAA,IAAW,UAAA,MAEX,gBAAA,EAAC,GAAD;AAAA,EACc,YAAA;AAAA,EACM,kBAAA;AAAA,EACF,gBAAA;AAAA,EAChB,aAAa;AAAA,EACJ,SAAA;AAAA,EACM,eAAA;AAAA,EACT,MAAA;AAAA,EACI,UAAA;AAAA,EACV,YAAY,CAAC,CAAC;AAAA,EACd,WAAW;AACZ,CAAA"}

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

@@ -1,5 +1,6 @@
 export * from './blocks';
 export { default as AccountHeroCard } from './components/AccountHeroCard';
+export { default as ConnectionDetailDrillDown, type ConnectionDetailContent, } from './components/ConnectionDetailDrillDown';
 export { default as DirectDepositCard, type DirectDepositCardStyleProps, type DirectDepositPillConfig, } from './components/DirectDepositCard';
 export { default as AmountPill } from './components/AmountPill';
 export { default as BadgedTile } from './components/BadgedTile';
@@ -22,6 +23,9 @@ export { default as DismissInsightDialog, type DismissInsightDialogProps, type D
 export { default as HiddenConfirmationCard, type HiddenConfirmationCardProps, } from './components/HiddenConfirmationCard';
 export { default as FeedbackDialog, type FeedbackDialogCloseReason, type FeedbackDialogProps, } from './components/FeedbackDialog';
 export { default as FeedbackBar, type FeedbackBarProps } from './components/FeedbackBar';
+export { default as FeedbackModal, type FeedbackModalContent } from './components/FeedbackModal';
+export { default as SurveyModal, type SurveyModalContent, type SurveyModalOption, } from './components/SurveyModal';
+export { default as StatusSnackbar, type StatusSnackbarProps, } from './components/shared/StatusSnackbar';
 export { ObsolesceBanner, type ObsolesceBannerProps, type ObsolesceBannerState, type ObsolesceBannerCopy, } from './components/ObsolesceBanner';
 export { HOST_ACTIONS, useBeatCtaActions, useCtaHandler } from './ctaActions';
 export type { BeatCtaActions, CtaContext, CtaEffect, CtaHandlerName, CtaParams, CtaStateContext, CtaStep, HostActionName, RunHandlerOptions, } from './ctaActions';

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

@@ -3,18 +3,18 @@ import { resolveInsightRender as m } from "./resolveInsightRender.es.js";
 import { useBeatActions as a } from "./beatActions.es.js";
 import f from "./components/BadgedTile.es.js";
 import { OverflowMenu as n } from "./components/OverflowMenu.es.js";
-import { InsightOptionsMenu as c } from "./components/InsightOptionsMenu.es.js";
+import { InsightOptionsMenu as s } from "./components/InsightOptionsMenu.es.js";
 import d, { isLogoGuid as C } from "./components/LogoFromGuid.es.js";
 import B from "./components/StatusBadge.es.js";
-import h from "./components/CompactInsightCard.es.js";
-import S from "./components/InsightErrorCard.es.js";
-import { BAR_CHART_VARIANTS as A, barChartVariant as T, buildChartData as b, buildDataSeries as I } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
-import { BarchartBlock as H } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
-import { DoubleBarChartBlock as O } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import E from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
-import R from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
-import V from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
-import y from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
+import k from "./components/CompactInsightCard.es.js";
+import h from "./components/InsightErrorCard.es.js";
+import { BAR_CHART_VARIANTS as A, barChartVariant as b, buildChartData as T, buildDataSeries as I } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
+import { BarchartBlock as v } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
+import { DoubleBarChartBlock as w } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
+import O from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import P from "./blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
+import y from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
+import V from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import G from "./components/TransferLogoCard.es.js";
 import N from "./blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import U from "./components/AccountHeroCard.es.js";
@@ -25,86 +25,95 @@ import Y from "./components/SaveAnExtraCard.es.js";
 import $ from "./blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
 import or from "./components/InsightTransactionRow.es.js";
 import mr from "./components/TransactionListCard.es.js";
-import { TransactionBlock as ar, TransactionBlockVariant as pr } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import er from "./components/WithdrawalCard.es.js";
+import { transactionBlockVariant as ar } from "./blocks/ComponentBlocks/TransactionBlock/layout.es.js";
+import { TransactionBlock as fr } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import nr from "./components/WithdrawalCard.es.js";
 import sr from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import { SVGImageBlock as lr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import Cr from "./components/AmountPill.es.js";
-import Br from "./components/DesignateEmergencySavingsCard.es.js";
-import { ErrorCard as hr } from "./components/ErrorCard.es.js";
-import { HOST_ACTIONS as Sr } from "./ctaActions/hostActions.es.js";
-import { useBeatCtaActions as Ar, useCtaHandler as Tr } from "./ctaActions/useCtaAction.es.js";
-import { FeedbackBar as Ir } from "./components/FeedbackBar.es.js";
-import Hr from "./components/FeedbackDialog.es.js";
-import { DismissInsightDialog as Or } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as Er } from "./components/HiddenConfirmationCard.es.js";
-import { LoadingCard as Rr } from "./components/LoadingCard.es.js";
-import { ObsolesceBanner as Vr } from "./components/ObsolesceBanner.es.js";
-import yr from "./components/BaseLayout.es.js";
-import Gr from "./components/StatusMessageCard.es.js";
-import Nr from "./components/LogoTile.es.js";
-import Ur from "./components/LogoClusterCard.es.js";
-import qr from "./components/MerchantHighlightCard.es.js";
-import Jr from "./components/P2PLogoStack.es.js";
-import Qr from "./components/SavingsOpportunityCard.es.js";
-import Yr from "./components/SubscriptionHeroCard.es.js";
-import $r from "./components/UpcomingBillCard.es.js";
+import { SVGImageBlock as dr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import gr from "./components/ConnectionDetailDrillDown.es.js";
+import ur from "./components/AmountPill.es.js";
+import Sr from "./components/DesignateEmergencySavingsCard.es.js";
+import Dr from "./components/shared/StatusSnackbar.es.js";
+import br from "./components/FeedbackDialog.es.js";
+import Ir from "./components/FeedbackModal.es.js";
+import vr from "./components/SurveyModal.es.js";
+import { ErrorCard as wr } from "./components/ErrorCard.es.js";
+import { HOST_ACTIONS as Or } from "./ctaActions/hostActions.es.js";
+import { useBeatCtaActions as Pr, useCtaHandler as Rr } from "./ctaActions/useCtaAction.es.js";
+import { FeedbackBar as Fr } from "./components/FeedbackBar.es.js";
+import { DismissInsightDialog as xr } from "./components/DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as _r } from "./components/HiddenConfirmationCard.es.js";
+import { LoadingCard as Wr } from "./components/LoadingCard.es.js";
+import { ObsolesceBanner as jr } from "./components/ObsolesceBanner.es.js";
+import zr from "./components/BaseLayout.es.js";
+import Kr from "./components/StatusMessageCard.es.js";
+import Xr from "./components/LogoTile.es.js";
+import Zr from "./components/LogoClusterCard.es.js";
+import ro from "./components/MerchantHighlightCard.es.js";
+import to from "./components/P2PLogoStack.es.js";
+import io from "./components/SavingsOpportunityCard.es.js";
+import po from "./components/SubscriptionHeroCard.es.js";
+import eo from "./components/UpcomingBillCard.es.js";
 export {
-  y as AccountBlock,
+  V as AccountBlock,
   U as AccountHeroCard,
   N as AccountSwitchBlock,
-  Cr as AmountPill,
+  ur as AmountPill,
   A as BAR_CHART_VARIANTS,
   f as BadgedTile,
-  H as BarchartBlock,
-  yr as BaseLayout,
+  v as BarchartBlock,
+  zr as BaseLayout,
   Q as BudgetBlock,
-  h as CompactInsightCard,
-  Br as DesignateEmergencySavingsCard,
+  k as CompactInsightCard,
+  gr as ConnectionDetailDrillDown,
+  Sr as DesignateEmergencySavingsCard,
   J as DirectDepositBlock,
   q as DirectDepositCard,
-  Or as DismissInsightDialog,
-  R as DonutChartBlock,
-  O as DoubleBarChartBlock,
-  V as DoubleProgressBarBlock,
-  hr as ErrorCard,
-  Ir as FeedbackBar,
-  Hr as FeedbackDialog,
-  Sr as HOST_ACTIONS,
-  Er as HiddenConfirmationCard,
-  S as InsightErrorCard,
-  c as InsightOptionsMenu,
+  xr as DismissInsightDialog,
+  P as DonutChartBlock,
+  w as DoubleBarChartBlock,
+  y as DoubleProgressBarBlock,
+  wr as ErrorCard,
+  Fr as FeedbackBar,
+  br as FeedbackDialog,
+  Ir as FeedbackModal,
+  Or as HOST_ACTIONS,
+  _r as HiddenConfirmationCard,
+  h as InsightErrorCard,
+  s as InsightOptionsMenu,
   or as InsightTransactionRow,
-  Rr as LoadingCard,
-  Ur as LogoClusterCard,
+  Wr as LoadingCard,
+  Zr as LogoClusterCard,
   d as LogoFromGuid,
-  Nr as LogoTile,
-  qr as MerchantHighlightCard,
-  Vr as ObsolesceBanner,
+  Xr as LogoTile,
+  ro as MerchantHighlightCard,
+  jr as ObsolesceBanner,
   n as OverflowMenu,
-  Jr as P2PLogoStack,
-  lr as SVGImageBlock,
+  to as P2PLogoStack,
+  dr as SVGImageBlock,
   Y as SaveAnExtraCard,
   $ as SaveExtraBlock,
-  Qr as SavingsOpportunityCard,
+  io as SavingsOpportunityCard,
   B as StatusBadge,
-  Gr as StatusMessageCard,
+  Kr as StatusMessageCard,
   o as StatusPill,
-  E as StepChartBlock,
-  Yr as SubscriptionHeroCard,
-  ar as TransactionBlock,
-  pr as TransactionBlockVariant,
+  Dr as StatusSnackbar,
+  O as StepChartBlock,
+  po as SubscriptionHeroCard,
+  vr as SurveyModal,
+  fr as TransactionBlock,
   mr as TransactionListCard,
   G as TransferLogoCard,
-  $r as UpcomingBillCard,
+  eo as UpcomingBillCard,
   sr as WithdrawalBlock,
-  er as WithdrawalCard,
-  T as barChartVariant,
-  b as buildChartData,
+  nr as WithdrawalCard,
+  b as barChartVariant,
+  T as buildChartData,
   I as buildDataSeries,
   C as isLogoGuid,
   m as resolveInsightRender,
+  ar as transactionBlockVariant,
   a as useBeatActions,
-  Ar as useBeatCtaActions,
-  Tr as useCtaHandler
+  Pr as useBeatCtaActions,
+  Rr as useCtaHandler
 };

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

@@ -4,6 +4,10 @@ export declare const actionBlocksKey: {
     TRANSCATION_HISTORY_ACTION_BLOCK: string;
     TRANSACTION_DETAILS_ACTION_BLOCK: string;
     CONTACT_SUPPORT_ACTION_BLOCK: string;
+    FEEDBACK_MODAL_ACTION_BLOCK: string;
+    CONNECTION_DETAIL_ACTION_BLOCK: string;
+    CONNECT_WIDGET_ACTION_BLOCK: string;
+    SURVEY_MODAL_ACTION_BLOCK: string;
     RECURRING_TRANSACTION_ACTION_BLOCK: string;
     TRANSACTION_LIST_ACTION_BLOCK: string;
     REMAINING_CASH_ACTION_BLOCK: string;

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

@@ -4,6 +4,10 @@ var _ = {
   TRANSCATION_HISTORY_ACTION_BLOCK: "transaction_history_block",
   TRANSACTION_DETAILS_ACTION_BLOCK: "transaction_details_block",
   CONTACT_SUPPORT_ACTION_BLOCK: "contact_support_block",
+  FEEDBACK_MODAL_ACTION_BLOCK: "feedback_modal_block",
+  CONNECTION_DETAIL_ACTION_BLOCK: "connection_detail_block",
+  CONNECT_WIDGET_ACTION_BLOCK: "connect_widget_block",
+  SURVEY_MODAL_ACTION_BLOCK: "survey_modal_block",
   RECURRING_TRANSACTION_ACTION_BLOCK: "recurring_transaction_block",
   TRANSACTION_LIST_ACTION_BLOCK: "transaction_list_block",
   REMAINING_CASH_ACTION_BLOCK: "remaining_cash_block",

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

@@ -1 +1 @@
-{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n  RECURRING_TRANSACTION_ACTION_BLOCK: 'recurring_transaction_block',\n  TRANSACTION_LIST_ACTION_BLOCK: 'transaction_list_block',\n  REMAINING_CASH_ACTION_BLOCK: 'remaining_cash_block',\n  AMOUNT_INPUT_MODAL_ACTION_BLOCK: 'amount_input_modal_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAAA,EAC9B,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,iCAAiC;AACnC"}
+{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n  FEEDBACK_MODAL_ACTION_BLOCK: 'feedback_modal_block',\n  CONNECTION_DETAIL_ACTION_BLOCK: 'connection_detail_block',\n  CONNECT_WIDGET_ACTION_BLOCK: 'connect_widget_block',\n  SURVEY_MODAL_ACTION_BLOCK: 'survey_modal_block',\n  RECURRING_TRANSACTION_ACTION_BLOCK: 'recurring_transaction_block',\n  TRANSACTION_LIST_ACTION_BLOCK: 'transaction_list_block',\n  REMAINING_CASH_ACTION_BLOCK: 'remaining_cash_block',\n  AMOUNT_INPUT_MODAL_ACTION_BLOCK: 'amount_input_modal_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAAA,EAC9B,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,6BAA6B;AAAA,EAC7B,iCAAiC;AACnC"}

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

@@ -1,99 +1,122 @@
-import { ContactSupportActionBlock as m } from "../actionBlocks/ContactSupportActionBlock.es.js";
+import { ContactSupportActionBlock as c } 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 { BarchartBlock as m } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
+import { DoubleBarChartBlock as l } 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 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 C from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
+import k 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 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 { TransactionBlock as O } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import f from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import u from "../blocks/ImageBlocks/ImageBlock.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 { FeedbackModalActionBlock as I } from "../actionBlocks/FeedbackModalActionBlock.es.js";
+import { ConnectionDetailActionBlock as d } from "../actionBlocks/ConnectionDetailActionBlock.es.js";
+import { ConnectWidgetActionBlock as b } from "../actionBlocks/ConnectWidgetActionBlock.es.js";
+import { SurveyModalActionBlock as L } from "../actionBlocks/SurveyModalActionBlock.es.js";
+import { PlaceholderActionBlock as D } from "../actionBlocks/PlaceholderActionBlock.es.js";
+import { getMakeTransferDrawerTitle as P } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
+import { MakeTransferActionBlockLayer as g } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { getDrawerHeaderTitle as h } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
+import { TransactionDetailsBlock as R } 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 { TransactionHistoryBlock as S } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
 import { useRecurringTransactionPrepare as i } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.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 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 = {
+import { RecurringTransactionBlock as K } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
+import { TransactionListBlock as E } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
+import { RemainingCashBlock as v } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
+import { hasDrawerBlock as ko } from "./hasDrawerBlock.es.js";
+import { AmountInputModalBlock as M } from "../actionBlocks/AmountInputModalBlock/AmountInputModalBlock.es.js";
+var r = (e) => {
+}, To = {
   [o.PLACEHOLDER_ACTION_BLOCK]: {
-    Component: b,
-    usePrepare: t,
+    Component: D,
+    usePrepare: r,
     title: () => "Action Block Layer Drilldown"
   },
   [o.MAKE_TRANSFER_ACTION_BLOCK]: {
-    Component: h,
-    usePrepare: t,
-    title: I
+    Component: g,
+    usePrepare: r,
+    title: P
   },
   [o.TRANSCATION_HISTORY_ACTION_BLOCK]: {
-    Component: L,
-    usePrepare: t,
-    title: g
+    Component: S,
+    usePrepare: r,
+    title: h
   },
   [o.TRANSACTION_DETAILS_ACTION_BLOCK]: {
-    Component: d,
+    Component: R,
     usePrepare: a,
     title: () => "Transaction Details"
   },
   [o.RECURRING_TRANSACTION_ACTION_BLOCK]: {
-    Component: P,
+    Component: K,
     usePrepare: i,
-    title: (e, r) => r.recurring?.expense_details ?? ""
+    title: (e, t) => t.recurring?.expense_details ?? ""
   },
   [o.REMAINING_CASH_ACTION_BLOCK]: {
-    Component: D,
+    Component: v,
     usePrepare: i,
-    title: (e, r) => r.insights_feed?.remaining_cash?.title ?? ""
+    title: (e, t) => t.insights_feed?.remaining_cash?.title ?? ""
   },
   [o.CONTACT_SUPPORT_ACTION_BLOCK]: {
-    Component: m,
-    usePrepare: t,
-    title: (e, r) => r.help?.request_support ?? ""
+    Component: c,
+    usePrepare: r,
+    title: (e, t) => t.help?.request_support ?? ""
+  },
+  [o.FEEDBACK_MODAL_ACTION_BLOCK]: {
+    Component: I,
+    usePrepare: r,
+    presentation: "modal"
+  },
+  [o.CONNECTION_DETAIL_ACTION_BLOCK]: {
+    Component: d,
+    usePrepare: r,
+    title: (e, t) => t.insights_feed?.connection_details?.connection_details_drawer_title ?? ""
+  },
+  [o.CONNECT_WIDGET_ACTION_BLOCK]: {
+    Component: b,
+    usePrepare: r
+  },
+  [o.SURVEY_MODAL_ACTION_BLOCK]: {
+    Component: L,
+    usePrepare: r,
+    presentation: "modal"
   },
   [o.TRANSACTION_LIST_ACTION_BLOCK]: {
-    Component: R,
+    Component: E,
     usePrepare: a,
-    title: (e, r, c) => c?.insights_payload?.title ?? ""
+    title: (e, t, n) => n?.insights_payload?.title ?? ""
   },
   [o.AMOUNT_INPUT_MODAL_ACTION_BLOCK]: {
-    Component: S,
+    Component: M,
     presentation: "modal",
-    usePrepare: t
+    usePrepare: r
   }
-}, no = {
-  account_block: k,
-  account_switch_block: C,
+}, Ao = {
+  account_block: C,
+  account_switch_block: k,
   direct_deposit_block: B,
-  bar_chart_block: l,
+  bar_chart_block: m,
   budget_block: T,
-  donut_chart_block: _,
-  double_bar_chart_block: n,
+  donut_chart_block: p,
+  double_bar_chart_block: l,
   double_progress_bar_block: s,
-  image_block: O,
+  image_block: u,
   save_extra_block: A,
-  step_chart_block: p,
+  step_chart_block: _,
   svg_image_block: N,
-  withdrawal_block: u,
-  transaction_block: f
+  withdrawal_block: f,
+  transaction_block: O
 };
 export {
-  lo as actionBlocks,
-  no as blocks,
-  co as hasDrawerBlock
+  To as actionBlocks,
+  Ao as blocks,
+  ko 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'\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"}
+{"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 { FeedbackModalActionBlock } from '../actionBlocks/FeedbackModalActionBlock'\nimport { ConnectionDetailActionBlock } from '../actionBlocks/ConnectionDetailActionBlock'\nimport { ConnectWidgetActionBlock } from '../actionBlocks/ConnectWidgetActionBlock'\nimport { SurveyModalActionBlock } from '../actionBlocks/SurveyModalActionBlock'\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  // '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\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.FEEDBACK_MODAL_ACTION_BLOCK]: {\n    Component: FeedbackModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\n  },\n  [actionBlocksKey.CONNECTION_DETAIL_ACTION_BLOCK]: {\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]: {\n    Component: ConnectWidgetActionBlock,\n    usePrepare: noop,\n  },\n  [actionBlocksKey.SURVEY_MODAL_ACTION_BLOCK]: {\n    Component: SurveyModalActionBlock,\n    usePrepare: noop,\n    presentation: 'modal',\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAsB1B,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,2BAAA,GAA8B;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACC,CAAA,EAAgB,8BAAA,GAAiC;AAAA,IAChD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAChB,EAAK,eAAe,oBAAoB,mCAAmC;AAAA,EAC/E;AAAA,EAGC,CAAA,EAAgB,2BAAA,GAA8B;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACC,CAAA,EAAgB,yBAAA,GAA4B;AAAA,IAC3C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;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/package.json

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