@mx-cartographer/experiences 9.4.69 → 9.4.71

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

@@ -0,0 +1,37 @@
+import n from "./StatusPill.es.js";
+import { ConfettiOverlay as b } from "./shared/ConfettiOverlay.es.js";
+import f from "./AccountHeroCard.es.js";
+import { NEUTRAL_PILL as s } from "../blocks/ComponentBlocks/DirectDepositBlock/layout.es.js";
+import { Icon as C } from "@mxenabled/mx-icons";
+import { jsx as r } from "react/jsx-runtime";
+var h = ({ backgroundImage: t, bgcolor: i = "primary.lighter", logo: a, name: d, nameVariant: m = "body2", pill: o = s, showConfetti: l = !1, statusLabel: e, subtitle: c }) => /* @__PURE__ */ r(f, {
+  backdrop: l ? /* @__PURE__ */ r(b, {}) : void 0,
+  backgroundImage: t,
+  bgcolor: i,
+  logo: a,
+  name: d,
+  nameVariant: m,
+  status: e ? /* @__PURE__ */ r(n, {
+    bgcolor: o.bgcolor,
+    borderColor: o.borderColor,
+    icon: o.icon ? /* @__PURE__ */ r(C, {
+      "aria-hidden": !0,
+      "data-testid": "pill-icon",
+      name: o.icon,
+      size: 16,
+      sx: { color: o.labelColor }
+    }) : void 0,
+    label: e,
+    labelColor: o.labelColor,
+    sx: {
+      border: "none",
+      px: 12
+    }
+  }) : void 0,
+  subtitle: c
+});
+export {
+  h as default
+};
+
+//# sourceMappingURL=DirectDepositCard.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DirectDepositCard.es.js","names":[],"sources":["../../../src/insights-v2/components/DirectDepositCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport AccountHeroCard from './AccountHeroCard'\nimport StatusPill from './StatusPill'\n\nimport { ConfettiOverlay } from './shared/ConfettiOverlay'\nimport { NEUTRAL_PILL } from '../blocks/ComponentBlocks/DirectDepositBlock/layout'\n\nexport interface DirectDepositPillConfig {\n  /** Pill background color token. */\n  bgcolor: string\n  /** Pill border color token. */\n  borderColor: string\n  /** Pill label color token. */\n  labelColor: string\n  /** Optional mx-icons glyph rendered before the label (e.g. `check_circle`). */\n  icon?: string\n}\n\n/**\n * Style props for the card. Variant-specific values live in the Direct Deposit\n * block's `layout.ts` (`getLayoutConfig`) — the card itself is variant-agnostic.\n */\nexport interface DirectDepositCardStyleProps {\n  /** Slot surface token behind the white hero card. Default `primary.lighter`. */\n  bgcolor?: string\n  /** Decorative wash layered over `bgcolor` (celebration/gradient slots). */\n  backgroundImage?: string\n  /** Confetti burst behind the hero card (complete states). */\n  showConfetti?: boolean\n  /** Hero name typography. Default `body2` (13/16); rate variants use `body1` (15/20). */\n  nameVariant?: 'body1' | 'body2'\n  /** Status pill color tokens + optional leading glyph. */\n  pill?: DirectDepositPillConfig\n}\n\ninterface DirectDepositCardProps extends DirectDepositCardStyleProps {\n  /** Institution/account logo, rendered overhanging the hero card's top edge. */\n  logo: ReactNode\n  /** Primary line, e.g. \"Epic Bank Checking, *1234\". */\n  name: ReactNode\n  /** Optional secondary line, e.g. \"Checking Account\" / \"Credit Card\". */\n  subtitle?: ReactNode\n  /** Optional status pill label, e.g. \"Direct Deposit Not Set Up\". */\n  statusLabel?: ReactNode\n}\n\n/**\n * The basic Direct Deposit hero card: an overhanging logo above a white card\n * with a name, optional subtitle, and a status pill, over a tinted/gradient\n * slot with an optional confetti backdrop.\n *\n * Purely presentational — it knows nothing about beats or variants. The Direct\n * Deposit block resolves `instance_slot.variant` to these style props via its\n * `layout.ts` (`getLayoutConfig`).\n */\nconst DirectDepositCard = ({\n  backgroundImage,\n  bgcolor = 'primary.lighter',\n  logo,\n  name,\n  nameVariant = 'body2',\n  pill = NEUTRAL_PILL,\n  showConfetti = false,\n  statusLabel,\n  subtitle,\n}: DirectDepositCardProps) => {\n  return (\n    <AccountHeroCard\n      backdrop={showConfetti ? <ConfettiOverlay /> : undefined}\n      backgroundImage={backgroundImage}\n      bgcolor={bgcolor}\n      logo={logo}\n      name={name}\n      nameVariant={nameVariant}\n      status={\n        statusLabel ? (\n          <StatusPill\n            bgcolor={pill.bgcolor}\n            borderColor={pill.borderColor}\n            icon={\n              pill.icon ? (\n                <Icon\n                  aria-hidden={true}\n                  data-testid=\"pill-icon\"\n                  name={pill.icon}\n                  size={16}\n                  sx={{ color: pill.labelColor }}\n                />\n              ) : undefined\n            }\n            label={statusLabel}\n            labelColor={pill.labelColor}\n            // Figma pill geometry: 24px tall, 12px side padding, no stroke\n            // (StatusPill defaults draw a 1px border and 16px padding).\n            sx={{ border: 'none', px: 12 }}\n          />\n        ) : undefined\n      }\n      subtitle={subtitle}\n    />\n  )\n}\n\nexport default DirectDepositCard\n"],"mappings":";;;;;;AA0DA,IAAM,IAAA,CAAqB,EACzB,iBAAA,GACA,SAAA,IAAU,mBACV,MAAA,GACA,MAAA,GACA,aAAA,IAAc,SACd,MAAA,IAAO,GACP,cAAA,IAAe,IACf,aAAA,GACA,UAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,UAAU,IAAe,gBAAA,EAAC,GAAD,CAAkB,CAAA,IAAI;AAAA,EAC9B,iBAAA;AAAA,EACR,SAAA;AAAA,EACH,MAAA;AAAA,EACA,MAAA;AAAA,EACO,aAAA;AAAA,EACb,QACE,IACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,EAAK;AAAA,IACd,aAAa,EAAK;AAAA,IAClB,MACE,EAAK,OACH,gBAAA,EAAC,GAAD;AAAA,MACE,eAAa;AAAA,MACb,eAAY;AAAA,MACZ,MAAM,EAAK;AAAA,MACX,MAAM;AAAA,MACN,IAAI,EAAE,OAAO,EAAK,WAAW;AAAA,IAC9B,CAAA,IACC;AAAA,IAEN,OAAO;AAAA,IACP,YAAY,EAAK;AAAA,IAGjB,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,IAAI;AAAA,IAAG;AAAA,EAC9B,CAAA,IACC;AAAA,EAEI,UAAA;AACX,CAAA"}

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

@@ -34,6 +34,11 @@ interface TransferLogoCardProps {
     showConfetti?: boolean;
     sx?: SxProps;
 }
+/**
+ * Confetti overlay for the success state. Measures the container and fires the
+ * burst once dimensions arrive. Scoped to this component so the resize listener
+ * only mounts when confetti is shown.
+ */
 /**
  * A from → to account transfer visual: two institution logos on a rounded track
  * with a central arrow badge and connector dots between them.

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

@@ -1,118 +1,100 @@
-import { useContainerDimensions as w } from "../hooks/useContainerDimensions.es.js";
-import { Confetti as v } from "./shared/Confetti.es.js";
-import { useRef as I } from "react";
+import { ConfettiOverlay as w } from "./shared/ConfettiOverlay.es.js";
 import d from "@mui/material/Stack";
-import { Icon as R } from "@mxenabled/mx-icons";
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import i from "@mui/material/Box";
-import b from "@mui/material/Card";
-var y = 240, T = 40, C = 204, D = /* @__PURE__ */ r(R, {
+import { Icon as v } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import e from "@mui/material/Box";
+import I from "@mui/material/Card";
+var b = 240, R = 40, T = 204, y = /* @__PURE__ */ r(v, {
   "aria-hidden": !0,
   name: "arrow_forward",
   size: 20,
   sx: { color: "neutral.lighter" }
-}), s = ({ color: t = "neutral.darker", size: e = 4 }) => /* @__PURE__ */ r(i, { sx: {
-  bgcolor: t,
+}), a = ({ color: n = "neutral.darker", size: i = 4 }) => /* @__PURE__ */ r(e, { sx: {
+  bgcolor: n,
   borderRadius: "4px",
-  height: e,
-  width: e
-} }), j = () => {
-  const t = I(null), { height: e, width: o } = w(t);
-  return /* @__PURE__ */ r(i, {
-    "aria-hidden": !0,
-    ref: t,
-    sx: {
-      inset: 0,
-      position: "absolute",
-      zIndex: 0
-    },
-    children: /* @__PURE__ */ r(v, {
-      height: e,
-      shouldRun: e > 0,
-      width: o
-    })
-  });
-}, O = ({ badgeBgColor: t = "neutral.darker", bgcolor: e = "primary.lighter", backgroundImage: o, dotColor: n = "neutral.darker", from: f, hasBigDots: x = !0, icon: u = D, showConfetti: m = !1, size: l = 64, to: p, sx: g }) => {
-  const h = x ? 6 : 4, c = {
+  height: i,
+  width: i
+} }), S = ({ badgeBgColor: n = "neutral.darker", bgcolor: i = "primary.lighter", backgroundImage: s, dotColor: t = "neutral.darker", from: x, hasBigDots: f = !0, icon: p = y, showConfetti: g = !1, size: l = 64, to: m, sx: u }) => {
+  const h = f ? 6 : 4, c = {
     borderRadius: "4px",
     flexShrink: 0,
     height: l,
     overflow: "hidden",
     width: l
   };
-  return /* @__PURE__ */ a(i, {
+  return /* @__PURE__ */ o(e, {
     sx: {
-      bgcolor: e,
-      ...o && { backgroundImage: o },
+      bgcolor: i,
+      ...s && { backgroundImage: s },
       p: 16,
       position: "relative",
       width: "100%",
-      ...g
+      ...u
     },
-    children: [m && /* @__PURE__ */ r(j, {}), /* @__PURE__ */ r(b, {
+    children: [g && /* @__PURE__ */ r(w, {}), /* @__PURE__ */ r(I, {
       sx: {
         position: "relative",
         py: 16,
         zIndex: 1
       },
-      children: /* @__PURE__ */ a(i, {
+      children: /* @__PURE__ */ o(e, {
         sx: {
           display: "grid",
           placeItems: "center"
         },
-        children: [/* @__PURE__ */ r(i, { sx: {
+        children: [/* @__PURE__ */ r(e, { sx: {
           bgcolor: "neutral.lighter",
           borderRadius: "24px",
           gridArea: "1 / 1",
-          height: T,
-          width: y
-        } }), /* @__PURE__ */ a(d, {
+          height: R,
+          width: b
+        } }), /* @__PURE__ */ o(d, {
           sx: {
             alignItems: "center",
             flexDirection: "row",
             gridArea: "1 / 1",
             height: l,
             justifyContent: "space-between",
-            width: C
+            width: T
           },
           children: [
-            /* @__PURE__ */ r(i, {
+            /* @__PURE__ */ r(e, {
               sx: c,
-              children: f
+              children: x
             }),
-            /* @__PURE__ */ a(d, {
+            /* @__PURE__ */ o(d, {
               sx: {
                 alignItems: "center",
                 flexDirection: "row",
                 gap: 4
               },
               children: [
-                /* @__PURE__ */ r(s, { color: n }),
-                /* @__PURE__ */ r(s, {
-                  color: n,
+                /* @__PURE__ */ r(a, { color: t }),
+                /* @__PURE__ */ r(a, {
+                  color: t,
                   size: h
                 }),
                 /* @__PURE__ */ r(d, {
                   sx: {
                     alignItems: "center",
-                    bgcolor: t,
+                    bgcolor: n,
                     borderRadius: "50%",
                     height: 28,
                     justifyContent: "center",
                     width: 28
                   },
-                  children: u
+                  children: p
                 }),
-                /* @__PURE__ */ r(s, {
-                  color: n,
+                /* @__PURE__ */ r(a, {
+                  color: t,
                   size: h
                 }),
-                /* @__PURE__ */ r(s, { color: n })
+                /* @__PURE__ */ r(a, { color: t })
               ]
             }),
-            /* @__PURE__ */ r(i, {
+            /* @__PURE__ */ r(e, {
               sx: c,
-              children: p
+              children: m
             })
           ]
         })]
@@ -121,7 +103,7 @@ var y = 240, T = 40, C = 204, D = /* @__PURE__ */ r(R, {
   });
 };
 export {
-  O as default
+  S as default
 };
 
 //# sourceMappingURL=TransferLogoCard.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransferLogoCard.es.js","names":[],"sources":["../../../src/insights-v2/components/TransferLogoCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useRef } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { Confetti } from './shared/Confetti'\nimport { useContainerDimensions } from '../hooks/useContainerDimensions'\n\n// Figma track/row footprints (mirrors v1 `shared/ConnectionCard`): a 240×40\n// rounded track centered behind a 204×64 row of logos + center badge.\nconst TRACK_WIDTH = 240\nconst TRACK_HEIGHT = 40\nconst ROW_WIDTH = 204\n\ninterface TransferLogoCardProps {\n  /** Source institution logo (left). */\n  from: ReactNode\n  /** Destination institution logo (right). */\n  to: ReactNode\n  /** Logo tile size in px (Figma: 64). */\n  size?: number\n  /** Arrow icon rendered in the center badge. Defaults to a right arrow. */\n  icon?: ReactNode\n  /**\n   * Enlarge the inner connector dots (6px vs 4px), matching the Discovered\n   * Accounts insight for cross-insight consistency. Default true.\n   */\n  hasBigDots?: boolean\n  /** Connector-dot color token. Default `neutral.darker` (theme-aware). */\n  dotColor?: string\n  /** Center badge background color token. Default `neutral.darker` (dark circle\n   * for Switch DD default; set to `success.main` for Discovered Accounts success). */\n  badgeBgColor?: string\n  /** Slot surface color token. Default `primary.lighter` (Figma's tinted slot,\n   * theme-aware: light-blue in light mode, navy in dark). */\n  bgcolor?: string\n  /**\n   * Optional background image (e.g., celebration gradient) for success states.\n   * Layered over the `bgcolor` via `backgroundImage` (not `background` shorthand).\n   */\n  backgroundImage?: string\n  /**\n   * Show a confetti animation filling the slot (for success/celebration states).\n   * Requires `useContainerDimensions` to measure the slot. Default false.\n   */\n  showConfetti?: boolean\n  sx?: SxProps\n}\n\n// Default center-badge glyph. Hoisted to a stable reference so it isn't\n// re-created each render (`neutral.lighter` is the theme-aware inverse of the\n// badge fill: light glyph on dark badge, and vice-versa in dark).\nconst defaultTransferIcon = (\n  <Icon aria-hidden={true} name=\"arrow_forward\" size={20} sx={{ color: 'neutral.lighter' }} />\n)\n\n// Connector dot: a small rounded square that reads as a dot at this size\n// (matches v1 `ConnectionCard`'s `Dot`). `neutral.darker` is theme-aware. The\n// inner pair is larger (`bigDots`, as Discovered Accounts uses) than the outer.\nconst Dot = ({ color = 'neutral.darker', size = 4 }: { color?: string; size?: number }) => (\n  <Box sx={{ bgcolor: color, borderRadius: '4px', height: size, width: size }} />\n)\n\n/**\n * Confetti overlay for the success state. Measures the container and fires the\n * burst once dimensions arrive. Scoped to this component so the resize listener\n * only mounts when confetti is shown.\n */\nconst ConfettiOverlay = () => {\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(overlayRef)\n  return (\n    <Box aria-hidden={true} ref={overlayRef} sx={{ inset: 0, position: 'absolute', zIndex: 0 }}>\n      <Confetti height={height} shouldRun={height > 0} width={width} />\n    </Box>\n  )\n}\n\n/**\n * A from → to account transfer visual: two institution logos on a rounded track\n * with a central arrow badge and connector dots between them.\n *\n * Figma: Switch Direct Deposit (default) Content. Structure ported from v1\n * `insights/components/shared/ConnectionCard` (grid-overlaid track + row).\n * Scope is the Content section only.\n */\nconst TransferLogoCard = ({\n  badgeBgColor = 'neutral.darker',\n  bgcolor = 'primary.lighter',\n  backgroundImage,\n  dotColor = 'neutral.darker',\n  from,\n  hasBigDots = true,\n  icon = defaultTransferIcon,\n  showConfetti = false,\n  size = 64,\n  to,\n  sx,\n}: TransferLogoCardProps) => {\n  const dotSize = hasBigDots ? 6 : 4\n  const logoSx = {\n    borderRadius: '4px',\n    flexShrink: 0,\n    height: size,\n    overflow: 'hidden',\n    width: size,\n  } as const\n\n  return (\n    <Box\n      sx={{\n        bgcolor,\n        ...(backgroundImage && { backgroundImage }),\n        p: 16,\n        // Positioned wrapper so the confetti overlay can fill the slot; the card\n        // sits above it (zIndex). No `overflow: hidden` — that would clip the\n        // burst's upper area (per the figma-to-code confetti guidance).\n        position: 'relative',\n        width: '100%',\n        ...sx,\n      }}\n    >\n      {showConfetti && <ConfettiOverlay />}\n      <Card sx={{ position: 'relative', py: 16, zIndex: 1 }}>\n        <Box sx={{ display: 'grid', placeItems: 'center' }}>\n          {/* Grey track, centered behind the row via a shared grid cell. */}\n          <Box\n            sx={{\n              bgcolor: 'neutral.lighter',\n              borderRadius: '24px',\n              gridArea: '1 / 1',\n              height: TRACK_HEIGHT,\n              width: TRACK_WIDTH,\n            }}\n          />\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              gridArea: '1 / 1',\n              height: size,\n              justifyContent: 'space-between',\n              width: ROW_WIDTH,\n            }}\n          >\n            <Box sx={logoSx}>{from}</Box>\n            <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n              <Dot color={dotColor} />\n              <Dot color={dotColor} size={dotSize} />\n              <Stack\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: badgeBgColor,\n                  borderRadius: '50%',\n                  height: 28,\n                  justifyContent: 'center',\n                  width: 28,\n                }}\n              >\n                {icon}\n              </Stack>\n              <Dot color={dotColor} size={dotSize} />\n              <Dot color={dotColor} />\n            </Stack>\n            <Box sx={logoSx}>{to}</Box>\n          </Stack>\n        </Box>\n      </Card>\n    </Box>\n  )\n}\n\nexport default TransferLogoCard\n"],"mappings":"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"}
+{"version":3,"file":"TransferLogoCard.es.js","names":[],"sources":["../../../src/insights-v2/components/TransferLogoCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { ConfettiOverlay } from './shared/ConfettiOverlay'\n\n// Figma track/row footprints (mirrors v1 `shared/ConnectionCard`): a 240×40\n// rounded track centered behind a 204×64 row of logos + center badge.\nconst TRACK_WIDTH = 240\nconst TRACK_HEIGHT = 40\nconst ROW_WIDTH = 204\n\ninterface TransferLogoCardProps {\n  /** Source institution logo (left). */\n  from: ReactNode\n  /** Destination institution logo (right). */\n  to: ReactNode\n  /** Logo tile size in px (Figma: 64). */\n  size?: number\n  /** Arrow icon rendered in the center badge. Defaults to a right arrow. */\n  icon?: ReactNode\n  /**\n   * Enlarge the inner connector dots (6px vs 4px), matching the Discovered\n   * Accounts insight for cross-insight consistency. Default true.\n   */\n  hasBigDots?: boolean\n  /** Connector-dot color token. Default `neutral.darker` (theme-aware). */\n  dotColor?: string\n  /** Center badge background color token. Default `neutral.darker` (dark circle\n   * for Switch DD default; set to `success.main` for Discovered Accounts success). */\n  badgeBgColor?: string\n  /** Slot surface color token. Default `primary.lighter` (Figma's tinted slot,\n   * theme-aware: light-blue in light mode, navy in dark). */\n  bgcolor?: string\n  /**\n   * Optional background image (e.g., celebration gradient) for success states.\n   * Layered over the `bgcolor` via `backgroundImage` (not `background` shorthand).\n   */\n  backgroundImage?: string\n  /**\n   * Show a confetti animation filling the slot (for success/celebration states).\n   * Requires `useContainerDimensions` to measure the slot. Default false.\n   */\n  showConfetti?: boolean\n  sx?: SxProps\n}\n\n// Default center-badge glyph. Hoisted to a stable reference so it isn't\n// re-created each render (`neutral.lighter` is the theme-aware inverse of the\n// badge fill: light glyph on dark badge, and vice-versa in dark).\nconst defaultTransferIcon = (\n  <Icon aria-hidden={true} name=\"arrow_forward\" size={20} sx={{ color: 'neutral.lighter' }} />\n)\n\n// Connector dot: a small rounded square that reads as a dot at this size\n// (matches v1 `ConnectionCard`'s `Dot`). `neutral.darker` is theme-aware. The\n// inner pair is larger (`bigDots`, as Discovered Accounts uses) than the outer.\nconst Dot = ({ color = 'neutral.darker', size = 4 }: { color?: string; size?: number }) => (\n  <Box sx={{ bgcolor: color, borderRadius: '4px', height: size, width: size }} />\n)\n\n/**\n * Confetti overlay for the success state. Measures the container and fires the\n * burst once dimensions arrive. Scoped to this component so the resize listener\n * only mounts when confetti is shown.\n */\n\n/**\n * A from → to account transfer visual: two institution logos on a rounded track\n * with a central arrow badge and connector dots between them.\n *\n * Figma: Switch Direct Deposit (default) Content. Structure ported from v1\n * `insights/components/shared/ConnectionCard` (grid-overlaid track + row).\n * Scope is the Content section only.\n */\nconst TransferLogoCard = ({\n  badgeBgColor = 'neutral.darker',\n  bgcolor = 'primary.lighter',\n  backgroundImage,\n  dotColor = 'neutral.darker',\n  from,\n  hasBigDots = true,\n  icon = defaultTransferIcon,\n  showConfetti = false,\n  size = 64,\n  to,\n  sx,\n}: TransferLogoCardProps) => {\n  const dotSize = hasBigDots ? 6 : 4\n  const logoSx = {\n    borderRadius: '4px',\n    flexShrink: 0,\n    height: size,\n    overflow: 'hidden',\n    width: size,\n  } as const\n\n  return (\n    <Box\n      sx={{\n        bgcolor,\n        ...(backgroundImage && { backgroundImage }),\n        p: 16,\n        // Positioned wrapper so the confetti overlay can fill the slot; the card\n        // sits above it (zIndex). No `overflow: hidden` — that would clip the\n        // burst's upper area (per the figma-to-code confetti guidance).\n        position: 'relative',\n        width: '100%',\n        ...sx,\n      }}\n    >\n      {showConfetti && <ConfettiOverlay />}\n      <Card sx={{ position: 'relative', py: 16, zIndex: 1 }}>\n        <Box sx={{ display: 'grid', placeItems: 'center' }}>\n          {/* Grey track, centered behind the row via a shared grid cell. */}\n          <Box\n            sx={{\n              bgcolor: 'neutral.lighter',\n              borderRadius: '24px',\n              gridArea: '1 / 1',\n              height: TRACK_HEIGHT,\n              width: TRACK_WIDTH,\n            }}\n          />\n          <Stack\n            sx={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              gridArea: '1 / 1',\n              height: size,\n              justifyContent: 'space-between',\n              width: ROW_WIDTH,\n            }}\n          >\n            <Box sx={logoSx}>{from}</Box>\n            <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 4 }}>\n              <Dot color={dotColor} />\n              <Dot color={dotColor} size={dotSize} />\n              <Stack\n                sx={{\n                  alignItems: 'center',\n                  bgcolor: badgeBgColor,\n                  borderRadius: '50%',\n                  height: 28,\n                  justifyContent: 'center',\n                  width: 28,\n                }}\n              >\n                {icon}\n              </Stack>\n              <Dot color={dotColor} size={dotSize} />\n              <Dot color={dotColor} />\n            </Stack>\n            <Box sx={logoSx}>{to}</Box>\n          </Stack>\n        </Box>\n      </Card>\n    </Box>\n  )\n}\n\nexport default TransferLogoCard\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export declare const ConfettiOverlay: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { useContainerDimensions as i } from "../../hooks/useContainerDimensions.es.js";
+import { Confetti as n } from "./Confetti.es.js";
+import { useRef as s } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Box as m } from "@mui/material";
+var d = () => {
+  const o = s(null), { height: r, width: t } = i(o);
+  return /* @__PURE__ */ e(m, {
+    "aria-hidden": !0,
+    ref: o,
+    sx: {
+      inset: 0,
+      position: "absolute",
+      zIndex: 0
+    },
+    children: /* @__PURE__ */ e(n, {
+      height: r,
+      shouldRun: r > 0,
+      width: t
+    })
+  });
+};
+export {
+  d as ConfettiOverlay
+};
+
+//# sourceMappingURL=ConfettiOverlay.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfettiOverlay.es.js","names":[],"sources":["../../../../src/insights-v2/components/shared/ConfettiOverlay.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useContainerDimensions } from '../../hooks/useContainerDimensions'\nimport Confetti from './Confetti'\nimport { Box } from '@mui/material'\n\nexport const ConfettiOverlay = () => {\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(overlayRef)\n  return (\n    <Box aria-hidden={true} ref={overlayRef} sx={{ inset: 0, position: 'absolute', zIndex: 0 }}>\n      <Confetti height={height} shouldRun={height > 0} width={width} />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAKA,IAAa,IAAA,MAAwB;AACnC,QAAM,IAAa,EAAuB,IAAI,GACxC,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAU;AAC3D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,eAAa;AAAA,IAAM,KAAK;AAAA,IAAY,IAAI;AAAA,MAAE,OAAO;AAAA,MAAG,UAAU;AAAA,MAAY,QAAQ;AAAA,IAAE;AAAA,IACvF,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW,IAAS;AAAA,MAAU,OAAA;AAAA,IAAQ,CAAA;AAAA,EAC7D,CAAA;AAET"}

package/dist/insights-v2/ctaActions/ctaConfig.d.ts

@@ -1,7 +1,8 @@
 import { CtaStep } from './types';
 /**
  * Steps keyed by the backend-named `cta.action_key` (ditto `*_cta_action`, via tupac). No key or
- * an unknown key = default: open the CTA's block drawer, else post its message. A new key is
- * registered in ditto and here in the same change; most CTAs need none. See README.md.
+ * an unknown key = default: open the CTA's block drawer, if any. Its post message, when one
+ * resolves (`cta.metadata` / `ctaPostMessages`), is sent either way. A new key is registered in
+ * ditto and here in the same change; most CTAs need none. See README.md.
  */
 export declare const ctaActions: Record<string, CtaStep>;

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

@@ -1 +1 @@
-{"version":3,"file":"ctaConfig.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/ctaConfig.ts"],"sourcesContent":["import { HOST_ACTIONS } from './hostActions'\nimport type { CtaStep } from './types'\n\n/**\n * Steps keyed by the backend-named `cta.action_key` (ditto `*_cta_action`, via tupac). No key or\n * an unknown key = default: open the CTA's block drawer, else post its message. A new key is\n * registered in ditto and here in the same change; most CTAs need none. See README.md.\n */\nexport const ctaActions: Record<string, CtaStep> = {\n  /** ConnectDiscoveredAccounts \"I don't have any\": dismiss through the host, then stop. */\n  dismiss_beat: {\n    run: 'delegateToHost',\n    params: { hostAction: HOST_ACTIONS.dismissBeat },\n  },\n}\n"],"mappings":";AAQA,IAAa,IAAsC,EAEjD,cAAc;AAAA,EACZ,KAAK;AAAA,EACL,QAAQ,EAAE,YAAY,EAAa,YAAY;AACjD,EACF"}
+{"version":3,"file":"ctaConfig.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/ctaConfig.ts"],"sourcesContent":["import { HOST_ACTIONS } from './hostActions'\nimport type { CtaStep } from './types'\n\n/**\n * Steps keyed by the backend-named `cta.action_key` (ditto `*_cta_action`, via tupac). No key or\n * an unknown key = default: open the CTA's block drawer, if any. Its post message, when one\n * resolves (`cta.metadata` / `ctaPostMessages`), is sent either way. A new key is registered in\n * ditto and here in the same change; most CTAs need none. See README.md.\n */\nexport const ctaActions: Record<string, CtaStep> = {\n  /** ConnectDiscoveredAccounts \"I don't have any\": dismiss through the host, then stop. */\n  dismiss_beat: {\n    run: 'delegateToHost',\n    params: { hostAction: HOST_ACTIONS.dismissBeat },\n  },\n}\n"],"mappings":";AASA,IAAa,IAAsC,EAEjD,cAAc;AAAA,EACZ,KAAK;AAAA,EACL,QAAQ,EAAE,YAAY,EAAa,YAAY;AACjD,EACF"}

package/dist/insights-v2/ctaActions/ctaPostMessages.d.ts

@@ -0,0 +1,16 @@
+import { CtaPostMessageMetadata } from '../../core';
+import { CtaSlot, CtaStateContext } from './types';
+/**
+ * Interim per-template post messages, carried over from the pulse beats, for CTAs the backend
+ * does not yet describe with `cta.metadata`. Each resolver returns the same shape the backend
+ * will send, or `null` for "no message" (the default then only opens the drawer for a block).
+ * Backend `metadata` always wins, so entries become dead the moment tupac ships the key for
+ * their template.
+ *
+ * Remove once every template here has `metadata` from the backend: delete this file, its test
+ * and README section, and the `resolveCtaMetadata` call in `runCtaAction.ts`.
+ */
+export type CtaPostMessageResolver = (ctx: CtaStateContext) => CtaPostMessageMetadata | null;
+export declare const ctaPostMessages: Record<string, Partial<Record<CtaSlot, CtaPostMessageResolver>>>;
+/** Backend `cta.metadata` first, else this template's interim resolver for the slot, else null. */
+export declare const resolveCtaMetadata: (ctx: CtaStateContext) => CtaPostMessageMetadata | null;

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

@@ -0,0 +1,51 @@
+import { AccountType as u } from "../../core/types/Account.es.js";
+import { BEAT_OPERATION_1 as o, BEAT_OPERATION_2 as s } from "../../common/utils/PostMessage.es.js";
+var c = (a) => !a.is_hidden && !a.is_deleted && !a.is_closed, i = ({ beat: a, stores: t }) => a.primary_account ?? t.accountStore.accounts.find((n) => n.guid === a.primary_account_guid), l = ({ beat: a, stores: t }) => {
+  const n = new Set(a.account_guids);
+  return t.accountStore.accounts.filter((e) => n.has(e.guid) && c(e));
+}, d = ({ stores: a }) => a.accountStore.accounts.filter((t) => t.account_type === u.SAVINGS && c(t)), _ = {
+  SaveAnExtra100Dollars: { primary: () => ({ action: o }) },
+  LowAccountBalance: { primary: (a) => {
+    const t = i(a);
+    return t ? {
+      action: o,
+      payload: { account_guid: t.external_guid }
+    } : null;
+  } },
+  MonthlyObligationsStatus: { primary: ({ beat: a }) => (a.payload?.total_remaining ?? 0) < 0 ? { action: o } : null },
+  DesignateEmergencySavingsAccount: { primary: ({ beat: a }) => !a.payload?.emergency_savings_account_guid && !a.account_guids.length ? { action: o } : null },
+  ReplenishSavings: { primary: (a) => ({
+    action: o,
+    payload: {
+      total_amount_withdrawn: a.beat.payload?.total_amount,
+      accounts: l(a).map((t) => ({
+        account_guid: t.external_guid,
+        account_name: a.beat.payload?.account_name?.default
+      }))
+    }
+  }) },
+  SavingsOpportunityV2: { primary: (a) => {
+    const t = i(a);
+    if (!t) return null;
+    const n = d(a), e = {
+      amount: a.beat.payload?.suggested_savings_amount,
+      source_account_id: t.external_guid
+    };
+    return n.length ? {
+      action: o,
+      payload: {
+        ...e,
+        destination_account_ids: n.map((r) => r.external_guid)
+      }
+    } : {
+      action: s,
+      payload: e
+    };
+  } }
+}, m = (a) => a.cta.metadata ?? _[a.beat.template]?.[a.slot]?.(a) ?? null;
+export {
+  _ as ctaPostMessages,
+  m as resolveCtaMetadata
+};
+
+//# sourceMappingURL=ctaPostMessages.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ctaPostMessages.es.js","names":[],"sources":["../../../src/insights-v2/ctaActions/ctaPostMessages.ts"],"sourcesContent":["import { BEAT_OPERATION_1, BEAT_OPERATION_2 } from '../../common/utils/PostMessage'\nimport { AccountType, type Account, type CtaPostMessageMetadata } from '../../core'\nimport type { CtaSlot, CtaStateContext } from './types'\n\n/**\n * Interim per-template post messages, carried over from the pulse beats, for CTAs the backend\n * does not yet describe with `cta.metadata`. Each resolver returns the same shape the backend\n * will send, or `null` for \"no message\" (the default then only opens the drawer for a block).\n * Backend `metadata` always wins, so entries become dead the moment tupac ships the key for\n * their template.\n *\n * Remove once every template here has `metadata` from the backend: delete this file, its test\n * and README section, and the `resolveCtaMetadata` call in `runCtaAction.ts`.\n */\nexport type CtaPostMessageResolver = (ctx: CtaStateContext) => CtaPostMessageMetadata | null\n\ntype BeatContext = Pick<CtaStateContext, 'beat' | 'stores'>\n\nconst isUsable = (account: Account) =>\n  !account.is_hidden && !account.is_deleted && !account.is_closed\n\n/** The beat's primary account: from the beat when the host attached it, else the account store. */\nconst primaryAccountOf = ({ beat, stores }: BeatContext): Account | undefined =>\n  beat.primary_account ??\n  stores.accountStore.accounts.find((account) => account.guid === beat.primary_account_guid)\n\n/** The accounts the beat points at (`account_guids`), as loaded in the account store. */\nconst beatAccountsOf = ({ beat, stores }: BeatContext): Account[] => {\n  const guids = new Set<string>(beat.account_guids)\n\n  return stores.accountStore.accounts.filter(\n    (account) => guids.has(account.guid) && isUsable(account),\n  )\n}\n\nconst savingsAccountsOf = ({ stores }: BeatContext): Account[] =>\n  stores.accountStore.accounts.filter(\n    (account) => account.account_type === AccountType.SAVINGS && isUsable(account),\n  )\n\nexport const ctaPostMessages: Record<string, Partial<Record<CtaSlot, CtaPostMessageResolver>>> = {\n  /** \"Make Transfer\": the base `beat/cta` op_1, nothing beat-specific. */\n  SaveAnExtra100Dollars: {\n    primary: () => ({ action: BEAT_OPERATION_1 }),\n  },\n\n  /** \"Transfer\": op_1 with the primary account's external id. No primary account → default. */\n  LowAccountBalance: {\n    primary: (ctx) => {\n      const account = primaryAccountOf(ctx)\n\n      return account\n        ? { action: BEAT_OPERATION_1, payload: { account_guid: account.external_guid } }\n        : null\n    },\n  },\n\n  /** Posts only while off track (negative remaining); on track the CTA opens the drawer. */\n  MonthlyObligationsStatus: {\n    primary: ({ beat }) =>\n      (beat.payload?.total_remaining ?? 0) < 0 ? { action: BEAT_OPERATION_1 } : null,\n  },\n\n  /**\n   * \"Open savings account\": only when nothing is designated and there is no savings account to\n   * pick from. The other states save the pick through an `action_key` (see `ctaConfig.ts`).\n   */\n  DesignateEmergencySavingsAccount: {\n    primary: ({ beat }) =>\n      !beat.payload?.emergency_savings_account_guid && !beat.account_guids.length\n        ? { action: BEAT_OPERATION_1 }\n        : null,\n  },\n\n  /** op_1 with the withdrawn total and the beat's accounts (external ids). */\n  ReplenishSavings: {\n    primary: (ctx) => ({\n      action: BEAT_OPERATION_1,\n      payload: {\n        total_amount_withdrawn: ctx.beat.payload?.total_amount,\n        accounts: beatAccountsOf(ctx).map((account) => ({\n          account_guid: account.external_guid,\n          account_name: ctx.beat.payload?.account_name?.default,\n        })),\n      },\n    }),\n  },\n\n  /** op_1 = transfer into the user's savings accounts; op_2 = open one when there are none. */\n  SavingsOpportunityV2: {\n    primary: (ctx) => {\n      const source = primaryAccountOf(ctx)\n\n      if (!source) return null\n\n      const savings = savingsAccountsOf(ctx)\n      const payload = {\n        amount: ctx.beat.payload?.suggested_savings_amount,\n        source_account_id: source.external_guid,\n      }\n\n      return savings.length\n        ? {\n            action: BEAT_OPERATION_1,\n            payload: {\n              ...payload,\n              destination_account_ids: savings.map((account) => account.external_guid),\n            },\n          }\n        : { action: BEAT_OPERATION_2, payload }\n    },\n  },\n}\n\n/** Backend `cta.metadata` first, else this template's interim resolver for the slot, else null. */\nexport const resolveCtaMetadata = (ctx: CtaStateContext): CtaPostMessageMetadata | null =>\n  ctx.cta.metadata ?? ctaPostMessages[ctx.beat.template]?.[ctx.slot]?.(ctx) ?? null\n"],"mappings":";;AAkBA,IAAM,IAAA,CAAY,MAChB,CAAC,EAAQ,aAAa,CAAC,EAAQ,cAAc,CAAC,EAAQ,WAGlD,IAAA,CAAoB,EAAE,MAAA,GAAM,QAAA,EAAA,MAChC,EAAK,mBACL,EAAO,aAAa,SAAS,KAAA,CAAM,MAAY,EAAQ,SAAS,EAAK,oBAAoB,GAGrF,IAAA,CAAkB,EAAE,MAAA,GAAM,QAAA,EAAA,MAAqC;AACnE,QAAM,IAAQ,IAAI,IAAY,EAAK,aAAa;AAEhD,SAAO,EAAO,aAAa,SAAS,OAAA,CACjC,MAAY,EAAM,IAAI,EAAQ,IAAI,KAAK,EAAS,CAAO,CAC1D;AACF,GAEM,IAAA,CAAqB,EAAE,QAAA,EAAA,MAC3B,EAAO,aAAa,SAAS,OAAA,CAC1B,MAAY,EAAQ,iBAAiB,EAAY,WAAW,EAAS,CAAO,CAC/E,GAEW,IAAoF;AAAA,EAE/F,uBAAuB,EACrB,SAAA,OAAgB,EAAE,QAAQ,EAAiB,GAC7C;AAAA,EAGA,mBAAmB,EACjB,SAAA,CAAU,MAAQ;AAChB,UAAM,IAAU,EAAiB,CAAG;AAEpC,WAAO,IACH;AAAA,MAAE,QAAQ;AAAA,MAAkB,SAAS,EAAE,cAAc,EAAQ,cAAc;AAAA,IAAE,IAC7E;AAAA,EACN,EACF;AAAA,EAGA,0BAA0B,EACxB,SAAA,CAAU,EAAE,MAAA,EAAA,OACT,EAAK,SAAS,mBAAmB,KAAK,IAAI,EAAE,QAAQ,EAAiB,IAAI,KAC9E;AAAA,EAMA,kCAAkC,EAChC,SAAA,CAAU,EAAE,MAAA,EAAA,MACV,CAAC,EAAK,SAAS,kCAAkC,CAAC,EAAK,cAAc,SACjE,EAAE,QAAQ,EAAiB,IAC3B,KACR;AAAA,EAGA,kBAAkB,EAChB,SAAA,CAAU,OAAS;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,wBAAwB,EAAI,KAAK,SAAS;AAAA,MAC1C,UAAU,EAAe,CAAG,EAAE,IAAA,CAAK,OAAa;AAAA,QAC9C,cAAc,EAAQ;AAAA,QACtB,cAAc,EAAI,KAAK,SAAS,cAAc;AAAA,MAChD,EAAE;AAAA,IACJ;AAAA,EACF,GACF;AAAA,EAGA,sBAAsB,EACpB,SAAA,CAAU,MAAQ;AAChB,UAAM,IAAS,EAAiB,CAAG;AAEnC,QAAI,CAAC,EAAQ,QAAO;AAEpB,UAAM,IAAU,EAAkB,CAAG,GAC/B,IAAU;AAAA,MACd,QAAQ,EAAI,KAAK,SAAS;AAAA,MAC1B,mBAAmB,EAAO;AAAA,IAC5B;AAEA,WAAO,EAAQ,SACX;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,GAAG;AAAA,QACH,yBAAyB,EAAQ,IAAA,CAAK,MAAY,EAAQ,aAAa;AAAA,MACzE;AAAA,IACF,IACA;AAAA,MAAE,QAAQ;AAAA,MAAkB,SAAA;AAAA,IAAQ;AAAA,EAC1C,EACF;AACF,GAGa,IAAA,CAAsB,MACjC,EAAI,IAAI,YAAY,EAAgB,EAAI,KAAK,QAAA,IAAY,EAAI,IAAA,IAAQ,CAAG,KAAK"}

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

@@ -1,5 +1,6 @@
 export { ctaActions } from './ctaConfig';
 export { ctaHandlers, type CtaHandlerName } from './ctaHandlers';
+export { ctaPostMessages, resolveCtaMetadata, type CtaPostMessageResolver } from './ctaPostMessages';
 export { HOST_ACTIONS, type HostActionName } from './hostActions';
 export { beatContextOf, resolveCtaState, resolveStep, runCtaAction, runCtaHandler, } from './runCtaAction';
 export { useBeatCtaActions, useCtaHandler, type BeatCtaActions } from './useCtaAction';

package/dist/insights-v2/ctaActions/runCtaAction.d.ts

@@ -6,7 +6,11 @@ export declare const beatContextOf: ({ beat, stores }: Pick<CtaStateContext, "be
 export declare const resolveStep: ({ cta }: Pick<CtaStateContext, "cta">) => CtaStep;
 /** Pending always disables; the step's `disabledWhen` may add to that. */
 export declare const resolveCtaState: (ctx: CtaStateContext) => CtaState;
-/** Runs the CTA's step: `run` handler, `onSuccess` effects, then the `next` target. */
+/**
+ * Runs the CTA's step: `run` handler, `onSuccess` effects, the CTA's post message if one resolves
+ * (backend `cta.metadata` or the template's `ctaPostMessages` entry; skipped when the handler
+ * throws), then the `next` target. No resolved message = no post.
+ */
 export declare const runCtaAction: (ctx: CtaContext) => Promise<void>;
 /** Runs a handler directly (drawer Save buttons): same bookkeeping as a card CTA. True on success. */
 export declare const runCtaHandler: (ctx: CtaHandlerContext, handlerName: CtaHandlerName, { onSuccess }?: RunHandlerOptions) => Promise<boolean>;

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

@@ -1,79 +1,82 @@
 import { sendBeatCta as l } from "../../common/utils/PostMessage.es.js";
-import { hasDrawerBlock as p } from "../mappings/blocks.es.js";
-import { HOST_ACTIONS as d } from "./hostActions.es.js";
-import { ctaActions as f } from "./ctaConfig.es.js";
-import { ctaHandlers as m } from "./ctaHandlers.es.js";
-var C = {}, n = ({ cta: t }) => t.action_key && f[t.action_key] || C, A = (t) => {
-  const e = n(t);
-  return { disabled: t.stores.insightsV2Store.ctaStatus[t.beat.guid] === "pending" || (e.disabledWhen?.(t) ?? !1) };
-}, o = ({ beat: t, slot: e, stores: a }) => {
-  a.insightsV2Store.openCtaDrawer(t.guid, e === "primary" ? "primaryCta" : "secondaryCta");
-}, g = (t) => {
-  const { beat: e, cta: a, stores: r } = t;
-  if (p(a.block)) {
-    o(t);
-    return;
-  }
-  const { is_mobile_webview: s, clientConfig: i } = r.appDataStore.appConfig;
-  l(e, {
-    isMobileWebview: s,
-    webviewScheme: i?.master?.ui_message_webview_url_scheme,
-    userGuid: e.insights_payload?.user_guid ?? e.user_guid
+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) => {
+  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 }) => {
+  r.insightsV2Store.openCtaDrawer(t.guid, a === "primary" ? "primaryCta" : "secondaryCta");
+}, h = ({ beat: t, stores: a }, r) => {
+  const { is_mobile_webview: e, clientConfig: s } = a.appDataStore.appConfig, { event: i, action: d, payload: p } = r;
+  l(t, {
+    event: i ?? void 0,
+    op: d ?? void 0,
+    extras: p ?? void 0,
+    isMobileWebview: e,
+    webviewScheme: s?.master?.ui_message_webview_url_scheme,
+    userGuid: t.insights_payload?.user_guid ?? t.user_guid
   });
-}, w = (t, { beat: e, stores: a }) => {
-  t === "refreshBeat" && a.emitUpdate({ staleBeatGuid: e.guid });
-}, v = ({ beat: t, slot: e, hostActions: a }) => {
-  e !== "primary" || t.cta_clicked_at || Promise.resolve().then(() => a.onCtaAction?.({
+}, S = (t) => {
+  f(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: d.markCtaClicked
+    name: m.markCtaClicked
   })).catch(() => {
   });
-}, c = async (t, e, a) => {
-  const r = m[e];
-  if (!r) throw new Error(`Unknown CTA handler "${e}"`);
-  await r(t);
-  for (const s of a) w(s, t);
-}, u = async ({ beat: t, stores: e }, a, r = {}) => {
-  const { insightsV2Store: s } = e;
+}, c = async (t, a, r) => {
+  const e = v[a];
+  if (!e) throw new Error(`Unknown CTA handler "${a}"`);
+  await e(t);
+  for (const s of r) _(s, t);
+}, u = async ({ beat: t, stores: a }, r, e = {}) => {
+  const { insightsV2Store: s } = a;
   s.setCtaStatus(t.guid, "pending");
   try {
-    return await a(), s.setCtaStatus(t.guid, "done"), !0;
+    return await r(), s.setCtaStatus(t.guid, "done"), !0;
   } catch (i) {
-    return s.setCtaStatus(t.guid, "error"), e.captureException(i, {
+    return s.setCtaStatus(t.guid, "error"), a.captureException(i, {
       store: "ctaActions",
       template: t.template,
-      ...r
+      ...e
     }), !1;
   }
-}, T = async (t) => {
-  const e = n(t), a = typeof e.params == "function" ? e.params(t) : e.params, r = {
+}, G = async (t) => {
+  const a = o(t), r = typeof a.params == "function" ? a.params(t) : a.params, e = {
     ...t,
     params: {
-      ...a,
+      ...r,
       ...t.params
     }
   };
-  e.skipCtaClicked || v(r), await u(r, async () => {
-    e.run && await c(r, e.run, e.onSuccess ?? []);
-    const s = e.next ?? (e.run ? "none" : "default");
-    s === "default" ? g(r) : s === "drawer" && o(r);
+  a.skipCtaClicked || y(e), await u(e, async () => {
+    a.run && await c(e, a.run, a.onSuccess ?? []);
+    const s = g(e);
+    s && h(e, s);
+    const i = a.next ?? (a.run ? "none" : "default");
+    i === "default" ? S(e) : i === "drawer" && n(e);
   });
-}, h = {
+}, k = {
   label: "",
   block: ""
-}, D = (t, e, { onSuccess: a = [] } = {}) => {
-  const r = {
+}, M = (t, a, { onSuccess: r = [] } = {}) => {
+  const e = {
     ...t,
-    cta: h,
+    cta: k,
     slot: "primary"
   };
-  return u(r, () => c(r, e, a), { handler: e });
+  return u(e, () => c(e, a, r), { handler: a });
 };
 export {
-  A as resolveCtaState,
-  n as resolveStep,
-  T as runCtaAction,
-  D as runCtaHandler
+  H as resolveCtaState,
+  o as resolveStep,
+  G as runCtaAction,
+  M as runCtaHandler
 };
 
 //# sourceMappingURL=runCtaAction.es.js.map