@mx-cartographer/experiences 9.6.0 → 9.6.2

package/dist/core/types/localization/InsightsFeedCopy.d.ts

@@ -132,6 +132,87 @@ export interface FeedbackCopy {
     /** ARIA label for the close button. */
     close_aria: string;
 }
+/** Confirmation survey drilldown (`survey_modal_block`), e.g. "Does this look right?". */
+export interface SurveyModalCopy {
+    /** Dialog title, e.g. "Does this look right?". */
+    title: string;
+    /** Overline above the positive row, e.g. "Yes,". */
+    yes_overline: string;
+    /** Positive row label, e.g. "This looks correct.". */
+    yes_label: string;
+    /** Overline above the negative row, e.g. "No,". */
+    no_overline: string;
+    /** Negative row label, e.g. "This looks wrong.". */
+    no_label: string;
+    /** Primary (Submit) button label. */
+    submit: string;
+    /** ARIA label for the dialog close button. */
+    close_aria: string;
+    /** Reasons dialog title (negative path), e.g. "This looks wrong". */
+    reasons_title: string;
+    /** Reasons dialog options; the last one reveals the detail text field. */
+    reason_options: DynamicKeyValue;
+    /** Reasons dialog secondary (Back) button label. */
+    back: string;
+    /** Helper text under the reasons detail field. */
+    character_limit: string;
+    /** Success snackbar message. */
+    success_message: string;
+    /** Error snackbar message. */
+    error_message: string;
+    /** Error snackbar retry action label. */
+    try_again: string;
+    /** ARIA label for the snackbar close button. */
+    toast_close_aria: string;
+}
+/** Connection-details education drilldown (`connection_detail_block`). */
+export interface ConnectionDetailsCopy {
+    aria_label_thumbs_down: string;
+    aria_label_thumbs_up: string;
+    /** Bullet list under the header. */
+    benefits_list: DynamicKeyValue;
+    /** Drawer title (used by the registry entry's `title`). */
+    connection_details_drawer_title: string;
+    description: string;
+    /** "Was this helpful?" footer label. */
+    footer_title: string;
+    header_text: string;
+    shared_info_description: string;
+    shared_info_header_text: string;
+    /** Shared-info cards, numeric-keyed like other list copy. */
+    shared_info_list: {
+        [key: string]: {
+            content: string;
+            icon_name: string;
+            title: string;
+        };
+    };
+}
+/** CTA feedback drilldown (`feedback_modal_block`): survey dialog + success snackbar. */
+export interface FeedbackModalCopy {
+    /** Dialog title, e.g. "Can you tell us why?". */
+    title: string;
+    /** Paragraph under the title; interpolates `_1{account_name}`. */
+    description: string;
+    /** Survey reasons; the last option reveals the detail text field. */
+    options: DynamicKeyValue;
+    /** Primary (Submit) button label. */
+    submit: string;
+    /** Secondary (No thanks) button label. */
+    no_thanks: string;
+    /** ARIA label for the dialog close button. */
+    close_aria: string;
+    /** Success snackbar message. */
+    success_message: string;
+    /** Error snackbar message. */
+    error_message: string;
+    /** Error snackbar retry action label. */
+    try_again: string;
+    /** ARIA label for the snackbar close button. */
+    toast_close_aria: string;
+    /** Helper text under the detail field. */
+    character_limit: string;
+}
 export interface RemainingCashCopy {
     title: string;
     remaining_until_payday: string;
@@ -175,6 +256,12 @@ export interface InsightsFeedCopy {
     hidden_confirmation: HiddenConfirmationCopy;
     hide_feedback: HideFeedbackCopy;
     feedback: FeedbackCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.feedback_modal`). */
+    feedback_modal?: FeedbackModalCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.connection_details`). */
+    connection_details?: ConnectionDetailsCopy;
+    /** Optional: every caller already null-guards (`copyStore.insights_feed?.survey_modal`). */
+    survey_modal?: SurveyModalCopy;
     feedback_bar: FeedbackBarCopy;
     dismiss: DismissInsightCopy;
     /** Optional until the localized-content service ships the namespace. */

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js

@@ -1,43 +1,43 @@
-import { useGlobalCopyStore as C, useGlobalUiStore as h, useInsightsV2Store as B } from "../../common/context/hooks.es.js";
-import _ from "../../common/components/drawer/Drawer.es.js";
-import b from "../../common/components/Loader.es.js";
+import { useGlobalCopyStore as g, useGlobalUiStore as C, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
+import B from "../../common/components/drawer/Drawer.es.js";
+import _ from "../../common/components/Loader.es.js";
 import { getDynamicCtaBasedOnTriggers as v } from "./util.es.js";
 import { hasDrawerBlock as w } from "../mappings/hasDrawerBlock.es.js";
 import { actionBlocks as D } from "../mappings/blocks.es.js";
-import { observer as L } from "mobx-react-lite";
-import x from "@mui/material/Stack";
-import { Text as A } from "@mxenabled/mxui";
+import { observer as b } from "mobx-react-lite";
+import L from "@mui/material/Stack";
+import { Text as x } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ actionBlock: s, ...o }) => {
   const { Component: i, usePrepare: n } = s;
   return n(o), /* @__PURE__ */ e(i, { ...o });
-}, q = L(function({ beat: o }) {
-  const i = C(), n = i.common, { isCopyLoaded: p } = h(), { actionDrawer: c, closeActionDrawer: u } = B();
+}, $ = b(function({ beat: o }) {
+  const i = g(), n = i.common, { isCopyLoaded: p } = C(), { actionDrawer: c, closeActionDrawer: u } = h();
   if (!o.insights_payload) return null;
-  const { primary_cta: d, secondary_cta: f, guid: k } = o.insights_payload, a = c.isDrawerOpen && c.guid === k;
-  if (!p) return a ? /* @__PURE__ */ e(b, {}) : null;
-  const r = v(c, d, f), l = w(r?.block), t = l ? D[r?.block] : void 0;
-  if (t?.presentation === "modal") return a ? /* @__PURE__ */ e(m, {
+  const { primary_cta: d, secondary_cta: f } = o.insights_payload, l = c.isDrawerOpen && c.guid === o.guid;
+  if (!p) return l ? /* @__PURE__ */ e(_, {}) : null;
+  const r = v(c, d, f), a = w(r?.block), t = a ? D[r?.block] : void 0;
+  if (t?.presentation === "modal") return l ? /* @__PURE__ */ e(m, {
     actionBlock: t,
     beat: o
   }, r?.block) : null;
-  const y = t?.title?.(r?.variant, i, o), g = t ? y || r?.label || "" : l ? n.error_heading : r?.label ?? "";
-  return /* @__PURE__ */ e(_, {
+  const k = t?.title?.(r?.variant, i, o), y = t ? k || r?.label || "" : a ? n.error_heading : r?.label ?? "";
+  return /* @__PURE__ */ e(B, {
     ariaLabelClose: n.close_aria,
-    isOpen: a,
+    isOpen: l,
     onClose: u,
-    title: g,
+    title: y,
     children: t ? /* @__PURE__ */ e(m, {
       actionBlock: t,
       beat: o
-    }, r?.block) : l ? /* @__PURE__ */ e(x, {
+    }, r?.block) : a ? /* @__PURE__ */ e(L, {
       sx: { p: 24 },
-      children: /* @__PURE__ */ e(A, { children: n.error_message })
+      children: /* @__PURE__ */ e(x, { children: n.error_message })
     }) : null
   });
 });
 export {
-  q as ActionBlockLayer
+  $ as ActionBlockLayer
 };
 
 //# sourceMappingURL=ActionBlockLayer.es.js.map

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta, guid } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,MAAA,EAAA,IAAS,EAAK,kBAI5C,IAAoB,EAAa,gBAAgB,EAAa,SAAS;AAE7E,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,EAAA,IAAkB,EAAK,kBAItC,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}

package/dist/insights-v2/actionBlocks/ConnectWidgetActionBlock.d.ts

@@ -0,0 +1,21 @@
+import { ActionBlockProps } from '../mappings/blocks';
+/**
+ * `connect_widget_block` — opens MX's Connect widget itself via the shared
+ * `ConnectWidgetPanel` (src/common): SSO url via ConnectStore and the
+ * iframe-based `@mxenabled/web-widget-sdk` ConnectWidget, with loading/error
+ * statuses.
+ *
+ * Renders the panel directly (not `ConnectDrawer`, which wraps it in its own
+ * `Drawer`) — `ActionBlockLayer` already supplies the action drawer's chrome
+ * (title from the CTA label, close button), so a second nested `Drawer` here
+ * would produce two stacked drawers with two headers and two close buttons.
+ *
+ * `ActionBlockLayer` does not unmount a drawer-presentation block when the
+ * drawer closes — it only toggles the `Drawer`'s `isOpen` — so the account
+ * refresh (parity with `ConnectDrawer`'s own `onClose`) is driven by watching
+ * this beat's `actionDrawer.isDrawerOpen` transition from true to false,
+ * rather than an unmount effect, which would never fire.
+ */
+export declare const ConnectWidgetActionBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/insights-v2/actionBlocks/ConnectWidgetActionBlock.es.js

@@ -0,0 +1,16 @@
+import { useAccountStore as c, useInsightsV2Store as i } from "../../common/context/hooks.es.js";
+import s from "../../common/components/ConnectWidgetPanel.es.js";
+import { useEffect as u, useRef as f } from "react";
+import { observer as m } from "mobx-react-lite";
+import { jsx as p } from "react/jsx-runtime";
+var v = m(function({ beat: o }) {
+  const { actionDrawer: e } = i(), { refreshAccounts: n } = c(), t = e.isDrawerOpen && e.guid === o.guid, r = f(t);
+  return u(() => {
+    r.current && !t && n(), r.current = t;
+  }, [t]), /* @__PURE__ */ p(s, { isActive: t });
+});
+export {
+  v as ConnectWidgetActionBlock
+};
+
+//# sourceMappingURL=ConnectWidgetActionBlock.es.js.map

package/dist/insights-v2/actionBlocks/ConnectWidgetActionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWidgetActionBlock.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ConnectWidgetActionBlock.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { ConnectWidgetPanel, useAccountStore, useInsightsV2Store } from '../../common'\nimport type { ActionBlockProps } from '../mappings/blocks'\n\n/**\n * `connect_widget_block` — opens MX's Connect widget itself via the shared\n * `ConnectWidgetPanel` (src/common): SSO url via ConnectStore and the\n * iframe-based `@mxenabled/web-widget-sdk` ConnectWidget, with loading/error\n * statuses.\n *\n * Renders the panel directly (not `ConnectDrawer`, which wraps it in its own\n * `Drawer`) — `ActionBlockLayer` already supplies the action drawer's chrome\n * (title from the CTA label, close button), so a second nested `Drawer` here\n * would produce two stacked drawers with two headers and two close buttons.\n *\n * `ActionBlockLayer` does not unmount a drawer-presentation block when the\n * drawer closes — it only toggles the `Drawer`'s `isOpen` — so the account\n * refresh (parity with `ConnectDrawer`'s own `onClose`) is driven by watching\n * this beat's `actionDrawer.isDrawerOpen` transition from true to false,\n * rather than an unmount effect, which would never fire.\n */\nexport const ConnectWidgetActionBlock = observer(function ConnectWidgetActionBlock({\n  beat,\n}: ActionBlockProps) {\n  const { actionDrawer } = useInsightsV2Store()\n  const { refreshAccounts } = useAccountStore()\n\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n  const wasOpen = useRef(isCurrentBeatOpen)\n\n  useEffect(() => {\n    if (wasOpen.current && !isCurrentBeatOpen) {\n      void refreshAccounts()\n    }\n    wasOpen.current = isCurrentBeatOpen\n  }, [isCurrentBeatOpen])\n\n  return <ConnectWidgetPanel isActive={isCurrentBeatOpen} />\n})\n"],"mappings":";;;;;AAuBA,IAAa,IAA2B,EAAS,SAAkC,EACjF,MAAA,EAAA,GACmB;AACnB,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAmB,GACtC,EAAE,iBAAA,EAAA,IAAoB,EAAgB,GAEtC,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK,MAC5E,IAAU,EAAO,CAAiB;AAExC,SAAA,EAAA,MAAgB;AACd,IAAI,EAAQ,WAAW,CAAC,KACtB,EAAqB,GAEvB,EAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,CAAiB,CAAC,GAEf,gBAAA,EAAC,GAAD,EAAoB,UAAU,EAAoB,CAAA;AAC3D,CAAC"}

package/dist/insights-v2/actionBlocks/ConnectionDetailActionBlock.d.ts

@@ -0,0 +1,12 @@
+import { ActionBlockProps } from '../mappings/blocks';
+/**
+ * `connection_detail_block` — the connection-details education drilldown
+ * (ported from V1's `insights/components/shared/ConnectionDetailDrillDown`).
+ * Renders inside the standard action drawer; the drawer title comes from the
+ * registry entry's `title` (copy `connection_details_drawer_title`).
+ *
+ * Copy comes from `insights_feed.connection_details` in GlobalCopy.
+ */
+export declare const ConnectionDetailActionBlock: ((_props: ActionBlockProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};

package/dist/insights-v2/actionBlocks/ConnectionDetailActionBlock.es.js

@@ -0,0 +1,25 @@
+import { useGlobalCopyStore as o } from "../../common/context/hooks.es.js";
+import i from "../components/ConnectionDetailDrillDown.es.js";
+import { observer as r } from "mobx-react-lite";
+import { jsx as n } from "react/jsx-runtime";
+var f = r(function(a) {
+  const e = o().insights_feed?.connection_details;
+  if (!e) return null;
+  const t = {
+    aria_label_thumbs_down: e.aria_label_thumbs_down,
+    aria_label_thumbs_up: e.aria_label_thumbs_up,
+    benefits: Object.values(e.benefits_list ?? {}),
+    description: e.description,
+    footer_title: e.footer_title,
+    header_text: e.header_text,
+    shared_info_description: e.shared_info_description,
+    shared_info_header_text: e.shared_info_header_text,
+    shared_info_items: Object.values(e.shared_info_list ?? {})
+  };
+  return /* @__PURE__ */ n(i, { copy: t });
+});
+export {
+  f as ConnectionDetailActionBlock
+};
+
+//# sourceMappingURL=ConnectionDetailActionBlock.es.js.map

package/dist/insights-v2/actionBlocks/ConnectionDetailActionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionDetailActionBlock.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ConnectionDetailActionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore } from '../../common'\nimport ConnectionDetailDrillDown, {\n  type ConnectionDetailContent,\n} from '../components/ConnectionDetailDrillDown'\nimport type { ActionBlockProps } from '../mappings/blocks'\n\n/**\n * `connection_detail_block` — the connection-details education drilldown\n * (ported from V1's `insights/components/shared/ConnectionDetailDrillDown`).\n * Renders inside the standard action drawer; the drawer title comes from the\n * registry entry's `title` (copy `connection_details_drawer_title`).\n *\n * Copy comes from `insights_feed.connection_details` in GlobalCopy.\n */\nexport const ConnectionDetailActionBlock = observer(function ConnectionDetailActionBlock(\n  _props: ActionBlockProps,\n) {\n  const copyStore = useGlobalCopyStore()\n  const detailsCopy = copyStore.insights_feed?.connection_details\n\n  if (!detailsCopy) return null\n\n  const copy: ConnectionDetailContent = {\n    aria_label_thumbs_down: detailsCopy.aria_label_thumbs_down,\n    aria_label_thumbs_up: detailsCopy.aria_label_thumbs_up,\n    benefits: Object.values(detailsCopy.benefits_list ?? {}),\n    description: detailsCopy.description,\n    footer_title: detailsCopy.footer_title,\n    header_text: detailsCopy.header_text,\n    shared_info_description: detailsCopy.shared_info_description,\n    shared_info_header_text: detailsCopy.shared_info_header_text,\n    shared_info_items: Object.values(detailsCopy.shared_info_list ?? {}),\n  }\n\n  // TODO(analytics): forward the thumbs response once the host contract for\n  // connection-details feedback lands (V1 posted it via sendResponseAnalytics).\n  return <ConnectionDetailDrillDown copy={copy} />\n})\n"],"mappings":";;;;AAgBA,IAAa,IAA8B,EAAS,SAClD,GACA;AAEA,QAAM,IADY,EACE,EAAU,eAAe;AAE7C,MAAI,CAAC,EAAa,QAAO;AAEzB,QAAM,IAAgC;AAAA,IACpC,wBAAwB,EAAY;AAAA,IACpC,sBAAsB,EAAY;AAAA,IAClC,UAAU,OAAO,OAAO,EAAY,iBAAiB,CAAC,CAAC;AAAA,IACvD,aAAa,EAAY;AAAA,IACzB,cAAc,EAAY;AAAA,IAC1B,aAAa,EAAY;AAAA,IACzB,yBAAyB,EAAY;AAAA,IACrC,yBAAyB,EAAY;AAAA,IACrC,mBAAmB,OAAO,OAAO,EAAY,oBAAoB,CAAC,CAAC;AAAA,EACrE;AAIA,SAAO,gBAAA,EAAC,GAAD,EAAiC,MAAA,EAAO,CAAA;AACjD,CAAC"}

package/dist/insights-v2/actionBlocks/FeedbackModalActionBlock.d.ts

@@ -0,0 +1,17 @@
+import { ActionBlockProps } from '../mappings/blocks';
+/**
+ * `feedback_modal_block` — a CTA drilldown registered like any other drawer
+ * block; its content is a MODAL (the dialog portals over the drawer).
+ *
+ * Flow: the CTA (e.g. Set Up Direct Deposit's "Not Interested") opens the
+ * "Can you tell us why?" survey (Figma `1941:192803`). Submit forwards the
+ * selection to the host via `beatActions.onSubmitFeedback` (source `cta`) and
+ * swaps the dialog for the success snackbar (Figma `1941:167636`); closing the
+ * snackbar — or dismissing the dialog — ends the action-drawer session.
+ *
+ * Copy comes from `insights_feed.feedback_modal` in GlobalCopy; the
+ * description interpolates the beat's account name (`_1{account_name}`).
+ */
+export declare const FeedbackModalActionBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};

package/dist/insights-v2/actionBlocks/FeedbackModalActionBlock.es.js

@@ -0,0 +1,39 @@
+import { buildDynamicCopy as l } from "../../core/utils/Localization.es.js";
+import { useGlobalCopyStore as m, useInsightsV2Store as u } from "../../common/context/hooks.es.js";
+import { useBeatActions as d } from "../beatActions.es.js";
+import b from "../components/FeedbackModal.es.js";
+import { observer as p } from "mobx-react-lite";
+import { jsx as _ } from "react/jsx-runtime";
+var C = p(function({ beat: t }) {
+  const { closeActionDrawer: s } = u(), { onSubmitFeedback: a } = d(), i = m(), e = t.insights_payload, o = i.insights_feed?.feedback_modal;
+  if (!e || !o) return null;
+  const r = {
+    title: o.title,
+    description: l(o.description, e.instance_slot?.account_name ?? ""),
+    options: Object.values(o.options ?? {}),
+    submitText: o.submit,
+    cancelText: o.no_thanks,
+    closeAriaLabel: o.close_aria,
+    characterLimitLabel: o.character_limit,
+    successMessage: o.success_message,
+    errorMessage: o.error_message,
+    tryAgainText: o.try_again,
+    toastCloseAriaLabel: o.toast_close_aria
+  };
+  return /* @__PURE__ */ _(b, {
+    copy: r,
+    isOpen: !0,
+    onClose: () => s(),
+    onSubmit: (c, n) => a?.({
+      beatGuid: e.guid,
+      source: "cta",
+      option: c,
+      detail: n
+    })
+  });
+});
+export {
+  C as FeedbackModalActionBlock
+};
+
+//# sourceMappingURL=FeedbackModalActionBlock.es.js.map

package/dist/insights-v2/actionBlocks/FeedbackModalActionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackModalActionBlock.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/FeedbackModalActionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\nimport FeedbackModal, { type FeedbackModalContent } from '../components/FeedbackModal'\nimport { useBeatActions } from '../beatActions'\nimport type { ActionBlockProps } from '../mappings/blocks'\n\n/**\n * `feedback_modal_block` — a CTA drilldown registered like any other drawer\n * block; its content is a MODAL (the dialog portals over the drawer).\n *\n * Flow: the CTA (e.g. Set Up Direct Deposit's \"Not Interested\") opens the\n * \"Can you tell us why?\" survey (Figma `1941:192803`). Submit forwards the\n * selection to the host via `beatActions.onSubmitFeedback` (source `cta`) and\n * swaps the dialog for the success snackbar (Figma `1941:167636`); closing the\n * snackbar — or dismissing the dialog — ends the action-drawer session.\n *\n * Copy comes from `insights_feed.feedback_modal` in GlobalCopy; the\n * description interpolates the beat's account name (`_1{account_name}`).\n */\nexport const FeedbackModalActionBlock = observer(function FeedbackModalActionBlock({\n  beat,\n}: ActionBlockProps) {\n  const { closeActionDrawer } = useInsightsV2Store()\n  const { onSubmitFeedback } = useBeatActions()\n  const copyStore = useGlobalCopyStore()\n\n  const insights_payload = beat.insights_payload\n  const modalCopy = copyStore.insights_feed?.feedback_modal\n\n  if (!insights_payload || !modalCopy) return null\n\n  const copy: FeedbackModalContent = {\n    title: modalCopy.title,\n    description: buildDynamicCopy(\n      modalCopy.description,\n      // `account_name` lands on InstanceSlot with the Direct Deposit block (WEC-1875);\n      // narrow-cast until that merges so the modal stays beat-agnostic.\n      (insights_payload.instance_slot as { account_name?: string })?.account_name ?? '',\n    ) as string,\n    options: Object.values(modalCopy.options ?? {}),\n    submitText: modalCopy.submit,\n    cancelText: modalCopy.no_thanks,\n    closeAriaLabel: modalCopy.close_aria,\n    characterLimitLabel: modalCopy.character_limit,\n    successMessage: modalCopy.success_message,\n    errorMessage: modalCopy.error_message,\n    tryAgainText: modalCopy.try_again,\n    toastCloseAriaLabel: modalCopy.toast_close_aria,\n  }\n\n  // Returned (not just fired): a host promise rejection drives the modal's\n  // error snackbar + Try Again retry.\n\n  //TODO: Need to update the onSubmit functionality as per pulse. This function is mis-matching with the current approach of switchdirectdeposit and setupdirectdeposit\n\n  const handleSubmit = (option: string, detail?: string) =>\n    onSubmitFeedback?.({\n      beatGuid: insights_payload.guid,\n      source: 'cta',\n      option,\n      detail,\n    })\n\n  return (\n    <FeedbackModal\n      copy={copy}\n      isOpen={true}\n      onClose={() => closeActionDrawer()}\n      onSubmit={handleSubmit}\n    />\n  )\n})\n"],"mappings":";;;;;;AAqBA,IAAa,IAA2B,EAAS,SAAkC,EACjF,MAAA,EAAA,GACmB;AACnB,QAAM,EAAE,mBAAA,EAAA,IAAsB,EAAmB,GAC3C,EAAE,kBAAA,EAAA,IAAqB,EAAe,GACtC,IAAY,EAAmB,GAE/B,IAAmB,EAAK,kBACxB,IAAY,EAAU,eAAe;AAE3C,MAAI,CAAC,KAAoB,CAAC,EAAW,QAAO;AAE5C,QAAM,IAA6B;AAAA,IACjC,OAAO,EAAU;AAAA,IACjB,aAAa,EACX,EAAU,aAGT,EAAiB,eAA6C,gBAAgB,EACjF;AAAA,IACA,SAAS,OAAO,OAAO,EAAU,WAAW,CAAC,CAAC;AAAA,IAC9C,YAAY,EAAU;AAAA,IACtB,YAAY,EAAU;AAAA,IACtB,gBAAgB,EAAU;AAAA,IAC1B,qBAAqB,EAAU;AAAA,IAC/B,gBAAgB,EAAU;AAAA,IAC1B,cAAc,EAAU;AAAA,IACxB,cAAc,EAAU;AAAA,IACxB,qBAAqB,EAAU;AAAA,EACjC;AAeA,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,QAAQ;AAAA,IACR,SAAA,MAAe,EAAkB;AAAA,IACjC,UAbE,CAAgB,GAAgB,MACpC,IAAmB;AAAA,MACjB,UAAU,EAAiB;AAAA,MAC3B,QAAQ;AAAA,MACR,QAAA;AAAA,MACA,QAAA;AAAA,IACF,CAAC;AAAA,EAQA,CAAA;AAEL,CAAC"}

package/dist/insights-v2/actionBlocks/SurveyModalActionBlock.d.ts

@@ -0,0 +1,16 @@
+import { ActionBlockProps } from '../mappings/blocks';
+/**
+ * `survey_modal_block` — the "Does this look right?" confirmation survey
+ * (Figma `1941:212640`). Registered like any other drawer block; its content
+ * is a MODAL (the dialog portals over the drawer).
+ *
+ * The survey has no action buttons — its rows act: the positive row submits
+ * to the host via `beatActions.onSubmitFeedback` (source `cta`) and shows the
+ * status snackbar; the negative row opens the FeedbackModal reasons dialog.
+ * The session ends when the flow does (snackbar dismissed or dialogs closed).
+ *
+ * Copy comes from `insights_feed.survey_modal` in GlobalCopy.
+ */
+export declare const SurveyModalActionBlock: (({ beat, }: ActionBlockProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};

package/dist/insights-v2/actionBlocks/SurveyModalActionBlock.es.js

@@ -0,0 +1,47 @@
+import { useGlobalCopyStore as c, useInsightsV2Store as u } from "../../common/context/hooks.es.js";
+import { useBeatActions as m } from "../beatActions.es.js";
+import b from "../components/SurveyModal.es.js";
+import { observer as p } from "mobx-react-lite";
+import { jsx as _ } from "react/jsx-runtime";
+var A = p(function({ beat: t }) {
+  const { closeActionDrawer: s } = u(), { onSubmitFeedback: r } = m(), a = c(), o = t.insights_payload, e = a.insights_feed?.survey_modal;
+  if (!o || !e) return null;
+  const i = {
+    title: e.title,
+    options: [{
+      overline: e.yes_overline,
+      label: e.yes_label,
+      tone: "positive"
+    }, {
+      overline: e.no_overline,
+      label: e.no_label,
+      tone: "negative"
+    }],
+    submitText: e.submit,
+    closeAriaLabel: e.close_aria,
+    reasonsTitle: e.reasons_title,
+    reasonOptions: Object.values(e.reason_options ?? {}),
+    backText: e.back,
+    characterLimitLabel: e.character_limit,
+    successMessage: e.success_message,
+    errorMessage: e.error_message,
+    tryAgainText: e.try_again,
+    toastCloseAriaLabel: e.toast_close_aria
+  };
+  return /* @__PURE__ */ _(b, {
+    copy: i,
+    isOpen: !0,
+    onClose: () => s(),
+    onSubmit: (n, l) => r?.({
+      beatGuid: o.guid,
+      source: "cta",
+      option: n,
+      detail: l
+    })
+  });
+});
+export {
+  A as SurveyModalActionBlock
+};
+
+//# sourceMappingURL=SurveyModalActionBlock.es.js.map

package/dist/insights-v2/actionBlocks/SurveyModalActionBlock.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyModalActionBlock.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/SurveyModalActionBlock.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport SurveyModal, { type SurveyModalContent } from '../components/SurveyModal'\nimport { useBeatActions } from '../beatActions'\nimport type { ActionBlockProps } from '../mappings/blocks'\n\n/**\n * `survey_modal_block` — the \"Does this look right?\" confirmation survey\n * (Figma `1941:212640`). Registered like any other drawer block; its content\n * is a MODAL (the dialog portals over the drawer).\n *\n * The survey has no action buttons — its rows act: the positive row submits\n * to the host via `beatActions.onSubmitFeedback` (source `cta`) and shows the\n * status snackbar; the negative row opens the FeedbackModal reasons dialog.\n * The session ends when the flow does (snackbar dismissed or dialogs closed).\n *\n * Copy comes from `insights_feed.survey_modal` in GlobalCopy.\n */\nexport const SurveyModalActionBlock = observer(function SurveyModalActionBlock({\n  beat,\n}: ActionBlockProps) {\n  const { closeActionDrawer } = useInsightsV2Store()\n  const { onSubmitFeedback } = useBeatActions()\n  const copyStore = useGlobalCopyStore()\n\n  const insights_payload = beat.insights_payload\n  const surveyCopy = copyStore.insights_feed?.survey_modal\n\n  if (!insights_payload || !surveyCopy) return null\n\n  const copy: SurveyModalContent = {\n    title: surveyCopy.title,\n    options: [\n      { overline: surveyCopy.yes_overline, label: surveyCopy.yes_label, tone: 'positive' },\n      { overline: surveyCopy.no_overline, label: surveyCopy.no_label, tone: 'negative' },\n    ],\n    submitText: surveyCopy.submit,\n\n    closeAriaLabel: surveyCopy.close_aria,\n    reasonsTitle: surveyCopy.reasons_title,\n    reasonOptions: Object.values(surveyCopy.reason_options ?? {}),\n    backText: surveyCopy.back,\n    characterLimitLabel: surveyCopy.character_limit,\n    successMessage: surveyCopy.success_message,\n    errorMessage: surveyCopy.error_message,\n    tryAgainText: surveyCopy.try_again,\n    toastCloseAriaLabel: surveyCopy.toast_close_aria,\n  }\n\n  // Returned (not just fired): a host promise rejection drives the modal's\n  // error snackbar + Try Again retry. The session closes when the flow ends\n  // (snackbar dismissed), not on submit.\n\n  //TODO: Need to update the onSubmit functionality as per pulse. This function is mis-matching with the current approach of switchdirectdeposit and setupdirectdeposit\n  const handleSubmit = (option: string, detail?: string) =>\n    onSubmitFeedback?.({\n      beatGuid: insights_payload.guid,\n      source: 'cta',\n      option,\n      detail,\n    })\n\n  return (\n    <SurveyModal\n      copy={copy}\n      isOpen={true}\n      onClose={() => closeActionDrawer()}\n      onSubmit={handleSubmit}\n    />\n  )\n})\n"],"mappings":";;;;;AAmBA,IAAa,IAAyB,EAAS,SAAgC,EAC7E,MAAA,EAAA,GACmB;AACnB,QAAM,EAAE,mBAAA,EAAA,IAAsB,EAAmB,GAC3C,EAAE,kBAAA,EAAA,IAAqB,EAAe,GACtC,IAAY,EAAmB,GAE/B,IAAmB,EAAK,kBACxB,IAAa,EAAU,eAAe;AAE5C,MAAI,CAAC,KAAoB,CAAC,EAAY,QAAO;AAE7C,QAAM,IAA2B;AAAA,IAC/B,OAAO,EAAW;AAAA,IAClB,SAAS,CACP;AAAA,MAAE,UAAU,EAAW;AAAA,MAAc,OAAO,EAAW;AAAA,MAAW,MAAM;AAAA,IAAW,GACnF;AAAA,MAAE,UAAU,EAAW;AAAA,MAAa,OAAO,EAAW;AAAA,MAAU,MAAM;AAAA,IAAW,CACnF;AAAA,IACA,YAAY,EAAW;AAAA,IAEvB,gBAAgB,EAAW;AAAA,IAC3B,cAAc,EAAW;AAAA,IACzB,eAAe,OAAO,OAAO,EAAW,kBAAkB,CAAC,CAAC;AAAA,IAC5D,UAAU,EAAW;AAAA,IACrB,qBAAqB,EAAW;AAAA,IAChC,gBAAgB,EAAW;AAAA,IAC3B,cAAc,EAAW;AAAA,IACzB,cAAc,EAAW;AAAA,IACzB,qBAAqB,EAAW;AAAA,EAClC;AAeA,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,QAAQ;AAAA,IACR,SAAA,MAAe,EAAkB;AAAA,IACjC,UAbE,CAAgB,GAAgB,MACpC,IAAmB;AAAA,MACjB,UAAU,EAAiB;AAAA,MAC3B,QAAQ;AAAA,MACR,QAAA;AAAA,MACA,QAAA;AAAA,IACF,CAAC;AAAA,EAQA,CAAA;AAEL,CAAC"}

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

@@ -13,7 +13,7 @@ export interface UpdateParams {
 }
 export interface FeedbackParams {
     beatGuid: string;
-    source: InsightRating | 'hide';
+    source: InsightRating | 'hide' | 'cta';
     option: string;
     detail?: string;
 }
@@ -35,7 +35,7 @@ export interface CtaActionParams {
 export interface BeatActions {
     onMenuAction?: MenuActionHandlers;
     onUpdate?: (params: UpdateParams) => void;
-    onSubmitFeedback?: (params: FeedbackParams) => void;
+    onSubmitFeedback?: (params: FeedbackParams) => void | Promise<void>;
     onDismissInsight?: (params: DismissParams) => void;
     onUndoDismiss?: (params: {
         beatGuid: string;

package/dist/insights-v2/beatActions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/**\n * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,\n * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and\n * the host; see insights-v2/ctaActions/README.md for the list.\n */\nexport interface CtaActionParams {\n  beatGuid: string\n  name: string\n  params?: Record<string, unknown>\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n  onCtaAction?: (params: CtaActionParams) => Promise<void> | void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AA6DA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}
+{"version":3,"file":"beatActions.es.js","names":[],"sources":["../../src/insights-v2/beatActions.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react'\n\nimport type { DismissType } from './components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from './components/FeedbackDialog'\n\nexport type InsightMenuAction = 'helpful' | 'not_helpful' | 'hide'\nexport type InsightRating = 'helpful' | 'not_helpful'\n\nexport interface MenuActionHandlers {\n  onAction: (action: InsightMenuAction) => void\n  onOpen?: () => void\n  disabled?: boolean\n}\n\nexport interface UpdateParams {\n  beatGuid: string\n}\n\nexport interface FeedbackParams {\n  beatGuid: string\n  source: InsightRating | 'hide' | 'cta'\n  option: string\n  detail?: string\n}\n\nexport interface DismissParams {\n  beatGuid: string\n  type: DismissType\n}\n\n/**\n * A CTA side effect the host must perform because experiences cannot (beat-owned endpoints,\n * spending plan items, third-party SDKs). `name` is agreed between the ctaActions table and\n * the host; see insights-v2/ctaActions/README.md for the list.\n */\nexport interface CtaActionParams {\n  beatGuid: string\n  name: string\n  params?: Record<string, unknown>\n}\n\n/** Host callbacks for a beat card. */\nexport interface BeatActions {\n  onMenuAction?: MenuActionHandlers\n  onUpdate?: (params: UpdateParams) => void\n  onSubmitFeedback?: (params: FeedbackParams) => void | Promise<void>\n  onDismissInsight?: (params: DismissParams) => void\n  onUndoDismiss?: (params: { beatGuid: string }) => void\n  onFeedbackDialogClose?: (reason: FeedbackDialogCloseReason) => void\n  onFeedbackDialogBack?: () => void\n  onFeedbackTextFocus?: () => void\n  /**\n   * Opens the host's contact-support flow for a `contact_support_block` CTA. insights-v2 cannot\n   * import the help module (hosts that don't ship it stub the import), so the host supplies it:\n   * the experiences Help widget wires `RequestSupport`; pulse wires its own. When absent, the CTA\n   * renders disabled (see `isContactSupportCtaDisabled`).\n   */\n  onContactSupport?: () => void\n  onCtaAction?: (params: CtaActionParams) => Promise<void> | void\n}\n\nconst BeatActionsContext = createContext<BeatActions>({})\n\nexport const BeatActionsProvider = ({\n  value,\n  children,\n}: {\n  value: BeatActions\n  children: ReactNode\n}) => <BeatActionsContext.Provider value={value}>{children}</BeatActionsContext.Provider>\n\nexport const useBeatActions = () => useContext(BeatActionsContext)\n"],"mappings":";;AA6DA,IAAM,IAAqB,EAA2B,CAAC,CAAC,GAE3C,IAAA,CAAuB,EAClC,OAAA,GACA,UAAA,EAAA,MAII,gBAAA,EAAC,EAAmB,UAApB;AAAA,EAAoC,OAAA;AAAA,EAAQ,UAAA;AAAsC,CAAA,GAE3E,IAAA,MAAuB,EAAW,CAAkB"}

package/dist/insights-v2/blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.d.ts

@@ -1,10 +1,8 @@
 import { AccountSwitchBlockData } from '../../../../core/types/InsightsInstanceSlotData';
 import { BlockProps } from '../../types';
 /**
- * Discovered-accounts connect visual: two institution logos on a transfer track.
- * The pending state (`is_connected: false`) shows a link badge on the default
- * slot; the connected state (`is_connected: true`) switches to a success badge
- * with the discovered-accounts gradient and a confetti wash.
+ * Two institution logos on a transfer track, shared by Discovered Accounts and Switch
+ * Direct Deposit. `instance_slot.variant` picks the design branch from `./layout.ts`.
  */
 declare const AccountSwitchBlock: ({ payload }: BlockProps<AccountSwitchBlockData>) => import("react/jsx-runtime").JSX.Element;
 export default AccountSwitchBlock;

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

@@ -1,43 +1,34 @@
-import "../../../components/celebrationGradients.es.js";
-import u from "../../../components/TransferLogoCard.es.js";
+import _ from "../../../components/TransferLogoCard.es.js";
+import { resolveVariantConfig as l } from "../../resolveVariantConfig.es.js";
+import { accountSwitchVariant as g, getLayoutConfig as h } from "./layout.es.js";
 import { InstitutionLogo as i } from "@mxenabled/mxui";
-import { Icon as e } from "@mxenabled/mx-icons";
-import { jsx as o } from "react/jsx-runtime";
-var r = 64, m = /* @__PURE__ */ o(e, {
-  "aria-hidden": !0,
-  name: "link",
-  size: 20,
-  sx: { color: "primary.contrastText" }
-}), g = /* @__PURE__ */ o(e, {
-  "aria-hidden": !0,
-  name: "check_circle",
-  size: 20,
-  sx: { color: "common.white" }
-}), x = ({ payload: n }) => {
-  const { discovered_institution_guid: a, discovered_institution_name: s, held_institution_guid: c, held_institution_name: d, is_connected: t } = n.instance_slot_data;
-  return /* @__PURE__ */ o(u, {
-    badgeBgColor: t ? "success.main" : "text.secondary",
-    dotColor: "text.secondary",
-    from: /* @__PURE__ */ o(i, {
+import { Icon as p } from "@mxenabled/mx-icons";
+import { jsx as t } from "react/jsx-runtime";
+import { useTheme as v } from "@mui/material/styles";
+var n = 64, A = ({ payload: o }) => {
+  const r = v(), { variant: e } = o.instance_slot, { discovered_institution_guid: c, discovered_institution_name: s, held_institution_guid: a, held_institution_name: m } = o.instance_slot_data, { badgeIcon: u, badgeIconColor: d, ...f } = l(h(r), e, g.AccountConnect, "AccountSwitchBlock");
+  return /* @__PURE__ */ t(_, {
+    ...f,
+    from: /* @__PURE__ */ t(i, {
       alt: s,
-      institutionGuid: a,
-      size: r
-    }),
-    icon: t ? g : m,
-    to: /* @__PURE__ */ o(i, {
-      alt: d,
       institutionGuid: c,
-      size: r
+      size: n
     }),
-    ...t && {
-      backgroundImage: "linear-gradient(257deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)",
-      bgcolor: "background.paper",
-      showConfetti: !0
-    }
+    icon: /* @__PURE__ */ t(p, {
+      "aria-hidden": !0,
+      name: u,
+      size: 20,
+      sx: { color: d }
+    }),
+    to: /* @__PURE__ */ t(i, {
+      alt: m,
+      institutionGuid: a,
+      size: n
+    })
   });
 };
 export {
-  x as default
+  A as default
 };
 
 //# sourceMappingURL=AccountSwitchBlock.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountSwitchBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.tsx"],"sourcesContent":["import { InstitutionLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport type { AccountSwitchBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport TransferLogoCard from '../../../components/TransferLogoCard'\nimport { ACCOUNT_CONNECTED_GRADIENT } from '../../../components/celebrationGradients'\n\nimport type { BlockProps } from '../../types'\n\nconst LOGO_SIZE = 64\n\n// Center-badge glyphs, hoisted to stable module-scope references so they aren't\n// re-created each render: `link` for the pending \"connect\" state and\n// `check_circle` for the connected success state (mirrors TransferLogoCard's\n// Discovered Accounts default/success states).\nconst linkBadge = (\n  <Icon aria-hidden={true} name=\"link\" size={20} sx={{ color: 'primary.contrastText' }} />\n)\nconst successBadge = (\n  <Icon aria-hidden={true} name=\"check_circle\" size={20} sx={{ color: 'common.white' }} />\n)\n\n/**\n * Discovered-accounts connect visual: two institution logos on a transfer track.\n * The pending state (`is_connected: false`) shows a link badge on the default\n * slot; the connected state (`is_connected: true`) switches to a success badge\n * with the discovered-accounts gradient and a confetti wash.\n */\nconst AccountSwitchBlock = ({ payload }: BlockProps<AccountSwitchBlockData>) => {\n  const {\n    discovered_institution_guid,\n    discovered_institution_name,\n    held_institution_guid,\n    held_institution_name,\n    is_connected,\n  } = payload.instance_slot_data\n\n  const from = (\n    <InstitutionLogo\n      alt={discovered_institution_name}\n      institutionGuid={discovered_institution_guid}\n      size={LOGO_SIZE}\n    />\n  )\n  const to = (\n    <InstitutionLogo\n      alt={held_institution_name}\n      institutionGuid={held_institution_guid}\n      size={LOGO_SIZE}\n    />\n  )\n\n  return (\n    <TransferLogoCard\n      badgeBgColor={is_connected ? 'success.main' : 'text.secondary'}\n      dotColor=\"text.secondary\"\n      from={from}\n      icon={is_connected ? successBadge : linkBadge}\n      to={to}\n      {...(is_connected && {\n        backgroundImage: ACCOUNT_CONNECTED_GRADIENT,\n        bgcolor: 'background.paper',\n        showConfetti: true,\n      })}\n    />\n  )\n}\n\nexport default AccountSwitchBlock\n"],"mappings":";;;;;AAUA,IAAM,IAAY,IAMZ,IACJ,gBAAA,EAAC,GAAD;AAAA,EAAM,eAAa;AAAA,EAAM,MAAK;AAAA,EAAO,MAAM;AAAA,EAAI,IAAI,EAAE,OAAO,uBAAuB;AAAI,CAAA,GAEnF,IACJ,gBAAA,EAAC,GAAD;AAAA,EAAM,eAAa;AAAA,EAAM,MAAK;AAAA,EAAe,MAAM;AAAA,EAAI,IAAI,EAAE,OAAO,eAAe;AAAI,CAAA,GASnF,IAAA,CAAsB,EAAE,SAAA,EAAA,MAAkD;AAC9E,QAAM,EACJ,6BAAA,GACA,6BAAA,GACA,uBAAA,GACA,uBAAA,GACA,cAAA,EAAA,IACE,EAAQ;AAiBZ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc,IAAe,iBAAiB;AAAA,IAC9C,UAAS;AAAA,IACH,MAlBR,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,MAAM;AAAA,IACP,CAcO;AAAA,IACN,MAAM,IAAe,IAAe;AAAA,IAChC,IAbN,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,MAAM;AAAA,IACP,CASK;AAAA,IACJ,GAAK,KAAgB;AAAA,MACnB,iBAAA;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,IAChB;AAAA,EACD,CAAA;AAEL"}
+{"version":3,"file":"AccountSwitchBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\nimport { InstitutionLogo } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport type { AccountSwitchBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport TransferLogoCard from '../../../components/TransferLogoCard'\n\nimport type { BlockProps } from '../../types'\nimport { resolveVariantConfig } from '../../resolveVariantConfig'\nimport { accountSwitchVariant, getLayoutConfig } from './layout'\n\nconst LOGO_SIZE = 64\n\n/**\n * Two institution logos on a transfer track, shared by Discovered Accounts and Switch\n * Direct Deposit. `instance_slot.variant` picks the design branch from `./layout.ts`.\n */\nconst AccountSwitchBlock = ({ payload }: BlockProps<AccountSwitchBlockData>) => {\n  const theme = useTheme()\n  const { variant } = payload.instance_slot\n  const {\n    discovered_institution_guid,\n    discovered_institution_name,\n    held_institution_guid,\n    held_institution_name,\n  } = payload.instance_slot_data\n\n  // Pending connect is the safe default: it promises nothing (no success badge, no confetti).\n  const { badgeIcon, badgeIconColor, ...cardProps } = resolveVariantConfig(\n    getLayoutConfig(theme),\n    variant,\n    accountSwitchVariant.AccountConnect,\n    'AccountSwitchBlock',\n  )\n\n  return (\n    <TransferLogoCard\n      {...cardProps}\n      from={\n        <InstitutionLogo\n          alt={discovered_institution_name}\n          institutionGuid={discovered_institution_guid}\n          size={LOGO_SIZE}\n        />\n      }\n      icon={<Icon aria-hidden={true} name={badgeIcon} size={20} sx={{ color: badgeIconColor }} />}\n      to={\n        <InstitutionLogo\n          alt={held_institution_name}\n          institutionGuid={held_institution_guid}\n          size={LOGO_SIZE}\n        />\n      }\n    />\n  )\n}\n\nexport default AccountSwitchBlock\n"],"mappings":";;;;;;;AAYA,IAAM,IAAY,IAMZ,IAAA,CAAsB,EAAE,SAAA,EAAA,MAAkD;AAC9E,QAAM,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAQ,eACtB,EACJ,6BAAA,GACA,6BAAA,GACA,uBAAA,GACA,uBAAA,EAAA,IACE,EAAQ,oBAGN,EAAE,WAAA,GAAW,gBAAA,GAAgB,GAAG,EAAA,IAAc,EAClD,EAAgB,CAAK,GACrB,GACA,EAAqB,gBACrB,oBACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,MACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,MAAM;AAAA,IACP,CAAA;AAAA,IAEH,MAAM,gBAAA,EAAC,GAAD;AAAA,MAAM,eAAa;AAAA,MAAM,MAAM;AAAA,MAAW,MAAM;AAAA,MAAI,IAAI,EAAE,OAAO,EAAe;AAAA,IAAI,CAAA;AAAA,IAC1F,IACE,gBAAA,EAAC,GAAD;AAAA,MACE,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,MAAM;AAAA,IACP,CAAA;AAAA,EAEJ,CAAA;AAEL"}

package/dist/insights-v2/blocks/ComponentBlocks/AccountSwitchBlock/layout.d.ts

@@ -0,0 +1,36 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * Account Switch block variants, keyed by the backend `instance_slot.variant`. All share
+ * `TransferLogoCard`; only the slot surface, center badge and connector dots differ.
+ *
+ * - `AccountConnect`      — Discovered Accounts pending: blue gradient, link badge.
+ * - `AccountConnected`    — Discovered Accounts success: pink wash, confetti, check badge.
+ * - `SwitchDirectDeposit` — Switch Direct Deposit pending: flat tinted slot, arrow badge.
+ *   Its complete state is a different layout, served by `direct_deposit_block`.
+ */
+export declare const accountSwitchVariant: {
+    readonly AccountConnect: "account_connect";
+    readonly AccountConnected: "account_connected";
+    readonly SwitchDirectDeposit: "switch_direct_deposit";
+};
+export type AccountSwitchVariant = (typeof accountSwitchVariant)[keyof typeof accountSwitchVariant];
+export interface AccountSwitchLayoutConfig {
+    /** Slot surface color token. */
+    bgcolor: string;
+    /** Optional gradient layered over `bgcolor`. */
+    backgroundImage?: string;
+    /** Center badge background color token. */
+    badgeBgColor: string;
+    /** mx-icons glyph rendered in the center badge. */
+    badgeIcon: string;
+    /** Color token for the badge glyph. */
+    badgeIconColor: string;
+    /** Connector-dot color token. */
+    dotColor: string;
+    /** Enlarge the inner connector dots (6px vs 4px). */
+    hasBigDots: boolean;
+    /** Confetti burst filling the slot (success states). */
+    showConfetti?: boolean;
+}
+/** Per-variant `TransferLogoCard` props (mirrors DirectDepositBlock's `getLayoutConfig`). */
+export declare const getLayoutConfig: (theme: Theme) => Record<AccountSwitchVariant, AccountSwitchLayoutConfig>;