@mx-cartographer/experiences 9.4.22 → 9.4.24

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

@@ -1,32 +1,36 @@
 import { useInsightsV2Store as b } from "../../../../common/context/hooks.es.js";
 import { formatCurrency as B } from "../../../../core/utils/NumberFormatting.es.js";
 import { BarChartV2 as C } from "../../../components/chartblocks/BarchartV2.es.js";
-import { EmptyBarChart as x } from "../../../components/chartblocks/EmptyBarChart.es.js";
-import { barChartVariant as _, buildChartData as v, buildDataSeries as A } from "./utils.es.js";
-import D from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { useTheme as y } from "@mui/material/styles";
-var E = ({ payload: n, beatGuid: m = "" }) => {
-  const s = y(), { openActionDrawer: c } = b(), { instance_slot: i, instance_slot_data: a } = n, { data_series: l, ariaLabel: h = "", average_amount: e = 0, legends: d = [] } = a, t = v(A(l), h), [p] = D.useState(t.length - 1), { color: u } = _(i, a, s), [f, g] = d.map((r) => r.label);
-  return t.length ? /* @__PURE__ */ o(C, {
+import { EmptyBarChart as _ } from "../../../components/chartblocks/EmptyBarChart.es.js";
+import { barChartVariant as A, buildChartData as I, buildDataSeries as T } from "./utils.es.js";
+import { actionBlocksKey as x } from "../../../mappings/actionBlocksKey.es.js";
+import S from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as k } from "@mui/material/styles";
+var j = ({ payload: n, beatGuid: m = "" }) => {
+  const c = k(), { openActionDrawer: s } = b(), { instance_slot: i, instance_slot_data: a } = n, { data_series: l, ariaLabel: h = "", average_amount: o = 0, legends: p = [] } = a, t = I(T(l), h), [d] = S.useState(t.length - 1), { color: u } = A(i, a, c), [f, g] = p.map((r) => r.label);
+  return t.length ? /* @__PURE__ */ e(C, {
     amounts: {
-      average: e,
-      formattedAverage: B(e, "0,0")
+      average: o,
+      formattedAverage: B(o, "0,0")
     },
     color: u,
     data: t,
     monthlyAmountLabel: f,
-    onBarClick: (r) => c({
+    onBarClick: (r) => s({
       guid: m,
       trigger: "chartBar",
-      context: { chartBarIndex: r }
+      context: {
+        chartBarIndex: r,
+        block: x.TRANSCATION_HISTORY_ACTION_BLOCK
+      }
     }),
-    selectedTabIndex: p,
+    selectedTabIndex: d,
     trendAmountLabel: g
-  }) : /* @__PURE__ */ o(x, {});
+  }) : /* @__PURE__ */ e(_, {});
 };
 export {
-  E 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'\n\nimport { formatCurrency, useInsightsV2Store } 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'\n\nexport const BarchartBlock = ({ payload, beatGuid = '' }: BlockProps<BarChartBlockData>) => {\n  const theme = useTheme()\n  const { openActionDrawer } = useInsightsV2Store()\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  const [monthlyAmountLabel, trendAmountLabel] = legends.map((legend) => legend.label)\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: { chartBarIndex: index } satisfies DrilldownPayload,\n        })\n      }\n      selectedTabIndex={selectedTabIndex}\n      trendAmountLabel={trendAmountLabel}\n    />\n  ) : (\n    <EmptyBarChart />\n  )\n}\n"],"mappings":";;;;;;;;AAcA,IAAa,IAAA,CAAiB,EAAE,SAAA,GAAS,UAAA,IAAW,GAAA,MAAwC;AAC1F,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,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,GAEpE,CAAC,GAAoB,CAAA,IAAoB,EAAQ,IAAA,CAAK,MAAW,EAAO,KAAK;AAEnF,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,EAAE,eAAe,EAAM;AAAA,IAClC,CAAC;AAAA,IAEe,kBAAA;AAAA,IACA,kBAAA;AAAA,EACnB,CAAA,IAED,gBAAA,EAAC,GAAD,CAAgB,CAAA;AAEpB"}
+{"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'\n\nimport { formatCurrency, useInsightsV2Store } 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 = ({ payload, beatGuid = '' }: BlockProps<BarChartBlockData>) => {\n  const theme = useTheme()\n  const { openActionDrawer } = useInsightsV2Store()\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  const [monthlyAmountLabel, trendAmountLabel] = legends.map((legend) => legend.label)\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"],"mappings":";;;;;;;;;AAeA,IAAa,IAAA,CAAiB,EAAE,SAAA,GAAS,UAAA,IAAW,GAAA,MAAwC;AAC1F,QAAM,IAAQ,EAAS,GACjB,EAAE,kBAAA,EAAA,IAAqB,EAAmB,GAC1C,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,GAEpE,CAAC,GAAoB,CAAA,IAAoB,EAAQ,IAAA,CAAK,MAAW,EAAO,KAAK;AAEnF,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"}

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

@@ -1,28 +1,30 @@
-import { useInsightsV2Store as f } from "../../../../common/context/hooks.es.js";
-import { DoubleBarChart as g } from "../../../components/chartblocks/DoubleBarChart.es.js";
-import { buildComparisonSeries as h } from "./comparisonUtils.es.js";
-import { getLayoutConfig as b } from "./layout.es.js";
-import { jsx as B } from "react/jsx-runtime";
-import { useTheme as x } from "@mui/material/styles";
-var L = ({ payload: { instance_slot: r, instance_slot_data: o, widget_type: t }, beatGuid: e = "" }) => {
-  const a = x(), { openActionDrawer: i } = f(), { variant: n } = r, { ariaLabel: s = "", data_series: m, legends: c } = o, l = h(m, s), p = b(a, n)?.color ?? [];
-  return /* @__PURE__ */ B(g, {
+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 { 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, {
     bars: l,
     colors: p,
     isMini: t === "mini",
     legends: c,
-    onBarClick: (u, d) => i({
+    onBarClick: (f, u) => i({
       guid: e,
       trigger: "chartBar",
       context: {
-        chartBarIndex: u,
-        tabIndex: d
+        chartBarIndex: f,
+        tabIndex: u,
+        block: C.TRANSCATION_HISTORY_ACTION_BLOCK
       }
     })
   });
 };
 export {
-  L as DoubleBarChartBlock
+  y 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'\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: { chartBarIndex: columnIndex, tabIndex: subIndex } satisfies DrilldownPayload,\n        })\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;AAiBA,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,QAAE,eAAe;AAAA,QAAa,UAAU;AAAA,MAAS;AAAA,IAC5D,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        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"}

package/dist/insights-v2/blocks/ChartBlocks/StepChartBlock/StepChartBlock.d.ts

@@ -1,4 +1,4 @@
 import { StepChartBlockData } from '../../../../core/types/InsightsInstanceSlotData';
-import { BlockProps } from '../..';
+import { BlockProps } from '../../types';
 declare const StepChartBlock: ({ payload }: BlockProps<StepChartBlockData>) => import("react/jsx-runtime").JSX.Element;
 export default StepChartBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"StepChartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/StepChartBlock/StepChartBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport type { StepChartBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport type { BlockProps } from '../..'\n\nimport { variants } from '.'\n\nconst StepChartBlock = ({ payload }: BlockProps<StepChartBlockData>) => {\n  const {\n    instance_slot: { variant },\n    instance_slot_data,\n  } = payload\n\n  const Variant = variants[variant as keyof typeof variants]\n\n  return (\n    <Stack sx={{ p: 16 }}>\n      <Variant slotData={instance_slot_data} />\n    </Stack>\n  )\n}\n\nexport default StepChartBlock\n"],"mappings":";;;AAQA,IAAM,IAAA,CAAkB,EAAE,SAAA,EAAA,MAA8C;AACtE,QAAM,EACJ,eAAe,EAAE,SAAA,EAAA,GACjB,oBAAA,EAAA,IACE,GAEE,IAAU,EAAS,CAAA;AAEzB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,GAAG,GAAG;AAAA,IACjB,UAAA,gBAAA,EAAC,GAAD,EAAS,UAAU,EAAqB,CAAA;AAAA,EACnC,CAAA;AAEX"}
+{"version":3,"file":"StepChartBlock.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/StepChartBlock/StepChartBlock.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport type { StepChartBlockData } from '../../../../core/types/InsightsInstanceSlotData'\n\nimport type { BlockProps } from '../../types'\n\nimport { variants } from '.'\n\nconst StepChartBlock = ({ payload }: BlockProps<StepChartBlockData>) => {\n  const {\n    instance_slot: { variant },\n    instance_slot_data,\n  } = payload\n\n  const Variant = variants[variant as keyof typeof variants]\n\n  return (\n    <Stack sx={{ p: 16 }}>\n      <Variant slotData={instance_slot_data} />\n    </Stack>\n  )\n}\n\nexport default StepChartBlock\n"],"mappings":";;;AAQA,IAAM,IAAA,CAAkB,EAAE,SAAA,EAAA,MAA8C;AACtE,QAAM,EACJ,eAAe,EAAE,SAAA,EAAA,GACjB,oBAAA,EAAA,IACE,GAEE,IAAU,EAAS,CAAA;AAEzB,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,GAAG,GAAG;AAAA,IACjB,UAAA,gBAAA,EAAC,GAAD,EAAS,UAAU,EAAqB,CAAA;AAAA,EACnC,CAAA;AAEX"}

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

@@ -1,23 +1,24 @@
-import { useGlobalCopyStore as C, useInsightsV2Store as x } from "../../common/context/hooks.es.js";
-import { blocks as _ } from "../mappings/blocks.es.js";
-import S from "./Footer.es.js";
-import { BeatActionsProvider as B } from "../beatActions.es.js";
-import D from "./Header.es.js";
-import { FeedbackBar as L } from "./FeedbackBar.es.js";
-import O from "./FeedbackDialog.es.js";
-import { DismissInsightDialog as T } from "./DismissInsightDialog.es.js";
-import { HiddenConfirmationCard as F } from "./HiddenConfirmationCard.es.js";
-import { ObsolesceBanner as w } from "./ObsolesceBanner.es.js";
-import { ActionBlockLayer as I } from "../actionBlocks/ActionBlockLayer.es.js";
-import { useBeatFeedbackFlow as A } from "../hooks/useBeatFeedbackFlow.es.js";
-import { observer as E } from "mobx-react-lite";
+import { useAppConfig as B, useGlobalCopyStore as D, useInsightsV2Store as L } from "../../common/context/hooks.es.js";
+import { sendBeatCta as O } from "../../common/utils/PostMessage.es.js";
+import { blocks as T, hasDrawerBlock as F } from "../mappings/blocks.es.js";
+import A from "./Footer.es.js";
+import { BeatActionsProvider as I } from "../beatActions.es.js";
+import E from "./Header.es.js";
+import { FeedbackBar as H } from "./FeedbackBar.es.js";
+import M from "./FeedbackDialog.es.js";
+import { DismissInsightDialog as G } from "./DismissInsightDialog.es.js";
+import { HiddenConfirmationCard as R } from "./HiddenConfirmationCard.es.js";
+import { ObsolesceBanner as j } from "./ObsolesceBanner.es.js";
+import { ActionBlockLayer as z } from "../actionBlocks/ActionBlockLayer.es.js";
+import { useBeatFeedbackFlow as N } from "../hooks/useBeatFeedbackFlow.es.js";
+import { observer as U } from "mobx-react-lite";
 import m from "@mui/material/Stack";
 import d from "@mui/material/Button";
-import { ChevronRight as H } from "@mxenabled/mx-icons";
-import { Fragment as M, jsx as e, jsxs as t } from "react/jsx-runtime";
-import R from "@mui/material/Box";
-import j from "@mui/material/Card";
-var z = {}, G = {
+import { ChevronRight as V } from "@mxenabled/mx-icons";
+import { Fragment as P, jsx as o, jsxs as t } from "react/jsx-runtime";
+import W from "@mui/material/Box";
+import X from "@mui/material/Card";
+var Y = {}, q = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -26,23 +27,29 @@ var z = {}, G = {
   backgroundColor: "background.default",
   opacity: 0.7,
   zIndex: 1
-}, no = E(({ beat: i, beatActions: y = z, obsolete: s }) => {
-  const { openCtaDrawer: p } = x(), h = C(), o = A(i, y), r = i.insights_payload;
-  if (!r || o.cardState === "dismissed") return null;
-  const { instance_slot: b, primary_cta: n, secondary_cta: a, subtitle: g, widget_type: k } = r, { block: v } = b, u = _[v], f = k === "mini", l = h.insights_feed?.general, c = s?.state === "not_refreshable" && !i.dismissed_at && !!l;
-  return /* @__PURE__ */ e(B, {
-    value: o.wrappedActions,
+}, be = U(({ beat: i, beatActions: b = Y, obsolete: s }) => {
+  const { openCtaDrawer: h } = L(), y = D(), { is_mobile_webview: g, clientConfig: k } = B(), e = N(i, b), r = i.insights_payload;
+  if (!r || e.cardState === "dismissed") return null;
+  const { instance_slot: v, primary_cta: n, secondary_cta: a, subtitle: C, widget_type: _ } = r, { block: x } = v, p = (S, w) => {
+    F(S) ? h(i.guid, w) : O(i, {
+      isMobileWebview: g,
+      webviewScheme: k?.master?.ui_message_webview_url_scheme,
+      userGuid: i.user_guid
+    });
+  }, u = T[x], f = _ === "mini", l = y.insights_feed?.general, c = s?.state === "not_refreshable" && !i.dismissed_at && !!l;
+  return /* @__PURE__ */ o(I, {
+    value: e.wrappedActions,
     children: /* @__PURE__ */ t(m, {
       sx: { mb: 16 },
       children: [
-        o.cardState === "confirming" ? /* @__PURE__ */ e(F, {
-          onClose: o.collapseConfirmation,
-          onLeaveFeedback: o.openHideSurvey,
-          onUndo: o.undoDismiss
-        }) : /* @__PURE__ */ t(M, { children: [s && l && /* @__PURE__ */ e(w, {
+        e.cardState === "confirming" ? /* @__PURE__ */ o(R, {
+          onClose: e.collapseConfirmation,
+          onLeaveFeedback: e.openHideSurvey,
+          onUndo: e.undoDismiss
+        }) : /* @__PURE__ */ t(P, { children: [s && l && /* @__PURE__ */ o(j, {
           ...s,
           copy: l
-        }), /* @__PURE__ */ t(j, {
+        }), /* @__PURE__ */ t(X, {
           inert: c,
           sx: { ...c && {
             position: "relative",
@@ -50,13 +57,13 @@ var z = {}, G = {
             pointerEvents: "none"
           } },
           children: [
-            c && /* @__PURE__ */ e(R, { sx: G }),
-            /* @__PURE__ */ e(D, {
+            c && /* @__PURE__ */ o(W, { sx: q }),
+            /* @__PURE__ */ o(E, {
               isMini: f,
-              subtitle: g,
+              subtitle: C,
               title: i.title
             }),
-            u && /* @__PURE__ */ e(u, {
+            u && /* @__PURE__ */ o(u, {
               beatGuid: i.guid,
               payload: r
             }),
@@ -68,11 +75,11 @@ var z = {}, G = {
                 pr: 16,
                 pt: 12
               },
-              children: [/* @__PURE__ */ e("div", {
+              children: [/* @__PURE__ */ o("div", {
                 dangerouslySetInnerHTML: { __html: i.html_description },
                 style: { paddingLeft: 4 }
-              }), i?.in_description_cta && /* @__PURE__ */ e(d, {
-                endIcon: /* @__PURE__ */ e(H, {}),
+              }), i?.in_description_cta && /* @__PURE__ */ o(d, {
+                endIcon: /* @__PURE__ */ o(V, {}),
                 onClick: () => {
                 },
                 sx: {
@@ -89,48 +96,48 @@ var z = {}, G = {
                 pb: 16,
                 px: 16
               },
-              children: [/* @__PURE__ */ e(d, {
-                onClick: () => n.block && p(i.guid, "primaryCta"),
+              children: [/* @__PURE__ */ o(d, {
+                onClick: () => p(n.block, "primaryCta"),
                 variant: "outlined",
                 children: n.label
-              }), a?.label && /* @__PURE__ */ e(d, {
+              }), a?.label && /* @__PURE__ */ o(d, {
                 color: "secondary",
-                onClick: () => a.block && p(i.guid, "secondaryCta"),
+                onClick: () => p(a.block, "secondaryCta"),
                 children: a.label
               })]
             }),
-            /* @__PURE__ */ e(L, {
-              onTellUsMore: o.openRatingSurvey,
-              show: o.isFeedbackBarShown
+            /* @__PURE__ */ o(H, {
+              onTellUsMore: e.openRatingSurvey,
+              show: e.isFeedbackBarShown
             })
           ]
         })] }),
-        /* @__PURE__ */ e(I, { beat: i }),
-        /* @__PURE__ */ e(T, {
-          isOpen: o.isDismissOpen,
-          onClose: o.closeDismissDialog,
-          onDismiss: o.confirmDismiss
+        /* @__PURE__ */ o(z, { beat: i }),
+        /* @__PURE__ */ o(G, {
+          isOpen: e.isDismissOpen,
+          onClose: e.closeDismissDialog,
+          onDismiss: e.confirmDismiss
         }),
-        o.isSurveyOpen && /* @__PURE__ */ e(O, {
-          characterLimitLabel: o.survey.characterLimitLabel,
-          closeAriaLabel: o.survey.closeAriaLabel,
+        e.isSurveyOpen && /* @__PURE__ */ o(M, {
+          characterLimitLabel: e.survey.characterLimitLabel,
+          closeAriaLabel: e.survey.closeAriaLabel,
           isOpen: !0,
-          onBackClick: o.feedbackDialogCallbacks.onBackClick,
-          onClose: o.closeSurvey,
-          onSubmit: o.submitSurvey,
-          onTextInputFocus: o.feedbackDialogCallbacks.onTextInputFocus,
-          options: o.survey.options,
-          primaryText: o.survey.submitText,
-          secondaryText: o.survey.backText,
-          title: o.survey.title
+          onBackClick: e.feedbackDialogCallbacks.onBackClick,
+          onClose: e.closeSurvey,
+          onSubmit: e.submitSurvey,
+          onTextInputFocus: e.feedbackDialogCallbacks.onTextInputFocus,
+          options: e.survey.options,
+          primaryText: e.survey.submitText,
+          secondaryText: e.survey.backText,
+          title: e.survey.title
         }),
-        o.cardState === "visible" && r.footer && /* @__PURE__ */ e(S, { footer: r.footer })
+        e.cardState === "visible" && r.footer && /* @__PURE__ */ o(A, { footer: r.footer })
       ]
     })
   });
 });
 export {
-  no as default
+  be 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 } 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 { useGlobalCopyStore, useInsightsV2Store } from '../../common'\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 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, subtitle, widget_type } = insights_payload\n    const { block } = instance_slot\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={subtitle} title={beat.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={() => primary_cta.block && openCtaDrawer(beat.guid, 'primaryCta')}\n                      variant=\"outlined\"\n                    >\n                      {primary_cta.label}\n                    </Button>\n                    {secondary_cta?.label && (\n                      <Button\n                        color=\"secondary\"\n                        onClick={() =>\n                          secondary_cta.block && openCtaDrawer(beat.guid, 'secondaryCta')\n                        }\n                      >\n                        {secondary_cta.label}\n                      </Button>\n                    )}\n                  </Stack>\n                )}\n\n                <FeedbackBar onTellUsMore={flow.openRatingSurvey} show={flow.isFeedbackBarShown} />\n              </Card>\n            </>\n          )}\n\n          <ActionBlockLayer beat={beat} />\n\n          <DismissInsightDialog\n            isOpen={flow.isDismissOpen}\n            onClose={flow.closeDismissDialog}\n            onDismiss={flow.confirmDismiss}\n          />\n\n          {flow.isSurveyOpen && (\n            <FeedbackDialog\n              characterLimitLabel={flow.survey.characterLimitLabel}\n              closeAriaLabel={flow.survey.closeAriaLabel}\n              isOpen={true}\n              onBackClick={flow.feedbackDialogCallbacks.onBackClick}\n              onClose={flow.closeSurvey}\n              onSubmit={flow.submitSurvey}\n              onTextInputFocus={flow.feedbackDialogCallbacks.onTextInputFocus}\n              options={flow.survey.options}\n              primaryText={flow.survey.submitText}\n              secondaryText={flow.survey.backText}\n              title={flow.survey.title}\n            />\n          )}\n\n          {flow.cardState === 'visible' && insights_payload.footer && (\n            <Footer footer={insights_payload.footer} />\n          )}\n        </Stack>\n      </BeatActionsProvider>\n    )\n  },\n)\n\nexport default BaseLayout\n"],"mappings":"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"}
+{"version":3,"file":"BaseLayout.es.js","names":[],"sources":["../../../src/insights-v2/components/BaseLayout.tsx"],"sourcesContent":["import { 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, subtitle, widget_type } = 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={subtitle} title={beat.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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"}

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

@@ -1,22 +1,22 @@
-import { formatCurrency as i } from "../../core/utils/NumberFormatting.es.js";
-import { getLogoElevation as h } from "./logoShadow.es.js";
+import { formatCurrency as h } from "../../core/utils/NumberFormatting.es.js";
+import { getLogoElevation as m } from "./logoShadow.es.js";
 import { Text as r } from "@mxenabled/mxui";
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import t from "@mui/material/Box";
-var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.main", sx: l }) => {
-  const [d, s, p] = n, [m, x] = a;
+var C = ({ primaryText: i = [], secondaryText: n = [], bgcolor: a = "success.main", sx: c }) => {
+  const [l, d, s] = i, [p, x] = n;
   return /* @__PURE__ */ e(t, {
     sx: {
       border: "1px solid",
       borderColor: "success.main",
       borderRadius: 2,
-      boxShadow: h,
+      boxShadow: m,
       overflow: "hidden",
-      ...l
+      ...c
     },
     children: [/* @__PURE__ */ e(t, {
       sx: {
-        bgcolor: c,
+        bgcolor: a,
         color: "success.contrastText",
         p: 16,
         pt: 12,
@@ -26,18 +26,18 @@ var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.mai
         /* @__PURE__ */ o(r, {
           color: "inherit",
           variant: "subtitle1",
-          children: d
+          children: l
         }),
         /* @__PURE__ */ o(r, {
           bold: !0,
           color: "inherit",
           variant: "h1",
-          children: i(Number(s ?? "0"), "0,0.00")
+          children: h(Number(d ?? "0"), "0,0.00")
         }),
         /* @__PURE__ */ o(r, {
           color: "inherit",
           variant: "caption",
-          children: p
+          children: s
         })
       ]
     }), /* @__PURE__ */ e(t, {
@@ -49,7 +49,7 @@ var C = ({ primaryText: n = [], secondaryText: a = [], bgcolor: c = "success.mai
       },
       children: [/* @__PURE__ */ o(r, {
         variant: "h3",
-        children: i(Number(m ?? "0"), "0,0.00")
+        children: p
       }), /* @__PURE__ */ o(r, {
         color: "text.secondary",
         variant: "caption",

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

@@ -1 +1 @@
-{"version":3,"file":"SaveAnExtraCard.es.js","names":[],"sources":["../../../src/insights-v2/components/SaveAnExtraCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nimport { getLogoElevation } from './logoShadow'\n\ninterface SaveAnExtraCardProps {\n  primaryText?: string[]\n  secondaryText?: string[]\n  bgcolor?: string\n  sx?: SxProps<Theme>\n}\n\nconst SaveAnExtraCard = ({\n  primaryText = [],\n  secondaryText = [],\n  bgcolor = 'success.main',\n  sx,\n}: SaveAnExtraCardProps) => {\n  const [leadIn, amount, trailingCopy] = primaryText\n  const [projected, projectedCaption] = secondaryText\n\n  return (\n    <Box\n      sx={{\n        border: '1px solid',\n        borderColor: 'success.main',\n        borderRadius: 2,\n        boxShadow: getLogoElevation,\n        overflow: 'hidden',\n        ...sx,\n      }}\n    >\n      {/* Green header */}\n      <Box\n        sx={{\n          bgcolor,\n          color: 'success.contrastText',\n          p: 16,\n          pt: 12,\n          textAlign: 'center',\n        }}\n      >\n        <Text color=\"inherit\" variant=\"subtitle1\">\n          {leadIn}\n        </Text>\n        <Text bold={true} color=\"inherit\" variant=\"h1\">\n          {formatCurrency(Number(amount ?? '0'), '0,0.00')}\n        </Text>\n        <Text color=\"inherit\" variant=\"caption\">\n          {trailingCopy}\n        </Text>\n      </Box>\n\n      {/* White footer with projected amount */}\n      <Box sx={{ bgcolor: 'background.paper', px: 16, py: 12, textAlign: 'center' }}>\n        <Text variant=\"h3\">{formatCurrency(Number(projected ?? '0'), '0,0.00')}</Text>\n        <Text color=\"text.secondary\" variant=\"caption\">\n          {projectedCaption}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SaveAnExtraCard\n"],"mappings":";;;;;AAgBA,IAAM,IAAA,CAAmB,EACvB,aAAA,IAAc,CAAC,GACf,eAAA,IAAgB,CAAC,GACjB,SAAA,IAAU,gBACV,IAAA,EAAA,MAC0B;AAC1B,QAAM,CAAC,GAAQ,GAAQ,CAAA,IAAgB,GACjC,CAAC,GAAW,CAAA,IAAoB;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAPF,UAAA;AAAA,QASE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UACvC,UAAA,EAAe,OAAO,KAAU,GAAG,GAAG,QAAQ;AAAA,QAC3C,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IAGL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,SAAS;AAAA,QAAoB,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAA5E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAM,UAAA,EAAe,OAAO,KAAa,GAAG,GAAG,QAAQ;AAAA,MAAQ,CAAA,GAC7E,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,QAClC,UAAA;AAAA,MACG,CAAA,CACH;AAAA,IACF,CAAA,CAAA;AAAA;AAET"}
+{"version":3,"file":"SaveAnExtraCard.es.js","names":[],"sources":["../../../src/insights-v2/components/SaveAnExtraCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\nimport { getLogoElevation } from './logoShadow'\n\ninterface SaveAnExtraCardProps {\n  primaryText?: string[]\n  secondaryText?: string[]\n  bgcolor?: string\n  sx?: SxProps<Theme>\n}\n\nconst SaveAnExtraCard = ({\n  primaryText = [],\n  secondaryText = [],\n  bgcolor = 'success.main',\n  sx,\n}: SaveAnExtraCardProps) => {\n  const [leadIn, amount, trailingCopy] = primaryText\n  const [projected, projectedCaption] = secondaryText\n\n  return (\n    <Box\n      sx={{\n        border: '1px solid',\n        borderColor: 'success.main',\n        borderRadius: 2,\n        boxShadow: getLogoElevation,\n        overflow: 'hidden',\n        ...sx,\n      }}\n    >\n      {/* Green header */}\n      <Box\n        sx={{\n          bgcolor,\n          color: 'success.contrastText',\n          p: 16,\n          pt: 12,\n          textAlign: 'center',\n        }}\n      >\n        <Text color=\"inherit\" variant=\"subtitle1\">\n          {leadIn}\n        </Text>\n        <Text bold={true} color=\"inherit\" variant=\"h1\">\n          {formatCurrency(Number(amount ?? '0'), '0,0.00')}\n        </Text>\n        <Text color=\"inherit\" variant=\"caption\">\n          {trailingCopy}\n        </Text>\n      </Box>\n\n      {/* White footer with projected amount. The projected balance arrives\n          pre-formatted from the backend (e.g. \"$3,320\"), so render it as-is. */}\n      <Box sx={{ bgcolor: 'background.paper', px: 16, py: 12, textAlign: 'center' }}>\n        <Text variant=\"h3\">{projected}</Text>\n        <Text color=\"text.secondary\" variant=\"caption\">\n          {projectedCaption}\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SaveAnExtraCard\n"],"mappings":";;;;;AAgBA,IAAM,IAAA,CAAmB,EACvB,aAAA,IAAc,CAAC,GACf,eAAA,IAAgB,CAAC,GACjB,SAAA,IAAU,gBACV,IAAA,EAAA,MAC0B;AAC1B,QAAM,CAAC,GAAQ,GAAQ,CAAA,IAAgB,GACjC,CAAC,GAAW,CAAA,IAAoB;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAAA,IARF,UAAA,CAWE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAPF,UAAA;AAAA,QASE,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UACvC,UAAA,EAAe,OAAO,KAAU,GAAG,GAAG,QAAQ;AAAA,QAC3C,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAU,SAAQ;AAAA,UAC3B,UAAA;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IAIL,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,SAAS;AAAA,QAAoB,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAA5E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,QAAM,UAAA;AAAA,MAAgB,CAAA,GACpC,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,QAClC,UAAA;AAAA,MACG,CAAA,CACH;AAAA,IACF,CAAA,CAAA;AAAA;AAET"}

package/dist/insights-v2/mappings/actionBlocksKey.d.ts

@@ -0,0 +1,6 @@
+export declare const actionBlocksKey: {
+    PLACEHOLDER_ACTION_BLOCK: string;
+    MAKE_TRANSFER_ACTION_BLOCK: string;
+    TRANSCATION_HISTORY_ACTION_BLOCK: string;
+    TRANSACTION_DETAILS_ACTION_BLOCK: string;
+};

package/dist/insights-v2/mappings/actionBlocksKey.es.js

@@ -0,0 +1,11 @@
+var _ = {
+  PLACEHOLDER_ACTION_BLOCK: "PlaceholderActionBlock",
+  MAKE_TRANSFER_ACTION_BLOCK: "make_transfer",
+  TRANSCATION_HISTORY_ACTION_BLOCK: "transaction_history_block",
+  TRANSACTION_DETAILS_ACTION_BLOCK: "TransactionDetailsBlock"
+};
+export {
+  _ as actionBlocksKey
+};
+
+//# sourceMappingURL=actionBlocksKey.es.js.map

package/dist/insights-v2/mappings/actionBlocksKey.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'TransactionDetailsBlock',\n}\n"],"mappings":"AAaA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AACpC"}