@mx-cartographer/experiences 9.4.31 → 9.4.33

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