@mx-cartographer/experiences 9.4.70 → 9.5.0-alpha.al0

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/index.d.ts

@@ -1,5 +1,6 @@
 export * from './blocks';
 export { default as AccountHeroCard } from './components/AccountHeroCard';
+export { default as DirectDepositCard, type DirectDepositCardStyleProps, type DirectDepositPillConfig, } from './components/DirectDepositCard';
 export { default as AmountPill } from './components/AmountPill';
 export { default as BadgedTile } from './components/BadgedTile';
 export { default as StatusBadge, type StatusTone } from './components/StatusBadge';

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

@@ -8,7 +8,7 @@ import d, { isLogoGuid as C } from "./components/LogoFromGuid.es.js";
 import B from "./components/StatusBadge.es.js";
 import h from "./components/CompactInsightCard.es.js";
 import S from "./components/InsightErrorCard.es.js";
-import { BAR_CHART_VARIANTS as T, barChartVariant as b, buildChartData as D, buildDataSeries as I } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
+import { BAR_CHART_VARIANTS as A, barChartVariant as T, buildChartData as b, buildDataSeries as I } from "./blocks/ChartBlocks/BarchartBlock/utils.es.js";
 import { BarchartBlock as H } from "./blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as O } from "./blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
 import E from "./blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
@@ -17,90 +17,94 @@ import V from "./blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBloc
 import y from "./blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import G from "./components/TransferLogoCard.es.js";
 import N from "./blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
-import { BudgetBlock as U } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import q from "./components/SaveAnExtraCard.es.js";
-import J from "./blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
-import Q from "./components/InsightTransactionRow.es.js";
-import Y from "./components/TransactionListCard.es.js";
-import { TransactionBlock as $, TransactionBlockVariant as rr } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import tr from "./components/WithdrawalCard.es.js";
-import ir from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import { SVGImageBlock as pr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import er from "./components/AccountHeroCard.es.js";
-import sr from "./components/AmountPill.es.js";
-import lr from "./components/DesignateEmergencySavingsCard.es.js";
-import { ErrorCard as Cr } from "./components/ErrorCard.es.js";
-import { FeedbackBar as Br } from "./components/FeedbackBar.es.js";
-import hr from "./components/FeedbackDialog.es.js";
-import { DismissInsightDialog as Sr } from "./components/DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as Tr } from "./components/HiddenConfirmationCard.es.js";
-import { LoadingCard as Dr } from "./components/LoadingCard.es.js";
-import { ObsolesceBanner as Lr } from "./components/ObsolesceBanner.es.js";
-import { HOST_ACTIONS as vr } from "./ctaActions/hostActions.es.js";
-import { useBeatCtaActions as wr, useCtaHandler as Er } from "./ctaActions/useCtaAction.es.js";
-import Rr from "./components/BaseLayout.es.js";
-import Vr from "./components/StatusMessageCard.es.js";
-import yr from "./components/LogoTile.es.js";
-import Gr from "./components/LogoClusterCard.es.js";
-import Nr from "./components/MerchantHighlightCard.es.js";
-import Ur from "./components/P2PLogoStack.es.js";
-import qr from "./components/SavingsOpportunityCard.es.js";
-import Jr from "./components/SubscriptionHeroCard.es.js";
-import Qr from "./components/UpcomingBillCard.es.js";
+import U from "./components/AccountHeroCard.es.js";
+import q from "./components/DirectDepositCard.es.js";
+import J from "./blocks/ComponentBlocks/DirectDepositBlock/DirectDepositBlock.es.js";
+import { BudgetBlock as Q } from "./blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
+import Y from "./components/SaveAnExtraCard.es.js";
+import $ from "./blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import or from "./components/InsightTransactionRow.es.js";
+import mr from "./components/TransactionListCard.es.js";
+import { TransactionBlock as ar, TransactionBlockVariant as pr } from "./blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import er from "./components/WithdrawalCard.es.js";
+import sr from "./blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import { SVGImageBlock as lr } from "./blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import Cr from "./components/AmountPill.es.js";
+import Br from "./components/DesignateEmergencySavingsCard.es.js";
+import { ErrorCard as hr } from "./components/ErrorCard.es.js";
+import { 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 yr from "./components/BaseLayout.es.js";
+import Gr from "./components/StatusMessageCard.es.js";
+import Nr from "./components/LogoTile.es.js";
+import Ur from "./components/LogoClusterCard.es.js";
+import qr from "./components/MerchantHighlightCard.es.js";
+import Jr from "./components/P2PLogoStack.es.js";
+import Qr from "./components/SavingsOpportunityCard.es.js";
+import Yr from "./components/SubscriptionHeroCard.es.js";
+import $r from "./components/UpcomingBillCard.es.js";
 export {
   y as AccountBlock,
-  er as AccountHeroCard,
+  U as AccountHeroCard,
   N as AccountSwitchBlock,
-  sr as AmountPill,
-  T as BAR_CHART_VARIANTS,
+  Cr as AmountPill,
+  A as BAR_CHART_VARIANTS,
   f as BadgedTile,
   H as BarchartBlock,
-  Rr as BaseLayout,
-  U as BudgetBlock,
+  yr as BaseLayout,
+  Q as BudgetBlock,
   h as CompactInsightCard,
-  lr as DesignateEmergencySavingsCard,
-  Sr as DismissInsightDialog,
+  Br as DesignateEmergencySavingsCard,
+  J as DirectDepositBlock,
+  q as DirectDepositCard,
+  br as DismissInsightDialog,
   R as DonutChartBlock,
   O as DoubleBarChartBlock,
   V as DoubleProgressBarBlock,
-  Cr as ErrorCard,
-  Br as FeedbackBar,
-  hr as FeedbackDialog,
-  vr as HOST_ACTIONS,
-  Tr as HiddenConfirmationCard,
+  hr as ErrorCard,
+  Sr as FeedbackBar,
+  Ar as FeedbackDialog,
+  Pr as HOST_ACTIONS,
+  Lr as HiddenConfirmationCard,
   S as InsightErrorCard,
   c as InsightOptionsMenu,
-  Q as InsightTransactionRow,
-  Dr as LoadingCard,
-  Gr as LogoClusterCard,
+  or as InsightTransactionRow,
+  vr as LoadingCard,
+  Ur as LogoClusterCard,
   d as LogoFromGuid,
-  yr as LogoTile,
-  Nr as MerchantHighlightCard,
-  Lr as ObsolesceBanner,
+  Nr as LogoTile,
+  qr as MerchantHighlightCard,
+  wr as ObsolesceBanner,
   n as OverflowMenu,
-  Ur as P2PLogoStack,
-  pr as SVGImageBlock,
-  q as SaveAnExtraCard,
-  J as SaveExtraBlock,
-  qr as SavingsOpportunityCard,
+  Jr as P2PLogoStack,
+  lr as SVGImageBlock,
+  Y as SaveAnExtraCard,
+  $ as SaveExtraBlock,
+  Qr as SavingsOpportunityCard,
   B as StatusBadge,
-  Vr as StatusMessageCard,
+  Gr as StatusMessageCard,
   o as StatusPill,
   E as StepChartBlock,
-  Jr as SubscriptionHeroCard,
-  $ as TransactionBlock,
-  rr as TransactionBlockVariant,
-  Y as TransactionListCard,
+  Yr as SubscriptionHeroCard,
+  ar as TransactionBlock,
+  pr as TransactionBlockVariant,
+  mr as TransactionListCard,
   G as TransferLogoCard,
-  Qr as UpcomingBillCard,
-  ir as WithdrawalBlock,
-  tr as WithdrawalCard,
-  b as barChartVariant,
-  D as buildChartData,
+  $r as UpcomingBillCard,
+  sr as WithdrawalBlock,
+  er as WithdrawalCard,
+  T as barChartVariant,
+  b as buildChartData,
   I as buildDataSeries,
   C as isLogoGuid,
   m as resolveInsightRender,
   a as useBeatActions,
-  wr as useBeatCtaActions,
-  Er as useCtaHandler
+  Mr as useBeatCtaActions,
+  Vr as useCtaHandler
 };

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

@@ -1,52 +1,53 @@
-import { ContactSupportActionBlock as n } from "../actionBlocks/ContactSupportActionBlock.es.js";
+import { ContactSupportActionBlock as l } from "../actionBlocks/ContactSupportActionBlock.es.js";
 import { actionBlocksKey as r } from "./actionBlocksKey.es.js";
-import { BarchartBlock as l } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
+import { BarchartBlock as n } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
 import { DoubleBarChartBlock as m } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
 import _ from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
 import p from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
 import s from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
 import k from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
 import C from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
-import { BudgetBlock as B } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import T from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import B from "../blocks/ComponentBlocks/DirectDepositBlock/DirectDepositBlock.es.js";
+import { BudgetBlock as T } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
+import f from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
 import { TransactionBlock as u } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import f from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import A from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as O } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import A from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import O from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as b } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
 import { PlaceholderActionBlock as N } from "../actionBlocks/PlaceholderActionBlock.es.js";
-import { getMakeTransferDrawerTitle as b } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
-import { MakeTransferActionBlockLayer as h } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
-import { getDrawerHeaderTitle as I } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
+import { getMakeTransferDrawerTitle as h } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
+import { MakeTransferActionBlockLayer as I } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { getDrawerHeaderTitle as d } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
 import { TransactionDetailsBlock as g } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
 import { useTransactionDetailsPrepare as a } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
 import { TransactionHistoryBlock as L } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
 import { useRecurringTransactionPrepare as i } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
 import { RecurringTransactionBlock as S } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
-import { TransactionListBlock as d } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
-import { RemainingCashBlock as R } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
+import { TransactionListBlock as R } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
+import { RemainingCashBlock as P } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
 var e = (t) => {
-}, P = /* @__PURE__ */ new Set([
+}, D = /* @__PURE__ */ new Set([
   "",
   "null",
   "undefined"
-]), eo = (t) => {
+]), io = (t) => {
   const o = t?.trim().toLowerCase();
-  return !!o && !P.has(o);
-}, ao = {
+  return !!o && !D.has(o);
+}, co = {
   [r.PLACEHOLDER_ACTION_BLOCK]: {
     Component: N,
     usePrepare: e,
     title: () => "Action Block Layer Drilldown"
   },
   [r.MAKE_TRANSFER_ACTION_BLOCK]: {
-    Component: h,
+    Component: I,
     usePrepare: e,
-    title: b
+    title: h
   },
   [r.TRANSCATION_HISTORY_ACTION_BLOCK]: {
     Component: L,
     usePrepare: e,
-    title: I
+    title: d
   },
   [r.TRANSACTION_DETAILS_ACTION_BLOCK]: {
     Component: g,
@@ -59,39 +60,40 @@ var e = (t) => {
     title: (t, o) => o.recurring?.expense_details ?? ""
   },
   [r.REMAINING_CASH_ACTION_BLOCK]: {
-    Component: R,
+    Component: P,
     usePrepare: i,
     title: (t, o) => o.insights_feed?.remaining_cash?.title ?? ""
   },
   [r.CONTACT_SUPPORT_ACTION_BLOCK]: {
-    Component: n,
+    Component: l,
     usePrepare: e,
     title: (t, o) => o.help?.request_support ?? ""
   },
   [r.TRANSACTION_LIST_ACTION_BLOCK]: {
-    Component: d,
+    Component: R,
     usePrepare: a,
     title: (t, o, c) => c?.insights_payload?.title ?? ""
   }
-}, io = {
+}, lo = {
   account_block: k,
   account_switch_block: C,
-  bar_chart_block: l,
-  budget_block: B,
+  direct_deposit_block: B,
+  bar_chart_block: n,
+  budget_block: T,
   donut_chart_block: p,
   double_bar_chart_block: m,
   double_progress_bar_block: s,
-  image_block: A,
-  save_extra_block: T,
+  image_block: O,
+  save_extra_block: f,
   step_chart_block: _,
-  svg_image_block: O,
-  withdrawal_block: f,
+  svg_image_block: b,
+  withdrawal_block: A,
   transaction_block: u
 };
 export {
-  ao as actionBlocks,
-  io as blocks,
-  eo as hasDrawerBlock
+  co as actionBlocks,
+  lo as blocks,
+  io as hasDrawerBlock
 };
 
 //# sourceMappingURL=blocks.es.js.map