@mx-cartographer/experiences 9.7.96 → 9.7.97

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [9.7.97] - 11-03-2026
+
+- **ADDED** - HSA Deposit beat on Insights 2.0: the `with_header_footer` transaction card whose CTA opens Transaction Details for one deposit and the Transaction List for several (WEC-2214)
+- **FIXED** - `BaseLayout` no longer throws on a `null` primary or secondary CTA (WEC-2214)
+
 ## [9.7.96] - 11-03-2026
 
 - **FIXED** - Monthly Spend legend drops amount (MEW2-3428)

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

@@ -14,15 +14,15 @@ import { blocks as bo } from "../mappings/blocks.es.js";
 import { ActionBlockLayer as _o } from "../actionBlocks/ActionBlockLayer.es.js";
 import ko from "./Footer.es.js";
 import yo from "./Header.es.js";
-import { FeedbackBar as xo } from "./FeedbackBar.es.js";
-import { DismissInsightDialog as vo } from "./DismissInsightDialog.es.js";
+import { FeedbackBar as vo } from "./FeedbackBar.es.js";
+import { DismissInsightDialog as xo } from "./DismissInsightDialog.es.js";
 import { HiddenConfirmationCard as So } from "./HiddenConfirmationCard.es.js";
 import { LoadingCard as To } from "./LoadingCard.es.js";
 import { ObsolesceBanner as Lo } from "./ObsolesceBanner.es.js";
 import { useBeatFeedbackFlow as wo } from "../hooks/useBeatFeedbackFlow.es.js";
 import { useMemo as Ao } from "react";
 import { observer as Bo } from "mobx-react-lite";
-import v from "@mui/material/Stack";
+import x from "@mui/material/Stack";
 import { P as Do } from "@mxenabled/mxui";
 import f from "@mui/material/Button";
 import { ChevronRight as I } from "@mxenabled/mx-icons";
@@ -66,7 +66,7 @@ var Eo = {}, Ho = {
   py: 12,
   "&.Mui-disabled": { color: "text.disabled" }
 }, Ci = Bo(({ beat: t, beatActions: l = Eo, obsolete: g, isLoading: F = !1, isError: E = !1 }) => {
-  const H = eo(), P = ro(), { config: M } = to(), o = wo(t, l), b = no(), { runCta: N, primary: _, secondary: T, linkPresentation: R } = uo(t, l, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta, t.insights_payload?.in_description_cta), c = t.insights_payload?.widget_type === "mini", W = Ao(() => ({
+  const H = eo(), P = ro(), { config: M } = to(), o = wo(t, l), b = no(), { runCta: N, primary: _, secondary: T, linkPresentation: R } = uo(t, l, t.insights_payload?.primary_cta ?? void 0, t.insights_payload?.secondary_cta ?? void 0, t.insights_payload?.in_description_cta ?? void 0), c = t.insights_payload?.widget_type === "mini", W = Ao(() => ({
     ...o.wrappedActions,
     beat: t
   }), [o.wrappedActions, t]);
@@ -106,10 +106,10 @@ var Eo = {}, Ho = {
       template: t.template,
       handler: "cardClick"
     })));
-  }, y = H.insights_feed?.general, x = g?.state === "not_refreshable" && !V && !!y;
+  }, y = H.insights_feed?.general, v = g?.state === "not_refreshable" && !V && !!y;
   return /* @__PURE__ */ i(ao, {
     value: W,
-    children: /* @__PURE__ */ C(v, {
+    children: /* @__PURE__ */ C(x, {
       sx: { mb: 16 },
       children: [
         o.cardState === "confirming" ? /* @__PURE__ */ i(So, {
@@ -120,14 +120,14 @@ var Eo = {}, Ho = {
           ...g,
           copy: y
         }), /* @__PURE__ */ C(Fo, {
-          inert: x,
-          sx: { ...x && {
+          inert: v,
+          sx: { ...v && {
             position: "relative",
             zIndex: 2,
             pointerEvents: "none"
           } },
           children: [
-            x && /* @__PURE__ */ i(Io, { sx: Ho }),
+            v && /* @__PURE__ */ i(Io, { sx: Ho }),
             /* @__PURE__ */ i(yo, {
               isMini: c,
               subtitle: K,
@@ -137,7 +137,7 @@ var Eo = {}, Ho = {
               beatGuid: L,
               payload: e
             }),
-            /* @__PURE__ */ C(v, {
+            /* @__PURE__ */ C(x, {
               sx: {
                 gap: 6,
                 pb: 16,
@@ -173,7 +173,7 @@ var Eo = {}, Ho = {
                 })
               ]
             }),
-            Z && /* @__PURE__ */ C(v, {
+            Z && /* @__PURE__ */ C(x, {
               sx: {
                 gap: 8,
                 pb: 16,
@@ -208,14 +208,14 @@ var Eo = {}, Ho = {
                 })
               ]
             }),
-            /* @__PURE__ */ i(xo, {
+            /* @__PURE__ */ i(vo, {
               onTellUsMore: o.openRatingSurvey,
               show: o.isFeedbackBarShown
             })
           ]
         })] }),
         /* @__PURE__ */ i(_o, { beat: t }),
-        /* @__PURE__ */ i(vo, {
+        /* @__PURE__ */ i(xo, {
           isOpen: o.isDismissOpen,
           onClose: o.closeDismissDialog,
           onDismiss: o.confirmDismiss

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

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { type MouseEvent, useMemo } from 'react'\n\nimport { observer } from 'mobx-react-lite'\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 { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks } from '../mappings/blocks'\nimport { actionBlocksKey } from '../mappings/actionBlocksKey'\nimport { isContactSupportCtaDisabled } from '../actionBlocks/ContactSupportActionBlock'\nimport { logoFromRef } from './shared/EntityLogo'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport ErrorCard from './ErrorCard'\nimport LoadingCard from './LoadingCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useGlobalStore, useInsightsV2Store } from '../../common'\nimport { sendClientConfiguredCta } from '../../common/utils/PostMessage'\nimport type { Beat, PrimaryCTA, SecondaryCTA } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { HOST_ACTIONS, reportCtaClick, useBeatCtaActions } from '../ctaActions'\nimport { CtaStatus } from './CtaStatus'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n  /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */\n  isLoading?: boolean\n  /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */\n  isError?: boolean\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  // Above every block's own z-index (hero card 1, AccountBlock 2), or that section shows through.\n  zIndex: 3,\n} as const\n\n// Figma's 24px text link: 13/16 semibold, 16px line plus 4px above and below, its text starting at the\n// card's 16px inset. A minimum height, not the theme's fixed 44px Button height, so a long or translated\n// label wraps instead of overflowing; MUI's 64px minimum width and centring are undone for the same inset.\n// The in-description links use it as is, with the Button's 20px chevron, so they are 28px tall, as in\n// Figma's Low Account Balance full card (node 438:27877); the 24px is the mini CTA's, which has no icon.\nconst TEXT_LINK_SX = {\n  alignSelf: 'flex-start',\n  fontSize: 13,\n  fontWeight: 600,\n  height: 'auto',\n  justifyContent: 'flex-start',\n  lineHeight: '16px',\n  minHeight: 24,\n  minWidth: 0,\n  px: 0,\n  py: 4,\n  textAlign: 'left',\n} as const\n\n// Mini CTA label, which fits Pulse's 312px mini slide as a text link.\nconst MINI_CTA_SX = {\n  ...TEXT_LINK_SX,\n  alignItems: 'center',\n  display: 'flex',\n  textTransform: 'none',\n} as const\n\n// Full card's secondary CTA (e.g. Fee Detected's Contact Support): a quiet text button, 13/16\n// semibold in text.secondary, at least 40px tall with 12/16 padding, as in Figma. `color=\"inherit\"` keeps\n// hover, ripple and focus off the primary palette. An unavailable CTA (contact_support_block with no host\n// handler) is dimmed at the call site, as the primary CTA is, because it is only aria-disabled and so\n// never matches `.Mui-disabled`.\nconst SECONDARY_CTA_SX = {\n  color: 'text.secondary',\n  fontSize: 13,\n  fontWeight: 600,\n  height: 'auto',\n  lineHeight: '16px',\n  minHeight: 40,\n  px: 16,\n  py: 12,\n  '&.Mui-disabled': { color: 'text.disabled' },\n} as const\n\nconst BaseLayout = observer(\n  ({\n    beat,\n    beatActions = NO_BEAT_ACTIONS,\n    obsolete,\n    isLoading = false,\n    isError = false,\n  }: BaseLayoutProps) => {\n    const copy = useGlobalCopyStore()\n    const insightsV2Store = useInsightsV2Store()\n    const { config } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const stores = useGlobalStore()\n    const {\n      runCta: handleCtaClick,\n      primary: primaryCtaState,\n      secondary: secondaryCtaState,\n      linkPresentation,\n    } = useBeatCtaActions(\n      beat,\n      beatActions,\n      beat.insights_payload?.primary_cta,\n      beat.insights_payload?.secondary_cta,\n      beat.insights_payload?.in_description_cta,\n    )\n\n    // Guard: payload may not be loaded yet (isLoading/isError states).\n    const isMini = beat.insights_payload?.widget_type === 'mini'\n\n    // Memoized: an inline object here would change identity every render, making every\n    // useAnalyticsEvent() consumer's callback (and its effect deps) unstable too.\n    const beatActionsValue = useMemo(\n      () => ({ ...flow.wrappedActions, beat }),\n      [flow.wrappedActions, beat],\n    )\n\n    // Error replaces the entire card; loading only swaps the block slot (below).\n    if (isError) return <ErrorCard />\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const { instance_slot, primary_cta, secondary_cta, sub_title, title, guid, dismissed_at } =\n      insights_payload\n    const { block } = instance_slot\n\n    // Rebuild V1 subtitle shape; sub_title wins if present.\n    const subtitle =\n      sub_title ??\n      (insights_payload.subtitle\n        ? {\n            logo: logoFromRef(insights_payload.logo),\n            text: insights_payload.subtitle,\n          }\n        : undefined)\n\n    // CTAs run via ctaActions; contact_support_block bypasses it.\n    const isCtaDisabled = (ctaBlock: string | null | undefined) =>\n      isContactSupportCtaDisabled(ctaBlock, config, beatActions.onContactSupport)\n\n    const onCtaClick = async (slot: 'primary' | 'secondary', cta: PrimaryCTA | SecondaryCTA) => {\n      if (isCtaDisabled(cta.block)) return\n\n      if (cta.block === actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK) {\n        // Bypasses the runner, but still reports the press like any other CTA: the generic\n        // press event, and (on a first primary press) FIRST_TIME_PRIMARY_ACTION_SELECTED +\n        // cta_clicked_at.\n        reportCtaClick({ beat, stores, hostActions: beatActions, slot })\n        beatActions.onContactSupport?.()\n        return\n      }\n\n      await handleCtaClick(slot, cta)\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const inDescriptionCta = insights_payload.in_description_cta\n    // Full card: the envelope's link opens the drawer its block names. A link with no block (mini's\n    // \"Make a Transfer\") is the card's action, drawn as the mini label below, never a dead link.\n    const envelopeLink =\n      !isMini && inDescriptionCta?.label && inDescriptionCta.block ? inDescriptionCta : undefined\n    // The card's action label: the primary CTA's, else a block-less envelope link's (ditto ≥ 1.4.3\n    // sends mini's action as in_description_cta). `||`, not `??`: the copy may send the primary label\n    // as \"\" rather than omit it, and an empty string must fall through. It is a button only on a full\n    // card with a primary CTA; otherwise a label, so a tap reaches the host's card handler.\n    const ctaLabel =\n      primary_cta?.label || (envelopeLink ? undefined : inDescriptionCta?.label) || undefined\n    const isCtaButton = !isMini && !!primary_cta?.label\n    const clientConfiguredLabel = beat.in_description_cta || beat.html_in_description_cta\n    const onClientConfiguredLinkClick = () => {\n      const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n\n      sendClientConfiguredCta(beat.template, {\n        isMobileWebview: is_mobile_webview,\n        webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n        userGuid: insights_payload.user_guid ?? beat.user_guid,\n      })\n    }\n    // The primary step's presenter may draw a status or nothing instead of the button (full card only).\n    const primaryPresentation = isCtaButton ? primaryCtaState.presentation : undefined\n    const hidesAllCtas = primaryPresentation?.kind === 'hidden' && !!primaryPresentation.hideAll\n    const showSecondaryCta = !isMini && !!secondary_cta?.label && !hidesAllCtas\n    // Mini: the card's action (in_description_cta) mirrors the full card's state, as a label only.\n    // Answered → the status's action word (Undo) and its answered title; hidden → no label. The tap\n    // stays the host's (it opens the insight with its block), so nothing runs from mini itself.\n    const miniPresentation = isMini ? linkPresentation : undefined\n    const miniStatus = miniPresentation?.kind === 'status' ? miniPresentation : undefined\n    const actionLabel = miniPresentation ? miniStatus?.action?.label : ctaLabel\n    const cardTitle = miniPresentation?.title || title || ''\n    const showActionLink = !!actionLabel && !isCtaButton\n    const showCtaRow = (isCtaButton && primaryPresentation?.kind !== 'hidden') || showSecondaryCta\n    const handleMiniActionClick = (event: MouseEvent) => {\n      const { onCtaAction } = beatActions\n      if (!onCtaAction) return\n      event.stopPropagation()\n      Promise.resolve()\n        .then(() => onCtaAction({ beatGuid: beat.guid, name: HOST_ACTIONS.cardClick }))\n        .catch((error) =>\n          stores.captureException(error, {\n            store: 'BaseLayout',\n            template: beat.template,\n            handler: 'cardClick',\n          }),\n        )\n    }\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={beatActionsValue}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={subtitle} title={cardTitle} />\n                {isLoading ? (\n                  <LoadingCard />\n                ) : (\n                  Block && <Block beatGuid={guid} payload={insights_payload} />\n                )}\n\n                <Stack sx={{ gap: 6, pb: 16, pt: 12, px: 16 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    sx={{ fontWeight: 'fontWeightRegular' }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* V2: the envelope's link opens the action block it names. */}\n                  {envelopeLink && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() =>\n                        insightsV2Store.openActionDrawer({ guid, trigger: 'inDescriptionCta' })\n                      }\n                      sx={TEXT_LINK_SX}\n                    >\n                      {envelopeLink.label}\n                    </Button>\n                  )}\n                  {/* The card's action with no primary CTA button, never a drawer: mini hands its tap to\n                      the host (`cardClick`); a full card's block-less link bubbles to the host's card handler. */}\n                  {showActionLink && (\n                    <Button\n                      onClick={isMini ? handleMiniActionClick : undefined}\n                      sx={MINI_CTA_SX}\n                      variant=\"text\"\n                    >\n                      {actionLabel}\n                    </Button>\n                  )}\n                  {/* Custom-copy link when the envelope sends none; legacy mini shows it too, so no mini guard. */}\n                  {!inDescriptionCta?.label && clientConfiguredLabel && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={onClientConfiguredLinkClick}\n                      sx={TEXT_LINK_SX}\n                    >\n                      {clientConfiguredLabel}\n                    </Button>\n                  )}\n                </Stack>\n\n                {showCtaRow && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    {isCtaButton && primary_cta && primaryPresentation?.kind === 'status' && (\n                      <CtaStatus\n                        action={primaryPresentation.action}\n                        sx={primaryPresentation.sx}\n                        icon={primaryPresentation.icon}\n                        label={primaryPresentation.label}\n                        tone={primaryPresentation.tone}\n                      />\n                    )}\n                    {isCtaButton && primary_cta && !primaryPresentation && (\n                      <Button\n                        aria-disabled={isCtaDisabled(primary_cta.block) || primaryCtaState.disabled}\n                        disabled={primaryCtaState.disabled}\n                        onClick={() => onCtaClick('primary', primary_cta)}\n                        sx={{\n                          ...(isCtaDisabled(primary_cta.block) && { color: 'text.disabled' }),\n                        }}\n                        variant=\"outlined\"\n                      >\n                        {primary_cta.label}\n                      </Button>\n                    )}\n                    {/* Mini has room for one CTA. */}\n                    {showSecondaryCta && secondary_cta && (\n                      <Button\n                        aria-disabled={\n                          isCtaDisabled(secondary_cta.block) || secondaryCtaState.disabled\n                        }\n                        color=\"inherit\"\n                        disabled={secondaryCtaState.disabled}\n                        onClick={() => onCtaClick('secondary', secondary_cta)}\n                        sx={{\n                          ...SECONDARY_CTA_SX,\n                          ...(isCtaDisabled(secondary_cta.block) && { color: 'text.disabled' }),\n                        }}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { type MouseEvent, useMemo } from 'react'\n\nimport { observer } from 'mobx-react-lite'\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 { ChevronRight } from '@mxenabled/mx-icons'\nimport { P } from '@mxenabled/mxui'\n\nimport { blocks } from '../mappings/blocks'\nimport { actionBlocksKey } from '../mappings/actionBlocksKey'\nimport { isContactSupportCtaDisabled } from '../actionBlocks/ContactSupportActionBlock'\nimport { logoFromRef } from './shared/EntityLogo'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport ErrorCard from './ErrorCard'\nimport LoadingCard from './LoadingCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useGlobalStore, useInsightsV2Store } from '../../common'\nimport { sendClientConfiguredCta } from '../../common/utils/PostMessage'\nimport type { Beat, PrimaryCTA, SecondaryCTA } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { HOST_ACTIONS, reportCtaClick, useBeatCtaActions } from '../ctaActions'\nimport { CtaStatus } from './CtaStatus'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n  /** Swap only the block slot for a LoadingCard (e.g. while a sampled beat loads). */\n  isLoading?: boolean\n  /** Replace the entire card with an ErrorCard (e.g. when the sample fails to load). */\n  isError?: boolean\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  // Above every block's own z-index (hero card 1, AccountBlock 2), or that section shows through.\n  zIndex: 3,\n} as const\n\n// Figma's 24px text link: 13/16 semibold, 16px line plus 4px above and below, its text starting at the\n// card's 16px inset. A minimum height, not the theme's fixed 44px Button height, so a long or translated\n// label wraps instead of overflowing; MUI's 64px minimum width and centring are undone for the same inset.\n// The in-description links use it as is, with the Button's 20px chevron, so they are 28px tall, as in\n// Figma's Low Account Balance full card (node 438:27877); the 24px is the mini CTA's, which has no icon.\nconst TEXT_LINK_SX = {\n  alignSelf: 'flex-start',\n  fontSize: 13,\n  fontWeight: 600,\n  height: 'auto',\n  justifyContent: 'flex-start',\n  lineHeight: '16px',\n  minHeight: 24,\n  minWidth: 0,\n  px: 0,\n  py: 4,\n  textAlign: 'left',\n} as const\n\n// Mini CTA label, which fits Pulse's 312px mini slide as a text link.\nconst MINI_CTA_SX = {\n  ...TEXT_LINK_SX,\n  alignItems: 'center',\n  display: 'flex',\n  textTransform: 'none',\n} as const\n\n// Full card's secondary CTA (e.g. Fee Detected's Contact Support): a quiet text button, 13/16\n// semibold in text.secondary, at least 40px tall with 12/16 padding, as in Figma. `color=\"inherit\"` keeps\n// hover, ripple and focus off the primary palette. An unavailable CTA (contact_support_block with no host\n// handler) is dimmed at the call site, as the primary CTA is, because it is only aria-disabled and so\n// never matches `.Mui-disabled`.\nconst SECONDARY_CTA_SX = {\n  color: 'text.secondary',\n  fontSize: 13,\n  fontWeight: 600,\n  height: 'auto',\n  lineHeight: '16px',\n  minHeight: 40,\n  px: 16,\n  py: 12,\n  '&.Mui-disabled': { color: 'text.disabled' },\n} as const\n\nconst BaseLayout = observer(\n  ({\n    beat,\n    beatActions = NO_BEAT_ACTIONS,\n    obsolete,\n    isLoading = false,\n    isError = false,\n  }: BaseLayoutProps) => {\n    const copy = useGlobalCopyStore()\n    const insightsV2Store = useInsightsV2Store()\n    const { config } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const stores = useGlobalStore()\n    const {\n      runCta: handleCtaClick,\n      primary: primaryCtaState,\n      secondary: secondaryCtaState,\n      linkPresentation,\n    } = useBeatCtaActions(\n      beat,\n      beatActions,\n      beat.insights_payload?.primary_cta ?? undefined,\n      beat.insights_payload?.secondary_cta ?? undefined,\n      beat.insights_payload?.in_description_cta ?? undefined,\n    )\n\n    // Guard: payload may not be loaded yet (isLoading/isError states).\n    const isMini = beat.insights_payload?.widget_type === 'mini'\n\n    // Memoized: an inline object here would change identity every render, making every\n    // useAnalyticsEvent() consumer's callback (and its effect deps) unstable too.\n    const beatActionsValue = useMemo(\n      () => ({ ...flow.wrappedActions, beat }),\n      [flow.wrappedActions, beat],\n    )\n\n    // Error replaces the entire card; loading only swaps the block slot (below).\n    if (isError) return <ErrorCard />\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const { instance_slot, primary_cta, secondary_cta, sub_title, title, guid, dismissed_at } =\n      insights_payload\n    const { block } = instance_slot\n\n    // Rebuild V1 subtitle shape; sub_title wins if present.\n    const subtitle =\n      sub_title ??\n      (insights_payload.subtitle\n        ? {\n            logo: logoFromRef(insights_payload.logo),\n            text: insights_payload.subtitle,\n          }\n        : undefined)\n\n    // CTAs run via ctaActions; contact_support_block bypasses it.\n    const isCtaDisabled = (ctaBlock: string | null | undefined) =>\n      isContactSupportCtaDisabled(ctaBlock, config, beatActions.onContactSupport)\n\n    const onCtaClick = async (slot: 'primary' | 'secondary', cta: PrimaryCTA | SecondaryCTA) => {\n      if (isCtaDisabled(cta.block)) return\n\n      if (cta.block === actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK) {\n        // Bypasses the runner, but still reports the press like any other CTA: the generic\n        // press event, and (on a first primary press) FIRST_TIME_PRIMARY_ACTION_SELECTED +\n        // cta_clicked_at.\n        reportCtaClick({ beat, stores, hostActions: beatActions, slot })\n        beatActions.onContactSupport?.()\n        return\n      }\n\n      await handleCtaClick(slot, cta)\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const inDescriptionCta = insights_payload.in_description_cta\n    // Full card: the envelope's link opens the drawer its block names. A link with no block (mini's\n    // \"Make a Transfer\") is the card's action, drawn as the mini label below, never a dead link.\n    const envelopeLink =\n      !isMini && inDescriptionCta?.label && inDescriptionCta.block ? inDescriptionCta : undefined\n    // The card's action label: the primary CTA's, else a block-less envelope link's (ditto ≥ 1.4.3\n    // sends mini's action as in_description_cta). `||`, not `??`: the copy may send the primary label\n    // as \"\" rather than omit it, and an empty string must fall through. It is a button only on a full\n    // card with a primary CTA; otherwise a label, so a tap reaches the host's card handler.\n    const ctaLabel =\n      primary_cta?.label || (envelopeLink ? undefined : inDescriptionCta?.label) || undefined\n    const isCtaButton = !isMini && !!primary_cta?.label\n    const clientConfiguredLabel = beat.in_description_cta || beat.html_in_description_cta\n    const onClientConfiguredLinkClick = () => {\n      const { is_mobile_webview, clientConfig } = stores.appDataStore.appConfig\n\n      sendClientConfiguredCta(beat.template, {\n        isMobileWebview: is_mobile_webview,\n        webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n        userGuid: insights_payload.user_guid ?? beat.user_guid,\n      })\n    }\n    // The primary step's presenter may draw a status or nothing instead of the button (full card only).\n    const primaryPresentation = isCtaButton ? primaryCtaState.presentation : undefined\n    const hidesAllCtas = primaryPresentation?.kind === 'hidden' && !!primaryPresentation.hideAll\n    const showSecondaryCta = !isMini && !!secondary_cta?.label && !hidesAllCtas\n    // Mini: the card's action (in_description_cta) mirrors the full card's state, as a label only.\n    // Answered → the status's action word (Undo) and its answered title; hidden → no label. The tap\n    // stays the host's (it opens the insight with its block), so nothing runs from mini itself.\n    const miniPresentation = isMini ? linkPresentation : undefined\n    const miniStatus = miniPresentation?.kind === 'status' ? miniPresentation : undefined\n    const actionLabel = miniPresentation ? miniStatus?.action?.label : ctaLabel\n    const cardTitle = miniPresentation?.title || title || ''\n    const showActionLink = !!actionLabel && !isCtaButton\n    const showCtaRow = (isCtaButton && primaryPresentation?.kind !== 'hidden') || showSecondaryCta\n    const handleMiniActionClick = (event: MouseEvent) => {\n      const { onCtaAction } = beatActions\n      if (!onCtaAction) return\n      event.stopPropagation()\n      Promise.resolve()\n        .then(() => onCtaAction({ beatGuid: beat.guid, name: HOST_ACTIONS.cardClick }))\n        .catch((error) =>\n          stores.captureException(error, {\n            store: 'BaseLayout',\n            template: beat.template,\n            handler: 'cardClick',\n          }),\n        )\n    }\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={beatActionsValue}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={subtitle} title={cardTitle} />\n                {isLoading ? (\n                  <LoadingCard />\n                ) : (\n                  Block && <Block beatGuid={guid} payload={insights_payload} />\n                )}\n\n                <Stack sx={{ gap: 6, pb: 16, pt: 12, px: 16 }}>\n                  <P\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    sx={{ fontWeight: 'fontWeightRegular' }}\n                    variant=\"subtitle2\"\n                  />\n                  {/* V2: the envelope's link opens the action block it names. */}\n                  {envelopeLink && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() =>\n                        insightsV2Store.openActionDrawer({ guid, trigger: 'inDescriptionCta' })\n                      }\n                      sx={TEXT_LINK_SX}\n                    >\n                      {envelopeLink.label}\n                    </Button>\n                  )}\n                  {/* The card's action with no primary CTA button, never a drawer: mini hands its tap to\n                      the host (`cardClick`); a full card's block-less link bubbles to the host's card handler. */}\n                  {showActionLink && (\n                    <Button\n                      onClick={isMini ? handleMiniActionClick : undefined}\n                      sx={MINI_CTA_SX}\n                      variant=\"text\"\n                    >\n                      {actionLabel}\n                    </Button>\n                  )}\n                  {/* Custom-copy link when the envelope sends none; legacy mini shows it too, so no mini guard. */}\n                  {!inDescriptionCta?.label && clientConfiguredLabel && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={onClientConfiguredLinkClick}\n                      sx={TEXT_LINK_SX}\n                    >\n                      {clientConfiguredLabel}\n                    </Button>\n                  )}\n                </Stack>\n\n                {showCtaRow && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    {isCtaButton && primary_cta && primaryPresentation?.kind === 'status' && (\n                      <CtaStatus\n                        action={primaryPresentation.action}\n                        sx={primaryPresentation.sx}\n                        icon={primaryPresentation.icon}\n                        label={primaryPresentation.label}\n                        tone={primaryPresentation.tone}\n                      />\n                    )}\n                    {isCtaButton && primary_cta && !primaryPresentation && (\n                      <Button\n                        aria-disabled={isCtaDisabled(primary_cta.block) || primaryCtaState.disabled}\n                        disabled={primaryCtaState.disabled}\n                        onClick={() => onCtaClick('primary', primary_cta)}\n                        sx={{\n                          ...(isCtaDisabled(primary_cta.block) && { color: 'text.disabled' }),\n                        }}\n                        variant=\"outlined\"\n                      >\n                        {primary_cta.label}\n                      </Button>\n                    )}\n                    {/* Mini has room for one CTA. */}\n                    {showSecondaryCta && secondary_cta && (\n                      <Button\n                        aria-disabled={\n                          isCtaDisabled(secondary_cta.block) || secondaryCtaState.disabled\n                        }\n                        color=\"inherit\"\n                        disabled={secondaryCtaState.disabled}\n                        onClick={() => onCtaClick('secondary', secondary_cta)}\n                        sx={{\n                          ...SECONDARY_CTA_SX,\n                          ...(isCtaDisabled(secondary_cta.block) && { color: 'text.disabled' }),\n                        }}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}

package/package.json

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