@mx-cartographer/experiences 9.4.24 → 9.4.26

package/dist/goals/components/managegoals/OngoingListItem.es.js

@@ -11,19 +11,19 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import T from "@mui/material/IconButton";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import A from "@mui/material/ListItem";
-import I from "@mui/material/ListItemButton";
-import v from "@mui/material/ListItemText";
-import C from "@mui/material/Avatar";
-import E from "@mui/material/ListItemAvatar";
+import I from "@mui/material/Avatar";
+import v from "@mui/material/ListItemAvatar";
+import C from "@mui/material/ListItemButton";
+import E from "@mui/material/ListItemText";
 var W = ({ goal: t, index: a, onUpClick: c }) => {
   const { goals: e } = h(), { percentage: s } = y(e, t), l = t.goal_type === _.KEEP_BALANCE_BELOW || t.has_been_spent ? e.goal_completed : m(e.goal_percentage_reached, `${s * 100}`);
-  return /* @__PURE__ */ r(A, { children: /* @__PURE__ */ i(I, {
+  return /* @__PURE__ */ r(A, { children: /* @__PURE__ */ i(C, {
     disableRipple: !0,
     sx: {
       ":hover": { backgroundColor: "unset" },
       cursor: "default"
     },
-    children: [t.track_type !== n.RETIREMENT_TRACK && /* @__PURE__ */ r(E, {
+    children: [t.track_type !== n.RETIREMENT_TRACK && /* @__PURE__ */ r(v, {
       sx: {
         alignItems: "center",
         display: "flex",
@@ -39,7 +39,7 @@ var W = ({ goal: t, index: a, onUpClick: c }) => {
           color: "primary",
           size: 24
         })
-      }) : /* @__PURE__ */ r(C, {
+      }) : /* @__PURE__ */ r(I, {
         sx: {
           bgcolor: "text.primary",
           height: "16px",
@@ -51,7 +51,7 @@ var W = ({ goal: t, index: a, onUpClick: c }) => {
           children: a + 1
         })
       })
-    }), /* @__PURE__ */ r(v, {
+    }), /* @__PURE__ */ r(E, {
       slotProps: { primary: { variant: "body1" } },
       children: /* @__PURE__ */ i(p, {
         alignItems: "center",

package/dist/help/components/requestsupport/PopularTopicsRow.es.js

@@ -2,23 +2,23 @@ import { InstitutionLogo as s } from "@mxenabled/mxui";
 import { ChevronRight as a } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import p from "@mui/material/ListItem";
-import l from "@mui/material/ListItemButton";
-import d from "@mui/material/ListItemText";
-import c from "@mui/material/ListItemAvatar";
-import f from "@mui/material/ListItemIcon";
+import l from "@mui/material/ListItemAvatar";
+import d from "@mui/material/ListItemButton";
+import c from "@mui/material/ListItemIcon";
+import f from "@mui/material/ListItemText";
 var P = ({ name: r, onClick: o, subtitle: m, guid: i, sx: e }) => /* @__PURE__ */ t(p, {
   disableGutters: !0,
   disablePadding: !0,
-  children: /* @__PURE__ */ n(l, {
+  children: /* @__PURE__ */ n(d, {
     "aria-label": r,
     onClick: o,
     children: [
-      i && /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, {
+      i && /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(s, {
         alt: r,
         institutionGuid: i || "",
         size: 32
       }) }),
-      /* @__PURE__ */ t(d, {
+      /* @__PURE__ */ t(f, {
         primary: r,
         secondary: m,
         slotProps: {
@@ -29,7 +29,7 @@ var P = ({ name: r, onClick: o, subtitle: m, guid: i, sx: e }) => /* @__PURE__ *
           secondary: { variant: "caption" }
         }
       }),
-      /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(a, {}) })
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(a, {}) })
     ]
   })
 });

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.es.js

@@ -6,8 +6,8 @@ import n from "@mui/material/Box";
 import d from "@mui/material/IconButton";
 import p from "@mui/material/List";
 import m from "@mui/material/ListItem";
-import h from "@mui/material/ListItemText";
-import f from "@mui/material/ListItemIcon";
+import h from "@mui/material/ListItemIcon";
+import f from "@mui/material/ListItemText";
 var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
   height: "100%",
   justifyContent: "space-between",
@@ -36,12 +36,12 @@ var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
             mb: 12,
             minHeight: "unset"
           },
-          children: [/* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(o, {
+          children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
             color: "success",
             name: "check_circle",
             size: 16,
             sx: { lineHeight: 1.2 }
-          }) }), /* @__PURE__ */ e(h, {
+          }) }), /* @__PURE__ */ e(f, {
             disableTypography: !0,
             secondary: i,
             sx: {
@@ -82,10 +82,10 @@ var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
               mb: 24,
               p: 16
             },
-            children: [/* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(o, {
+            children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
               name: i.icon_name,
               size: 24
-            }) }), /* @__PURE__ */ e(h, {
+            }) }), /* @__PURE__ */ e(f, {
               primary: i.title,
               secondary: i.content,
               sx: { "& > p": {

package/dist/insights/components/shared/MenuAction.es.js

@@ -2,8 +2,8 @@ import { useState as g } from "react";
 import { Icon as I } from "@mxenabled/mx-icons";
 import { Fragment as z, jsx as o, jsxs as a } from "react/jsx-runtime";
 import M from "@mui/material/IconButton";
-import v from "@mui/material/ListItemText";
-import L from "@mui/material/ListItemIcon";
+import v from "@mui/material/ListItemIcon";
+import L from "@mui/material/ListItemText";
 import O from "@mui/material/MenuItem";
 import S from "@mui/material/Menu";
 var P = ({ ariaHidden: l = !1, ariaLabel: m, menuItems: s = [], onItemClick: p, onOpen: c, tabIndex: h = 0, ...d }) => {
@@ -47,10 +47,10 @@ var P = ({ ariaHidden: l = !1, ariaLabel: m, menuItems: s = [], onItemClick: p,
     children: s.map(({ icon: t, key: r, text: u }, x) => /* @__PURE__ */ a(O, {
       onClick: () => f(x, r),
       sx: { p: 12 },
-      children: [/* @__PURE__ */ o(L, {
+      children: [/* @__PURE__ */ o(v, {
         sx: { minWidth: "32px !important" },
         children: t
-      }), /* @__PURE__ */ o(v, {
+      }), /* @__PURE__ */ o(L, {
         primary: u,
         slotProps: { primary: {
           fontWeight: "normal",

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionDrillDown.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { TipSectionProps } from '../../../insights/components/shared/ChartDrawerTemplate/TipSection';
 import { Transaction } from '../../../core';
 interface TabItem {
     label: string;
@@ -12,12 +13,13 @@ interface TransactionDrillDownProps {
     tabs?: TabItem[];
     selectedIndex: number;
     top: React.ReactNode;
+    tipSection?: TipSectionProps | false;
     onSelectionChange?: (selectedIndex: number) => void;
     onEachRowClick?: (guid: string) => void;
     transactionFilter?: (selectedIndex: number) => (transaction: Transaction) => boolean;
     baseTransactions?: Transaction[];
 }
-export declare const TransactionDrillDown: (({ ariaLabel, heading, subHeadingText, icon, tabs, selectedIndex, top, onSelectionChange, transactionFilter, onEachRowClick, baseTransactions, }: TransactionDrillDownProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const TransactionDrillDown: (({ ariaLabel, heading, subHeadingText, icon, tabs, selectedIndex, top, onSelectionChange, transactionFilter, tipSection, onEachRowClick, baseTransactions, }: TransactionDrillDownProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default TransactionDrillDown;

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionDrillDown.es.js

@@ -1,37 +1,38 @@
-import { useGlobalCopyStore as W, useGlobalUiStore as $, useTransactionStore as j } from "../../../common/context/hooks.es.js";
-import { exportTransactionsToCSV as G } from "../../../core/utils/TransactionUtils.es.js";
-import P from "../../../common/components/Loader.es.js";
-import A from "../../../transactions/components/shared/TransactionList.es.js";
+import { useGlobalCopyStore as $, useGlobalUiStore as j, useTransactionStore as G } from "../../../common/context/hooks.es.js";
+import { exportTransactionsToCSV as P } from "../../../core/utils/TransactionUtils.es.js";
+import A from "../../../common/components/Loader.es.js";
+import E from "../../../transactions/components/shared/TransactionList.es.js";
+import { TipSection as N } from "../../../insights/components/shared/ChartDrawerTemplate/TipSection.es.js";
 import "react";
-import { observer as E } from "mobx-react-lite";
+import { observer as R } from "mobx-react-lite";
 import c from "@mui/material/Stack";
-import { H3 as N, Text as d } from "@mxenabled/mxui";
-import R from "@mui/material/Button";
-import { Icon as U } from "@mxenabled/mx-icons";
+import { H3 as U, Text as m } from "@mxenabled/mxui";
+import V from "@mui/material/Button";
+import { Icon as q } from "@mxenabled/mx-icons";
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import p from "@mui/material/Box";
-import V from "@mui/material/Tab";
-import q from "@mui/material/Tabs";
-var u = "transaction-drill-down-panel", v = (m) => `transaction-details-tab-${m}`, io = E(function({ ariaLabel: T, heading: i, subHeadingText: n, icon: y, tabs: b, selectedIndex: e, top: C, onSelectionChange: g, transactionFilter: f, onEachRowClick: _, baseTransactions: w }) {
-  const { transactions: l } = W(), { isCopyLoaded: D } = $(), { sortedTransactionsWithSplits: S, tags: L, detailedTransactions: B } = j();
-  if (!D) return /* @__PURE__ */ o(P, {});
-  const s = !!b?.length, I = T ?? l.transactions_title, k = (t, a) => {
-    g?.(a);
-  }, h = f ? (w ?? B).filter(f(e)) : void 0, x = h ?? S;
+import z from "@mui/material/Tab";
+import J from "@mui/material/Tabs";
+var v = "transaction-drill-down-panel", T = (d) => `transaction-details-tab-${d}`, lo = R(function({ ariaLabel: y, heading: i, subHeadingText: n, icon: C, tabs: b, selectedIndex: e, top: g, onSelectionChange: _, transactionFilter: f, tipSection: h, onEachRowClick: w, baseTransactions: D }) {
+  const { transactions: l } = $(), { isCopyLoaded: S } = j(), { sortedTransactionsWithSplits: L, tags: B, detailedTransactions: I } = G();
+  if (!S) return /* @__PURE__ */ o(A, {});
+  const s = !!b?.length, k = y ?? l.transactions_title, W = (t, a) => {
+    _?.(a);
+  }, x = f ? (D ?? I).filter(f(e)) : void 0, u = x ?? L;
   return /* @__PURE__ */ r(p, {
     sx: {
       bgcolor: "background.paper",
       width: "100%"
     },
-    children: [s && /* @__PURE__ */ o(q, {
-      "aria-label": I,
-      onChange: k,
+    children: [s && /* @__PURE__ */ o(J, {
+      "aria-label": k,
+      onChange: W,
       value: e,
       variant: "fullWidth",
-      children: b.map((t, a) => /* @__PURE__ */ o(V, {
-        "aria-controls": u,
+      children: b.map((t, a) => /* @__PURE__ */ o(z, {
+        "aria-controls": v,
         "aria-label": t.ariaLabel,
-        id: v(a),
+        id: T(a),
         label: t.label,
         sx: {
           minWidth: "auto",
@@ -39,8 +40,8 @@ var u = "transaction-drill-down-panel", v = (m) => `transaction-details-tab-${m}
         }
       }, `${t.label}-${a}`))
     }), /* @__PURE__ */ r(p, {
-      "aria-labelledby": s ? v(e) : void 0,
-      id: u,
+      "aria-labelledby": s ? T(e) : void 0,
+      id: v,
       role: s ? "tabpanel" : void 0,
       children: [
         (i || n) && /* @__PURE__ */ r(c, {
@@ -49,13 +50,13 @@ var u = "transaction-drill-down-panel", v = (m) => `transaction-details-tab-${m}
             pt: 16,
             px: 24
           },
-          children: [i && /* @__PURE__ */ o(N, { children: i }), n && /* @__PURE__ */ r(c, {
+          children: [i && /* @__PURE__ */ o(U, { children: i }), n && /* @__PURE__ */ r(c, {
             sx: {
               alignItems: "center",
               flexDirection: "row",
               gap: 8
             },
-            children: [y, /* @__PURE__ */ o(d, {
+            children: [C, /* @__PURE__ */ o(m, {
               textTransform: "uppercase",
               variant: "body2",
               children: n
@@ -64,8 +65,9 @@ var u = "transaction-drill-down-panel", v = (m) => `transaction-details-tab-${m}
         }),
         /* @__PURE__ */ o(p, {
           sx: { pt: 16 },
-          children: C
+          children: g
         }),
+        h && /* @__PURE__ */ o(N, { ...h }),
         /* @__PURE__ */ r(c, {
           sx: {
             alignItems: "center",
@@ -78,34 +80,34 @@ var u = "transaction-drill-down-panel", v = (m) => `transaction-details-tab-${m}
             pt: 16,
             px: 24
           },
-          children: [/* @__PURE__ */ o(d, {
+          children: [/* @__PURE__ */ o(m, {
             bold: !0,
             variant: "body1",
             children: l.transactions_title
-          }), x.length > 0 && /* @__PURE__ */ o(R, {
+          }), u.length > 0 && /* @__PURE__ */ o(V, {
             onClick: () => {
-              G(x, L);
+              P(u, B);
             },
-            startIcon: /* @__PURE__ */ o(U, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ o(q, { name: "ios_share" }),
             sx: { height: 28 },
-            children: /* @__PURE__ */ o(d, {
+            children: /* @__PURE__ */ o(m, {
               bold: !0,
               variant: "body2",
               children: l.export_csv_btn
             })
           })]
         }),
-        /* @__PURE__ */ o(A, {
-          transaction: h,
-          onClick: _
+        /* @__PURE__ */ o(E, {
+          transaction: x,
+          onClick: w
         })
       ]
     })]
   });
 });
 export {
-  io as TransactionDrillDown,
-  io as default
+  lo as TransactionDrillDown,
+  lo as default
 };
 
 //# sourceMappingURL=TransactionDrillDown.es.js.map

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionDrillDown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionDrillDown.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionDrillDown.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport { Loader, useGlobalCopyStore, useGlobalUiStore, useTransactionStore } from '../../../common'\nimport type { Transaction } from '../../../core'\nimport { exportTransactionsToCSV } from '../../../core/utils/TransactionUtils'\nimport { TransactionList } from '../../../transactions'\n\ninterface TabItem {\n  label: string\n  ariaLabel?: string\n}\n\nconst PANEL_ID = 'transaction-drill-down-panel'\nconst tabId = (index: number) => `transaction-details-tab-${index}`\n\ninterface TransactionDrillDownProps {\n  ariaLabel?: string\n  heading?: string\n  subHeadingText?: string\n  icon?: React.ReactNode\n  tabs?: TabItem[]\n  selectedIndex: number\n  top: React.ReactNode\n  onSelectionChange?: (selectedIndex: number) => void\n  onEachRowClick?: (guid: string) => void\n  transactionFilter?: (selectedIndex: number) => (transaction: Transaction) => boolean\n  baseTransactions?: Transaction[]\n}\n\nexport const TransactionDrillDown = observer(function TransactionDrillDown({\n  ariaLabel,\n  heading,\n  subHeadingText,\n  icon,\n  tabs,\n  selectedIndex,\n  top,\n  onSelectionChange,\n  transactionFilter,\n  onEachRowClick,\n  baseTransactions,\n}: TransactionDrillDownProps) {\n  const { transactions: transactionsCopy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { sortedTransactionsWithSplits, tags, detailedTransactions } = useTransactionStore()\n\n  if (!isCopyLoaded) return <Loader />\n\n  const hasTabs = !!tabs?.length\n  const tablistLabel = ariaLabel ?? transactionsCopy.transactions_title\n\n  const handlePrimaryChange = (_event: React.SyntheticEvent, newValue: number) => {\n    onSelectionChange?.(newValue)\n  }\n\n  const filteredTransactions = transactionFilter\n    ? (baseTransactions ?? detailedTransactions).filter(transactionFilter(selectedIndex))\n    : undefined\n\n  const exportTransactions = filteredTransactions ?? sortedTransactionsWithSplits\n\n  return (\n    <Box sx={{ bgcolor: 'background.paper', width: '100%' }}>\n      {hasTabs && (\n        <Tabs\n          aria-label={tablistLabel}\n          onChange={handlePrimaryChange}\n          value={selectedIndex}\n          variant=\"fullWidth\"\n        >\n          {tabs!.map((tab, index) => (\n            <Tab\n              aria-controls={PANEL_ID}\n              aria-label={tab.ariaLabel}\n              id={tabId(index)}\n              key={`${tab.label}-${index}`}\n              label={tab.label}\n              sx={{ minWidth: 'auto', px: 0 }}\n            />\n          ))}\n        </Tabs>\n      )}\n\n      <Box\n        aria-labelledby={hasTabs ? tabId(selectedIndex) : undefined}\n        id={PANEL_ID}\n        role={hasTabs ? 'tabpanel' : undefined}\n      >\n        {(heading || subHeadingText) && (\n          <Stack sx={{ gap: 4, pt: 16, px: 24 }}>\n            {heading && <H3>{heading}</H3>}\n            {subHeadingText && (\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n                {icon}\n                <Text textTransform=\"uppercase\" variant=\"body2\">\n                  {subHeadingText}\n                </Text>\n              </Stack>\n            )}\n          </Stack>\n        )}\n\n        <Box sx={{ pt: 16 }}>{top}</Box>\n\n        <Stack\n          sx={{\n            alignItems: 'center',\n            borderBottomColor: 'divider',\n            borderBottomStyle: 'solid',\n            borderBottomWidth: 1,\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            pb: 4,\n            pt: 16,\n            px: 24,\n          }}\n        >\n          <Text bold={true} variant=\"body1\">\n            {transactionsCopy.transactions_title}\n          </Text>\n          {exportTransactions.length > 0 && (\n            <Button\n              onClick={() => {\n                exportTransactionsToCSV(exportTransactions, tags)\n              }}\n              startIcon={<Icon name=\"ios_share\" />}\n              sx={{ height: 28 }}\n            >\n              <Text bold={true} variant=\"body2\">\n                {transactionsCopy.export_csv_btn}\n              </Text>\n            </Button>\n          )}\n        </Stack>\n\n        <TransactionList transaction={filteredTransactions} onClick={onEachRowClick} />\n      </Box>\n    </Box>\n  )\n})\n\nexport default TransactionDrillDown\n"],"mappings":"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"}
+{"version":3,"file":"TransactionDrillDown.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionDrillDown.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { observer } from 'mobx-react-lite'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { H3, Text } from '@mxenabled/mxui'\n\nimport {\n  TipSection,\n  type TipSectionProps,\n} from '../../../insights/components/shared/ChartDrawerTemplate/TipSection'\nimport { Loader, useGlobalCopyStore, useGlobalUiStore, useTransactionStore } from '../../../common'\nimport type { Transaction } from '../../../core'\nimport { exportTransactionsToCSV } from '../../../core/utils/TransactionUtils'\nimport { TransactionList } from '../../../transactions'\n\ninterface TabItem {\n  label: string\n  ariaLabel?: string\n}\n\nconst PANEL_ID = 'transaction-drill-down-panel'\nconst tabId = (index: number) => `transaction-details-tab-${index}`\n\ninterface TransactionDrillDownProps {\n  ariaLabel?: string\n  heading?: string\n  subHeadingText?: string\n  icon?: React.ReactNode\n  tabs?: TabItem[]\n  selectedIndex: number\n  top: React.ReactNode\n  tipSection?: TipSectionProps | false\n  onSelectionChange?: (selectedIndex: number) => void\n  onEachRowClick?: (guid: string) => void\n  transactionFilter?: (selectedIndex: number) => (transaction: Transaction) => boolean\n  baseTransactions?: Transaction[]\n}\n\nexport const TransactionDrillDown = observer(function TransactionDrillDown({\n  ariaLabel,\n  heading,\n  subHeadingText,\n  icon,\n  tabs,\n  selectedIndex,\n  top,\n  onSelectionChange,\n  transactionFilter,\n  tipSection,\n  onEachRowClick,\n  baseTransactions,\n}: TransactionDrillDownProps) {\n  const { transactions: transactionsCopy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { sortedTransactionsWithSplits, tags, detailedTransactions } = useTransactionStore()\n\n  if (!isCopyLoaded) return <Loader />\n\n  const hasTabs = !!tabs?.length\n  const tablistLabel = ariaLabel ?? transactionsCopy.transactions_title\n\n  const handlePrimaryChange = (_event: React.SyntheticEvent, newValue: number) => {\n    onSelectionChange?.(newValue)\n  }\n\n  const filteredTransactions = transactionFilter\n    ? (baseTransactions ?? detailedTransactions).filter(transactionFilter(selectedIndex))\n    : undefined\n\n  const exportTransactions = filteredTransactions ?? sortedTransactionsWithSplits\n\n  return (\n    <Box sx={{ bgcolor: 'background.paper', width: '100%' }}>\n      {hasTabs && (\n        <Tabs\n          aria-label={tablistLabel}\n          onChange={handlePrimaryChange}\n          value={selectedIndex}\n          variant=\"fullWidth\"\n        >\n          {tabs!.map((tab, index) => (\n            <Tab\n              aria-controls={PANEL_ID}\n              aria-label={tab.ariaLabel}\n              id={tabId(index)}\n              key={`${tab.label}-${index}`}\n              label={tab.label}\n              sx={{ minWidth: 'auto', px: 0 }}\n            />\n          ))}\n        </Tabs>\n      )}\n\n      <Box\n        aria-labelledby={hasTabs ? tabId(selectedIndex) : undefined}\n        id={PANEL_ID}\n        role={hasTabs ? 'tabpanel' : undefined}\n      >\n        {(heading || subHeadingText) && (\n          <Stack sx={{ gap: 4, pt: 16, px: 24 }}>\n            {heading && <H3>{heading}</H3>}\n            {subHeadingText && (\n              <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 8 }}>\n                {icon}\n                <Text textTransform=\"uppercase\" variant=\"body2\">\n                  {subHeadingText}\n                </Text>\n              </Stack>\n            )}\n          </Stack>\n        )}\n\n        <Box sx={{ pt: 16 }}>{top}</Box>\n\n        {/* TODO: need to use a nseperate compnent from insight-v2, for now using insights-shared component which will be shifted under insights-v2 in future */}\n        {tipSection && <TipSection {...tipSection} />}\n\n        <Stack\n          sx={{\n            alignItems: 'center',\n            borderBottomColor: 'divider',\n            borderBottomStyle: 'solid',\n            borderBottomWidth: 1,\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            pb: 4,\n            pt: 16,\n            px: 24,\n          }}\n        >\n          <Text bold={true} variant=\"body1\">\n            {transactionsCopy.transactions_title}\n          </Text>\n          {exportTransactions.length > 0 && (\n            <Button\n              onClick={() => {\n                exportTransactionsToCSV(exportTransactions, tags)\n              }}\n              startIcon={<Icon name=\"ios_share\" />}\n              sx={{ height: 28 }}\n            >\n              <Text bold={true} variant=\"body2\">\n                {transactionsCopy.export_csv_btn}\n              </Text>\n            </Button>\n          )}\n        </Stack>\n\n        <TransactionList transaction={filteredTransactions} onClick={onEachRowClick} />\n      </Box>\n    </Box>\n  )\n})\n\nexport default TransactionDrillDown\n"],"mappings":"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"}

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

@@ -1,105 +1,114 @@
-import { useGlobalCopyStore as q, useGlobalUiStore as z, useInsightsV2Store as J } from "../../../common/context/hooks.es.js";
-import Q from "../../../common/components/drawer/Drawer.es.js";
-import { formatCurrency as W } from "../../../core/utils/NumberFormatting.es.js";
-import X from "../../../common/components/Loader.es.js";
-import { BarChartV2 as Y } from "../../components/chartblocks/BarchartV2.es.js";
-import { EmptyBarChart as Z } from "../../components/chartblocks/EmptyBarChart.es.js";
-import { TransactionDrillDown as tt } from "./TransactionDrillDown.es.js";
-import { useTransactionHistory as et } from "./useTransactionHistory.es.js";
-import { getDefaultSelection as at, getDrillDownConfig as ot, getFlattenedDataSeries as rt, toStoreFilter as nt } from "./utils.es.js";
-import { TransactionDetailsBlock as it } from "../TransactionDetailsBlock/TransactionDetailsBlock.es.js";
-import { useLayoutEffect as st, useState as S } from "react";
-import { observer as lt } from "mobx-react-lite";
-import { Fragment as ct, jsx as o, jsxs as dt } from "react/jsx-runtime";
-import { useTheme as mt } from "@mui/material/styles";
-var xt = lt(({ beat: a }) => {
-  const g = mt(), { instanceSlotData: e, beatTransactions: i, primaryTransaction: _, spendCategoryGuids: p, allAccountGuids: u, categoryName: v, displayedDateRange: c, transactionStore: L } = et(a), { actionDrawer: h, setActionContext: y } = J(), { common: x, insights_feed: B } = q(), { isCopyLoaded: I } = z(), [F, f] = S(!1), { insights_payload: b } = a, G = h.trigger === "secondaryCta" ? b?.secondary_cta?.variant : b?.primary_cta?.variant, { top: d, filterMode: s, header: A, colors: j, filterStrategy: w } = ot(G ?? ""), { dataSeries: l, chartData: r, comparisonBars: k } = rt({
+import { useGlobalCopyStore as Q, useGlobalUiStore as W, useInsightsV2Store as X } from "../../../common/context/hooks.es.js";
+import Y from "../../../common/components/drawer/Drawer.es.js";
+import { formatCurrency as Z } from "../../../core/utils/NumberFormatting.es.js";
+import tt from "../../../common/components/Loader.es.js";
+import { BarChartV2 as et } from "../../components/chartblocks/BarchartV2.es.js";
+import { EmptyBarChart as at } from "../../components/chartblocks/EmptyBarChart.es.js";
+import { TransactionDrillDown as ot } from "./TransactionDrillDown.es.js";
+import { useTransactionHistory as nt } from "./useTransactionHistory.es.js";
+import { getDefaultSelection as rt, getDrillDownConfig as it, getFlattenedDataSeries as st, toStoreFilter as lt } from "./utils.es.js";
+import { TransactionDetailsBlock as ct } from "../TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { useLayoutEffect as dt, useState as u } from "react";
+import { observer as mt } from "mobx-react-lite";
+import { Fragment as gt, jsx as o, jsxs as pt } from "react/jsx-runtime";
+import { useTheme as ut } from "@mui/material/styles";
+var It = mt(({ beat: a }) => {
+  const b = ut(), { instanceSlotData: e, beatTransactions: s, spendCategoryGuids: h, allAccountGuids: f, categoryName: v, displayedDateRange: m, transactionStore: x } = nt(a), { actionDrawer: y, setActionContext: C } = X(), { common: B, insights_feed: l } = Q(), { isCopyLoaded: F } = W(), [I, T] = u(!1), [G, A] = u(!1), { insights_payload: n } = a, j = y.trigger === "secondaryCta" ? n?.secondary_cta?.variant : n?.primary_cta?.variant, { top: g, filterMode: c, header: k, colors: w, filterStrategy: H, tipSection: S } = it(j ?? ""), { dataSeries: d, chartData: r, comparisonBars: E } = st({
     data: e?.data_series,
     ariaLabel: e?.ariaLabel ?? "",
-    top: d,
-    beatTransactions: i,
+    top: g,
+    beatTransactions: s,
     payload: e
-  }), { chartBarIndex: H, subTabIndex: E } = at({
+  }), { chartBarIndex: K, subTabIndex: O } = rt({
     chartTabCount: r.length,
-    comparisonTabCount: k.length,
-    actionDrawer: h,
+    comparisonTabCount: E.length,
+    actionDrawer: y,
     beatGuid: a.guid
-  }), [n, C] = S(H), T = (t) => w({
+  }), [i, _] = u(K), D = (t) => H({
     beat: a,
-    beatTransactions: i,
-    dataSeries: l,
+    beatTransactions: s,
+    dataSeries: d,
     selectedIndex: t,
-    subIndex: E,
-    isLastTab: t === l.length - 1,
+    subIndex: O,
+    isLastTab: t === d.length - 1,
     instanceSlotData: e,
-    spendCategoryGuids: p,
-    displayedDateRange: c
-  }), K = i.map((t) => t.guid).join(","), O = p.join(","), V = u.join(","), D = () => {
-    s !== "store" || !l.length || L.setFilter(nt(T(n), {
-      allAccountGuids: u,
-      displayedDateRange: c
+    spendCategoryGuids: h,
+    displayedDateRange: m
+  }), V = s.map((t) => t.guid).join(","), R = h.join(","), M = f.join(","), L = () => {
+    c !== "store" || !d.length || x.setFilter(lt(D(i), {
+      allAccountGuids: f,
+      displayedDateRange: m
     }));
   };
-  st(() => {
-    D();
+  dt(() => {
+    L();
   }, [
     a.guid,
-    n,
-    s,
-    l.length,
-    e,
+    i,
     c,
-    O,
-    V,
-    K
+    d.length,
+    e,
+    m,
+    R,
+    M,
+    V
   ]);
-  const m = A?.({
-    htmlTitle: a.html_title,
-    primaryTransaction: _,
+  const p = k?.({
+    title: n?.title,
+    subHeader: n?.sub_title,
     categoryName: v,
-    selectedDate: r[n]?.date ?? void 0
-  }), R = j(g, e?.category_guid), [M, N] = (e?.legends ?? []).map((t) => t.label), P = s === "local" ? (t) => T(t).custom ?? (() => !0) : void 0, U = s === "local" ? i : void 0, $ = d === "singleBar" || d === "upcomingBill" ? r.length ? /* @__PURE__ */ o(Y, {
+    selectedDate: r[i]?.date ?? void 0
+  }), N = w(b, e?.category_guid);
+  if (!F) return /* @__PURE__ */ o(tt, {});
+  const P = [l.general.monthly_amount, l.general.trend], [U, $] = e?.legends?.length ? e.legends.map((t) => t.label) : P, q = c === "local" ? (t) => D(t).custom ?? (() => !0) : void 0, z = c === "local" ? s : void 0, J = g === "singleBar" || g === "upcomingBill" ? r.length ? /* @__PURE__ */ o(et, {
     amounts: {
       average: e?.average_amount,
-      formattedAverage: W(e?.average_amount ?? 0, "0,0.00")
+      formattedAverage: Z(e?.average_amount ?? 0, "0,0.00")
     },
-    color: R[0] ?? g.palette.primary.main,
+    color: N[0] ?? b.palette.primary.main,
     data: r,
     legendPosition: "top",
-    monthlyAmountLabel: M,
-    onBarClick: C,
-    selectedTabIndex: n,
-    trendAmountLabel: N
-  }) : /* @__PURE__ */ o(Z, {}) : null;
-  return I ? /* @__PURE__ */ dt(ct, { children: [/* @__PURE__ */ o(tt, {
+    margin: {
+      bottom: 30,
+      top: 20,
+      left: 24,
+      right: 24
+    },
+    monthlyAmountLabel: U,
+    onBarClick: _,
+    selectedTabIndex: i,
+    trendAmountLabel: $
+  }) : /* @__PURE__ */ o(at, {}) : null;
+  return /* @__PURE__ */ pt(gt, { children: [/* @__PURE__ */ o(ot, {
     ariaLabel: e?.ariaLabel,
-    baseTransactions: U,
-    heading: m?.heading,
-    icon: m?.icon,
-    onSelectionChange: C,
-    selectedIndex: n,
-    subHeadingText: m?.subHeadingText,
+    baseTransactions: z,
+    heading: p?.heading,
+    icon: p?.icon,
+    onSelectionChange: _,
+    selectedIndex: i,
+    subHeadingText: p?.subHeadingText,
     tabs: r.map((t) => ({
       ariaLabel: t.ariaLabel,
       label: t.label
     })),
-    top: $,
-    transactionFilter: P,
+    top: J,
+    ...S && { tipSection: !G && S(A, l, n?.sub_title?.text) },
+    transactionFilter: q,
     onEachRowClick: (t) => {
-      y({ transaction_guid: t }), f(!0);
+      C({ transaction_guid: t }), T(!0);
     }
-  }), /* @__PURE__ */ o(Q, {
-    ariaLabelClose: x.close_aria,
-    isOpen: F,
+  }), /* @__PURE__ */ o(Y, {
+    ariaLabelClose: B.close_aria,
+    isOpen: I,
     onClose: () => {
-      f(!1), y({ transaction_guid: void 0 }), D();
+      T(!1), C({ transaction_guid: void 0 }), L();
     },
-    title: B.general.transaction_details_title,
-    children: /* @__PURE__ */ o(it, { beat: a })
-  })] }) : /* @__PURE__ */ o(X, {});
+    title: l.general.transaction_details_title,
+    children: /* @__PURE__ */ o(ct, { beat: a })
+  })] });
 });
 export {
-  xt as TransactionHistoryBlock
+  It as TransactionHistoryBlock
 };
 
 //# sourceMappingURL=TransactionHistoryBlock.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionHistoryBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from 'react'\n\nimport { useTheme } from '@mui/material/styles'\nimport { observer } from 'mobx-react-lite'\n\nimport type { Beat, DataSeries, Transaction } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { BarChartV2 } from '../../components/chartblocks/BarchartV2'\nimport { EmptyBarChart } from '../../components/chartblocks/EmptyBarChart'\n\nimport { TransactionDrillDown } from './TransactionDrillDown'\nimport { useTransactionHistory } from './useTransactionHistory'\nimport {\n  getDefaultSelection,\n  getDrillDownConfig,\n  getFlattenedDataSeries,\n  toStoreFilter,\n} from './utils'\nimport { Drawer, useInsightsV2Store, useGlobalCopyStore, useGlobalUiStore, Loader } from '../../../common'\nimport { TransactionDetailsBlock } from '../TransactionDetailsBlock'\n\ninterface TransactionHistoryProp {\n  beat: Beat\n}\n\nexport const TransactionHistoryBlock = observer(({ beat }: TransactionHistoryProp) => {\n  const theme = useTheme()\n  const {\n    instanceSlotData,\n    beatTransactions,\n    primaryTransaction,\n    spendCategoryGuids,\n    allAccountGuids,\n    categoryName,\n    displayedDateRange,\n    transactionStore,\n  } = useTransactionHistory(beat)\n\n  const { actionDrawer, setActionContext } = useInsightsV2Store()\n\n  const { common: commonCopy, insights_feed: insightsCopy } = useGlobalCopyStore()\n\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  const [isTransactionDetailsOpen, setIsTransactionDetailsOpen] = useState(false)\n\n  const { insights_payload } = beat\n\n  const dynamicCtaVariant =\n    actionDrawer.trigger === 'secondaryCta'\n      ? insights_payload?.secondary_cta?.variant\n      : insights_payload?.primary_cta?.variant\n\n  const { top, filterMode, header, colors, filterStrategy } = getDrillDownConfig(\n    dynamicCtaVariant ?? '',\n  )\n\n  const { dataSeries, chartData, comparisonBars } = getFlattenedDataSeries({\n    data: instanceSlotData?.data_series as DataSeries,\n    ariaLabel: instanceSlotData?.ariaLabel ?? '',\n    top,\n    beatTransactions,\n    payload: instanceSlotData,\n  })\n\n  const { chartBarIndex, subTabIndex } = getDefaultSelection({\n    chartTabCount: chartData.length,\n    comparisonTabCount: comparisonBars.length,\n    actionDrawer,\n    beatGuid: beat.guid,\n  })\n\n  const [selectedIndex, setSelectedIndex] = useState(chartBarIndex)\n\n  const resolveFilter = (index: number) =>\n    filterStrategy({\n      beat,\n      beatTransactions,\n      dataSeries,\n      selectedIndex: index,\n      subIndex: subTabIndex,\n      isLastTab: index === dataSeries.length - 1,\n      instanceSlotData,\n      spendCategoryGuids,\n      displayedDateRange,\n    })\n\n  // Apply the current selection's filter. Store variants route through the store filter; local\n  // (upcomingBill) variants filter beatTransactions directly and only backfill the cache when the\n  // Stable primitive keys for the collections below: beatTransactions/spendCategoryGuids/\n  // allAccountGuids are recomputed (new array identity) every render, so depending on them directly\n  // re-fires the effect each render (REVIEW.md MEW-3732). Key on content instead.\n  const beatTransactionGuidsKey = beatTransactions.map((transaction) => transaction.guid).join(',')\n  const spendCategoryGuidsKey = spendCategoryGuids.join(',')\n  const allAccountGuidsKey = allAccountGuids.join(',')\n\n  // Re-applies the current selection's filter to the shared transactionStore. Called both by the\n  // effect below (on selection change) and when the nested TransactionDetailsBlock drawer closes:\n  // AddMerchantBudgetAction (opened from within that drawer) overwrites transactionStore.filter\n  // with a merchant_guid-only filter while its own drawer is open, and never restores it — leaving\n  // the row list stuck showing only that one merchant's transactions after backing all the way out.\n  // Re-running this on close re-derives the filter fresh instead of relying on whatever the nested\n  // drawers left behind.\n  const applyCurrentSelectionFilter = () => {\n    if (filterMode !== 'store' || !dataSeries.length) return\n    transactionStore.setFilter(\n      toStoreFilter(resolveFilter(selectedIndex), { allAccountGuids, displayedDateRange }),\n    )\n  }\n\n  // store variants route the selection through the shared store filter; local (upcomingBill) variants\n  // filter beatTransactions directly, so there's nothing to push to the store for them.\n  useLayoutEffect(() => {\n    applyCurrentSelectionFilter()\n  }, [\n    beat.guid,\n    selectedIndex,\n    filterMode,\n    dataSeries.length,\n    instanceSlotData,\n    displayedDateRange,\n    spendCategoryGuidsKey,\n    allAccountGuidsKey,\n    beatTransactionGuidsKey,\n  ])\n\n  const headerContent = header?.({\n    htmlTitle: beat.html_title,\n    primaryTransaction,\n    categoryName,\n    selectedDate: chartData[selectedIndex]?.date ?? undefined,\n  })\n\n  const barColors = colors(theme, instanceSlotData?.category_guid)\n  const [monthlyAmountLabel, trendAmountLabel] = (instanceSlotData?.legends ?? []).map(\n    (legend) => legend.label,\n  )\n\n  const transactionFilter =\n    filterMode === 'local'\n      ? (index: number) => resolveFilter(index).custom ?? (() => true)\n      : undefined\n\n  const baseTransactions: Transaction[] | undefined =\n    filterMode === 'local' ? beatTransactions : undefined\n\n  const isBarTop = top === 'singleBar' || top === 'upcomingBill'\n  const chartTop = !isBarTop ? null : chartData.length ? (\n    <BarChartV2\n      amounts={{\n        average: instanceSlotData?.average_amount,\n        formattedAverage: formatCurrency(instanceSlotData?.average_amount ?? 0, '0,0.00'),\n      }}\n      color={barColors[0] ?? theme.palette.primary.main}\n      data={chartData}\n      legendPosition=\"top\"\n      monthlyAmountLabel={monthlyAmountLabel}\n      onBarClick={setSelectedIndex}\n      selectedTabIndex={selectedIndex}\n      trendAmountLabel={trendAmountLabel}\n    />\n  ) : (\n    <EmptyBarChart />\n  )\n  if (!isCopyLoaded) return <Loader />\n  return (\n    <>\n      <TransactionDrillDown\n        ariaLabel={instanceSlotData?.ariaLabel}\n        baseTransactions={baseTransactions}\n        heading={headerContent?.heading}\n        icon={headerContent?.icon}\n        onSelectionChange={setSelectedIndex}\n        selectedIndex={selectedIndex}\n        subHeadingText={headerContent?.subHeadingText}\n        tabs={chartData.map((bar) => ({\n          ariaLabel: bar.ariaLabel,\n          label: bar.label,\n        }))}\n        top={chartTop}\n        transactionFilter={transactionFilter}\n        onEachRowClick={(guid) => {\n          setActionContext({ transaction_guid: guid })\n          setIsTransactionDetailsOpen(true)\n        }}\n      />\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isTransactionDetailsOpen}\n        onClose={() => {\n          setIsTransactionDetailsOpen(false)\n          // Clear only the key this nested drawer owns — setActionContext merges, so an\n          // explicit `{}` would be a no-op and leave transaction_guid stuck in the shared\n          // context, and the outer drawer's own context (e.g. chartBarIndex) must survive.\n          setActionContext({ transaction_guid: undefined })\n          // Re-apply this block's own filter: a further-nested AddMerchantBudgetAction drawer may\n          // have overwritten transactionStore.filter (merchant_guid-only) without restoring it.\n          applyCurrentSelectionFilter()\n        }}\n        title={insightsCopy.general.transaction_details_title}\n      >\n        <TransactionDetailsBlock beat={beat} />\n      </Drawer>\n    </>\n\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"TransactionHistoryBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from 'react'\n\nimport { useTheme } from '@mui/material/styles'\nimport { observer } from 'mobx-react-lite'\n\nimport type { Beat, DataSeries, Transaction } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { BarChartV2 } from '../../components/chartblocks/BarchartV2'\nimport { EmptyBarChart } from '../../components/chartblocks/EmptyBarChart'\n\nimport { TransactionDrillDown } from './TransactionDrillDown'\nimport { useTransactionHistory } from './useTransactionHistory'\nimport {\n  getDefaultSelection,\n  getDrillDownConfig,\n  getFlattenedDataSeries,\n  toStoreFilter,\n} from './utils'\nimport {\n  Drawer,\n  useInsightsV2Store,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  Loader,\n} from '../../../common'\nimport { TransactionDetailsBlock } from '../TransactionDetailsBlock'\n\ninterface TransactionHistoryProp {\n  beat: Beat\n}\n\nexport const TransactionHistoryBlock = observer(({ beat }: TransactionHistoryProp) => {\n  const theme = useTheme()\n  const {\n    instanceSlotData,\n    beatTransactions,\n    spendCategoryGuids,\n    allAccountGuids,\n    categoryName,\n    displayedDateRange,\n    transactionStore,\n  } = useTransactionHistory(beat)\n\n  const { actionDrawer, setActionContext } = useInsightsV2Store()\n\n  const { common: commonCopy, insights_feed: insightsCopy } = useGlobalCopyStore()\n\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  const [isTransactionDetailsOpen, setIsTransactionDetailsOpen] = useState(false)\n\n  const [closeTipSection, setCloseTipSection] = useState(false)\n\n  const { insights_payload } = beat\n\n  const dynamicCtaVariant =\n    actionDrawer.trigger === 'secondaryCta'\n      ? insights_payload?.secondary_cta?.variant\n      : insights_payload?.primary_cta?.variant\n\n  const { top, filterMode, header, colors, filterStrategy, tipSection } = getDrillDownConfig(\n    dynamicCtaVariant ?? '',\n  )\n\n  const { dataSeries, chartData, comparisonBars } = getFlattenedDataSeries({\n    data: instanceSlotData?.data_series as DataSeries,\n    ariaLabel: instanceSlotData?.ariaLabel ?? '',\n    top,\n    beatTransactions,\n    payload: instanceSlotData,\n  })\n\n  const { chartBarIndex, subTabIndex } = getDefaultSelection({\n    chartTabCount: chartData.length,\n    comparisonTabCount: comparisonBars.length,\n    actionDrawer,\n    beatGuid: beat.guid,\n  })\n\n  const [selectedIndex, setSelectedIndex] = useState(chartBarIndex)\n\n  const resolveFilter = (index: number) =>\n    filterStrategy({\n      beat,\n      beatTransactions,\n      dataSeries,\n      selectedIndex: index,\n      subIndex: subTabIndex,\n      isLastTab: index === dataSeries.length - 1,\n      instanceSlotData,\n      spendCategoryGuids,\n      displayedDateRange,\n    })\n\n  // Apply the current selection's filter. Store variants route through the store filter; local\n  // (upcomingBill) variants filter beatTransactions directly and only backfill the cache when the\n  // Stable primitive keys for the collections below: beatTransactions/spendCategoryGuids/\n  // allAccountGuids are recomputed (new array identity) every render, so depending on them directly\n  // re-fires the effect each render (REVIEW.md MEW-3732). Key on content instead.\n  const beatTransactionGuidsKey = beatTransactions.map((transaction) => transaction.guid).join(',')\n  const spendCategoryGuidsKey = spendCategoryGuids.join(',')\n  const allAccountGuidsKey = allAccountGuids.join(',')\n\n  // Re-applies the current selection's filter to the shared transactionStore. Called both by the\n  // effect below (on selection change) and when the nested TransactionDetailsBlock drawer closes:\n  // AddMerchantBudgetAction (opened from within that drawer) overwrites transactionStore.filter\n  // with a merchant_guid-only filter while its own drawer is open, and never restores it — leaving\n  // the row list stuck showing only that one merchant's transactions after backing all the way out.\n  // Re-running this on close re-derives the filter fresh instead of relying on whatever the nested\n  // drawers left behind.\n  const applyCurrentSelectionFilter = () => {\n    if (filterMode !== 'store' || !dataSeries.length) return\n    transactionStore.setFilter(\n      toStoreFilter(resolveFilter(selectedIndex), { allAccountGuids, displayedDateRange }),\n    )\n  }\n\n  // store variants route the selection through the shared store filter; local (upcomingBill) variants\n  // filter beatTransactions directly, so there's nothing to push to the store for them.\n  useLayoutEffect(() => {\n    applyCurrentSelectionFilter()\n  }, [\n    beat.guid,\n    selectedIndex,\n    filterMode,\n    dataSeries.length,\n    instanceSlotData,\n    displayedDateRange,\n    spendCategoryGuidsKey,\n    allAccountGuidsKey,\n    beatTransactionGuidsKey,\n  ])\n\n  const headerContent = header?.({\n    title: insights_payload?.title,\n    subHeader: insights_payload?.sub_title,\n    categoryName,\n    selectedDate: chartData[selectedIndex]?.date ?? undefined,\n  })\n\n  const barColors = colors(theme, instanceSlotData?.category_guid)\n\n  if (!isCopyLoaded) return <Loader />\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 legendFallbackLabels = [insightsCopy.general.monthly_amount, insightsCopy.general.trend]\n\n  const [monthlyAmountLabel, trendAmountLabel] = instanceSlotData?.legends?.length\n    ? instanceSlotData.legends.map((legend) => legend.label)\n    : legendFallbackLabels\n\n  const transactionFilter =\n    filterMode === 'local'\n      ? (index: number) => resolveFilter(index).custom ?? (() => true)\n      : undefined\n\n  const baseTransactions: Transaction[] | undefined =\n    filterMode === 'local' ? beatTransactions : undefined\n\n  const isBarTop = top === 'singleBar' || top === 'upcomingBill'\n  const chartTop = !isBarTop ? null : chartData.length ? (\n    <BarChartV2\n      amounts={{\n        average: instanceSlotData?.average_amount,\n        formattedAverage: formatCurrency(instanceSlotData?.average_amount ?? 0, '0,0.00'),\n      }}\n      color={barColors[0] ?? theme.palette.primary.main}\n      data={chartData}\n      legendPosition=\"top\"\n      margin={{\n        bottom: 30,\n        top: 20,\n        left: 24,\n        right: 24,\n      }}\n      monthlyAmountLabel={monthlyAmountLabel}\n      onBarClick={setSelectedIndex}\n      selectedTabIndex={selectedIndex}\n      trendAmountLabel={trendAmountLabel}\n    />\n  ) : (\n    <EmptyBarChart />\n  )\n\n  return (\n    <>\n      <TransactionDrillDown\n        ariaLabel={instanceSlotData?.ariaLabel}\n        baseTransactions={baseTransactions}\n        heading={headerContent?.heading}\n        icon={headerContent?.icon}\n        onSelectionChange={setSelectedIndex}\n        selectedIndex={selectedIndex}\n        subHeadingText={headerContent?.subHeadingText}\n        tabs={chartData.map((bar) => ({\n          ariaLabel: bar.ariaLabel,\n          label: bar.label,\n        }))}\n        top={chartTop}\n        {...(tipSection && {\n          tipSection:\n            !closeTipSection &&\n            tipSection(setCloseTipSection, insightsCopy, insights_payload?.sub_title?.text),\n        })}\n        transactionFilter={transactionFilter}\n        onEachRowClick={(guid) => {\n          setActionContext({ transaction_guid: guid })\n          setIsTransactionDetailsOpen(true)\n        }}\n      />\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isTransactionDetailsOpen}\n        onClose={() => {\n          setIsTransactionDetailsOpen(false)\n          // Clear only the key this nested drawer owns — setActionContext merges, so an\n          // explicit `{}` would be a no-op and leave transaction_guid stuck in the shared\n          // context, and the outer drawer's own context (e.g. chartBarIndex) must survive.\n          setActionContext({ transaction_guid: undefined })\n          // Re-apply this block's own filter: a further-nested AddMerchantBudgetAction drawer may\n          // have overwritten transactionStore.filter (merchant_guid-only) without restoring it.\n          applyCurrentSelectionFilter()\n        }}\n        title={insightsCopy.general.transaction_details_title}\n      >\n        <TransactionDetailsBlock beat={beat} />\n      </Drawer>\n    </>\n  )\n})\n"],"mappings":"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"}