@mx-cartographer/experiences 9.4.32 → 9.4.33

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [9.4.33] - 09-21-2026
+
+- **CHANGED** - Insights V2 components and hooks migrated to use `insights_payload` keys instead of accessing properties directly from `beat`. `BaseLayout`, `ActionBlockLayer`, and the `useBeatFeedbackFlow` hook now destructure and read content properties (`guid`, `user_guid`, `dismissed_at`, `title`, `sub_title`, `description.html_text`, etc.) from `insights_payload` instead of `beat`. `BaseLayout` also updated to use `insights_payload.guid` instead of `beat.guid` when passing to block components. Updated `InsightsPayload` type with mandatory fields (`guid`, `user_guid`, `dismissed_at`, `is_dismissed`), component implementations, test fixtures (BaseLayout tests cover 37 scenarios), and mock data. Added TODO comment for `in_description_cta` migration pending backend support (WEC-1807)
+- **CHANGED** - `BarchartBlock` and `DoubleBarChartBlock` now guard drawer opening on `widget_type !== 'full'`, preventing drilldown on mini/micro widgets. Added `widget_type` to payload destructuring, formatted `onBarClick` handlers, and added comprehensive test coverage for widget_type behavior in both blocks (WEC-1807)
+- **CHANGED** - `DismissInsightDialog`, `FeedbackDialog`, and `InsightOptionsMenu` UI improvements: updated styling for better accessibility and consistency (color theme adjustments for Radio buttons, dialog borders, and icon colors) (WEC-1807)
+- **CHANGED** - Updated 16 Storybook story files with proper `insights_payload` mock data structure to support component testing and documentation (WEC-1807)
+
 ## [9.4.32] - 09-18-2026
 
 - **ADDED** - Historical account balances to net worth widget

package/dist/core/types/Insights.d.ts

@@ -25,6 +25,10 @@ export interface InsightsPayload {
     title?: string;
     sub_title?: Subtitle;
     footer?: Footer;
+    guid: string;
+    user_guid: string;
+    dismissed_at: number | null;
+    is_dismissed: boolean;
 }
 export interface Legends {
     label: string;

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

@@ -1,36 +1,37 @@
-import { useGlobalCopyStore as y, useGlobalUiStore as g, useInsightsV2Store as k } from "../../common/context/hooks.es.js";
-import C from "../../common/components/drawer/Drawer.es.js";
-import h from "../../common/components/Loader.es.js";
-import { getDynamicCtaBasedOnTriggers as B } from "./util.es.js";
-import { actionBlocks as _, hasDrawerBlock as b } from "../mappings/blocks.es.js";
-import { observer as w } from "mobx-react-lite";
-import D from "@mui/material/Stack";
-import { Text as v } from "@mxenabled/mxui";
+import { useGlobalCopyStore as g, useGlobalUiStore as k, useInsightsV2Store as C } from "../../common/context/hooks.es.js";
+import h from "../../common/components/drawer/Drawer.es.js";
+import B from "../../common/components/Loader.es.js";
+import { getDynamicCtaBasedOnTriggers as b } from "./util.es.js";
+import { actionBlocks as _, hasDrawerBlock as w } from "../mappings/blocks.es.js";
+import { observer as D } from "mobx-react-lite";
+import v from "@mui/material/Stack";
+import { Text as L } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
-var L = ({ actionBlock: s, ...o }) => {
+var x = ({ actionBlock: s, ...o }) => {
   const { Component: n, usePrepare: t } = s;
   return t(o), /* @__PURE__ */ e(n, { ...o });
-}, R = w(function({ beat: o }) {
-  const n = y(), t = n.common, { isCopyLoaded: m } = g(), { actionDrawer: a, closeActionDrawer: p } = k(), l = a.isDrawerOpen && a.guid === o.guid;
-  if (!m) return l ? /* @__PURE__ */ e(h, {}) : null;
+}, U = D(function({ beat: o }) {
+  const n = g(), t = n.common, { isCopyLoaded: m } = k(), { actionDrawer: a, closeActionDrawer: p } = C();
   if (!o.insights_payload) return null;
-  const { primary_cta: u, secondary_cta: d } = o.insights_payload, r = B(a, u, d), c = b(r?.block), i = c ? _[r?.block] : void 0, f = i ? i.title?.(r?.variant, n) ?? r?.label ?? "" : c ? t.error_heading : r?.label ?? "";
-  return /* @__PURE__ */ e(C, {
+  const { primary_cta: u, secondary_cta: d, guid: f } = o.insights_payload, l = a.isDrawerOpen && a.guid === f;
+  if (!m) return l ? /* @__PURE__ */ e(B, {}) : null;
+  const r = b(a, u, d), c = w(r?.block), i = c ? _[r?.block] : void 0, y = i ? i.title?.(r?.variant, n) ?? r?.label ?? "" : c ? t.error_heading : r?.label ?? "";
+  return /* @__PURE__ */ e(h, {
     ariaLabelClose: t.close_aria,
     isOpen: l,
     onClose: p,
-    title: f,
-    children: i ? /* @__PURE__ */ e(L, {
+    title: y,
+    children: i ? /* @__PURE__ */ e(x, {
       actionBlock: i,
       beat: o
-    }, r?.block) : c ? /* @__PURE__ */ e(D, {
+    }, r?.block) : c ? /* @__PURE__ */ e(v, {
       sx: { p: 24 },
-      children: /* @__PURE__ */ e(v, { children: t.error_message })
+      children: /* @__PURE__ */ e(L, { children: t.error_message })
     }) : null
   });
 });
 export {
-  R as ActionBlockLayer
+  U 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  // 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  // 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  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  const drawerTitle = actionBlock\n    ? (actionBlock.title?.(currentCta?.variant, copy) ?? 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,GAIzD,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAI3D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,EAAA,IAAkB,EAAK,kBAEtC,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB,QAEE,IAAc,IACf,EAAY,QAAQ,GAAY,SAAS,CAAI,KAAK,GAAY,SAAS,KACxE,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,IAA8B,GAAnB,GAAY,KAAO,IAC/E,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, 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  const drawerTitle = actionBlock\n    ? (actionBlock.title?.(currentCta?.variant, copy) ?? 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,QAEE,IAAc,IACf,EAAY,QAAQ,GAAY,SAAS,CAAI,KAAK,GAAY,SAAS,KACxE,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/blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js

@@ -1,40 +1,43 @@
-import { useGlobalCopyStore as B, useGlobalUiStore as y, useInsightsV2Store as A } from "../../../../common/context/hooks.es.js";
-import { formatCurrency as L } from "../../../../core/utils/NumberFormatting.es.js";
-import S from "../../../../common/components/Loader.es.js";
-import { BarChartV2 as I } from "../../../components/chartblocks/BarchartV2.es.js";
-import { EmptyBarChart as T } from "../../../components/chartblocks/EmptyBarChart.es.js";
-import { barChartVariant as k, buildChartData as v, buildDataSeries as x } from "./utils.es.js";
-import { actionBlocksKey as D } from "../../../mappings/actionBlocksKey.es.js";
-import O from "react";
-import { observer as N } from "mobx-react-lite";
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as R } from "@mui/material/styles";
-var z = N(({ payload: m, beatGuid: i = "" }) => {
-  const l = R(), { openActionDrawer: c } = A(), { insights_feed: e } = B(), { isCopyLoaded: d } = y(), { instance_slot: h, instance_slot_data: a } = m, { data_series: p, ariaLabel: f = "", average_amount: n = 0, legends: s = [] } = a, t = v(x(p), f), [u] = O.useState(t.length - 1), { color: g } = k(h, a, l);
-  if (!d) return /* @__PURE__ */ o(S, {});
-  const b = [e.general.monthly_amount, e.general.trend], [C, _] = s.length ? s.map((r) => r.label) : b;
-  return t.length ? /* @__PURE__ */ o(I, {
+import { useGlobalCopyStore as B, useGlobalUiStore as A, useInsightsV2Store as L } from "../../../../common/context/hooks.es.js";
+import { formatCurrency as S } from "../../../../core/utils/NumberFormatting.es.js";
+import I from "../../../../common/components/Loader.es.js";
+import { BarChartV2 as T } from "../../../components/chartblocks/BarchartV2.es.js";
+import { EmptyBarChart as k } from "../../../components/chartblocks/EmptyBarChart.es.js";
+import { barChartVariant as v, buildChartData as x, buildDataSeries as D } from "./utils.es.js";
+import { actionBlocksKey as O } from "../../../mappings/actionBlocksKey.es.js";
+import N from "react";
+import { observer as R } from "mobx-react-lite";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as V } from "@mui/material/styles";
+var J = R(({ payload: m, beatGuid: i = "" }) => {
+  const l = V(), { openActionDrawer: c } = L(), { insights_feed: o } = B(), { isCopyLoaded: d } = A(), { instance_slot: f, instance_slot_data: a, widget_type: p } = m, { data_series: h, ariaLabel: u = "", average_amount: n = 0, legends: s = [] } = a, t = x(D(h), u), [g] = N.useState(t.length - 1), { color: b } = v(f, a, l);
+  if (!d) return /* @__PURE__ */ e(I, {});
+  const C = [o.general.monthly_amount, o.general.trend], [_, y] = s.length ? s.map((r) => r.label) : C;
+  return t.length ? /* @__PURE__ */ e(T, {
     amounts: {
       average: n,
-      formattedAverage: L(n, "0,0")
+      formattedAverage: S(n, "0,0")
     },
-    color: g,
+    color: b,
     data: t,
-    monthlyAmountLabel: C,
-    onBarClick: (r) => c({
-      guid: i,
-      trigger: "chartBar",
-      context: {
-        chartBarIndex: r,
-        block: D.TRANSCATION_HISTORY_ACTION_BLOCK
-      }
-    }),
-    selectedTabIndex: u,
-    trendAmountLabel: _
-  }) : /* @__PURE__ */ o(T, {});
+    monthlyAmountLabel: _,
+    onBarClick: (r) => {
+      if (p !== "full") return !1;
+      c({
+        guid: i,
+        trigger: "chartBar",
+        context: {
+          chartBarIndex: r,
+          block: O.TRANSCATION_HISTORY_ACTION_BLOCK
+        }
+      });
+    },
+    selectedTabIndex: g,
+    trendAmountLabel: y
+  }) : /* @__PURE__ */ e(k, {});
 });
 export {
-  z as BarchartBlock
+  J as BarchartBlock
 };
 
 //# sourceMappingURL=BarchartBlock.es.js.map

package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarchartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/BarchartBlock/BarchartBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '@mui/material/styles'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  formatCurrency,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../../../common'\nimport type { DataSeries, DrilldownPayload } from '../../../../core'\nimport type { BarChartBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport { BarChartV2 } from '../../../components/chartblocks/BarchartV2'\nimport { EmptyBarChart } from '../../../components/chartblocks/EmptyBarChart'\n\nimport type { BlockProps } from '../../types'\n\nimport { barChartVariant, buildChartData, buildDataSeries } from './utils'\nimport { actionBlocksKey } from '../../../mappings/actionBlocksKey'\n\nexport const BarchartBlock = observer(\n  ({ payload, beatGuid = '' }: BlockProps<BarChartBlockData>) => {\n    const theme = useTheme()\n    const { openActionDrawer } = useInsightsV2Store()\n    const { insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n    const { isCopyLoaded } = useGlobalUiStore()\n    const { instance_slot, instance_slot_data } = payload\n    const { data_series, ariaLabel = '', average_amount = 0, legends = [] } = instance_slot_data\n    const chartData = buildChartData(buildDataSeries(data_series as DataSeries), ariaLabel)\n    const [selectedTabIndex] = React.useState(chartData.length - 1)\n    const { color } = barChartVariant(instance_slot, instance_slot_data, theme)\n\n    if (!isCopyLoaded) {\n      return <Loader />\n    }\n\n    // TODO: Temporary fallback while the backend doesn't always send `legends` on every beat/variant.\n    // Remove this once the backend guarantees `legends` on the payload.\n    const fallbackLabels = [insightsFeedCopy.general.monthly_amount, insightsFeedCopy.general.trend]\n\n    const [monthlyAmountLabel, trendAmountLabel] = legends.length\n      ? legends.map((legend) => legend.label)\n      : fallbackLabels\n\n    return chartData.length ? (\n      <BarChartV2\n        amounts={{\n          average: average_amount,\n          formattedAverage: formatCurrency(average_amount, '0,0'),\n        }}\n        color={color}\n        data={chartData}\n        monthlyAmountLabel={monthlyAmountLabel}\n        onBarClick={(index) =>\n          openActionDrawer({\n            guid: beatGuid,\n            trigger: 'chartBar',\n            context: {\n              chartBarIndex: index,\n              block: actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK,\n            } satisfies DrilldownPayload,\n          })\n        }\n        selectedTabIndex={selectedTabIndex}\n        trendAmountLabel={trendAmountLabel}\n      />\n    ) : (\n      <EmptyBarChart />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,IAAgB,EAAA,CAC1B,EAAE,SAAA,GAAS,UAAA,IAAW,GAAA,MAAwC;AAC7D,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,EAAE,eAAe,EAAA,IAAqB,EAAmB,GACzD,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,eAAA,GAAe,oBAAA,EAAA,IAAuB,GACxC,EAAE,aAAA,GAAa,WAAA,IAAY,IAAI,gBAAA,IAAiB,GAAG,SAAA,IAAU,CAAC,EAAA,IAAM,GACpE,IAAY,EAAe,EAAgB,CAAyB,GAAG,CAAS,GAChF,CAAC,CAAA,IAAoB,EAAM,SAAS,EAAU,SAAS,CAAC,GACxD,EAAE,OAAA,EAAA,IAAU,EAAgB,GAAe,GAAoB,CAAK;AAE1E,MAAI,CAAC,EACH,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAKlB,QAAM,IAAiB,CAAC,EAAiB,QAAQ,gBAAgB,EAAiB,QAAQ,KAAK,GAEzF,CAAC,GAAoB,CAAA,IAAoB,EAAQ,SACnD,EAAQ,IAAA,CAAK,MAAW,EAAO,KAAK,IACpC;AAEJ,SAAO,EAAU,SACf,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,MACP,SAAS;AAAA,MACT,kBAAkB,EAAe,GAAgB,KAAK;AAAA,IACxD;AAAA,IACO,OAAA;AAAA,IACP,MAAM;AAAA,IACc,oBAAA;AAAA,IACpB,YAAA,CAAa,MACX,EAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,QACP,eAAe;AAAA,QACf,OAAO,EAAgB;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,IAEe,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEpB,CACF"}
+{"version":3,"file":"BarchartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/BarchartBlock/BarchartBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '@mui/material/styles'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  formatCurrency,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../../../common'\nimport type { DataSeries, DrilldownPayload } from '../../../../core'\nimport type { BarChartBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport { BarChartV2 } from '../../../components/chartblocks/BarchartV2'\nimport { EmptyBarChart } from '../../../components/chartblocks/EmptyBarChart'\n\nimport type { BlockProps } from '../../types'\n\nimport { barChartVariant, buildChartData, buildDataSeries } from './utils'\nimport { actionBlocksKey } from '../../../mappings/actionBlocksKey'\n\nexport const BarchartBlock = observer(\n  ({ payload, beatGuid = '' }: BlockProps<BarChartBlockData>) => {\n    const theme = useTheme()\n    const { openActionDrawer } = useInsightsV2Store()\n    const { insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n    const { isCopyLoaded } = useGlobalUiStore()\n    const { instance_slot, instance_slot_data, widget_type } = payload\n    const { data_series, ariaLabel = '', average_amount = 0, legends = [] } = instance_slot_data\n    const chartData = buildChartData(buildDataSeries(data_series as DataSeries), ariaLabel)\n    const [selectedTabIndex] = React.useState(chartData.length - 1)\n    const { color } = barChartVariant(instance_slot, instance_slot_data, theme)\n\n    if (!isCopyLoaded) {\n      return <Loader />\n    }\n\n    // TODO: Temporary fallback while the backend doesn't always send `legends` on every beat/variant.\n    // Remove this once the backend guarantees `legends` on the payload.\n    const fallbackLabels = [insightsFeedCopy.general.monthly_amount, insightsFeedCopy.general.trend]\n\n    const [monthlyAmountLabel, trendAmountLabel] = legends.length\n      ? legends.map((legend) => legend.label)\n      : fallbackLabels\n\n    return chartData.length ? (\n      <BarChartV2\n        amounts={{\n          average: average_amount,\n          formattedAverage: formatCurrency(average_amount, '0,0'),\n        }}\n        color={color}\n        data={chartData}\n        monthlyAmountLabel={monthlyAmountLabel}\n        onBarClick={(index) => {\n          if (widget_type !== 'full') return false\n\n          openActionDrawer({\n            guid: beatGuid,\n            trigger: 'chartBar',\n            context: {\n              chartBarIndex: index,\n              block: actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK,\n            } satisfies DrilldownPayload,\n          })\n        }}\n        selectedTabIndex={selectedTabIndex}\n        trendAmountLabel={trendAmountLabel}\n      />\n    ) : (\n      <EmptyBarChart />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,IAAgB,EAAA,CAC1B,EAAE,SAAA,GAAS,UAAA,IAAW,GAAA,MAAwC;AAC7D,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,EAAE,eAAe,EAAA,IAAqB,EAAmB,GACzD,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,eAAA,GAAe,oBAAA,GAAoB,aAAA,EAAA,IAAgB,GACrD,EAAE,aAAA,GAAa,WAAA,IAAY,IAAI,gBAAA,IAAiB,GAAG,SAAA,IAAU,CAAC,EAAA,IAAM,GACpE,IAAY,EAAe,EAAgB,CAAyB,GAAG,CAAS,GAChF,CAAC,CAAA,IAAoB,EAAM,SAAS,EAAU,SAAS,CAAC,GACxD,EAAE,OAAA,EAAA,IAAU,EAAgB,GAAe,GAAoB,CAAK;AAE1E,MAAI,CAAC,EACH,QAAO,gBAAA,EAAC,GAAD,CAAS,CAAA;AAKlB,QAAM,IAAiB,CAAC,EAAiB,QAAQ,gBAAgB,EAAiB,QAAQ,KAAK,GAEzF,CAAC,GAAoB,CAAA,IAAoB,EAAQ,SACnD,EAAQ,IAAA,CAAK,MAAW,EAAO,KAAK,IACpC;AAEJ,SAAO,EAAU,SACf,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS;AAAA,MACP,SAAS;AAAA,MACT,kBAAkB,EAAe,GAAgB,KAAK;AAAA,IACxD;AAAA,IACO,OAAA;AAAA,IACP,MAAM;AAAA,IACc,oBAAA;AAAA,IACpB,YAAA,CAAa,MAAU;AACrB,UAAI,MAAgB,OAAQ,QAAO;AAEnC,MAAA,EAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,eAAe;AAAA,UACf,OAAO,EAAgB;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACkB,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEpB,CACF"}

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js

@@ -1,30 +1,33 @@
 import { useInsightsV2Store as B } from "../../../../common/context/hooks.es.js";
 import { actionBlocksKey as C } from "../../../mappings/actionBlocksKey.es.js";
 import { DoubleBarChart as b } from "../../../components/chartblocks/DoubleBarChart.es.js";
-import { buildComparisonSeries as d } from "./comparisonUtils.es.js";
-import { getLayoutConfig as g } from "./layout.es.js";
-import { jsx as h } from "react/jsx-runtime";
+import { buildComparisonSeries as h } from "./comparisonUtils.es.js";
+import { getLayoutConfig as d } from "./layout.es.js";
+import { jsx as g } from "react/jsx-runtime";
 import { useTheme as I } from "@mui/material/styles";
-var y = ({ payload: { instance_slot: o, instance_slot_data: r, widget_type: t }, beatGuid: e = "" }) => {
-  const a = I(), { openActionDrawer: i } = B(), { variant: n } = o, { ariaLabel: s = "", data_series: m, legends: c } = r, l = d(m, s), p = g(a, n)?.color ?? [];
-  return /* @__PURE__ */ h(b, {
+var L = ({ payload: { instance_slot: o, instance_slot_data: t, widget_type: r }, beatGuid: a = "" }) => {
+  const e = I(), { openActionDrawer: i } = B(), { variant: n } = o, { ariaLabel: s = "", data_series: m, legends: c } = t, l = h(m, s), f = d(e, n)?.color ?? [];
+  return /* @__PURE__ */ g(b, {
     bars: l,
-    colors: p,
-    isMini: t === "mini",
+    colors: f,
+    isMini: r === "mini",
     legends: c,
-    onBarClick: (f, u) => i({
-      guid: e,
-      trigger: "chartBar",
-      context: {
-        chartBarIndex: f,
-        tabIndex: u,
-        block: C.TRANSCATION_HISTORY_ACTION_BLOCK
-      }
-    })
+    onBarClick: (p, u) => {
+      if (r !== "full") return !1;
+      i({
+        guid: a,
+        trigger: "chartBar",
+        context: {
+          chartBarIndex: p,
+          tabIndex: u,
+          block: C.TRANSCATION_HISTORY_ACTION_BLOCK
+        }
+      });
+    }
   });
 };
 export {
-  y as DoubleBarChartBlock
+  L as DoubleBarChartBlock
 };
 
 //# sourceMappingURL=DoubleBarChartBlock.es.js.map

package/dist/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleBarChartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\n\nimport { useInsightsV2Store } from '../../../../common'\nimport type { DataSeries, DrilldownPayload } from '../../../../core'\nimport { DoubleBarChart } from '../../../components/chartblocks/DoubleBarChart'\n\nimport type { BlockProps } from '../../types'\n\nimport { buildComparisonSeries } from './comparisonUtils'\nimport { getLayoutConfig } from './layout'\nimport { actionBlocksKey } from '../../../mappings/actionBlocksKey'\n\n/**\n * Card block for the double-bar chart. Mirrors BarchartBlock: it builds the shaped series\n * (buildComparisonSeries) and resolves the card palette (getLayoutConfig), then renders the reusable\n * DoubleBarChart and injects the card click behavior \\u2014 open the shared drawer scoped to this beat\n * (chartBarIndex = clicked column, tabIndex = clicked sub-series).\n */\nexport const DoubleBarChartBlock = ({\n  payload: { instance_slot, instance_slot_data, widget_type },\n  beatGuid = '',\n}: BlockProps) => {\n  const theme = useTheme()\n  const { openActionDrawer } = useInsightsV2Store()\n  const { variant } = instance_slot\n  const { ariaLabel = '', data_series, legends } = instance_slot_data\n  const bars = buildComparisonSeries(data_series as DataSeries, ariaLabel)\n  // getLayoutConfig returns undefined for an unknown/unsupported variant; fall back to an empty\n  // palette so an unregistered beat can't throw on mount.\n  const colors = getLayoutConfig(theme, variant)?.color ?? []\n\n  return (\n    <DoubleBarChart\n      bars={bars}\n      colors={colors}\n      isMini={widget_type === 'mini'}\n      legends={legends}\n      onBarClick={(columnIndex, subIndex) =>\n        openActionDrawer({\n          guid: beatGuid,\n          trigger: 'chartBar',\n          context: {\n            chartBarIndex: columnIndex,\n            tabIndex: subIndex,\n            block: actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK,\n          } satisfies DrilldownPayload,\n        })\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAuB,EAClC,SAAS,EAAE,eAAA,GAAe,oBAAA,GAAoB,aAAA,EAAA,GAC9C,UAAA,IAAW,GAAA,MACK;AAChB,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,GACd,EAAE,WAAA,IAAY,IAAI,aAAA,GAAa,SAAA,EAAA,IAAY,GAC3C,IAAO,EAAsB,GAA2B,CAAS,GAGjE,IAAS,EAAgB,GAAO,CAAO,GAAG,SAAS,CAAC;AAE1D,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACE,QAAA;AAAA,IACR,QAAQ,MAAgB;AAAA,IACf,SAAA;AAAA,IACT,YAAA,CAAa,GAAa,MACxB,EAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,QACP,eAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAO,EAAgB;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,EAEJ,CAAA;AAEL"}
+{"version":3,"file":"DoubleBarChartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles'\n\nimport { useInsightsV2Store } from '../../../../common'\nimport type { DataSeries, DrilldownPayload } from '../../../../core'\nimport { DoubleBarChart } from '../../../components/chartblocks/DoubleBarChart'\n\nimport type { BlockProps } from '../../types'\n\nimport { buildComparisonSeries } from './comparisonUtils'\nimport { getLayoutConfig } from './layout'\nimport { actionBlocksKey } from '../../../mappings/actionBlocksKey'\n\n/**\n * Card block for the double-bar chart. Mirrors BarchartBlock: it builds the shaped series\n * (buildComparisonSeries) and resolves the card palette (getLayoutConfig), then renders the reusable\n * DoubleBarChart and injects the card click behavior \\u2014 open the shared drawer scoped to this beat\n * (chartBarIndex = clicked column, tabIndex = clicked sub-series).\n */\nexport const DoubleBarChartBlock = ({\n  payload: { instance_slot, instance_slot_data, widget_type },\n  beatGuid = '',\n}: BlockProps) => {\n  const theme = useTheme()\n  const { openActionDrawer } = useInsightsV2Store()\n  const { variant } = instance_slot\n  const { ariaLabel = '', data_series, legends } = instance_slot_data\n  const bars = buildComparisonSeries(data_series as DataSeries, ariaLabel)\n  // getLayoutConfig returns undefined for an unknown/unsupported variant; fall back to an empty\n  // palette so an unregistered beat can't throw on mount.\n  const colors = getLayoutConfig(theme, variant)?.color ?? []\n\n  return (\n    <DoubleBarChart\n      bars={bars}\n      colors={colors}\n      isMini={widget_type === 'mini'}\n      legends={legends}\n      onBarClick={(columnIndex, subIndex) => {\n        if (widget_type !== 'full') return false\n\n        openActionDrawer({\n          guid: beatGuid,\n          trigger: 'chartBar',\n          context: {\n            chartBarIndex: columnIndex,\n            tabIndex: subIndex,\n            block: actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK,\n          } satisfies DrilldownPayload,\n        })\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAkBA,IAAa,IAAA,CAAuB,EAClC,SAAS,EAAE,eAAA,GAAe,oBAAA,GAAoB,aAAA,EAAA,GAC9C,UAAA,IAAW,GAAA,MACK;AAChB,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,EAAE,SAAA,EAAA,IAAY,GACd,EAAE,WAAA,IAAY,IAAI,aAAA,GAAa,SAAA,EAAA,IAAY,GAC3C,IAAO,EAAsB,GAA2B,CAAS,GAGjE,IAAS,EAAgB,GAAO,CAAO,GAAG,SAAS,CAAC;AAE1D,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACE,QAAA;AAAA,IACR,QAAQ,MAAgB;AAAA,IACf,SAAA;AAAA,IACT,YAAA,CAAa,GAAa,MAAa;AACrC,UAAI,MAAgB,OAAQ,QAAO;AAEnC,MAAA,EAAiB;AAAA,QACf,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,eAAe;AAAA,UACf,UAAU;AAAA,UACV,OAAO,EAAgB;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACD,CAAA;AAEL"}

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

@@ -1,24 +1,24 @@
-import { useAppConfig as D, useGlobalCopyStore as L, useInsightsV2Store as O } from "../../common/context/hooks.es.js";
-import { sendBeatCta as T } from "../../common/utils/PostMessage.es.js";
-import { blocks as F, hasDrawerBlock as A } from "../mappings/blocks.es.js";
-import I from "./Footer.es.js";
-import { BeatActionsProvider as E } from "../beatActions.es.js";
-import H from "./Header.es.js";
-import { FeedbackBar as M } from "./FeedbackBar.es.js";
-import G from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as R } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as j } from "./HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as z } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as N } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatFeedbackFlow as U } from "../hooks/useBeatFeedbackFlow.es.js";
-import { observer as V } from "mobx-react-lite";
+import { useAppConfig as T, useGlobalCopyStore as F, useInsightsV2Store as A } from "../../common/context/hooks.es.js";
+import { sendBeatCta as I } from "../../common/utils/PostMessage.es.js";
+import { blocks as E, hasDrawerBlock as H } from "../mappings/blocks.es.js";
+import M from "./Footer.es.js";
+import { BeatActionsProvider as G } from "../beatActions.es.js";
+import R from "./Header.es.js";
+import { FeedbackBar as j } from "./FeedbackBar.es.js";
+import z from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as N } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as U } from "./HiddenConfirmationCard.es.js";
+import { ObsolesceBanner as V } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as P } from "../actionBlocks/ActionBlockLayer.es.js";
+import { useBeatFeedbackFlow as W } from "../hooks/useBeatFeedbackFlow.es.js";
+import { observer as X } from "mobx-react-lite";
 import m from "@mui/material/Stack";
 import d from "@mui/material/Button";
-import { ChevronRight as P } from "@mxenabled/mx-icons";
-import { Fragment as W, jsx as o, jsxs as t } from "react/jsx-runtime";
-import X from "@mui/material/Box";
-import Y from "@mui/material/Card";
-var q = {}, J = {
+import { ChevronRight as Y } from "@mxenabled/mx-icons";
+import { Fragment as q, jsx as o, jsxs as r } from "react/jsx-runtime";
+import J from "@mui/material/Box";
+import K from "@mui/material/Card";
+var Q = {}, Z = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -27,29 +27,29 @@ var q = {}, J = {
   backgroundColor: "background.default",
   opacity: 0.7,
   zIndex: 1
-}, he = V(({ beat: i, beatActions: b = q, obsolete: s }) => {
-  const { openCtaDrawer: h } = O(), y = L(), { is_mobile_webview: g, clientConfig: k } = D(), e = U(i, b), r = i.insights_payload;
-  if (!r || e.cardState === "dismissed") return null;
-  const { instance_slot: v, primary_cta: n, secondary_cta: a, sub_title: _, title: C, widget_type: x } = r, { block: S } = v, p = (w, B) => {
-    A(w) ? h(i.guid, B) : T(i, {
-      isMobileWebview: g,
-      webviewScheme: k?.master?.ui_message_webview_url_scheme,
-      userGuid: i.user_guid
+}, ke = X(({ beat: i, beatActions: h = Q, obsolete: s }) => {
+  const { openCtaDrawer: y } = A(), g = F(), { is_mobile_webview: k, clientConfig: v } = T(), e = W(i, h), t = i.insights_payload;
+  if (!t || e.cardState === "dismissed") return null;
+  const { instance_slot: _, primary_cta: n, secondary_cta: a, sub_title: C, title: x, widget_type: S, guid: p, user_guid: w, dismissed_at: B } = t, { block: D } = _, u = (L, O) => {
+    H(L) ? y(p, O) : I(i, {
+      isMobileWebview: k,
+      webviewScheme: v?.master?.ui_message_webview_url_scheme,
+      userGuid: w
     });
-  }, u = F[S], f = x === "mini", l = y.insights_feed?.general, c = s?.state === "not_refreshable" && !i.dismissed_at && !!l;
-  return /* @__PURE__ */ o(E, {
+  }, f = E[D], b = S === "mini", l = g.insights_feed?.general, c = s?.state === "not_refreshable" && !B && !!l;
+  return /* @__PURE__ */ o(G, {
     value: e.wrappedActions,
-    children: /* @__PURE__ */ t(m, {
+    children: /* @__PURE__ */ r(m, {
       sx: { mb: 16 },
       children: [
-        e.cardState === "confirming" ? /* @__PURE__ */ o(j, {
+        e.cardState === "confirming" ? /* @__PURE__ */ o(U, {
           onClose: e.collapseConfirmation,
           onLeaveFeedback: e.openHideSurvey,
           onUndo: e.undoDismiss
-        }) : /* @__PURE__ */ t(W, { children: [s && l && /* @__PURE__ */ o(z, {
+        }) : /* @__PURE__ */ r(q, { children: [s && l && /* @__PURE__ */ o(V, {
           ...s,
           copy: l
-        }), /* @__PURE__ */ t(Y, {
+        }), /* @__PURE__ */ r(K, {
           inert: c,
           sx: { ...c && {
             position: "relative",
@@ -57,17 +57,17 @@ var q = {}, J = {
             pointerEvents: "none"
           } },
           children: [
-            c && /* @__PURE__ */ o(X, { sx: J }),
-            /* @__PURE__ */ o(H, {
-              isMini: f,
-              subtitle: _,
-              title: C ?? ""
+            c && /* @__PURE__ */ o(J, { sx: Z }),
+            /* @__PURE__ */ o(R, {
+              isMini: b,
+              subtitle: C,
+              title: x ?? ""
             }),
-            u && /* @__PURE__ */ o(u, {
-              beatGuid: i.guid,
-              payload: r
+            f && /* @__PURE__ */ o(f, {
+              beatGuid: p,
+              payload: t
             }),
-            /* @__PURE__ */ t(m, {
+            /* @__PURE__ */ r(m, {
               sx: {
                 gap: 6,
                 pb: 16,
@@ -76,10 +76,10 @@ var q = {}, J = {
                 pt: 12
               },
               children: [/* @__PURE__ */ o("div", {
-                dangerouslySetInnerHTML: { __html: i.html_description },
+                dangerouslySetInnerHTML: { __html: t.description.html_text },
                 style: { paddingLeft: 4 }
               }), i?.in_description_cta && /* @__PURE__ */ o(d, {
-                endIcon: /* @__PURE__ */ o(P, {}),
+                endIcon: /* @__PURE__ */ o(Y, {}),
                 onClick: () => {
                 },
                 sx: {
@@ -90,35 +90,35 @@ var q = {}, J = {
                 children: i.in_description_cta
               })]
             }),
-            !f && n?.label && /* @__PURE__ */ t(m, {
+            !b && n?.label && /* @__PURE__ */ r(m, {
               sx: {
                 gap: 8,
                 pb: 16,
                 px: 16
               },
               children: [/* @__PURE__ */ o(d, {
-                onClick: () => p(n.block, "primaryCta"),
+                onClick: () => u(n.block, "primaryCta"),
                 variant: "outlined",
                 children: n.label
               }), a?.label && /* @__PURE__ */ o(d, {
                 color: "secondary",
-                onClick: () => p(a.block, "secondaryCta"),
+                onClick: () => u(a.block, "secondaryCta"),
                 children: a.label
               })]
             }),
-            /* @__PURE__ */ o(M, {
+            /* @__PURE__ */ o(j, {
               onTellUsMore: e.openRatingSurvey,
               show: e.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ o(N, { beat: i }),
-        /* @__PURE__ */ o(R, {
+        /* @__PURE__ */ o(P, { beat: i }),
+        /* @__PURE__ */ o(N, {
           isOpen: e.isDismissOpen,
           onClose: e.closeDismissDialog,
           onDismiss: e.confirmDismiss
         }),
-        e.isSurveyOpen && /* @__PURE__ */ o(G, {
+        e.isSurveyOpen && /* @__PURE__ */ o(z, {
           characterLimitLabel: e.survey.characterLimitLabel,
           closeAriaLabel: e.survey.closeAriaLabel,
           isOpen: !0,
@@ -131,13 +131,13 @@ var q = {}, J = {
           secondaryText: e.survey.backText,
           title: e.survey.title
         }),
-        e.cardState === "visible" && r.footer && /* @__PURE__ */ o(I, { footer: r.footer })
+        e.cardState === "visible" && t.footer && /* @__PURE__ */ o(M, { footer: t.footer })
       ]
     })
   });
 });
 export {
-  he as default
+  ke as default
 };
 
 //# sourceMappingURL=BaseLayout.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const { instance_slot, primary_cta, secondary_cta, sub_title, title, widget_type } =\n      insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(beat.guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: beat.user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !beat.dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {Block && <Block beatGuid={beat.guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <div\n                    dangerouslySetInnerHTML={{\n                      __html: beat.html_description as string,\n                    }}\n                    style={{ paddingLeft: 4 }}\n                  />\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { blocks, hasDrawerBlock } from '../mappings/blocks'\n\nimport Footer from './Footer'\nimport Header from './Header'\nimport FeedbackBar from './FeedbackBar'\nimport FeedbackDialog from './FeedbackDialog'\nimport DismissInsightDialog from './DismissInsightDialog'\nimport HiddenConfirmationCard from './HiddenConfirmationCard'\nimport { ObsolesceBanner, type ObsolesceBannerState } from './ObsolesceBanner'\nimport { useAppConfig, useGlobalCopyStore, useInsightsV2Store } from '../../common'\nimport { sendBeatCta } from '../../common/utils/PostMessage'\nimport type { Beat } from '../../core'\nimport { BeatActionsProvider, type BeatActions } from '../beatActions'\nimport { ActionBlockLayer } from '../actionBlocks/ActionBlockLayer'\nimport { useBeatFeedbackFlow } from '../hooks/useBeatFeedbackFlow'\n\nexport interface ObsoleteState {\n  state: ObsolesceBannerState\n  onRefresh: () => void\n  onDismiss: () => void\n}\n\ninterface BaseLayoutProps {\n  beat: Beat\n  beatActions?: BeatActions\n  obsolete?: ObsoleteState\n}\n\nconst NO_BEAT_ACTIONS: BeatActions = {}\n\nconst OBSOLETE_OVERLAY_SX = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  backgroundColor: 'background.default',\n  opacity: 0.7,\n  zIndex: 1,\n} as const\n\nconst BaseLayout = observer(\n  ({ beat, beatActions = NO_BEAT_ACTIONS, obsolete }: BaseLayoutProps) => {\n    const { openCtaDrawer } = useInsightsV2Store()\n    const copy = useGlobalCopyStore()\n    const { is_mobile_webview, clientConfig } = useAppConfig()\n    const flow = useBeatFeedbackFlow(beat, beatActions)\n\n    const insights_payload = beat.insights_payload\n\n    if (!insights_payload) return null\n    if (flow.cardState === 'dismissed') return null\n\n    const {\n      instance_slot,\n      primary_cta,\n      secondary_cta,\n      sub_title,\n      title,\n      widget_type,\n      guid,\n      user_guid,\n      dismissed_at,\n    } = insights_payload\n    const { block } = instance_slot\n\n    // A CTA with a real drilldown `block` opens a drawer; otherwise it notifies\n    // the host app via a beat/cta post message (the \"Make a Transfer\" CTA on the\n    // Save an extra $100 beat). Mirrors Pulse's SaveAnExtra100Dollars beat.\n    const handleCtaClick = (\n      ctaBlock: string | null | undefined,\n      source: 'primaryCta' | 'secondaryCta',\n    ) => {\n      if (hasDrawerBlock(ctaBlock)) {\n        openCtaDrawer(guid, source)\n      } else {\n        sendBeatCta(beat, {\n          isMobileWebview: is_mobile_webview,\n          webviewScheme: clientConfig?.master?.ui_message_webview_url_scheme,\n          userGuid: user_guid,\n        })\n      }\n    }\n\n    const Block = blocks[block as keyof typeof blocks]\n\n    const isMini = widget_type === 'mini'\n    const obsoleteCopy = copy.insights_feed?.general\n    const isObsoleteDimmed =\n      obsolete?.state === 'not_refreshable' && !dismissed_at && !!obsoleteCopy\n\n    return (\n      <BeatActionsProvider value={flow.wrappedActions}>\n        <Stack sx={{ mb: 16 }}>\n          {flow.cardState === 'confirming' ? (\n            <HiddenConfirmationCard\n              onClose={flow.collapseConfirmation}\n              onLeaveFeedback={flow.openHideSurvey}\n              onUndo={flow.undoDismiss}\n            />\n          ) : (\n            <>\n              {obsolete && obsoleteCopy && <ObsolesceBanner {...obsolete} copy={obsoleteCopy} />}\n              <Card\n                inert={isObsoleteDimmed}\n                sx={{\n                  ...(isObsoleteDimmed && {\n                    position: 'relative',\n                    zIndex: 2,\n                    pointerEvents: 'none',\n                  }),\n                }}\n              >\n                {isObsoleteDimmed && <Box sx={OBSOLETE_OVERLAY_SX} />}\n                <Header isMini={isMini} subtitle={sub_title} title={title ?? ''} />\n                {Block && <Block beatGuid={guid} payload={insights_payload} />}\n\n                <Stack sx={{ gap: 6, pb: 16, pl: 12, pr: 16, pt: 12 }}>\n                  <div\n                    dangerouslySetInnerHTML={{\n                      __html: insights_payload.description.html_text,\n                    }}\n                    style={{ paddingLeft: 4 }}\n                  />\n                  {/* TODO: Migrate to insights_payload.in_description_cta once backend provides it */}\n                  {beat?.in_description_cta && (\n                    <Button\n                      endIcon={<ChevronRight />}\n                      onClick={() => {}}\n                      sx={{ height: 24, p: 4, width: 'max-content' }}\n                    >\n                      {beat.in_description_cta}\n                    </Button>\n                  )}\n                </Stack>\n\n                {!isMini && primary_cta?.label && (\n                  <Stack sx={{ gap: 8, pb: 16, px: 16 }}>\n                    <Button\n                      onClick={() => handleCtaClick(primary_cta.block, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() => handleCtaClick(secondary_cta.block, 'secondaryCta')}\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}

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

@@ -1,25 +1,26 @@
-import { useGlobalCopyStore as m } from "../../common/context/hooks.es.js";
-import u from "../../common/components/dialog/Dialog.es.js";
-import { useEffect as b, useState as f } from "react";
-import { observer as x } from "mobx-react-lite";
+import { useGlobalCopyStore as u } from "../../common/context/hooks.es.js";
+import f from "../../common/components/dialog/Dialog.es.js";
+import { useEffect as b, useState as x } from "react";
+import { observer as g } from "mobx-react-lite";
 import a from "@mui/material/Stack";
 import { Text as l } from "@mxenabled/mxui";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import g from "@mui/material/FormControlLabel";
-import h from "@mui/material/Radio";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { alpha as c } from "@mui/material/styles";
+import h from "@mui/material/FormControlLabel";
+import v from "@mui/material/Radio";
 import y from "@mui/material/RadioGroup";
-var R = x(({ isOpen: i, onClose: d, onDismiss: c }) => {
-  const o = m().insights_feed?.dismiss, [t, n] = f("once");
+var _ = g(({ isOpen: t, onClose: d, onDismiss: m }) => {
+  const o = u().insights_feed?.dismiss, [e, n] = x("once");
   return b(() => {
-    i && n("once");
-  }, [i]), o ? /* @__PURE__ */ r(u, {
+    t && n("once");
+  }, [t]), o ? /* @__PURE__ */ i(f, {
     copy: {
       title: o.title,
       close_aria: o.close_aria
     },
-    isOpen: i,
+    isOpen: t,
     onClose: d,
-    onPrimaryAction: () => c(t),
+    onPrimaryAction: () => m(e),
     primaryText: o.confirm,
     secondaryText: o.cancel,
     sx: {
@@ -31,9 +32,7 @@ var R = x(({ isOpen: i, onClose: d, onDismiss: c }) => {
       "& .MuiDialog-paperScrollPaper > div:first-child .MuiIconButton-root": { my: -10 },
       "& .MuiDialog-paperScrollPaper": {
         bgcolor: "background.paper",
-        border: "1px solid",
-        borderColor: "divider",
-        boxShadow: "none"
+        borderRadius: "4px"
       },
       "&:focus-visible": {
         outline: "2px solid",
@@ -53,36 +52,39 @@ var R = x(({ isOpen: i, onClose: d, onDismiss: c }) => {
     },
     children: /* @__PURE__ */ s(a, {
       sx: { gap: 24 },
-      children: [/* @__PURE__ */ r(l, {
+      children: [/* @__PURE__ */ i(l, {
         variant: "subtitle1",
         children: o.description
-      }), /* @__PURE__ */ r(y, {
+      }), /* @__PURE__ */ i(y, {
         "aria-label": o.title,
         name: "dismiss-type",
-        onChange: (e) => n(e.target.value),
+        onChange: (r) => n(r.target.value),
         sx: {
           m: 0,
           p: 0
         },
-        value: t,
-        children: /* @__PURE__ */ r(a, {
+        value: e,
+        children: /* @__PURE__ */ i(a, {
           sx: { gap: 16 },
-          children: ["once", "always"].map((e) => /* @__PURE__ */ r(g, {
-            value: e,
-            control: /* @__PURE__ */ r(h, { inputProps: { "aria-label": o[e].headline } }),
+          children: ["once", "always"].map((r) => /* @__PURE__ */ i(h, {
+            value: r,
+            control: /* @__PURE__ */ i(v, {
+              inputProps: { "aria-label": o[r].headline },
+              sx: { "& .MuiSvgIcon-root": { color: e === r ? "inherit" : "action.active" } }
+            }),
             labelPlacement: "start",
             label: /* @__PURE__ */ s(a, {
               sx: {
                 gap: 4,
                 flexGrow: 1
               },
-              children: [/* @__PURE__ */ r(l, {
+              children: [/* @__PURE__ */ i(l, {
                 bold: !0,
                 variant: "body1",
-                children: o[e].headline
-              }), /* @__PURE__ */ r(l, {
+                children: o[r].headline
+              }), /* @__PURE__ */ i(l, {
                 variant: "subtitle2",
-                children: o[e].description
+                children: o[r].description
               })]
             }),
             sx: {
@@ -93,17 +95,17 @@ var R = x(({ isOpen: i, onClose: d, onDismiss: c }) => {
               minHeight: 72,
               px: 16,
               py: 0,
-              boxShadow: (p) => t === e ? `inset 0 0 0 2px ${p.palette.primary.main}` : `inset 0 0 0 1px ${p.palette.divider}`
+              border: (p) => e === r ? `2px solid ${c(p.palette.primary.main, 0.5)}` : `1px solid ${c(p.palette.divider, 0.5)}`
             }
-          }, e))
+          }, r))
         })
       })]
     })
   }) : null;
 });
 export {
-  R as DismissInsightDialog,
-  R as default
+  _ as DismissInsightDialog,
+  _ as default
 };
 
 //# sourceMappingURL=DismissInsightDialog.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DismissInsightDialog.es.js","names":[],"sources":["../../../src/insights-v2/components/DismissInsightDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../common'\n\nexport type DismissType = 'once' | 'always'\n\nexport interface DismissInsightDialogProps {\n  isOpen: boolean\n  onClose: () => void\n  onDismiss: (type: DismissType) => void\n}\n\n/** Confirmation dialog for hiding an insight. */\nexport const DismissInsightDialog = observer(\n  ({ isOpen, onClose, onDismiss }: DismissInsightDialogProps) => {\n    const copy = useGlobalCopyStore().insights_feed?.dismiss\n    const [selected, setSelected] = useState<DismissType>('once')\n\n    useEffect(() => {\n      if (isOpen) setSelected('once')\n    }, [isOpen])\n\n    if (!copy) return null\n\n    return (\n      <Dialog\n        copy={{ title: copy.title, close_aria: copy.close_aria }}\n        isOpen={isOpen}\n        onClose={onClose}\n        onPrimaryAction={() => onDismiss(selected)}\n        primaryText={copy.confirm}\n        secondaryText={copy.cancel}\n        sx={{\n          '& .MuiDialogContent-root': { py: 0 },\n          '& .MuiDialog-paperScrollPaper > div:first-child': { pt: 24, pb: 8 },\n          '& .MuiDialog-paperScrollPaper > div:first-child .MuiIconButton-root': { my: -10 },\n          '& .MuiDialog-paperScrollPaper': {\n            bgcolor: 'background.paper',\n            border: '1px solid',\n            borderColor: 'divider',\n            boxShadow: 'none',\n          },\n          '&:focus-visible': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n          '& .MuiDialog-paper:focus-visible': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n          '& .MuiButton-outlined': {\n            border: 'none',\n            '&:hover': { bgcolor: 'transparent', border: 'none' },\n          },\n        }}\n      >\n        <Stack sx={{ gap: 24 }}>\n          <Text variant=\"subtitle1\">{copy.description}</Text>\n\n          <RadioGroup\n            aria-label={copy.title}\n            name=\"dismiss-type\"\n            onChange={(e) => setSelected(e.target.value as DismissType)}\n            sx={{ m: 0, p: 0 }}\n            value={selected}\n          >\n            <Stack sx={{ gap: 16 }}>\n              {(['once', 'always'] as const).map((k) => (\n                <FormControlLabel\n                  key={k}\n                  value={k}\n                  control={<Radio inputProps={{ 'aria-label': copy[k].headline }} />}\n                  labelPlacement=\"start\"\n                  label={\n                    <Stack sx={{ gap: 4, flexGrow: 1 }}>\n                      <Text bold={true} variant=\"body1\">\n                        {copy[k].headline}\n                      </Text>\n                      <Text variant=\"subtitle2\">{copy[k].description}</Text>\n                    </Stack>\n                  }\n                  sx={{\n                    alignItems: 'center',\n                    borderRadius: '8px',\n                    justifyContent: 'space-between',\n                    m: 0,\n                    minHeight: 72,\n                    px: 16,\n                    py: 0,\n                    boxShadow: (theme) =>\n                      selected === k\n                        ? `inset 0 0 0 2px ${theme.palette.primary.main}`\n                        : `inset 0 0 0 1px ${theme.palette.divider}`,\n                  }}\n                />\n              ))}\n            </Stack>\n          </RadioGroup>\n        </Stack>\n      </Dialog>\n    )\n  },\n)\n\nexport default DismissInsightDialog\n"],"mappings":"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"}
+{"version":3,"file":"DismissInsightDialog.es.js","names":[],"sources":["../../../src/insights-v2/components/DismissInsightDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport { alpha } from '@mui/material/styles'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../common'\n\nexport type DismissType = 'once' | 'always'\n\nexport interface DismissInsightDialogProps {\n  isOpen: boolean\n  onClose: () => void\n  onDismiss: (type: DismissType) => void\n}\n\n/** Confirmation dialog for hiding an insight. */\nexport const DismissInsightDialog = observer(\n  ({ isOpen, onClose, onDismiss }: DismissInsightDialogProps) => {\n    const copy = useGlobalCopyStore().insights_feed?.dismiss\n    const [selected, setSelected] = useState<DismissType>('once')\n\n    useEffect(() => {\n      if (isOpen) setSelected('once')\n    }, [isOpen])\n\n    if (!copy) return null\n\n    return (\n      <Dialog\n        copy={{ title: copy.title, close_aria: copy.close_aria }}\n        isOpen={isOpen}\n        onClose={onClose}\n        onPrimaryAction={() => onDismiss(selected)}\n        primaryText={copy.confirm}\n        secondaryText={copy.cancel}\n        sx={{\n          '& .MuiDialogContent-root': { py: 0 },\n          '& .MuiDialog-paperScrollPaper > div:first-child': { pt: 24, pb: 8 },\n          '& .MuiDialog-paperScrollPaper > div:first-child .MuiIconButton-root': { my: -10 },\n          '& .MuiDialog-paperScrollPaper': {\n            bgcolor: 'background.paper',\n            borderRadius: '4px',\n          },\n          '&:focus-visible': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n          '& .MuiDialog-paper:focus-visible': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n          '& .MuiButton-outlined': {\n            border: 'none',\n            '&:hover': { bgcolor: 'transparent', border: 'none' },\n          },\n        }}\n      >\n        <Stack sx={{ gap: 24 }}>\n          <Text variant=\"subtitle1\">{copy.description}</Text>\n\n          <RadioGroup\n            aria-label={copy.title}\n            name=\"dismiss-type\"\n            onChange={(e) => setSelected(e.target.value as DismissType)}\n            sx={{ m: 0, p: 0 }}\n            value={selected}\n          >\n            <Stack sx={{ gap: 16 }}>\n              {(['once', 'always'] as const).map((k) => (\n                <FormControlLabel\n                  key={k}\n                  value={k}\n                  control={\n                    <Radio\n                      inputProps={{ 'aria-label': copy[k].headline }}\n                      sx={{\n                        '& .MuiSvgIcon-root': {\n                          color: selected === k ? 'inherit' : 'action.active',\n                        },\n                      }}\n                    />\n                  }\n                  labelPlacement=\"start\"\n                  label={\n                    <Stack sx={{ gap: 4, flexGrow: 1 }}>\n                      <Text bold={true} variant=\"body1\">\n                        {copy[k].headline}\n                      </Text>\n                      <Text variant=\"subtitle2\">{copy[k].description}</Text>\n                    </Stack>\n                  }\n                  sx={{\n                    alignItems: 'center',\n                    borderRadius: '8px',\n                    justifyContent: 'space-between',\n                    m: 0,\n                    minHeight: 72,\n                    px: 16,\n                    py: 0,\n                    border: (theme) =>\n                      selected === k\n                        ? `2px solid ${alpha(theme.palette.primary.main, 0.5)}`\n                        : `1px solid ${alpha(theme.palette.divider, 0.5)}`,\n                  }}\n                />\n              ))}\n            </Stack>\n          </RadioGroup>\n        </Stack>\n      </Dialog>\n    )\n  },\n)\n\nexport default DismissInsightDialog\n"],"mappings":"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"}

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

@@ -8,12 +8,12 @@ import E from "@mui/material/TextField";
 import L from "@mui/material/Radio";
 import G from "@mui/material/FormControl";
 import H from "@mui/material/RadioGroup";
-var K = 250, O = ({ isOpen: l, onClose: h, onSubmit: x, title: c, options: r, characterLimit: v = K, characterLimitLabel: u, secondaryText: C, primaryText: S, closeAriaLabel: y, onBackClick: k, onTextInputFocus: F }) => {
+var K = 250, O = ({ isOpen: l, onClose: h, onSubmit: x, title: s, options: r, characterLimit: v = K, characterLimitLabel: u, secondaryText: C, primaryText: S, closeAriaLabel: y, onBackClick: k, onTextInputFocus: F }) => {
   const [t, m] = b(""), [a, d] = b(""), i = p(!1), n = p(!1);
   if (w(() => {
     l && (i.current = !1, n.current = !1);
   }, [l]), r.length === 0) return null;
-  const s = t === r[r.length - 1], R = !t || s && !a.trim(), f = () => {
+  const c = t === r[r.length - 1], R = !t || c && !a.trim(), f = () => {
     m(""), d("");
   }, D = (e) => {
     if (e === "backdropClick" || e === "escapeKeyDown") return e;
@@ -28,14 +28,14 @@ var K = 250, O = ({ isOpen: l, onClose: h, onSubmit: x, title: c, options: r, ch
   };
   return /* @__PURE__ */ g(P, {
     copy: {
-      title: c,
+      title: s,
       close_aria: y
     },
     disablePrimaryButton: R,
     isOpen: l,
     onClose: M,
     onPrimaryAction: () => {
-      n.current = !0, x(t, s ? a.trim() : void 0), f();
+      n.current = !0, x(t, c ? a.trim() : void 0), f();
     },
     onSecondaryAction: T,
     primaryText: S,
@@ -59,12 +59,15 @@ var K = 250, O = ({ isOpen: l, onClose: h, onSubmit: x, title: c, options: r, ch
       }
     },
     children: [/* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(H, {
-      "aria-label": c,
+      "aria-label": s,
       name: "feedback-radio-group",
       onChange: (e) => m(e.target.value),
       value: t,
       children: r.map((e) => /* @__PURE__ */ o(z, {
-        control: /* @__PURE__ */ o(L, { sx: { "& .MuiSvgIcon-root": { fontSize: 22 } } }),
+        control: /* @__PURE__ */ o(L, { sx: { "& .MuiSvgIcon-root": {
+          fontSize: 22,
+          color: "action.active"
+        } } }),
         label: e,
         sx: { "& .MuiFormControlLabel-label": {
           color: "text.primary",
@@ -72,7 +75,7 @@ var K = 250, O = ({ isOpen: l, onClose: h, onSubmit: x, title: c, options: r, ch
         } },
         value: e
       }, e))
-    }) }), s && /* @__PURE__ */ g(_, {
+    }) }), c && /* @__PURE__ */ g(_, {
       sx: {
         gap: 3,
         mt: 4

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackDialog.es.js","names":[],"sources":["../../../src/insights-v2/components/FeedbackDialog.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog } from '../../common'\n\nconst CHARACTER_LIMIT = 250\n\nexport type FeedbackDialogCloseReason = 'closeButton' | 'backdropClick' | 'escapeKeyDown'\n\nexport interface FeedbackDialogProps {\n  title: string\n  options: string[]\n  characterLimit?: number\n  characterLimitLabel?: string\n  isOpen: boolean\n  onSubmit: (option: string, detail?: string) => void\n  /** Called on every close; `reason` is set for user-initiated closes (X/backdrop/escape), undefined on submit/back. */\n  onClose: (reason?: FeedbackDialogCloseReason) => void\n  onBackClick?: () => void\n  onTextInputFocus?: () => void\n  secondaryText: string\n  primaryText: string\n  closeAriaLabel: string\n}\n\n/** Generic feedback survey dialog. Last option shows detail text field. */\nconst FeedbackDialog = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  title,\n  options,\n  characterLimit = CHARACTER_LIMIT,\n  characterLimitLabel,\n  secondaryText,\n  primaryText,\n  closeAriaLabel,\n  onBackClick,\n  onTextInputFocus,\n}: FeedbackDialogProps) => {\n  const [selected, setSelected] = useState('')\n  const [detail, setDetail] = useState('')\n  const hasTrackedFocus = useRef(false)\n  const skipCloseAnalytics = useRef(false)\n\n  useEffect(() => {\n    if (isOpen) {\n      hasTrackedFocus.current = false\n      skipCloseAnalytics.current = false\n    }\n  }, [isOpen])\n\n  if (options.length === 0) return null\n\n  const isOther = selected === options[options.length - 1]\n  const isSubmitDisabled = !selected || (isOther && !detail.trim())\n\n  const reset = () => {\n    setSelected('')\n    setDetail('')\n  }\n\n  const resolveCloseReason = (reason?: string): FeedbackDialogCloseReason | undefined => {\n    if (reason === 'backdropClick' || reason === 'escapeKeyDown') return reason\n    if (!skipCloseAnalytics.current) return 'closeButton'\n    return undefined\n  }\n\n  const handleClose = (_event?: unknown, reason?: string) => {\n    const closeReason = resolveCloseReason(reason)\n    reset()\n    onClose(closeReason)\n  }\n\n  const handleBack = () => {\n    skipCloseAnalytics.current = true\n    onBackClick?.()\n  }\n\n  const handleTextFocus = () => {\n    if (!hasTrackedFocus.current) {\n      hasTrackedFocus.current = true\n      onTextInputFocus?.()\n    }\n  }\n\n  const handleSubmit = () => {\n    skipCloseAnalytics.current = true\n    onSubmit(selected, isOther ? detail.trim() : undefined)\n    reset()\n  }\n\n  return (\n    <Dialog\n      copy={{ title, close_aria: closeAriaLabel }}\n      disablePrimaryButton={isSubmitDisabled}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onPrimaryAction={handleSubmit}\n      onSecondaryAction={handleBack}\n      primaryText={primaryText}\n      secondaryText={secondaryText}\n      sx={{\n        '& .MuiDialogContent-root': { py: 0 },\n        '& .MuiDialog-paperScrollPaper': { bgcolor: 'background.paper' },\n        '& .MuiDialog-paper': {\n          outline: 'none',\n          '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main' },\n        },\n        '& .MuiButton-outlined': {\n          border: 'none',\n          '&:hover': { bgcolor: 'transparent', border: 'none' },\n        },\n      }}\n    >\n      <FormControl>\n        <RadioGroup\n          aria-label={title}\n          name=\"feedback-radio-group\"\n          onChange={(e) => setSelected(e.target.value)}\n          value={selected}\n        >\n          {options.map((option) => (\n            <FormControlLabel\n              control={<Radio sx={{ '& .MuiSvgIcon-root': { fontSize: 22 } }} />}\n              key={option}\n              label={option}\n              sx={{\n                '& .MuiFormControlLabel-label': {\n                  color: 'text.primary',\n                  fontSize: 15,\n                },\n              }}\n              value={option}\n            />\n          ))}\n        </RadioGroup>\n      </FormControl>\n\n      {isOther && (\n        <Stack sx={{ gap: 3, mt: 4 }}>\n          <TextField\n            autoFocus\n            maxRows={4}\n            minRows={4}\n            multiline={true}\n            onChange={(e) => setDetail(e.target.value)}\n            onFocus={handleTextFocus}\n            slotProps={{ htmlInput: { maxLength: characterLimit } }}\n            value={detail}\n          />\n          {characterLimitLabel && (\n            <Text sx={{ color: 'text.secondary', fontWeight: 400 }} variant=\"subtitle2\">\n              {characterLimitLabel}\n            </Text>\n          )}\n        </Stack>\n      )}\n    </Dialog>\n  )\n}\n\nexport default FeedbackDialog\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackDialog.es.js","names":[],"sources":["../../../src/insights-v2/components/FeedbackDialog.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport FormControl from '@mui/material/FormControl'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup from '@mui/material/RadioGroup'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog } from '../../common'\n\nconst CHARACTER_LIMIT = 250\n\nexport type FeedbackDialogCloseReason = 'closeButton' | 'backdropClick' | 'escapeKeyDown'\n\nexport interface FeedbackDialogProps {\n  title: string\n  options: string[]\n  characterLimit?: number\n  characterLimitLabel?: string\n  isOpen: boolean\n  onSubmit: (option: string, detail?: string) => void\n  /** Called on every close; `reason` is set for user-initiated closes (X/backdrop/escape), undefined on submit/back. */\n  onClose: (reason?: FeedbackDialogCloseReason) => void\n  onBackClick?: () => void\n  onTextInputFocus?: () => void\n  secondaryText: string\n  primaryText: string\n  closeAriaLabel: string\n}\n\n/** Generic feedback survey dialog. Last option shows detail text field. */\nconst FeedbackDialog = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  title,\n  options,\n  characterLimit = CHARACTER_LIMIT,\n  characterLimitLabel,\n  secondaryText,\n  primaryText,\n  closeAriaLabel,\n  onBackClick,\n  onTextInputFocus,\n}: FeedbackDialogProps) => {\n  const [selected, setSelected] = useState('')\n  const [detail, setDetail] = useState('')\n  const hasTrackedFocus = useRef(false)\n  const skipCloseAnalytics = useRef(false)\n\n  useEffect(() => {\n    if (isOpen) {\n      hasTrackedFocus.current = false\n      skipCloseAnalytics.current = false\n    }\n  }, [isOpen])\n\n  if (options.length === 0) return null\n\n  const isOther = selected === options[options.length - 1]\n  const isSubmitDisabled = !selected || (isOther && !detail.trim())\n\n  const reset = () => {\n    setSelected('')\n    setDetail('')\n  }\n\n  const resolveCloseReason = (reason?: string): FeedbackDialogCloseReason | undefined => {\n    if (reason === 'backdropClick' || reason === 'escapeKeyDown') return reason\n    if (!skipCloseAnalytics.current) return 'closeButton'\n    return undefined\n  }\n\n  const handleClose = (_event?: unknown, reason?: string) => {\n    const closeReason = resolveCloseReason(reason)\n    reset()\n    onClose(closeReason)\n  }\n\n  const handleBack = () => {\n    skipCloseAnalytics.current = true\n    onBackClick?.()\n  }\n\n  const handleTextFocus = () => {\n    if (!hasTrackedFocus.current) {\n      hasTrackedFocus.current = true\n      onTextInputFocus?.()\n    }\n  }\n\n  const handleSubmit = () => {\n    skipCloseAnalytics.current = true\n    onSubmit(selected, isOther ? detail.trim() : undefined)\n    reset()\n  }\n\n  return (\n    <Dialog\n      copy={{ title, close_aria: closeAriaLabel }}\n      disablePrimaryButton={isSubmitDisabled}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onPrimaryAction={handleSubmit}\n      onSecondaryAction={handleBack}\n      primaryText={primaryText}\n      secondaryText={secondaryText}\n      sx={{\n        '& .MuiDialogContent-root': { py: 0 },\n        '& .MuiDialog-paperScrollPaper': { bgcolor: 'background.paper' },\n        '& .MuiDialog-paper': {\n          outline: 'none',\n          '&:focus-visible': {\n            outline: '2px solid',\n            outlineColor: 'primary.main',\n          },\n        },\n        '& .MuiButton-outlined': {\n          border: 'none',\n          '&:hover': { bgcolor: 'transparent', border: 'none' },\n        },\n      }}\n    >\n      <FormControl>\n        <RadioGroup\n          aria-label={title}\n          name=\"feedback-radio-group\"\n          onChange={(e) => setSelected(e.target.value)}\n          value={selected}\n        >\n          {options.map((option) => (\n            <FormControlLabel\n              control={\n                <Radio\n                  sx={{\n                    '& .MuiSvgIcon-root': {\n                      fontSize: 22,\n                      color: 'action.active',\n                    },\n                  }}\n                />\n              }\n              key={option}\n              label={option}\n              sx={{\n                '& .MuiFormControlLabel-label': {\n                  color: 'text.primary',\n                  fontSize: 15,\n                },\n              }}\n              value={option}\n            />\n          ))}\n        </RadioGroup>\n      </FormControl>\n\n      {isOther && (\n        <Stack sx={{ gap: 3, mt: 4 }}>\n          <TextField\n            autoFocus\n            maxRows={4}\n            minRows={4}\n            multiline={true}\n            onChange={(e) => setDetail(e.target.value)}\n            onFocus={handleTextFocus}\n            slotProps={{ htmlInput: { maxLength: characterLimit } }}\n            value={detail}\n          />\n          {characterLimitLabel && (\n            <Text sx={{ color: 'text.secondary', fontWeight: 400 }} variant=\"subtitle2\">\n              {characterLimitLabel}\n            </Text>\n          )}\n        </Stack>\n      )}\n    </Dialog>\n  )\n}\n\nexport default FeedbackDialog\n"],"mappings":"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"}

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

@@ -1,54 +1,54 @@
-import { useGlobalCopyStore as m } from "../../common/context/hooks.es.js";
-import { useBeatActions as a } from "../beatActions.es.js";
-import { OverflowMenu as p } from "./OverflowMenu.es.js";
-import { observer as f } from "mobx-react-lite";
-import { Icon as l } from "@mxenabled/mx-icons";
+import { useGlobalCopyStore as c } from "../../common/context/hooks.es.js";
+import { useBeatActions as s } from "../beatActions.es.js";
+import { OverflowMenu as f } from "./OverflowMenu.es.js";
+import { observer as m } from "mobx-react-lite";
+import { Icon as t } from "@mxenabled/mx-icons";
 import { jsx as o } from "react/jsx-runtime";
-var d = f(() => {
-  const { onMenuAction: n } = a(), e = m().insights_feed?.overflow_menu;
-  if (!n || !e) return null;
-  const { onAction: t, onOpen: i, disabled: r } = n, s = [
+var v = m(() => {
+  const { onMenuAction: i } = s(), e = c().insights_feed?.overflow_menu;
+  if (!i || !e) return null;
+  const { onAction: n, onOpen: l, disabled: r } = i, a = [
     {
       key: "helpful",
-      icon: /* @__PURE__ */ o(l, {
+      icon: /* @__PURE__ */ o(t, {
         name: "thumb_up",
         size: 24,
-        sx: { color: "text.primary" }
+        sx: { color: "action.active" }
       }),
       label: e.helpful,
-      onSelect: () => t("helpful")
+      onSelect: () => n("helpful")
     },
     {
       key: "not_helpful",
-      icon: /* @__PURE__ */ o(l, {
+      icon: /* @__PURE__ */ o(t, {
         name: "thumb_down",
         size: 24,
-        sx: { color: "text.primary" }
+        sx: { color: "action.active" }
       }),
       label: e.not_helpful,
-      onSelect: () => t("not_helpful")
+      onSelect: () => n("not_helpful")
     },
     {
       key: "hide",
-      icon: /* @__PURE__ */ o(l, {
+      icon: /* @__PURE__ */ o(t, {
         name: "visibility_off",
         size: 24,
-        sx: { color: "text.primary" }
+        sx: { color: "action.active" }
       }),
       label: e.hide,
-      onSelect: () => t("hide")
+      onSelect: () => n("hide")
     }
   ];
-  return /* @__PURE__ */ o(p, {
+  return /* @__PURE__ */ o(f, {
     ariaLabel: e.aria_label,
     disabled: r,
-    items: s,
-    onOpen: i
+    items: a,
+    onOpen: l
   });
 });
 export {
-  d as InsightOptionsMenu,
-  d as default
+  v as InsightOptionsMenu,
+  v as default
 };
 
 //# sourceMappingURL=InsightOptionsMenu.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InsightOptionsMenu.es.js","names":[],"sources":["../../../src/insights-v2/components/InsightOptionsMenu.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../common'\n\nimport { useBeatActions } from '../beatActions'\n\nimport { OverflowMenu, type OverflowMenuItem } from './OverflowMenu'\n\n/** Overflow menu for insight cards. */\nexport const InsightOptionsMenu = observer(() => {\n  const { onMenuAction } = useBeatActions()\n  const copy = useGlobalCopyStore().insights_feed?.overflow_menu\n\n  if (!onMenuAction || !copy) return null\n\n  const { onAction, onOpen, disabled } = onMenuAction\n\n  const items: OverflowMenuItem[] = [\n    {\n      key: 'helpful',\n      icon: <Icon name=\"thumb_up\" size={24} sx={{ color: 'text.primary' }} />,\n      label: copy.helpful,\n      onSelect: () => onAction('helpful'),\n    },\n    {\n      key: 'not_helpful',\n      icon: <Icon name=\"thumb_down\" size={24} sx={{ color: 'text.primary' }} />,\n      label: copy.not_helpful,\n      onSelect: () => onAction('not_helpful'),\n    },\n    {\n      key: 'hide',\n      icon: <Icon name=\"visibility_off\" size={24} sx={{ color: 'text.primary' }} />,\n      label: copy.hide,\n      onSelect: () => onAction('hide'),\n    },\n  ]\n\n  return (\n    <OverflowMenu ariaLabel={copy.aria_label} disabled={disabled} items={items} onOpen={onOpen} />\n  )\n})\n\nexport default InsightOptionsMenu\n"],"mappings":";;;;;;AAWA,IAAa,IAAqB,EAAA,MAAe;AAC/C,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAe,GAClC,IAAO,EAAmB,EAAE,eAAe;AAEjD,MAAI,CAAC,KAAgB,CAAC,EAAM,QAAO;AAEnC,QAAM,EAAE,UAAA,GAAU,QAAA,GAAQ,UAAA,EAAA,IAAa,GAEjC,IAA4B;AAAA,IAChC;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAW,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,MACtE,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,SAAS;AAAA,IACpC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAa,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,MACxE,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,aAAa;AAAA,IACxC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAiB,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,eAAe;AAAA,MAAI,CAAA;AAAA,MAC5E,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,MAAM;AAAA,IACjC;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAc,WAAW,EAAK;AAAA,IAAsB,UAAA;AAAA,IAAiB,OAAA;AAAA,IAAe,QAAA;AAAA,EAAS,CAAA;AAEjG,CAAC"}
+{"version":3,"file":"InsightOptionsMenu.es.js","names":[],"sources":["../../../src/insights-v2/components/InsightOptionsMenu.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { useGlobalCopyStore } from '../../common'\n\nimport { useBeatActions } from '../beatActions'\n\nimport { OverflowMenu, type OverflowMenuItem } from './OverflowMenu'\n\n/** Overflow menu for insight cards. */\nexport const InsightOptionsMenu = observer(() => {\n  const { onMenuAction } = useBeatActions()\n  const copy = useGlobalCopyStore().insights_feed?.overflow_menu\n\n  if (!onMenuAction || !copy) return null\n\n  const { onAction, onOpen, disabled } = onMenuAction\n\n  const items: OverflowMenuItem[] = [\n    {\n      key: 'helpful',\n      icon: <Icon name=\"thumb_up\" size={24} sx={{ color: 'action.active' }} />,\n      label: copy.helpful,\n      onSelect: () => onAction('helpful'),\n    },\n    {\n      key: 'not_helpful',\n      icon: <Icon name=\"thumb_down\" size={24} sx={{ color: 'action.active' }} />,\n      label: copy.not_helpful,\n      onSelect: () => onAction('not_helpful'),\n    },\n    {\n      key: 'hide',\n      icon: <Icon name=\"visibility_off\" size={24} sx={{ color: 'action.active' }} />,\n      label: copy.hide,\n      onSelect: () => onAction('hide'),\n    },\n  ]\n\n  return (\n    <OverflowMenu ariaLabel={copy.aria_label} disabled={disabled} items={items} onOpen={onOpen} />\n  )\n})\n\nexport default InsightOptionsMenu\n"],"mappings":";;;;;;AAWA,IAAa,IAAqB,EAAA,MAAe;AAC/C,QAAM,EAAE,cAAA,EAAA,IAAiB,EAAe,GAClC,IAAO,EAAmB,EAAE,eAAe;AAEjD,MAAI,CAAC,KAAgB,CAAC,EAAM,QAAO;AAEnC,QAAM,EAAE,UAAA,GAAU,QAAA,GAAQ,UAAA,EAAA,IAAa,GAEjC,IAA4B;AAAA,IAChC;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAW,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,MAAI,CAAA;AAAA,MACvE,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,SAAS;AAAA,IACpC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAa,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,MAAI,CAAA;AAAA,MACzE,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,aAAa;AAAA,IACxC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,MAAM,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAiB,MAAM;AAAA,QAAI,IAAI,EAAE,OAAO,gBAAgB;AAAA,MAAI,CAAA;AAAA,MAC7E,OAAO,EAAK;AAAA,MACZ,UAAA,MAAgB,EAAS,MAAM;AAAA,IACjC;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAc,WAAW,EAAK;AAAA,IAAsB,UAAA;AAAA,IAAiB,OAAA;AAAA,IAAe,QAAA;AAAA,EAAS,CAAA;AAEjG,CAAC"}

package/dist/insights-v2/hooks/useBeatFeedbackFlow.es.js

@@ -1,12 +1,12 @@
-import { useGlobalCopyStore as b } from "../../common/context/hooks.es.js";
-import { useEffect as g, useMemo as p, useState as u } from "react";
-var w = (n, o) => {
-  const d = b(), [r, l] = u(null), [i, t] = u(null), [h, a] = u(!1), [f, c] = u(!1);
-  g(() => {
-    n.is_dismissed || c(!1);
-  }, [n.is_dismissed]);
-  const k = p(() => n.is_dismissed && f ? "dismissed" : n.is_dismissed ? "confirming" : "visible", [n.is_dismissed, f]), v = (() => {
-    const e = d.insights_feed?.feedback, s = d.insights_feed?.hide_feedback, m = {
+import { useGlobalCopyStore as y } from "../../common/context/hooks.es.js";
+import { useEffect as S, useMemo as p, useState as u } from "react";
+var H = (h, n) => {
+  const a = y(), [r, t] = u(null), [i, l] = u(null), [b, d] = u(!1), [f, c] = u(!1), o = h.insights_payload;
+  S(() => {
+    o?.is_dismissed || c(!1);
+  }, [o?.is_dismissed]);
+  const k = p(() => o?.is_dismissed && f ? "dismissed" : o?.is_dismissed ? "confirming" : "visible", [o?.is_dismissed, f]), _ = (() => {
+    const e = a.insights_feed?.feedback, s = a.insights_feed?.hide_feedback, m = {
       characterLimitLabel: (i === "hide" ? s : e)?.character_limit,
       closeAriaLabel: (i === "hide" ? s : e)?.close_aria ?? "Close",
       submitText: (i === "hide" ? s : e)?.submit ?? "Submit",
@@ -17,67 +17,67 @@ var w = (n, o) => {
       options: Object.values(s.options),
       ...m
     };
-    const _ = Object.values(i === "not_helpful" ? e?.not_helpful_options ?? {} : e?.helpful_options ?? {});
+    const g = Object.values(i === "not_helpful" ? e?.not_helpful_options ?? {} : e?.helpful_options ?? {});
     return {
       title: e?.tell_us_more_title ?? "Tell us more",
-      options: _,
+      options: g,
       ...m
     };
-  })(), S = p(() => {
-    const e = o.onMenuAction;
+  })(), v = p(() => {
+    const e = n.onMenuAction;
     return e ? {
-      ...o,
+      ...n,
       onMenuAction: {
         ...e,
         onAction: (s) => {
-          s === "helpful" || s === "not_helpful" ? l(s) : s === "hide" && a(!0), e.onAction(s);
+          s === "helpful" || s === "not_helpful" ? t(s) : s === "hide" && d(!0), e.onAction(s);
         }
       }
-    } : o;
-  }, [o]);
+    } : n;
+  }, [n]);
   return {
     cardState: k,
-    isDismissOpen: h,
+    isDismissOpen: b,
     isSurveyOpen: i !== null,
     isFeedbackBarShown: r !== null,
-    survey: v,
-    wrappedActions: S,
+    survey: _,
+    wrappedActions: v,
     openRatingSurvey: () => {
-      r && t(r);
+      r && l(r);
     },
-    openHideSurvey: () => t("hide"),
+    openHideSurvey: () => l("hide"),
     closeSurvey: (e) => {
-      e && o.onFeedbackDialogClose?.(e), i !== "hide" && l(null), t(null);
+      e && n.onFeedbackDialogClose?.(e), i !== "hide" && t(null), l(null);
     },
     submitSurvey: (e, s) => {
-      i && (o.onSubmitFeedback?.({
-        beatGuid: n.guid,
+      !i || !o || (n.onSubmitFeedback?.({
+        beatGuid: o.guid,
         source: i,
         option: e,
         detail: s
-      }), t(null), i === "hide" ? c(!0) : l(null));
+      }), l(null), i === "hide" ? c(!0) : t(null));
     },
     confirmDismiss: (e) => {
-      o.onDismissInsight?.({
-        beatGuid: n.guid,
+      o && n.onDismissInsight?.({
+        beatGuid: o.guid,
         type: e
       });
     },
     undoDismiss: () => {
-      o.onUndoDismiss?.({ beatGuid: n.guid }), l(null);
+      o && (n.onUndoDismiss?.({ beatGuid: o.guid }), t(null));
     },
     collapseConfirmation: () => {
       c(!0);
     },
-    closeDismissDialog: () => a(!1),
+    closeDismissDialog: () => d(!1),
     feedbackDialogCallbacks: {
-      onBackClick: o.onFeedbackDialogBack,
-      onTextInputFocus: o.onFeedbackTextFocus
+      onBackClick: n.onFeedbackDialogBack,
+      onTextInputFocus: n.onFeedbackTextFocus
     }
   };
 };
 export {
-  w as useBeatFeedbackFlow
+  H as useBeatFeedbackFlow
 };
 
 //# sourceMappingURL=useBeatFeedbackFlow.es.js.map

package/dist/insights-v2/hooks/useBeatFeedbackFlow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBeatFeedbackFlow.es.js","names":[],"sources":["../../../src/insights-v2/hooks/useBeatFeedbackFlow.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport { useGlobalCopyStore } from '../../common'\nimport type { Beat } from '../../core'\nimport type { BeatActions, InsightRating } from '../beatActions'\nimport type { DismissType } from '../components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from '../components/FeedbackDialog'\n\nexport type FeedbackVariant = InsightRating | 'hide'\nexport type CardState = 'visible' | 'confirming' | 'dismissed'\n\n/**\n * Manages feedback and dismiss UI state for a beat card.\n * Handles feedback bar, dismiss dialog, confirmation card, and survey dialogs.\n */\nexport const useBeatFeedbackFlow = (beat: Beat, beatActions: BeatActions) => {\n  const copyStore = useGlobalCopyStore()\n\n  const [feedbackRating, setFeedbackRating] = useState<InsightRating | null>(null)\n  const [feedbackVariant, setFeedbackVariant] = useState<FeedbackVariant | null>(null)\n  const [isDismissOpen, setIsDismissOpen] = useState(false)\n  const [hasClosedConfirmation, setHasClosedConfirmation] = useState(false)\n\n  // Reset the confirmation-closed flag whenever the beat is no longer dismissed\n  // (undo or a host reload flipping is_dismissed), so a fresh dismiss always\n  // starts at the confirmation card instead of jumping to 'dismissed'.\n  useEffect(() => {\n    if (!beat.is_dismissed) setHasClosedConfirmation(false)\n  }, [beat.is_dismissed])\n\n  const cardState: CardState = useMemo(() => {\n    if (beat.is_dismissed && hasClosedConfirmation) return 'dismissed'\n    if (beat.is_dismissed) return 'confirming'\n    return 'visible'\n  }, [beat.is_dismissed, hasClosedConfirmation])\n\n  const resolveSurvey = () => {\n    const feedbackCopy = copyStore.insights_feed?.feedback\n    const hideCopy = copyStore.insights_feed?.hide_feedback\n\n    const chrome = {\n      characterLimitLabel: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.character_limit,\n      closeAriaLabel: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.close_aria ?? 'Close',\n      submitText: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.submit ?? 'Submit',\n      backText: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.back ?? 'Back',\n    }\n\n    if (feedbackVariant === 'hide' && hideCopy) {\n      return { title: hideCopy.title, options: Object.values(hideCopy.options), ...chrome }\n    }\n\n    const options =\n      feedbackVariant === 'not_helpful'\n        ? Object.values(feedbackCopy?.not_helpful_options ?? {})\n        : Object.values(feedbackCopy?.helpful_options ?? {})\n\n    return { title: feedbackCopy?.tell_us_more_title ?? 'Tell us more', options, ...chrome }\n  }\n\n  const survey = resolveSurvey()\n\n  const wrappedActions = useMemo<BeatActions>(() => {\n    const menu = beatActions.onMenuAction\n    if (!menu) return beatActions\n    return {\n      ...beatActions,\n      onMenuAction: {\n        ...menu,\n        onAction: (action) => {\n          if (action === 'helpful' || action === 'not_helpful') {\n            setFeedbackRating(action)\n          } else if (action === 'hide') {\n            setIsDismissOpen(true)\n          }\n          menu.onAction(action)\n        },\n      },\n    }\n  }, [beatActions])\n\n  const openRatingSurvey = () => {\n    if (feedbackRating) setFeedbackVariant(feedbackRating)\n  }\n\n  const openHideSurvey = () => setFeedbackVariant('hide')\n\n  const closeSurvey = (reason?: FeedbackDialogCloseReason) => {\n    if (reason) beatActions.onFeedbackDialogClose?.(reason)\n    if (feedbackVariant !== 'hide') setFeedbackRating(null)\n    setFeedbackVariant(null)\n  }\n\n  const submitSurvey = (option: string, detail?: string) => {\n    if (!feedbackVariant) return\n    beatActions.onSubmitFeedback?.({ beatGuid: beat.guid, source: feedbackVariant, option, detail })\n    setFeedbackVariant(null)\n    if (feedbackVariant === 'hide') {\n      setHasClosedConfirmation(true)\n    } else {\n      setFeedbackRating(null)\n    }\n  }\n\n  const confirmDismiss = (type: DismissType) => {\n    beatActions.onDismissInsight?.({ beatGuid: beat.guid, type })\n  }\n\n  const undoDismiss = () => {\n    beatActions.onUndoDismiss?.({ beatGuid: beat.guid })\n    setFeedbackRating(null)\n  }\n\n  const collapseConfirmation = () => {\n    setHasClosedConfirmation(true)\n  }\n\n  const closeDismissDialog = () => setIsDismissOpen(false)\n\n  return {\n    cardState,\n    isDismissOpen,\n    isSurveyOpen: feedbackVariant !== null,\n    isFeedbackBarShown: feedbackRating !== null,\n    survey,\n    wrappedActions,\n    openRatingSurvey,\n    openHideSurvey,\n    closeSurvey,\n    submitSurvey,\n    confirmDismiss,\n    undoDismiss,\n    collapseConfirmation,\n    closeDismissDialog,\n    feedbackDialogCallbacks: {\n      onBackClick: beatActions.onFeedbackDialogBack,\n      onTextInputFocus: beatActions.onFeedbackTextFocus,\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useBeatFeedbackFlow.es.js","names":[],"sources":["../../../src/insights-v2/hooks/useBeatFeedbackFlow.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport { useGlobalCopyStore } from '../../common'\nimport type { Beat } from '../../core'\nimport type { BeatActions, InsightRating } from '../beatActions'\nimport type { DismissType } from '../components/DismissInsightDialog'\nimport type { FeedbackDialogCloseReason } from '../components/FeedbackDialog'\n\nexport type FeedbackVariant = InsightRating | 'hide'\nexport type CardState = 'visible' | 'confirming' | 'dismissed'\n\n/**\n * Manages feedback and dismiss UI state for a beat card.\n * Handles feedback bar, dismiss dialog, confirmation card, and survey dialogs.\n */\nexport const useBeatFeedbackFlow = (beat: Beat, beatActions: BeatActions) => {\n  const copyStore = useGlobalCopyStore()\n\n  const [feedbackRating, setFeedbackRating] = useState<InsightRating | null>(null)\n  const [feedbackVariant, setFeedbackVariant] = useState<FeedbackVariant | null>(null)\n  const [isDismissOpen, setIsDismissOpen] = useState(false)\n  const [hasClosedConfirmation, setHasClosedConfirmation] = useState(false)\n\n  const insights_payload = beat.insights_payload\n\n  // Reset the confirmation-closed flag whenever the beat is no longer dismissed\n  // (undo or a host reload flipping is_dismissed), so a fresh dismiss always\n  // starts at the confirmation card instead of jumping to 'dismissed'.\n  useEffect(() => {\n    if (!insights_payload?.is_dismissed) setHasClosedConfirmation(false)\n  }, [insights_payload?.is_dismissed])\n\n  const cardState: CardState = useMemo(() => {\n    if (insights_payload?.is_dismissed && hasClosedConfirmation) return 'dismissed'\n    if (insights_payload?.is_dismissed) return 'confirming'\n    return 'visible'\n  }, [insights_payload?.is_dismissed, hasClosedConfirmation])\n\n  const resolveSurvey = () => {\n    const feedbackCopy = copyStore.insights_feed?.feedback\n    const hideCopy = copyStore.insights_feed?.hide_feedback\n\n    const chrome = {\n      characterLimitLabel: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.character_limit,\n      closeAriaLabel: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.close_aria ?? 'Close',\n      submitText: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.submit ?? 'Submit',\n      backText: (feedbackVariant === 'hide' ? hideCopy : feedbackCopy)?.back ?? 'Back',\n    }\n\n    if (feedbackVariant === 'hide' && hideCopy) {\n      return {\n        title: hideCopy.title,\n        options: Object.values(hideCopy.options),\n        ...chrome,\n      }\n    }\n\n    const options =\n      feedbackVariant === 'not_helpful'\n        ? Object.values(feedbackCopy?.not_helpful_options ?? {})\n        : Object.values(feedbackCopy?.helpful_options ?? {})\n\n    return {\n      title: feedbackCopy?.tell_us_more_title ?? 'Tell us more',\n      options,\n      ...chrome,\n    }\n  }\n\n  const survey = resolveSurvey()\n\n  const wrappedActions = useMemo<BeatActions>(() => {\n    const menu = beatActions.onMenuAction\n    if (!menu) return beatActions\n    return {\n      ...beatActions,\n      onMenuAction: {\n        ...menu,\n        onAction: (action) => {\n          if (action === 'helpful' || action === 'not_helpful') {\n            setFeedbackRating(action)\n          } else if (action === 'hide') {\n            setIsDismissOpen(true)\n          }\n          menu.onAction(action)\n        },\n      },\n    }\n  }, [beatActions])\n\n  const openRatingSurvey = () => {\n    if (feedbackRating) setFeedbackVariant(feedbackRating)\n  }\n\n  const openHideSurvey = () => setFeedbackVariant('hide')\n\n  const closeSurvey = (reason?: FeedbackDialogCloseReason) => {\n    if (reason) beatActions.onFeedbackDialogClose?.(reason)\n    if (feedbackVariant !== 'hide') setFeedbackRating(null)\n    setFeedbackVariant(null)\n  }\n\n  const submitSurvey = (option: string, detail?: string) => {\n    if (!feedbackVariant || !insights_payload) return\n    beatActions.onSubmitFeedback?.({\n      beatGuid: insights_payload.guid,\n      source: feedbackVariant,\n      option,\n      detail,\n    })\n    setFeedbackVariant(null)\n    if (feedbackVariant === 'hide') {\n      setHasClosedConfirmation(true)\n    } else {\n      setFeedbackRating(null)\n    }\n  }\n\n  const confirmDismiss = (type: DismissType) => {\n    if (!insights_payload) return\n    beatActions.onDismissInsight?.({ beatGuid: insights_payload.guid, type })\n  }\n\n  const undoDismiss = () => {\n    if (!insights_payload) return\n    beatActions.onUndoDismiss?.({ beatGuid: insights_payload.guid })\n    setFeedbackRating(null)\n  }\n\n  const collapseConfirmation = () => {\n    setHasClosedConfirmation(true)\n  }\n\n  const closeDismissDialog = () => setIsDismissOpen(false)\n\n  return {\n    cardState,\n    isDismissOpen,\n    isSurveyOpen: feedbackVariant !== null,\n    isFeedbackBarShown: feedbackRating !== null,\n    survey,\n    wrappedActions,\n    openRatingSurvey,\n    openHideSurvey,\n    closeSurvey,\n    submitSurvey,\n    confirmDismiss,\n    undoDismiss,\n    collapseConfirmation,\n    closeDismissDialog,\n    feedbackDialogCallbacks: {\n      onBackClick: beatActions.onFeedbackDialogBack,\n      onTextInputFocus: beatActions.onFeedbackTextFocus,\n    },\n  }\n}\n"],"mappings":"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"}

package/package.json

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