@mx-cartographer/experiences 9.6.0 → 9.6.1

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/components/BaseLayout.es.js

@@ -3,13 +3,13 @@ import { BeatActionsProvider as R } from "../beatActions.es.js";
 import { isContactSupportCtaDisabled as H } from "../actionBlocks/ContactSupportActionBlock.es.js";
 import { logoFromRef as M } from "./shared/EntityLogo.es.js";
 import { actionBlocksKey as P } from "../mappings/actionBlocksKey.es.js";
-import { ErrorCard as U } from "./ErrorCard.es.js";
-import { useBeatCtaActions as j } from "../ctaActions/useCtaAction.es.js";
-import { blocks as z } from "../mappings/blocks.es.js";
-import G from "./Footer.es.js";
-import K from "./Header.es.js";
-import { FeedbackBar as X } from "./FeedbackBar.es.js";
-import V from "./FeedbackDialog.es.js";
+import U from "./FeedbackDialog.es.js";
+import { ErrorCard as j } from "./ErrorCard.es.js";
+import { useBeatCtaActions as z } from "../ctaActions/useCtaAction.es.js";
+import { blocks as G } from "../mappings/blocks.es.js";
+import K from "./Footer.es.js";
+import X from "./Header.es.js";
+import { FeedbackBar as V } from "./FeedbackBar.es.js";
 import { DismissInsightDialog as W } from "./DismissInsightDialog.es.js";
 import { HiddenConfirmationCard as Y } from "./HiddenConfirmationCard.es.js";
 import { LoadingCard as q } from "./LoadingCard.es.js";
@@ -42,8 +42,8 @@ var so = {}, no = {
   px: 2,
   textTransform: "none"
 }, Ro = $(({ beat: t, beatActions: s = so, obsolete: c, isLoading: x = !1, isError: _ = !1 }) => {
-  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = j(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
-  if (_) return /* @__PURE__ */ i(U, {});
+  const v = N(), { config: S } = E(), o = Z(t, s), { runCta: T, primary: C, secondary: g } = z(t, s, t.insights_payload?.primary_cta, t.insights_payload?.secondary_cta);
+  if (_) return /* @__PURE__ */ i(j, {});
   const e = t.insights_payload;
   if (!e || o.cardState === "dismissed") return null;
   const { instance_slot: B, primary_cta: r, secondary_cta: n, sub_title: O, title: D, widget_type: L, guid: I, dismissed_at: F } = e, { block: A } = B, w = O ?? (e.subtitle ? {
@@ -57,7 +57,7 @@ var so = {}, no = {
       }
       await T(f, u);
     }
-  }, k = z[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
+  }, k = G[A], d = L === "mini", m = v.insights_feed?.general, p = c?.state === "not_refreshable" && !F && !!m;
   return /* @__PURE__ */ i(R, {
     value: o.wrappedActions,
     children: /* @__PURE__ */ a(b, {
@@ -79,7 +79,7 @@ var so = {}, no = {
           } },
           children: [
             p && /* @__PURE__ */ i(ro, { sx: no }),
-            /* @__PURE__ */ i(K, {
+            /* @__PURE__ */ i(X, {
               isMini: d,
               subtitle: w,
               title: D ?? ""
@@ -136,7 +136,7 @@ var so = {}, no = {
                 children: n.label
               })]
             }),
-            /* @__PURE__ */ i(X, {
+            /* @__PURE__ */ i(V, {
               onTellUsMore: o.openRatingSurvey,
               show: o.isFeedbackBarShown
             })
@@ -148,7 +148,7 @@ var so = {}, no = {
           onClose: o.closeDismissDialog,
           onDismiss: o.confirmDismiss
         }),
-        o.isSurveyOpen && /* @__PURE__ */ i(V, {
+        o.isSurveyOpen && /* @__PURE__ */ i(U, {
           characterLimitLabel: o.survey.characterLimitLabel,
           closeAriaLabel: o.survey.closeAriaLabel,
           isOpen: !0,
@@ -161,7 +161,7 @@ var so = {}, no = {
           secondaryText: o.survey.backText,
           title: o.survey.title
         }),
-        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(G, { footer: e.footer })
+        o.cardState === "visible" && e.footer && /* @__PURE__ */ i(K, { footer: e.footer })
       ]
     })
   });

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

@@ -0,0 +1,32 @@
+export interface ConnectionDetailItem {
+    content: string;
+    icon_name: string;
+    title: string;
+}
+/** Resolved strings the drilldown renders (see ConnectionDetailActionBlock). */
+export interface ConnectionDetailContent {
+    aria_label_thumbs_down: string;
+    aria_label_thumbs_up: string;
+    benefits: string[];
+    description: string;
+    footer_title: string;
+    header_text: string;
+    shared_info_description: string;
+    shared_info_header_text: string;
+    shared_info_items: ConnectionDetailItem[];
+}
+interface ConnectionDetailDrillDownProps {
+    copy: ConnectionDetailContent;
+    /** Thumbs response — `'yes'` (up) / `'no'` (down). */
+    onRespond?: (response: 'yes' | 'no') => void;
+}
+/**
+ * Insights-v2 copy of the V1 `insights/components/shared/ConnectionDetailDrillDown`:
+ * the connection-details education panel (benefits, shared-info cards, and a
+ * thumbs was-this-helpful footer).
+ *
+ * Unlike V1, this is drawer CONTENT only — the `connection_detail_block`
+ * registry entry supplies the drawer and its title via ActionBlockLayer.
+ */
+declare const ConnectionDetailDrillDown: ({ copy, onRespond }: ConnectionDetailDrillDownProps) => import("react/jsx-runtime").JSX.Element;
+export default ConnectionDetailDrillDown;

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

@@ -0,0 +1,148 @@
+import i from "@mui/material/Stack";
+import { P as a, Text as s } from "@mxenabled/mxui";
+import { Icon as l } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import d from "@mui/material/IconButton";
+import h from "@mui/material/Card";
+import x from "@mui/material/CardContent";
+var m = ({ icon: r, title: o, description: n }) => /* @__PURE__ */ e(h, {
+  variant: "outlined",
+  children: /* @__PURE__ */ t(x, {
+    sx: {
+      display: "flex",
+      gap: 12,
+      "&:last-child": { pb: 16 }
+    },
+    children: [r, /* @__PURE__ */ t(i, {
+      sx: { gap: 4 },
+      children: [/* @__PURE__ */ e(s, {
+        bold: !0,
+        variant: "body1",
+        children: o
+      }), /* @__PURE__ */ e(a, {
+        sx: {
+          color: "text.secondary",
+          fontWeight: 400
+        },
+        variant: "subtitle2",
+        children: n
+      })]
+    })]
+  })
+}), I = ({ copy: r, onRespond: o }) => /* @__PURE__ */ t(i, {
+  sx: {
+    p: 24,
+    bgcolor: "background.paper"
+  },
+  children: [
+    /* @__PURE__ */ t(i, {
+      sx: {
+        gap: 16,
+        pb: 16
+      },
+      children: [/* @__PURE__ */ t(i, {
+        sx: { gap: 4 },
+        children: [/* @__PURE__ */ e(a, {
+          variant: "h3",
+          children: r.header_text
+        }), /* @__PURE__ */ e(a, {
+          sx: {
+            fontWeight: 400,
+            color: "text.secondary"
+          },
+          variant: "subtitle2",
+          children: r.description
+        })]
+      }), /* @__PURE__ */ e(i, {
+        sx: { gap: 12 },
+        children: r.benefits.map((n, c) => /* @__PURE__ */ t(i, {
+          sx: {
+            flexDirection: "row",
+            gap: 8
+          },
+          children: [/* @__PURE__ */ e(l, {
+            color: "success",
+            name: "check_circle",
+            size: 16
+          }), /* @__PURE__ */ e(a, {
+            sx: { fontWeight: 400 },
+            variant: "subtitle2",
+            children: n
+          })]
+        }, c))
+      })]
+    }),
+    /* @__PURE__ */ t(i, {
+      sx: {
+        gap: 4,
+        py: 12
+      },
+      children: [/* @__PURE__ */ e(s, {
+        sx: { fontWeight: 600 },
+        variant: "body1",
+        children: r.shared_info_header_text
+      }), /* @__PURE__ */ e(a, {
+        sx: {
+          color: "text.secondary",
+          lineHeight: "20px"
+        },
+        variant: "body2",
+        children: r.shared_info_description
+      })]
+    }),
+    /* @__PURE__ */ e(i, {
+      sx: {
+        py: 16,
+        gap: 24
+      },
+      children: r.shared_info_items.map((n, c) => /* @__PURE__ */ e(m, {
+        description: n.content,
+        icon: /* @__PURE__ */ e(l, {
+          name: n.icon_name,
+          size: 24,
+          sx: { color: "text.primary" }
+        }),
+        title: n.title
+      }, c))
+    }),
+    /* @__PURE__ */ t(i, {
+      sx: {
+        py: 16,
+        gap: 12,
+        alignItems: "center"
+      },
+      children: [/* @__PURE__ */ e(s, {
+        bold: !0,
+        children: r.footer_title
+      }), /* @__PURE__ */ t(i, {
+        sx: {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 24
+        },
+        children: [/* @__PURE__ */ e(d, {
+          "aria-label": r.aria_label_thumbs_down,
+          onClick: () => o?.("no"),
+          children: /* @__PURE__ */ e(l, {
+            color: "secondary",
+            name: "thumb_down",
+            size: 24
+          })
+        }), /* @__PURE__ */ e(d, {
+          "aria-label": r.aria_label_thumbs_up,
+          onClick: () => o?.("yes"),
+          children: /* @__PURE__ */ e(l, {
+            color: "secondary",
+            name: "thumb_up",
+            size: 24
+          })
+        })]
+      })]
+    })
+  ]
+});
+export {
+  I as default
+};
+
+//# sourceMappingURL=ConnectionDetailDrillDown.es.js.map