@mx-cartographer/experiences 9.5.3 → 9.6.0

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

@@ -1,11 +1,12 @@
-import l from "../../../components/WithdrawalCard.es.js";
+import { slot as l } from "../../../../core/types/Insights.es.js";
+import o from "../../../components/WithdrawalCard.es.js";
 import n from "@mui/material/Stack";
 import { jsx as t } from "react/jsx-runtime";
-var s = ({ payload: e }) => {
-  const r = e.instance_slot.data_series, [a] = Array.isArray(r) ? r : [];
+var c = ({ payload: e }) => {
+  const r = l(e.instance_slot.data, "series"), [a] = Array.isArray(r) ? r : [];
   return !Number.isFinite(a?.amount) || !Number.isFinite(a?.balance) ? null : /* @__PURE__ */ t(n, {
     sx: { px: 16 },
-    children: /* @__PURE__ */ t(l, {
+    children: /* @__PURE__ */ t(o, {
       amount: a.amount,
       amountLabel: a.amount_label,
       balance: a.balance,
@@ -15,7 +16,7 @@ var s = ({ payload: e }) => {
   });
 };
 export {
-  s as default
+  c as default
 };
 
 //# sourceMappingURL=WithdrawalBlock.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WithdrawalBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport WithdrawalCard from '../../../components/WithdrawalCard'\nimport type { BlockProps } from '../../types'\n\n/** The Withdrawal row on `instance_slot.data_series`. */\nexport interface WithdrawalRow {\n  amount?: number\n  amount_label?: string\n  balance?: number\n  balance_label?: string\n  withdrawal_date?: string\n}\n\n/**\n * The `withdrawal_block` (Highlight Withdrawal), reading one row on\n * `instance_slot.data_series`. Text (`amount_label`, `withdrawal_date`,\n * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the\n * card. Renders nothing unless the row carries both numbers.\n */\nconst WithdrawalBlock = ({ payload }: BlockProps) => {\n  const rows = payload.instance_slot.data_series\n  const [row] = (Array.isArray(rows) ? rows : []) as WithdrawalRow[]\n\n  if (!Number.isFinite(row?.amount) || !Number.isFinite(row?.balance)) return null\n\n  return (\n    <Stack sx={{ px: 16 }}>\n      <WithdrawalCard\n        amount={row.amount as number}\n        amountLabel={row.amount_label}\n        balance={row.balance as number}\n        balanceLabel={row.balance_label}\n        withdrawalDate={row.withdrawal_date}\n      />\n    </Stack>\n  )\n}\n\nexport default WithdrawalBlock\n"],"mappings":";;;AAoBA,IAAM,IAAA,CAAmB,EAAE,SAAA,EAAA,MAA0B;AACnD,QAAM,IAAO,EAAQ,cAAc,aAC7B,CAAC,CAAA,IAAQ,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC;AAE7C,SAAI,CAAC,OAAO,SAAS,GAAK,MAAM,KAAK,CAAC,OAAO,SAAS,GAAK,OAAO,IAAU,OAG1E,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,IAAI,GAAG;AAAA,IAClB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAI;AAAA,MACZ,aAAa,EAAI;AAAA,MACjB,SAAS,EAAI;AAAA,MACb,cAAc,EAAI;AAAA,MAClB,gBAAgB,EAAI;AAAA,IACrB,CAAA;AAAA,EACI,CAAA;AAEX"}
+{"version":3,"file":"WithdrawalBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { slot } from '../../../../core'\nimport WithdrawalCard from '../../../components/WithdrawalCard'\nimport type { BlockProps } from '../../types'\n\n/** The Withdrawal row on `instance_slot.data.series`. */\nexport interface WithdrawalRow {\n  amount?: number\n  amount_label?: string\n  balance?: number\n  balance_label?: string\n  withdrawal_date?: string\n}\n\n/**\n * The `withdrawal_block` (Highlight Withdrawal), reading one row on\n * `instance_slot.data.series`. Text (`amount_label`, `withdrawal_date`,\n * `balance_label`) renders as sent; `amount` and `balance` are numbers and are formatted by the\n * card. Renders nothing unless the row carries both numbers.\n */\nconst WithdrawalBlock = ({ payload }: BlockProps) => {\n  const rows = slot<WithdrawalRow[]>(payload.instance_slot.data, 'series')\n  const [row] = Array.isArray(rows) ? rows : []\n\n  if (!Number.isFinite(row?.amount) || !Number.isFinite(row?.balance)) return null\n\n  return (\n    <Stack sx={{ px: 16 }}>\n      <WithdrawalCard\n        amount={row.amount as number}\n        amountLabel={row.amount_label}\n        balance={row.balance as number}\n        balanceLabel={row.balance_label}\n        withdrawalDate={row.withdrawal_date}\n      />\n    </Stack>\n  )\n}\n\nexport default WithdrawalBlock\n"],"mappings":";;;;AAqBA,IAAM,IAAA,CAAmB,EAAE,SAAA,EAAA,MAA0B;AACnD,QAAM,IAAO,EAAsB,EAAQ,cAAc,MAAM,QAAQ,GACjE,CAAC,CAAA,IAAO,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC;AAE5C,SAAI,CAAC,OAAO,SAAS,GAAK,MAAM,KAAK,CAAC,OAAO,SAAS,GAAK,OAAO,IAAU,OAG1E,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,IAAI,GAAG;AAAA,IAClB,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,QAAQ,EAAI;AAAA,MACZ,aAAa,EAAI;AAAA,MACjB,SAAS,EAAI;AAAA,MACb,cAAc,EAAI;AAAA,MAClB,gBAAgB,EAAI;AAAA,IACrB,CAAA;AAAA,EACI,CAAA;AAEX"}

package/dist/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.d.ts

@@ -1,4 +1,4 @@
-export declare const getLayoutConfig: (variant: string | null, isCibc?: boolean) => {
+export declare const getLayoutConfig: (variant?: string | null, isCibc?: boolean) => {
     image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 } | {
     image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

package/dist/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.ts"],"sourcesContent":["// SVGs to be moved to S3 and imported from there.\nimport { ReactComponent as UpcomingTaxDeadline } from './images/UpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineCIBC } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\n\nimport { ReactComponent as FederalBankHoliday } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as FederalBankHolidayCIBC } from './images/FederalBankHolidayCibc.svg'\n\nimport { ReactComponent as DesignateEmergencySavingsAccount } from './images/DesignateEmergencySavingsAccount.svg'\n\nexport const getLayoutConfig = (variant: string | null, isCibc: boolean = false) => {\n  const config = {\n    Holiday: {\n      image: isCibc ? FederalBankHolidayCIBC : FederalBankHoliday,\n    },\n    Reminder: {\n      image: isCibc ? UpcomingTaxDeadlineCIBC : UpcomingTaxDeadline,\n    },\n    Savings: {\n      image: DesignateEmergencySavingsAccount,\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAmB,GAAwB,IAAkB,QAYjE;AAAA,EAVL,SAAS,EACP,OAAO,IAAS,IAAyB,EAC3C;AAAA,EACA,UAAU,EACR,OAAO,IAAS,IAA0B,EAC5C;AAAA,EACA,SAAS,EACP,OAAO,EACT;AAEK,GAAO,CAAA"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ImageBlocks/SVGImageBlock/layout.ts"],"sourcesContent":["// SVGs to be moved to S3 and imported from there.\nimport { ReactComponent as UpcomingTaxDeadline } from './images/UpcomingTaxDeadlineAlert.svg'\nimport { ReactComponent as UpcomingTaxDeadlineCIBC } from './images/UpcomingTaxDeadlineAlertCIBC.svg'\n\nimport { ReactComponent as FederalBankHoliday } from './images/FederalBankHoliday.svg'\nimport { ReactComponent as FederalBankHolidayCIBC } from './images/FederalBankHolidayCibc.svg'\n\nimport { ReactComponent as DesignateEmergencySavingsAccount } from './images/DesignateEmergencySavingsAccount.svg'\n\nexport const getLayoutConfig = (variant?: string | null, isCibc: boolean = false) => {\n  const config = {\n    Holiday: {\n      image: isCibc ? FederalBankHolidayCIBC : FederalBankHoliday,\n    },\n    Reminder: {\n      image: isCibc ? UpcomingTaxDeadlineCIBC : UpcomingTaxDeadline,\n    },\n    Savings: {\n      image: DesignateEmergencySavingsAccount,\n    },\n  }\n  return config[variant as keyof typeof config]\n}\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAAmB,GAAyB,IAAkB,QAYlE;AAAA,EAVL,SAAS,EACP,OAAO,IAAS,IAAyB,EAC3C;AAAA,EACA,UAAU,EACR,OAAO,IAAS,IAA0B,EAC5C;AAAA,EACA,SAAS,EACP,OAAO,EACT;AAEK,GAAO,CAAA"}

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

@@ -4,17 +4,17 @@ import { isContactSupportCtaDisabled as H } from "../actionBlocks/ContactSupport
 import { logoFromRef as M } from "./shared/EntityLogo.es.js";
 import { actionBlocksKey as P } from "../mappings/actionBlocksKey.es.js";
 import { ErrorCard as U } from "./ErrorCard.es.js";
-import { blocks as j } from "../mappings/blocks.es.js";
-import z from "./Footer.es.js";
-import G from "./Header.es.js";
-import { FeedbackBar as K } from "./FeedbackBar.es.js";
-import X from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as V } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as W } from "./HiddenConfirmationCard.es.js";
-import { LoadingCard as Y } from "./LoadingCard.es.js";
-import { ObsolesceBanner as q } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as J } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatCtaActions as Q } from "../ctaActions/useCtaAction.es.js";
+import { useBeatCtaActions as j } from "../ctaActions/useCtaAction.es.js";
+import { blocks as z } from "../mappings/blocks.es.js";
+import G from "./Footer.es.js";
+import K from "./Header.es.js";
+import { FeedbackBar as X } from "./FeedbackBar.es.js";
+import V from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as W } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as Y } from "./HiddenConfirmationCard.es.js";
+import { LoadingCard as q } from "./LoadingCard.es.js";
+import { ObsolesceBanner as J } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as Q } from "../actionBlocks/ActionBlockLayer.es.js";
 import { useBeatFeedbackFlow as Z } from "../hooks/useBeatFeedbackFlow.es.js";
 import { observer as $ } from "mobx-react-lite";
 import b from "@mui/material/Stack";
@@ -42,7 +42,7 @@ var so = {}, no = {
   px: 2,
   textTransform: "none"
 }, Ro = $(({ beat: t, beatActions: s = so, obsolete: c, isLoading: x = !1, isError: _ = !1 }) => {
-  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = Q(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
+  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = j(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
   if (_) return /* @__PURE__ */ i(U, {});
   const e = t.insights_payload;
   if (!e || o.cardState === "dismissed") return null;
@@ -57,17 +57,17 @@ var so = {}, no = {
       }
       await T(f, u);
     }
-  }, k = j[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
+  }, k = z[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
   return /* @__PURE__ */ i(R, {
     value: o.wrappedActions,
     children: /* @__PURE__ */ a(b, {
       sx: { mb: 16 },
       children: [
-        o.cardState === "confirming" ? /* @__PURE__ */ i(W, {
+        o.cardState === "confirming" ? /* @__PURE__ */ i(Y, {
           onClose: o.collapseConfirmation,
           onLeaveFeedback: o.openHideSurvey,
           onUndo: o.undoDismiss
-        }) : /* @__PURE__ */ a(to, { children: [c && m && /* @__PURE__ */ i(q, {
+        }) : /* @__PURE__ */ a(to, { children: [c && m && /* @__PURE__ */ i(J, {
           ...c,
           copy: m
         }), /* @__PURE__ */ a(ao, {
@@ -79,12 +79,12 @@ var so = {}, no = {
           } },
           children: [
             p && /* @__PURE__ */ i(ro, { sx: no }),
-            /* @__PURE__ */ i(G, {
+            /* @__PURE__ */ i(K, {
               isMini: d,
               subtitle: w,
               title: D ?? ""
             }),
-            x ? /* @__PURE__ */ i(Y, {}) : k && /* @__PURE__ */ i(k, {
+            x ? /* @__PURE__ */ i(q, {}) : k && /* @__PURE__ */ i(k, {
               beatGuid: I,
               payload: e
             }),
@@ -136,19 +136,19 @@ var so = {}, no = {
                 children: n.label
               })]
             }),
-            /* @__PURE__ */ i(K, {
+            /* @__PURE__ */ i(X, {
               onTellUsMore: o.openRatingSurvey,
               show: o.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ i(J, { beat: t }),
-        /* @__PURE__ */ i(V, {
+        /* @__PURE__ */ i(Q, { beat: t }),
+        /* @__PURE__ */ i(W, {
           isOpen: o.isDismissOpen,
           onClose: o.closeDismissDialog,
           onDismiss: o.confirmDismiss
         }),
-        o.isSurveyOpen && /* @__PURE__ */ i(X, {
+        o.isSurveyOpen && /* @__PURE__ */ i(V, {
           characterLimitLabel: o.survey.characterLimitLabel,
           closeAriaLabel: o.survey.closeAriaLabel,
           isOpen: !0,
@@ -161,7 +161,7 @@ var so = {}, no = {
           secondaryText: o.survey.backText,
           title: o.survey.title
         }),
-        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(z, { footer: e.footer })
+        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(G, { footer: e.footer })
       ]
     })
   });

package/dist/insights-v2/components/CompactInsightCard.d.ts

@@ -19,13 +19,13 @@ export interface CompactInsightCardProps {
  * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).
  *
  * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML
- * description with the primary CTA under it, and on the right the first slot row's logo in a
- * `<BadgedTile>`. Under ditto's `embedded` variant the tile takes a status badge; micro sends no
- * variant and draws the logo alone. The card lays out from the envelope alone and never reads
+ * description with the primary CTA under it, and on the right the slot's `logo` in a
+ * `<BadgedTile>`. Under ditto's `with_warning_badge` variant the tile takes a status badge; under
+ * `minimal` it draws the logo alone. The card lays out from the envelope alone and never reads
  * `widget_type`.
  *
  * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot
- * has no row. The `pill` on the same envelope is the transaction row's, not the card's.
+ * carries no logo. The `pill` on the same envelope is the transaction row's, not the card's.
  */
 declare const CompactInsightCard: ({ isCtaDisabled, onCtaClick, onTap, payload, }: CompactInsightCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CompactInsightCard;

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

@@ -1,57 +1,61 @@
-import { createVariantBlock as b } from "../blocks/createVariantBlock.es.js";
-import c from "./BadgedTile.es.js";
-import { InsightOptionsMenu as y } from "./InsightOptionsMenu.es.js";
-import k from "./LogoFromGuid.es.js";
-import I from "./StatusBadge.es.js";
+import { slot as y } from "../../core/types/Insights.es.js";
+import { createVariantBlock as k } from "../blocks/createVariantBlock.es.js";
+import m from "./BadgedTile.es.js";
+import { InsightOptionsMenu as I } from "./InsightOptionsMenu.es.js";
+import w from "./LogoFromGuid.es.js";
+import v from "./StatusBadge.es.js";
 import l from "@mui/material/Stack";
-import { P as v, Text as w } from "@mxenabled/mxui";
-import C from "@mui/material/Button";
-import { Icon as S } from "@mxenabled/mx-icons";
+import { P as C, Text as _ } from "@mxenabled/mxui";
+import S from "@mui/material/Button";
+import { Icon as B } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import d from "@mui/material/Box";
-import _ from "@mui/material/Card";
-var e = 44, m = ({ logo: r }) => r ? /* @__PURE__ */ t(k, {
+import p from "@mui/material/Box";
+import z from "@mui/material/Card";
+var a = 44, d = ({ logo: r }) => r ? /* @__PURE__ */ t(w, {
   logo: r,
-  size: e
-}) : /* @__PURE__ */ t(d, {
+  size: a
+}) : /* @__PURE__ */ t(p, {
   "data-testid": "compact-insight-card-fallback-icon",
   sx: {
     alignItems: "center",
     bgcolor: "primary.lighter",
     display: "flex",
-    height: e,
+    height: a,
     justifyContent: "center",
-    width: e
+    width: a
   },
-  children: /* @__PURE__ */ t(S, {
+  children: /* @__PURE__ */ t(B, {
     color: "primary",
     fill: !0,
     name: "lightbulb",
     size: 24
   })
-}), z = ({ logo: r }) => /* @__PURE__ */ t(c, {
-  center: /* @__PURE__ */ t(m, { logo: r }),
-  size: e,
+}), c = ({ logo: r }) => /* @__PURE__ */ t(m, {
+  center: /* @__PURE__ */ t(d, { logo: r }),
+  size: a,
   sx: { flexShrink: 0 }
-}), B = ({ logo: r }) => /* @__PURE__ */ t(c, {
-  center: /* @__PURE__ */ t(m, { logo: r }),
-  size: e,
+}), P = ({ logo: r }) => /* @__PURE__ */ t(m, {
+  center: /* @__PURE__ */ t(d, { logo: r }),
+  size: a,
   sx: { flexShrink: 0 },
-  topRight: /* @__PURE__ */ t(I, { tone: "warning" })
-}), P = b({
-  variants: { embedded: B },
-  fallback: z,
+  topRight: /* @__PURE__ */ t(v, { tone: "warning" })
+}), V = k({
+  variants: {
+    minimal: c,
+    with_warning_badge: P
+  },
+  fallback: c,
   name: "InsightVisual"
-}), V = (r) => r.stopPropagation(), T = ({ isCtaDisabled: r = !1, onCtaClick: p, onTap: a, payload: f }) => {
-  const { description: g, instance_slot: s, primary_cta: o, title: h } = f, x = s.data_series?.[0]?.logo, u = (i) => {
-    i.stopPropagation(), !(r || !o) && p?.(o);
+}), j = (r) => r.stopPropagation(), $ = ({ isCtaDisabled: r = !1, onCtaClick: g, onTap: e, payload: f }) => {
+  const { description: h, instance_slot: s, primary_cta: o, title: x } = f, u = y(s.data, "logo"), b = (i) => {
+    i.stopPropagation(), !(r || !o) && g?.(o);
   };
-  return /* @__PURE__ */ n(_, {
+  return /* @__PURE__ */ n(z, {
     "data-testid": "compact-insight-card",
-    ...a ? {
-      onClick: a,
+    ...e ? {
+      onClick: e,
       onKeyDown: (i) => {
-        i.target === i.currentTarget && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a?.());
+        i.target === i.currentTarget && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), e?.());
       },
       role: "button",
       tabIndex: 0
@@ -62,7 +66,7 @@ var e = 44, m = ({ logo: r }) => r ? /* @__PURE__ */ t(k, {
       pl: 8,
       pr: 16,
       pt: 8,
-      ...a && { cursor: "pointer" }
+      ...e && { cursor: "pointer" }
     },
     children: [/* @__PURE__ */ n(l, {
       sx: {
@@ -73,14 +77,14 @@ var e = 44, m = ({ logo: r }) => r ? /* @__PURE__ */ t(k, {
         pl: 8,
         pt: 4
       },
-      children: [/* @__PURE__ */ t(w, {
+      children: [/* @__PURE__ */ t(_, {
         bold: !0,
         variant: "body1",
-        children: h ?? ""
-      }), /* @__PURE__ */ t(d, {
-        onClick: V,
+        children: x ?? ""
+      }), /* @__PURE__ */ t(p, {
+        onClick: j,
         sx: { display: "flex" },
-        children: /* @__PURE__ */ t(y, {})
+        children: /* @__PURE__ */ t(I, {})
       })]
     }), /* @__PURE__ */ n(l, {
       sx: {
@@ -95,13 +99,13 @@ var e = 44, m = ({ logo: r }) => r ? /* @__PURE__ */ t(k, {
           gap: 8,
           minWidth: 0
         },
-        children: [/* @__PURE__ */ t(v, {
-          dangerouslySetInnerHTML: { __html: g.html_text },
+        children: [/* @__PURE__ */ t(C, {
+          dangerouslySetInnerHTML: { __html: h.html_text },
           "data-testid": "compact-insight-card-description",
           variant: "subtitle2"
-        }), o?.label && /* @__PURE__ */ t(C, {
+        }), o?.label && /* @__PURE__ */ t(S, {
           "aria-disabled": r,
-          onClick: u,
+          onClick: b,
           size: "small",
           sx: {
             alignSelf: "flex-start",
@@ -115,15 +119,15 @@ var e = 44, m = ({ logo: r }) => r ? /* @__PURE__ */ t(k, {
           variant: "text",
           children: o.label
         })]
-      }), /* @__PURE__ */ t(P, {
-        logo: x,
+      }), /* @__PURE__ */ t(V, {
+        logo: u,
         variant: s.variant
       })]
     })]
   });
 };
 export {
-  T as default
+  $ as default
 };
 
 //# sourceMappingURL=CompactInsightCard.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompactInsightCard.es.js","names":[],"sources":["../../../src/insights-v2/components/CompactInsightCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport type { InsightsPayload, LogoRef, PrimaryCTA } from '../../core'\nimport { createVariantBlock } from '../blocks/createVariantBlock'\nimport BadgedTile from './BadgedTile'\nimport InsightOptionsMenu from './InsightOptionsMenu'\nimport LogoFromGuid from './LogoFromGuid'\nimport StatusBadge from './StatusBadge'\n\n/** Figma 1941:111897: the tile the logo fills is 44px (rows are 32, the notification row 33). */\nconst ICON_SIZE = 44\n\ninterface InsightVisualProps {\n  /** The first slot row's logo, when the envelope carries a row. */\n  logo?: LogoRef | null\n}\n\n/** The row's logo, or the neutral insight glyph when the slot has no row. */\nconst LogoOrFallback = ({ logo }: InsightVisualProps) =>\n  logo ? (\n    <LogoFromGuid logo={logo} size={ICON_SIZE} />\n  ) : (\n    <Box\n      data-testid=\"compact-insight-card-fallback-icon\"\n      sx={{\n        alignItems: 'center',\n        bgcolor: 'primary.lighter',\n        display: 'flex',\n        height: ICON_SIZE,\n        justifyContent: 'center',\n        width: ICON_SIZE,\n      }}\n    >\n      <Icon color=\"primary\" fill={true} name=\"lightbulb\" size={24} />\n    </Box>\n  )\n\n/** Micro, and any variant not registered below: the logo alone. */\nconst PlainVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile center={<LogoOrFallback logo={logo} />} size={ICON_SIZE} sx={{ flexShrink: 0 }} />\n)\n\n/** ditto `embedded`: the logo badged with a status glyph (Figma 1941:111897). */\nconst EmbeddedVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile\n    center={<LogoOrFallback logo={logo} />}\n    size={ICON_SIZE}\n    sx={{ flexShrink: 0 }}\n    topRight={<StatusBadge tone=\"warning\" />}\n  />\n)\n\n/**\n * The card's right-hand visual, one component per ditto layout variant.\n *\n * A variant names a rendering *shape*, not an insight — `with_header` already serves both Large\n * Transaction and Fee Detected — so an insight wanting the badged logo reuses `embedded`. Only a\n * genuinely different visual registers a new entry, and existing ones are never touched.\n */\nconst InsightVisual = createVariantBlock<InsightVisualProps>({\n  variants: { embedded: EmbeddedVisual },\n  fallback: PlainVisual,\n  name: 'InsightVisual',\n})\n\nexport interface CompactInsightCardProps {\n  /** A `micro` or `embedded` envelope. */\n  payload: InsightsPayload\n  /**\n   * Makes the whole card the tap target. What a tap does is the host's decision (post to the\n   * host app, open a drawer, …); the card never opens anything itself. Omit for a static card.\n   */\n  onTap?: () => void\n  /** Receives the primary CTA when tapped. The card does not resolve the CTA's block itself. */\n  onCtaClick?: (cta: PrimaryCTA) => void\n  /**\n   * Renders the CTA disabled — label shown, `aria-disabled`, not tappable — for a host that cannot\n   * honour it (e.g. `contact_support_block` when the client's `enable_support_requests` is off).\n   */\n  isCtaDisabled?: boolean\n}\n\nconst stopPropagation = (event: MouseEvent) => event.stopPropagation()\n\n/**\n * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).\n *\n * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML\n * description with the primary CTA under it, and on the right the first slot row's logo in a\n * `<BadgedTile>`. Under ditto's `embedded` variant the tile takes a status badge; micro sends no\n * variant and draws the logo alone. The card lays out from the envelope alone and never reads\n * `widget_type`.\n *\n * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot\n * has no row. The `pill` on the same envelope is the transaction row's, not the card's.\n */\nconst CompactInsightCard = ({\n  isCtaDisabled = false,\n  onCtaClick,\n  onTap,\n  payload,\n}: CompactInsightCardProps) => {\n  const { description, instance_slot, primary_cta, title } = payload\n  const rowLogo = instance_slot.data_series?.[0]?.logo\n\n  const handleCtaClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (isCtaDisabled || !primary_cta) return\n    onCtaClick?.(primary_cta)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    // Only the card itself: Enter on the CTA button is the button's own click.\n    if (event.target !== event.currentTarget) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onTap?.()\n    }\n  }\n\n  const interactiveProps = onTap\n    ? { onClick: onTap, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 }\n    : {}\n\n  return (\n    <Card\n      data-testid=\"compact-insight-card\"\n      {...interactiveProps}\n      sx={{ minWidth: 288, pb: 12, pl: 8, pr: 16, pt: 8, ...(onTap && { cursor: 'pointer' }) }}\n    >\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 8,\n          justifyContent: 'space-between',\n          pl: 8,\n          pt: 4,\n        }}\n      >\n        <Text bold={true} variant=\"body1\">\n          {title ?? ''}\n        </Text>\n        {/* The menu renders only when the host wired `onMenuAction` (BeatActionsProvider). */}\n        <Box onClick={stopPropagation} sx={{ display: 'flex' }}>\n          <InsightOptionsMenu />\n        </Box>\n      </Stack>\n\n      <Stack sx={{ flexDirection: 'row', gap: 16, pl: 8, pt: 4 }}>\n        <Stack sx={{ flex: 1, gap: 8, minWidth: 0 }}>\n          {/* `html_text` is rendered server-side by mrs_content from the ditto copy template (bold\n              amount / merchant), not user-authored input; painted the same way `BaseLayout` paints\n              the full card's description. */}\n          <P\n            dangerouslySetInnerHTML={{ __html: description.html_text }}\n            data-testid=\"compact-insight-card-description\"\n            variant=\"subtitle2\"\n          />\n          {primary_cta?.label && (\n            <Button\n              aria-disabled={isCtaDisabled}\n              onClick={handleCtaClick}\n              size=\"small\"\n              sx={{\n                alignSelf: 'flex-start',\n                // Figma 1941:111897 lines the CTA label up with the description's left edge. The\n                // column already pads 8, so the button's own 8 is pulled back out — padding kept so\n                // the tap target does not shrink.\n                ml: -8,\n                px: 8,\n                ...(isCtaDisabled && { color: 'text.disabled', cursor: 'default' }),\n              }}\n              variant=\"text\"\n            >\n              {primary_cta.label}\n            </Button>\n          )}\n        </Stack>\n\n        <InsightVisual logo={rowLogo} variant={instance_slot.variant} />\n      </Stack>\n    </Card>\n  )\n}\n\nexport default CompactInsightCard\n"],"mappings":"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"}
+{"version":3,"file":"CompactInsightCard.es.js","names":[],"sources":["../../../src/insights-v2/components/CompactInsightCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { slot } from '../../core'\nimport type { InsightsPayload, LogoRef, PrimaryCTA } from '../../core'\nimport { createVariantBlock } from '../blocks/createVariantBlock'\nimport BadgedTile from './BadgedTile'\nimport InsightOptionsMenu from './InsightOptionsMenu'\nimport LogoFromGuid from './LogoFromGuid'\nimport StatusBadge from './StatusBadge'\n\n/** Figma 1941:111897: the tile the logo fills is 44px (rows are 32, the notification row 33). */\nconst ICON_SIZE = 44\n\ninterface InsightVisualProps {\n  /** The slot's `logo`, when ditto's variant declares and fills one. */\n  logo?: LogoRef | null\n}\n\n/** The slot's logo, or the neutral insight glyph when the slot carries none. */\nconst LogoOrFallback = ({ logo }: InsightVisualProps) =>\n  logo ? (\n    <LogoFromGuid logo={logo} size={ICON_SIZE} />\n  ) : (\n    <Box\n      data-testid=\"compact-insight-card-fallback-icon\"\n      sx={{\n        alignItems: 'center',\n        bgcolor: 'primary.lighter',\n        display: 'flex',\n        height: ICON_SIZE,\n        justifyContent: 'center',\n        width: ICON_SIZE,\n      }}\n    >\n      <Icon color=\"primary\" fill={true} name=\"lightbulb\" size={24} />\n    </Box>\n  )\n\n/** Micro, and any variant not registered below: the logo alone. */\nconst PlainVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile center={<LogoOrFallback logo={logo} />} size={ICON_SIZE} sx={{ flexShrink: 0 }} />\n)\n\n/** ditto `with_warning_badge`: the logo badged with a status glyph (Figma 1941:111897). */\nconst WarningBadgeVisual = ({ logo }: InsightVisualProps) => (\n  <BadgedTile\n    center={<LogoOrFallback logo={logo} />}\n    size={ICON_SIZE}\n    sx={{ flexShrink: 0 }}\n    topRight={<StatusBadge tone=\"warning\" />}\n  />\n)\n\n/**\n * The card's right-hand visual, one component per ditto layout variant.\n *\n * A variant names a rendering *shape*, not an insight or a surface — `with_header` already serves\n * both Large Transaction and Fee Detected — so an insight wanting the badged logo reuses\n * `with_warning_badge`. Only a genuinely different visual registers a new entry, and existing ones\n * are never touched.\n *\n * `minimal` draws the plain logo and is registered explicitly even though it matches the fallback:\n * micro and notification resolve it on every render, and an unregistered variant warns. The\n * fallback is for variants we genuinely do not know.\n */\nconst InsightVisual = createVariantBlock<InsightVisualProps>({\n  variants: { minimal: PlainVisual, with_warning_badge: WarningBadgeVisual },\n  fallback: PlainVisual,\n  name: 'InsightVisual',\n})\n\nexport interface CompactInsightCardProps {\n  /** A `micro` or `embedded` envelope. */\n  payload: InsightsPayload\n  /**\n   * Makes the whole card the tap target. What a tap does is the host's decision (post to the\n   * host app, open a drawer, …); the card never opens anything itself. Omit for a static card.\n   */\n  onTap?: () => void\n  /** Receives the primary CTA when tapped. The card does not resolve the CTA's block itself. */\n  onCtaClick?: (cta: PrimaryCTA) => void\n  /**\n   * Renders the CTA disabled — label shown, `aria-disabled`, not tappable — for a host that cannot\n   * honour it (e.g. `contact_support_block` when the client's `enable_support_requests` is off).\n   */\n  isCtaDisabled?: boolean\n}\n\nconst stopPropagation = (event: MouseEvent) => event.stopPropagation()\n\n/**\n * The one compact renderer the micro and embedded envelopes share (`insights_v2.2.md` §8.3).\n *\n * Figma 1941:111897 (Embedded | Large Transaction): a title row with the overflow slot, the HTML\n * description with the primary CTA under it, and on the right the slot's `logo` in a\n * `<BadgedTile>`. Under ditto's `with_warning_badge` variant the tile takes a status badge; under\n * `minimal` it draws the logo alone. The card lays out from the envelope alone and never reads\n * `widget_type`.\n *\n * The icon falls back to the neutral insight glyph **here**, not in `LogoFromGuid`, when the slot\n * carries no logo. The `pill` on the same envelope is the transaction row's, not the card's.\n */\nconst CompactInsightCard = ({\n  isCtaDisabled = false,\n  onCtaClick,\n  onTap,\n  payload,\n}: CompactInsightCardProps) => {\n  const { description, instance_slot, primary_cta, title } = payload\n  // Reduced variants (`minimal`, `with_warning_badge`) declare a bare `logo` slot.\n  const rowLogo = slot<LogoRef>(instance_slot.data, 'logo')\n\n  const handleCtaClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (isCtaDisabled || !primary_cta) return\n    onCtaClick?.(primary_cta)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    // Only the card itself: Enter on the CTA button is the button's own click.\n    if (event.target !== event.currentTarget) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onTap?.()\n    }\n  }\n\n  const interactiveProps = onTap\n    ? { onClick: onTap, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 }\n    : {}\n\n  return (\n    <Card\n      data-testid=\"compact-insight-card\"\n      {...interactiveProps}\n      sx={{\n        minWidth: 288,\n        pb: 12,\n        pl: 8,\n        pr: 16,\n        pt: 8,\n        ...(onTap && { cursor: 'pointer' }),\n      }}\n    >\n      <Stack\n        sx={{\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 8,\n          justifyContent: 'space-between',\n          pl: 8,\n          pt: 4,\n        }}\n      >\n        <Text bold={true} variant=\"body1\">\n          {title ?? ''}\n        </Text>\n        {/* The menu renders only when the host wired `onMenuAction` (BeatActionsProvider). */}\n        <Box onClick={stopPropagation} sx={{ display: 'flex' }}>\n          <InsightOptionsMenu />\n        </Box>\n      </Stack>\n\n      <Stack sx={{ flexDirection: 'row', gap: 16, pl: 8, pt: 4 }}>\n        <Stack sx={{ flex: 1, gap: 8, minWidth: 0 }}>\n          {/* `html_text` is rendered server-side by mrs_content from the ditto copy template (bold\n              amount / merchant), not user-authored input; painted the same way `BaseLayout` paints\n              the full card's description. */}\n          <P\n            dangerouslySetInnerHTML={{ __html: description.html_text }}\n            data-testid=\"compact-insight-card-description\"\n            variant=\"subtitle2\"\n          />\n          {primary_cta?.label && (\n            <Button\n              aria-disabled={isCtaDisabled}\n              onClick={handleCtaClick}\n              size=\"small\"\n              sx={{\n                alignSelf: 'flex-start',\n                // Figma 1941:111897 lines the CTA label up with the description's left edge. The\n                // column already pads 8, so the button's own 8 is pulled back out — padding kept so\n                // the tap target does not shrink.\n                ml: -8,\n                px: 8,\n                ...(isCtaDisabled && {\n                  color: 'text.disabled',\n                  cursor: 'default',\n                }),\n              }}\n              variant=\"text\"\n            >\n              {primary_cta.label}\n            </Button>\n          )}\n        </Stack>\n\n        <InsightVisual logo={rowLogo} variant={instance_slot.variant} />\n      </Stack>\n    </Card>\n  )\n}\n\nexport default CompactInsightCard\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { sendBeatCta as l } from "../../common/utils/PostMessage.es.js";
-import { hasDrawerBlock as f } from "../mappings/blocks.es.js";
-import { HOST_ACTIONS as m } from "./hostActions.es.js";
-import { ctaActions as C } from "./ctaConfig.es.js";
-import { ctaHandlers as v } from "./ctaHandlers.es.js";
-import { resolveCtaMetadata as g } from "./ctaPostMessages.es.js";
-var w = {}, o = ({ cta: t }) => t.action_key && C[t.action_key] || w, H = (t) => {
+import { HOST_ACTIONS as f } from "./hostActions.es.js";
+import { ctaActions as m } from "./ctaConfig.es.js";
+import { ctaHandlers as C } from "./ctaHandlers.es.js";
+import { resolveCtaMetadata as v } from "./ctaPostMessages.es.js";
+import { hasDrawerBlock as g } from "../mappings/hasDrawerBlock.es.js";
+var w = {}, o = ({ cta: t }) => t.action_key && m[t.action_key] || w, H = (t) => {
   const a = o(t);
   return { disabled: t.stores.insightsV2Store.ctaStatus[t.beat.guid] === "pending" || (a.disabledWhen?.(t) ?? !1) };
 }, n = ({ beat: t, slot: a, stores: r }) => {
@@ -20,17 +20,17 @@ var w = {}, o = ({ cta: t }) => t.action_key && C[t.action_key] || w, H = (t) =>
     userGuid: t.insights_payload?.user_guid ?? t.user_guid
   });
 }, S = (t) => {
-  f(t.cta.block) && n(t);
+  g(t.cta.block) && n(t);
 }, _ = (t, { beat: a, stores: r }) => {
   t === "refreshBeat" && r.emitUpdate({ staleBeatGuid: a.guid });
 }, y = ({ beat: t, slot: a, hostActions: r }) => {
   a !== "primary" || t.cta_clicked_at || Promise.resolve().then(() => r.onCtaAction?.({
     beatGuid: t.guid,
-    name: m.markCtaClicked
+    name: f.markCtaClicked
   })).catch(() => {
   });
 }, c = async (t, a, r) => {
-  const e = v[a];
+  const e = C[a];
   if (!e) throw new Error(`Unknown CTA handler "${a}"`);
   await e(t);
   for (const s of r) _(s, t);
@@ -56,7 +56,7 @@ var w = {}, o = ({ cta: t }) => t.action_key && C[t.action_key] || w, H = (t) =>
   };
   a.skipCtaClicked || y(e), await u(e, async () => {
     a.run && await c(e, a.run, a.onSuccess ?? []);
-    const s = g(e);
+    const s = v(e);
     s && h(e, s);
     const i = a.next ?? (a.run ? "none" : "default");
     i === "default" ? S(e) : i === "drawer" && n(e);

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

@@ -1 +1 @@
-{"version":3,"file":"runCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/runCtaAction.ts"],"sourcesContent":["import { sendBeatCta } from '../../common/utils/PostMessage'\nimport { hasDrawerBlock } from '../mappings/blocks'\nimport { ctaActions } from './ctaConfig'\nimport { resolveCtaMetadata } from './ctaPostMessages'\nimport { ctaHandlers, type CtaHandlerName } from './ctaHandlers'\nimport { HOST_ACTIONS } from './hostActions'\nimport type { CtaPostMessageMetadata } from '../../core'\nimport type {\n  CtaContext,\n  CtaEffect,\n  CtaHandler,\n  CtaHandlerContext,\n  CtaState,\n  CtaStateContext,\n  CtaStep,\n  RunHandlerOptions,\n} from './types'\n\nconst DEFAULT_STEP: CtaStep = {}\n\n// ─── Resolution ─────────────────────────────────────────────────────────────\n\n/** The beat's own context (input a block collected for it), `{}` until something is written. */\nexport const beatContextOf = ({ beat, stores }: Pick<CtaStateContext, 'beat' | 'stores'>) =>\n  stores.insightsV2Store.beatContext[beat.guid] ?? {}\n\n/** The step named by the CTA's `action_key`, or the empty default (no key / unknown key). */\nexport const resolveStep = ({ cta }: Pick<CtaStateContext, 'cta'>): CtaStep =>\n  (cta.action_key && ctaActions[cta.action_key]) || DEFAULT_STEP\n\n/** Pending always disables; the step's `disabledWhen` may add to that. */\nexport const resolveCtaState = (ctx: CtaStateContext): CtaState => {\n  const step = resolveStep(ctx)\n  const pending = ctx.stores.insightsV2Store.ctaStatus[ctx.beat.guid] === 'pending'\n\n  return { disabled: pending || (step.disabledWhen?.(ctx) ?? false) }\n}\n\n// ─── Targets and effects ────────────────────────────────────────────────────\n\n/** Opens the beat's drawer for whichever slot triggered the current step. */\nconst openDrawerForSlot = ({\n  beat,\n  slot,\n  stores,\n}: Pick<CtaContext, 'beat' | 'slot' | 'stores'>) => {\n  stores.insightsV2Store.openCtaDrawer(\n    beat.guid,\n    slot === 'primary' ? 'primaryCta' : 'secondaryCta',\n  )\n}\n\n/**\n * Posts this CTA's resolved message (event, op and beat-specific payload, from the backend's\n * `cta.metadata` or the template's `ctaPostMessages` entry) to the host.\n */\nconst postCtaMessage = ({ beat, stores }: CtaContext, metadata: CtaPostMessageMetadata) => {\n  const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n  const { event, action, payload } = metadata\n\n  sendBeatCta(beat, {\n    event: event ?? undefined,\n    op: action ?? undefined,\n    extras: payload ?? undefined,\n    isMobileWebview: is_mobile_webview,\n    webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n    userGuid: beat.insights_payload?.user_guid ?? beat.user_guid,\n  })\n}\n\n/**\n * Default target: open the drawer for a real block, otherwise nothing. A post message is never\n * implied by a missing block; it is sent only when one resolves (see runCtaAction).\n */\nconst runDefaultTarget = (ctx: CtaContext) => {\n  if (hasDrawerBlock(ctx.cta.block)) openDrawerForSlot(ctx)\n}\n\nconst runEffect = (effect: CtaEffect, { beat, stores }: CtaContext) => {\n  switch (effect) {\n    case 'refreshBeat':\n      stores.emitUpdate({ staleBeatGuid: beat.guid })\n      break\n  }\n}\n\n/**\n * First primary click records `cta_clicked_at` through the host. Fire-and-forget: whatever the\n * host does (reject, throw, return nothing) must never fail the user's action.\n */\nconst markCtaClicked = ({ beat, slot, hostActions }: CtaContext) => {\n  if (slot !== 'primary' || beat.cta_clicked_at) return\n\n  // Wrapping the call in `.then` turns a synchronous throw into a rejection, and the `.catch`\n  // swallows both: a failed cta_clicked_at write is not the user's action.\n  Promise.resolve()\n    .then(() =>\n      hostActions.onCtaAction?.({ beatGuid: beat.guid, name: HOST_ACTIONS.markCtaClicked }),\n    )\n    .catch(() => {})\n}\n\n// ─── Shared bookkeeping ─────────────────────────────────────────────────────\n\n/** Runs a named handler, then its `onSuccess` effects. Shared by card CTAs and drawer saves. */\nconst runHandlerWithEffects = async (\n  ctx: CtaContext,\n  handlerName: CtaHandlerName,\n  onSuccess: CtaEffect[],\n): Promise<void> => {\n  // Names are typed, but the map is still indexed defensively: config can come from anywhere.\n  const handler = (ctaHandlers as Record<string, CtaHandler>)[handlerName]\n\n  if (!handler) throw new Error(`Unknown CTA handler \"${handlerName}\"`)\n\n  await handler(ctx)\n\n  for (const effect of onSuccess) runEffect(effect, ctx)\n}\n\n/** Per-beat status around `work`: `pending` -> `done` | `error` (+ captureException). */\nconst withCtaStatus = async (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  work: () => Promise<void>,\n  captureContext: Record<string, string> = {},\n): Promise<boolean> => {\n  const { insightsV2Store } = stores\n\n  insightsV2Store.setCtaStatus(beat.guid, 'pending')\n\n  try {\n    await work()\n    insightsV2Store.setCtaStatus(beat.guid, 'done')\n\n    return true\n  } catch (error) {\n    insightsV2Store.setCtaStatus(beat.guid, 'error')\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      ...captureContext,\n    })\n\n    return false\n  }\n}\n\n// ─── Entry points ───────────────────────────────────────────────────────────\n\n/**\n * Runs the CTA's step: `run` handler, `onSuccess` effects, the CTA's post message if one resolves\n * (backend `cta.metadata` or the template's `ctaPostMessages` entry; skipped when the handler\n * throws), then the `next` target. No resolved message = no post.\n */\nexport const runCtaAction = async (ctx: CtaContext): Promise<void> => {\n  const step = resolveStep(ctx)\n  const stepParams = typeof step.params === 'function' ? step.params(ctx) : step.params\n  const stepCtx: CtaContext = { ...ctx, params: { ...stepParams, ...ctx.params } }\n\n  if (!step.skipCtaClicked) markCtaClicked(stepCtx)\n\n  await withCtaStatus(stepCtx, async () => {\n    if (step.run) await runHandlerWithEffects(stepCtx, step.run, step.onSuccess ?? [])\n\n    const metadata = resolveCtaMetadata(stepCtx)\n\n    if (metadata) postCtaMessage(stepCtx, metadata)\n\n    const target = step.next ?? (step.run ? 'none' : 'default')\n\n    if (target === 'default') runDefaultTarget(stepCtx)\n    else if (target === 'drawer') openDrawerForSlot(stepCtx)\n  })\n}\n\n/** Placeholder CTA for handlers run from inside a drawer, where no card slot is involved. */\nconst DIRECT_CTA = { label: '', block: '' }\n\n/** Runs a handler directly (drawer Save buttons): same bookkeeping as a card CTA. True on success. */\nexport const runCtaHandler = (\n  ctx: CtaHandlerContext,\n  handlerName: CtaHandlerName,\n  { onSuccess = [] }: RunHandlerOptions = {},\n): Promise<boolean> => {\n  const fullCtx: CtaContext = { ...ctx, cta: DIRECT_CTA, slot: 'primary' }\n\n  return withCtaStatus(fullCtx, () => runHandlerWithEffects(fullCtx, handlerName, onSuccess), {\n    handler: handlerName,\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"runCtaAction.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/runCtaAction.ts"],"sourcesContent":["import { sendBeatCta } from '../../common/utils/PostMessage'\nimport { hasDrawerBlock } from '../mappings/hasDrawerBlock'\nimport { ctaActions } from './ctaConfig'\nimport { resolveCtaMetadata } from './ctaPostMessages'\nimport { ctaHandlers, type CtaHandlerName } from './ctaHandlers'\nimport { HOST_ACTIONS } from './hostActions'\nimport type { CtaPostMessageMetadata } from '../../core'\nimport type {\n  CtaContext,\n  CtaEffect,\n  CtaHandler,\n  CtaHandlerContext,\n  CtaState,\n  CtaStateContext,\n  CtaStep,\n  RunHandlerOptions,\n} from './types'\n\nconst DEFAULT_STEP: CtaStep = {}\n\n// ─── Resolution ─────────────────────────────────────────────────────────────\n\n/** The beat's own context (input a block collected for it), `{}` until something is written. */\nexport const beatContextOf = ({ beat, stores }: Pick<CtaStateContext, 'beat' | 'stores'>) =>\n  stores.insightsV2Store.beatContext[beat.guid] ?? {}\n\n/** The step named by the CTA's `action_key`, or the empty default (no key / unknown key). */\nexport const resolveStep = ({ cta }: Pick<CtaStateContext, 'cta'>): CtaStep =>\n  (cta.action_key && ctaActions[cta.action_key]) || DEFAULT_STEP\n\n/** Pending always disables; the step's `disabledWhen` may add to that. */\nexport const resolveCtaState = (ctx: CtaStateContext): CtaState => {\n  const step = resolveStep(ctx)\n  const pending = ctx.stores.insightsV2Store.ctaStatus[ctx.beat.guid] === 'pending'\n\n  return { disabled: pending || (step.disabledWhen?.(ctx) ?? false) }\n}\n\n// ─── Targets and effects ────────────────────────────────────────────────────\n\n/** Opens the beat's drawer for whichever slot triggered the current step. */\nconst openDrawerForSlot = ({\n  beat,\n  slot,\n  stores,\n}: Pick<CtaContext, 'beat' | 'slot' | 'stores'>) => {\n  stores.insightsV2Store.openCtaDrawer(\n    beat.guid,\n    slot === 'primary' ? 'primaryCta' : 'secondaryCta',\n  )\n}\n\n/**\n * Posts this CTA's resolved message (event, op and beat-specific payload, from the backend's\n * `cta.metadata` or the template's `ctaPostMessages` entry) to the host.\n */\nconst postCtaMessage = ({ beat, stores }: CtaContext, metadata: CtaPostMessageMetadata) => {\n  const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n  const { event, action, payload } = metadata\n\n  sendBeatCta(beat, {\n    event: event ?? undefined,\n    op: action ?? undefined,\n    extras: payload ?? undefined,\n    isMobileWebview: is_mobile_webview,\n    webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n    userGuid: beat.insights_payload?.user_guid ?? beat.user_guid,\n  })\n}\n\n/**\n * Default target: open the drawer for a real block, otherwise nothing. A post message is never\n * implied by a missing block; it is sent only when one resolves (see runCtaAction).\n */\nconst runDefaultTarget = (ctx: CtaContext) => {\n  if (hasDrawerBlock(ctx.cta.block)) openDrawerForSlot(ctx)\n}\n\nconst runEffect = (effect: CtaEffect, { beat, stores }: CtaContext) => {\n  switch (effect) {\n    case 'refreshBeat':\n      stores.emitUpdate({ staleBeatGuid: beat.guid })\n      break\n  }\n}\n\n/**\n * First primary click records `cta_clicked_at` through the host. Fire-and-forget: whatever the\n * host does (reject, throw, return nothing) must never fail the user's action.\n */\nconst markCtaClicked = ({ beat, slot, hostActions }: CtaContext) => {\n  if (slot !== 'primary' || beat.cta_clicked_at) return\n\n  // Wrapping the call in `.then` turns a synchronous throw into a rejection, and the `.catch`\n  // swallows both: a failed cta_clicked_at write is not the user's action.\n  Promise.resolve()\n    .then(() =>\n      hostActions.onCtaAction?.({ beatGuid: beat.guid, name: HOST_ACTIONS.markCtaClicked }),\n    )\n    .catch(() => {})\n}\n\n// ─── Shared bookkeeping ─────────────────────────────────────────────────────\n\n/** Runs a named handler, then its `onSuccess` effects. Shared by card CTAs and drawer saves. */\nconst runHandlerWithEffects = async (\n  ctx: CtaContext,\n  handlerName: CtaHandlerName,\n  onSuccess: CtaEffect[],\n): Promise<void> => {\n  // Names are typed, but the map is still indexed defensively: config can come from anywhere.\n  const handler = (ctaHandlers as Record<string, CtaHandler>)[handlerName]\n\n  if (!handler) throw new Error(`Unknown CTA handler \"${handlerName}\"`)\n\n  await handler(ctx)\n\n  for (const effect of onSuccess) runEffect(effect, ctx)\n}\n\n/** Per-beat status around `work`: `pending` -> `done` | `error` (+ captureException). */\nconst withCtaStatus = async (\n  { beat, stores }: Pick<CtaContext, 'beat' | 'stores'>,\n  work: () => Promise<void>,\n  captureContext: Record<string, string> = {},\n): Promise<boolean> => {\n  const { insightsV2Store } = stores\n\n  insightsV2Store.setCtaStatus(beat.guid, 'pending')\n\n  try {\n    await work()\n    insightsV2Store.setCtaStatus(beat.guid, 'done')\n\n    return true\n  } catch (error) {\n    insightsV2Store.setCtaStatus(beat.guid, 'error')\n    stores.captureException(error, {\n      store: 'ctaActions',\n      template: beat.template,\n      ...captureContext,\n    })\n\n    return false\n  }\n}\n\n// ─── Entry points ───────────────────────────────────────────────────────────\n\n/**\n * Runs the CTA's step: `run` handler, `onSuccess` effects, the CTA's post message if one resolves\n * (backend `cta.metadata` or the template's `ctaPostMessages` entry; skipped when the handler\n * throws), then the `next` target. No resolved message = no post.\n */\nexport const runCtaAction = async (ctx: CtaContext): Promise<void> => {\n  const step = resolveStep(ctx)\n  const stepParams = typeof step.params === 'function' ? step.params(ctx) : step.params\n  const stepCtx: CtaContext = { ...ctx, params: { ...stepParams, ...ctx.params } }\n\n  if (!step.skipCtaClicked) markCtaClicked(stepCtx)\n\n  await withCtaStatus(stepCtx, async () => {\n    if (step.run) await runHandlerWithEffects(stepCtx, step.run, step.onSuccess ?? [])\n\n    const metadata = resolveCtaMetadata(stepCtx)\n\n    if (metadata) postCtaMessage(stepCtx, metadata)\n\n    const target = step.next ?? (step.run ? 'none' : 'default')\n\n    if (target === 'default') runDefaultTarget(stepCtx)\n    else if (target === 'drawer') openDrawerForSlot(stepCtx)\n  })\n}\n\n/** Placeholder CTA for handlers run from inside a drawer, where no card slot is involved. */\nconst DIRECT_CTA = { label: '', block: '' }\n\n/** Runs a handler directly (drawer Save buttons): same bookkeeping as a card CTA. True on success. */\nexport const runCtaHandler = (\n  ctx: CtaHandlerContext,\n  handlerName: CtaHandlerName,\n  { onSuccess = [] }: RunHandlerOptions = {},\n): Promise<boolean> => {\n  const fullCtx: CtaContext = { ...ctx, cta: DIRECT_CTA, slot: 'primary' }\n\n  return withCtaStatus(fullCtx, () => runHandlerWithEffects(fullCtx, handlerName, onSuccess), {\n    handler: handlerName,\n  })\n}\n"],"mappings":"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"}

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

@@ -32,14 +32,14 @@ import { SVGImageBlock as lr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImage
 import Cr from "./components/AmountPill.es.js";
 import Br from "./components/DesignateEmergencySavingsCard.es.js";
 import { ErrorCard as hr } from "./components/ErrorCard.es.js";
-import { FeedbackBar as Sr } from "./components/FeedbackBar.es.js";
-import Ar from "./components/FeedbackDialog.es.js";
-import { DismissInsightDialog as br } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as Lr } from "./components/HiddenConfirmationCard.es.js";
-import { LoadingCard as vr } from "./components/LoadingCard.es.js";
-import { ObsolesceBanner as wr } from "./components/ObsolesceBanner.es.js";
-import { HOST_ACTIONS as Pr } from "./ctaActions/hostActions.es.js";
-import { useBeatCtaActions as Mr, useCtaHandler as Vr } from "./ctaActions/useCtaAction.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";
@@ -63,24 +63,24 @@ export {
   Br as DesignateEmergencySavingsCard,
   J as DirectDepositBlock,
   q as DirectDepositCard,
-  br as DismissInsightDialog,
+  Or as DismissInsightDialog,
   R as DonutChartBlock,
   O as DoubleBarChartBlock,
   V as DoubleProgressBarBlock,
   hr as ErrorCard,
-  Sr as FeedbackBar,
-  Ar as FeedbackDialog,
-  Pr as HOST_ACTIONS,
-  Lr as HiddenConfirmationCard,
+  Ir as FeedbackBar,
+  Hr as FeedbackDialog,
+  Sr as HOST_ACTIONS,
+  Er as HiddenConfirmationCard,
   S as InsightErrorCard,
   c as InsightOptionsMenu,
   or as InsightTransactionRow,
-  vr as LoadingCard,
+  Rr as LoadingCard,
   Ur as LogoClusterCard,
   d as LogoFromGuid,
   Nr as LogoTile,
   qr as MerchantHighlightCard,
-  wr as ObsolesceBanner,
+  Vr as ObsolesceBanner,
   n as OverflowMenu,
   Jr as P2PLogoStack,
   lr as SVGImageBlock,
@@ -105,6 +105,6 @@ export {
   C as isLogoGuid,
   m as resolveInsightRender,
   a as useBeatActions,
-  Mr as useBeatCtaActions,
-  Vr as useCtaHandler
+  Ar as useBeatCtaActions,
+  Tr as useCtaHandler
 };

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

@@ -7,4 +7,5 @@ export declare const actionBlocksKey: {
     RECURRING_TRANSACTION_ACTION_BLOCK: string;
     TRANSACTION_LIST_ACTION_BLOCK: string;
     REMAINING_CASH_ACTION_BLOCK: string;
+    AMOUNT_INPUT_MODAL_ACTION_BLOCK: string;
 };

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

@@ -6,7 +6,8 @@ var _ = {
   CONTACT_SUPPORT_ACTION_BLOCK: "contact_support_block",
   RECURRING_TRANSACTION_ACTION_BLOCK: "recurring_transaction_block",
   TRANSACTION_LIST_ACTION_BLOCK: "transaction_list_block",
-  REMAINING_CASH_ACTION_BLOCK: "remaining_cash_block"
+  REMAINING_CASH_ACTION_BLOCK: "remaining_cash_block",
+  AMOUNT_INPUT_MODAL_ACTION_BLOCK: "amount_input_modal_block"
 };
 export {
   _ as actionBlocksKey

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}\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;AAC/B"}
+{"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"}

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

@@ -2,11 +2,12 @@ import { Beat, GlobalCopy, InsightsPayload } from '../../core';
 export interface ActionBlockProps {
     beat: Beat;
 }
-export declare const hasDrawerBlock: (block?: string | null) => boolean;
+export { hasDrawerBlock } from './hasDrawerBlock';
 export interface ActionBlockEntry {
     Component: React.ComponentType<ActionBlockProps>;
     usePrepare: (props: ActionBlockProps) => void;
     title?: (variant: string | null | undefined, copy: GlobalCopy, beat?: Beat) => string;
+    presentation?: 'drawer' | 'modal';
 }
 export declare const actionBlocks: Record<string, ActionBlockEntry>;
 export declare const blocks: Record<string, React.ComponentType<{