@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/transactions/components/shared/TransactionDetails/actions/TagsAction/index.es.js

@@ -1,94 +0,0 @@
-import { useEvent as A, useGlobalCopyStore as v, useTransactionStore as L } from "../../../../../../common/context/hooks/index.es.js";
-import b from "../../../../../../common/components/drawer/Drawer/index.es.js";
-import { ANALYTICS_EVENTS as N } from "../../../../../../common/constants/Analytics/index.es.js";
-import { useTransactionsUiStore as E } from "../../../../../context/hooks/index.es.js";
-import { ON_CLICK_EVENTS as O } from "../../../../../constants/OnClickEvents/index.es.js";
-import k from "../../../../tagmanager/TagManager/index.es.js";
-import m from "react";
-import { observer as G } from "mobx-react-lite";
-import { Text as $ } from "@mxenabled/mxui";
-import { Icon as g } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { useTheme as w } from "@mui/material/styles";
-import K from "@mui/material/ListItem";
-import M from "@mui/material/ListItemButton";
-import P from "@mui/material/ListItemIcon";
-import R from "@mui/material/ListItemText";
-import j from "@mui/material/Avatar";
-import D from "@mui/material/ListItemAvatar";
-var V = ({ transaction: e }) => {
-  const { onEvent: c } = A(), { tags: p, updateTaggings: T, updateTransaction: _ } = L(), { common: n, transactions: l } = v(), { updateManualTransaction: h } = E(), x = w(), [d, a] = m.useState(!1), [o, f] = m.useState(e.tags);
-  m.useEffect(() => {
-    f(e.tags);
-  }, [d, e]);
-  const y = (s) => {
-    const r = [...o], i = o.indexOf(s);
-    i >= 0 ? r.splice(i, 1) : r.push(s), f(r);
-  }, C = async () => {
-    if (e.is_manual && !e.guid) {
-      h({
-        ...e,
-        tags: o
-      }), a(!1);
-      return;
-    }
-    await T(o, e.guid), await _({
-      ...e,
-      tags: o
-    }), c(N.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: e.guid }), a(!1);
-  }, S = m.useMemo(() => e.tags.map((s, r, i) => `${p.find((I) => I.guid === s)?.name}${r < i.length - 1 ? " / " : ""}`), [p, e]);
-  return /* @__PURE__ */ u(K, {
-    disableGutters: !0,
-    disablePadding: !0,
-    children: [/* @__PURE__ */ u(M, {
-      onClick: () => {
-        c(O.ON_TRANSACTION_TAGS_CLICK), a(!0);
-      },
-      children: [
-        /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(j, {
-          sx: { bgcolor: x.palette.mode === "dark" ? "grey.800" : "grey.100" },
-          variant: "rounded",
-          children: /* @__PURE__ */ t(g, {
-            name: "local_offer",
-            sx: { color: "text.primary" }
-          })
-        }) }),
-        /* @__PURE__ */ t(R, {
-          primary: l.tags_title,
-          secondary: /* @__PURE__ */ t($, {
-            bold: !0,
-            sx: { color: "text.primary" },
-            variant: "body1",
-            children: e.tags?.length > 0 ? S : l.tags_desc
-          }),
-          slotProps: { primary: {
-            variant: "caption",
-            fontSize: 11,
-            fontWeight: "normal"
-          } }
-        }),
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(g, {
-          name: "chevron_right",
-          sx: { color: "text.primary" }
-        }) })
-      ]
-    }), /* @__PURE__ */ t(b, {
-      ariaLabelClose: n.close_aria,
-      isOpen: d,
-      onClose: () => a(!1),
-      onPrimaryAction: C,
-      primaryText: n.save_button,
-      secondaryText: n.cancel_button,
-      title: l.tags_title,
-      children: /* @__PURE__ */ t(k, {
-        onTagChecked: y,
-        selectedTags: o
-      })
-    })]
-  });
-}, ie = G(V);
-export {
-  ie as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/shared/TransactionDetails/actions/TagsAction/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../../src/transactions/components/shared/transactiondetails/actions/TagsAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, Drawer, useGlobalCopyStore } from '../../../../../common'\n\nimport type { Transaction } from '../../../../../core'\n\nimport { TagManager } from '../../../tagmanager'\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface TagsActionProps {\n  transaction: Transaction\n}\n\nconst TagsAction: React.FC<TagsActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { tags, updateTaggings, updateTransaction } = useTransactionStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n  const { updateManualTransaction } = useTransactionsUiStore()\n\n  const theme = useTheme()\n\n  const [open, setOpen] = React.useState(false)\n  const [selectedTags, setSelectedTags] = React.useState<string[]>(transaction.tags)\n\n  React.useEffect(() => {\n    setSelectedTags(transaction.tags)\n  }, [open, transaction])\n\n  const handleTagChecked = (guid: string) => {\n    const tags = [...selectedTags]\n\n    const index = selectedTags.indexOf(guid)\n    if (index >= 0) {\n      tags.splice(index, 1)\n    } else {\n      tags.push(guid)\n    }\n    setSelectedTags(tags)\n  }\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, tags: selectedTags })\n      setOpen(false)\n      return\n    }\n\n    await updateTaggings(selectedTags, transaction.guid)\n    await updateTransaction({ ...transaction, tags: selectedTags })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_TAGS, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  const tagNames = React.useMemo(\n    () =>\n      transaction.tags.map(\n        (tagGuid, index, selectedTags) =>\n          `${tags.find((item) => item.guid === tagGuid)?.name}${\n            index < selectedTags.length - 1 ? ' / ' : ''\n          }`,\n      ),\n    [tags, transaction],\n  )\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_TAGS_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <Icon name=\"local_offer\" sx={{ color: 'text.primary' }} />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.tags_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {transaction.tags?.length > 0 ? tagNames : copy.tags_desc}\n            </Text>\n          }\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n        </ListItemIcon>\n      </ListItemButton>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={open}\n        onClose={() => setOpen(false)}\n        onPrimaryAction={handleSave}\n        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        title={copy.tags_title}\n      >\n        <TagManager onTagChecked={handleTagChecked} selectedTags={selectedTags} />\n      </Drawer>\n    </ListItem>\n  )\n}\n\nexport default observer(TagsAction)\n"],"mappings":"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"}

package/dist/transactions/components/shared/TransactionDetails/index.es.js

@@ -1,255 +0,0 @@
-import { buildDynamicCopy as N } from "../../../../core/utils/Localization/index.es.js";
-import { DATE_FORMATS_INTL as te, formatDate as re } from "../../../../core/constants/DateFormats/index.es.js";
-import { useCategoryStore as oe, useEvent as ie, useGlobalCopyStore as ae, useGlobalUiStore as ne, useTransactionStore as de, useUserStore as le } from "../../../../common/context/hooks/index.es.js";
-import { ANALYTICS_EVENTS as se } from "../../../../common/constants/Analytics/index.es.js";
-import { isFeatureEnabled as me } from "../../../../core/utils/UserUtils/index.es.js";
-import { formatCurrency as F } from "../../../../core/utils/NumberFormatting/index.es.js";
-import { fromUnixUTC as ce } from "../../../../core/utils/DateUtil/index.es.js";
-import ue from "../../../../common/components/Loader/index.es.js";
-import { BottomActions as m, DEFAULT_BOTTOM_ACTIONS as ge, DEFAULT_TOP_ACTIONS as pe, TopActions as h } from "../../../constants/Actions/index.es.js";
-import he from "../../../../insights/components/shared/ChartTransactionWithDrillDown/index.es.js";
-import { EmbeddedCard as fe } from "../../../../insights/components/shared/InsightsCard/EmbeddedCard/index.es.js";
-import { AddMerchantBudgetAction as _e } from "../transactiondetails/actions/AddMerchantBudgetAction/index.es.js";
-import Te from "../transactiondetails/actions/CategoryAction/index.es.js";
-import Se from "../transactiondetails/actions/DateAction/index.es.js";
-import ye from "../transactiondetails/actions/DeleteAction/index.es.js";
-import be from "../transactiondetails/actions/DeleteLogoAction/index.es.js";
-import De from "../transactiondetails/actions/ExcludeAction/index.es.js";
-import Ae from "../transactiondetails/actions/MemoAction/index.es.js";
-import Ce from "../transactiondetails/actions/SplitAction/index.es.js";
-import ve from "../transactiondetails/actions/TagsAction/index.es.js";
-import xe from "../transactiondetails/Description/index.es.js";
-import Ie from "../transactiondetails/FlagTransaction/index.es.js";
-import we from "../transactiondetails/TransactionDetailsView/index.es.js";
-import { getEmbeddedInstanceSlotByBeatTemplates as Le } from "../getEmbeddedInstanceSlotByBeatTemplates/index.es.js";
-import a, { useMemo as G } from "react";
-import { observer as Me } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { MerchantLogo as P, P as Ee, Text as b } from "@mxenabled/mxui";
-import { endOfMonth as Oe } from "date-fns/endOfMonth";
-import { isBefore as Be } from "date-fns/isBefore";
-import { startOfMonth as U } from "date-fns/startOfMonth";
-import D from "@mui/material/Paper";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useTheme as Ne } from "@mui/material/styles";
-import Fe from "@mui/material/Box";
-import k from "@mui/material/Divider";
-import H from "@mui/material/List";
-import Ge from "@mui/material/Alert";
-import Pe from "@mui/material/Snackbar";
-var Ue = ({ bottomActions: _ = ge, canFlagTransaction: V = !0, topActions: A = pe, transaction: e }) => {
-  const { onEvent: W } = ie(), { isCopyLoaded: R } = ne(), { userFeatures: j } = le(), { accounts: z, common: q, insights_feed: d } = ae(), { detailedCategories: C } = oe(), { alert: v, associatedBeats: x, detailedTransactions: I, cachedStartDate: w, loadEmbeddedInstanceTransactions: X, setAlert: L } = de(), [Y, M] = a.useState(!1), [E, O] = a.useState(!1), [$, J] = a.useState(!1), K = Ne(), Q = e?.number && e.number.length > 4, l = a.useMemo(() => x.find((r) => r.associated_transaction_guid === e.guid), [x, e]), o = Le(q, l), [s, T] = a.useState(o ? o.dataSeries.length - 1 : 0);
-  a.useEffect(() => W(se.TRANSACTION_DETAILS_VIEW, { transaction_guid: e.guid }), []), a.useEffect(() => {
-    if (!o || o.dataSeries.length === 0) return;
-    const { date: r } = o.dataSeries[s], i = U(r);
-    Be(i, w) && (O(!0), X(i).finally(() => {
-      O(!1);
-    }));
-  }, [
-    s,
-    o,
-    w
-  ]);
-  const S = _.includes(m.MerchantBudget) && !e?.merchant_guid ? _.filter((r) => r !== m.MerchantBudget) : _, y = G(() => {
-    if (o) {
-      const r = C.find((p) => p.guid === e.top_level_category_guid), i = l?.payload?.average_amount ?? 0, u = e.amount;
-      let g = d.general.increased_text;
-      return u - i < 0 && (g = d.general.decreased_text), {
-        category: r,
-        percentageAmount: i === 0 ? 0 : Math.round(Math.abs(u - i) / i * 100),
-        changetype: g
-      };
-    }
-    return null;
-  }, [o, C]), Z = G(() => {
-    if (!o?.dataSeries?.length) return [];
-    const { guid: r, date: i } = o.dataSeries[s], u = U(i), g = Oe(i);
-    return I.filter((p) => {
-      const B = ce(p.date);
-      return B >= u && B <= g && p.guid === r;
-    });
-  }, [
-    s,
-    o,
-    I,
-    E
-  ]);
-  if (!R) return /* @__PURE__ */ t(ue, {});
-  const c = me(j, "MX_TXN_DETAILS_VIEW_ONLY"), ee = K.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ n(Fe, {
-    className: "mx-txn-transaction-details",
-    width: "100%",
-    children: [
-      e && /* @__PURE__ */ n(f, { children: [
-        /* @__PURE__ */ n(f, {
-          gap: 12,
-          p: 24,
-          children: [
-            /* @__PURE__ */ t(D, {
-              elevation: 2,
-              sx: { width: 64 },
-              children: /* @__PURE__ */ t(P, {
-                categoryGuid: e.top_level_category_guid || "",
-                merchantGuid: e.merchant_guid || "",
-                size: 64
-              })
-            }),
-            /* @__PURE__ */ t(xe, {
-              transaction: e,
-              viewOnly: c
-            }),
-            /* @__PURE__ */ n(f, {
-              direction: "row",
-              justifyContent: "space-between",
-              sx: { minHeight: 44 },
-              children: [/* @__PURE__ */ n(Ee, {
-                color: e.isIncome ? "success.main" : "text.primary",
-                variant: "h1",
-                children: [e.isIncome ? "+" : "", F(e.amount, "0,0.00")]
-              }), !c && V && /* @__PURE__ */ t(Ie, { transaction: e })]
-            }),
-            o?.instanceSlot && /* @__PURE__ */ t(fe, {
-              callToAction: o.callToAction,
-              description: N(d.general.embedded_description, y.changetype, /* @__PURE__ */ t("strong", { children: y.percentageAmount })),
-              instanceSlot: o.instanceSlot,
-              onCtaClick: () => {
-                M(!0);
-              },
-              title: l.html_micro_title
-            }),
-            /* @__PURE__ */ n(f, {
-              sx: {
-                bgcolor: ee,
-                borderRadius: "4px",
-                gap: 4,
-                p: 8
-              },
-              children: [/* @__PURE__ */ t(b, {
-                bold: !0,
-                children: `${e.account}
-                ${Q ? e.number : "•".repeat(4).concat(e.number ?? "")}`
-              }), /* @__PURE__ */ t(b, {
-                bold: !0,
-                truncate: !0,
-                variant: "tiny",
-                children: e.feed_description
-              })]
-            })
-          ]
-        }),
-        /* @__PURE__ */ t(D, {
-          square: !0,
-          sx: { boxShadow: "none" },
-          children: c ? /* @__PURE__ */ t(we, { transaction: e }) : /* @__PURE__ */ t(H, { children: A.map((r, i) => /* @__PURE__ */ n(a.Fragment, { children: [
-            r === h.Category && /* @__PURE__ */ t(Te, { transaction: e }),
-            r === h.Date && /* @__PURE__ */ t(Se, { transaction: e }),
-            r === h.Memo && /* @__PURE__ */ t(Ae, { transaction: e }),
-            r === h.Tags && /* @__PURE__ */ t(ve, { transaction: e }),
-            /* @__PURE__ */ t(k, {
-              component: "li",
-              variant: i < A.length - 1 ? "inset" : "fullWidth"
-            })
-          ] }, r)) })
-        }),
-        !c && S.length > 0 && /* @__PURE__ */ n(a.Fragment, { children: [/* @__PURE__ */ t(b, {
-          bold: !0,
-          mb: 8,
-          ml: 26,
-          mt: 16,
-          variant: "body1",
-          children: z.actions
-        }), /* @__PURE__ */ t(D, {
-          square: !0,
-          sx: { boxShadow: "none" },
-          children: /* @__PURE__ */ n(H, { children: [S.map((r, i) => /* @__PURE__ */ n(a.Fragment, { children: [
-            r === m.MerchantBudget && /* @__PURE__ */ t(_e, { transaction: e }),
-            r === m.SplitTransaction && /* @__PURE__ */ t(Ce, { transaction: e }),
-            r === m.HideTransaction && /* @__PURE__ */ t(De, { transaction: e }),
-            r === m.MerchantLogo && /* @__PURE__ */ t(be, { transaction: e }),
-            /* @__PURE__ */ t(k, {
-              component: "li",
-              variant: i < S.length - 1 ? "inset" : "fullWidth"
-            })
-          ] }, r)), e.is_manual && !e.parent_guid && !e.has_been_split && /* @__PURE__ */ t(ye, { transaction: e })] })
-        })] })
-      ] }),
-      l && o && /* @__PURE__ */ t(he, {
-        ariaLabel: re(o?.dataSeries[s]?.date, te.MONTH),
-        barChartProps: {
-          amounts: {
-            average: l.payload.average_amount,
-            formattedAverage: F(l.payload.average_amount, "0,0")
-          },
-          color: y.category?.color || "",
-          data: o.chartData,
-          margin: {
-            bottom: 10,
-            left: 24,
-            right: 24,
-            top: 20
-          },
-          monthlyAmountLabel: d.general.monthly_amount,
-          onBarClick: (r) => {
-            T(r);
-          },
-          trendAmountLabel: d.general.trend,
-          legendPosition: "top"
-        },
-        beat: {
-          heading: l.html_title,
-          subHeading: {
-            category_guid: e.category_guid ?? "",
-            merchant_guid: e.merchant_guid ?? "",
-            description: e.description ?? ""
-          }
-        },
-        data: o.chartData,
-        defaultSelectedIndex: s,
-        icon: /* @__PURE__ */ t(P, {
-          alt: e.description ?? "",
-          categoryGuid: e.category_guid ?? "",
-          merchantGuid: e.merchant_guid ?? "",
-          size: 16
-        }),
-        isOpen: Y,
-        onClose: () => {
-          M(!1), T(o.dataSeries.length - 1);
-        },
-        onTabChange: (r) => {
-          T(r);
-        },
-        tipSection: $ ? void 0 : {
-          message: N(d.general.tip_section_message, /* @__PURE__ */ t("strong", { children: d.general.tip_section_title }), /* @__PURE__ */ t("strong", { children: l.primary_transaction?.description })),
-          onDismiss: () => J(!0)
-        },
-        title: d.general.transaction_history_title,
-        transactionListProps: {
-          showLoader: E,
-          showInsights: !0,
-          transaction: Z
-        }
-      }),
-      /* @__PURE__ */ t(Pe, {
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "right"
-        },
-        autoHideDuration: 3500,
-        onClose: () => L(""),
-        open: !!v,
-        children: /* @__PURE__ */ t(Ge, {
-          closeText: "",
-          onClose: () => L(""),
-          severity: "success",
-          variant: "filled",
-          children: v
-        })
-      })
-    ]
-  });
-}, Ct = Me(Ue);
-export {
-  Ct as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/shared/TransactionDetails/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../src/transactions/components/shared/TransactionDetails.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Paper from '@mui/material/Paper'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { MerchantLogo, P, Text } from '@mxenabled/mxui'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\nimport {\n  ANALYTICS_EVENTS,\n  Loader,\n  useCategoryStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n  useUserStore,\n} from '../../../common'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Transaction } from '../../../core'\nimport { fromUnixUTC } from '../../../core/utils/DateUtil'\nimport { isFeatureEnabled } from '../../../core/utils/UserUtils'\nimport { ChartTransactionWithDrillDown, EmbeddedCard } from '../../../insights'\n\nimport {\n  BottomActions,\n  DEFAULT_BOTTOM_ACTIONS,\n  DEFAULT_TOP_ACTIONS,\n  TopActions,\n} from '../../constants/Actions'\n\nimport {\n  AddMerchantBudgetAction,\n  CategoryAction,\n  DateAction,\n  DeleteAction,\n  DeleteLogoAction,\n  ExcludeAction,\n  MemoAction,\n  SplitAction,\n  TagsAction,\n} from './transactiondetails/actions'\nimport Description from './transactiondetails/Description'\nimport FlagTransaction from './transactiondetails/FlagTransaction'\nimport TransactionDetailsView from './transactiondetails/TransactionDetailsView'\nimport { getEmbeddedInstanceSlotByBeatTemplates } from './getEmbeddedInstanceSlotByBeatTemplates'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\nexport interface TransactionDetailsProps {\n  bottomActions?: BottomActions[]\n  canFlagTransaction?: boolean\n  topActions?: TopActions[]\n  transaction: Transaction\n}\n\nconst TransactionDetails: React.FC<TransactionDetailsProps> = ({\n  bottomActions = DEFAULT_BOTTOM_ACTIONS,\n  canFlagTransaction = true,\n  topActions = DEFAULT_TOP_ACTIONS,\n  transaction,\n}) => {\n  const { onEvent } = useEvent()\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { userFeatures } = useUserStore()\n  const { accounts: copy, common: commonCopy, insights_feed: insightsCopy } = useGlobalCopyStore()\n\n  const { detailedCategories } = useCategoryStore()\n  const {\n    alert,\n    associatedBeats,\n    detailedTransactions,\n    cachedStartDate,\n    loadEmbeddedInstanceTransactions,\n    setAlert,\n  } = useTransactionStore()\n\n  const [showTranscationDrilldownDrawer, setShowTransactionDrillDownDrawer] = React.useState(false)\n\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [closeTipSection, setCloseTipSection] = React.useState(false)\n  const theme = useTheme()\n\n  const showFullNumber = transaction?.number && transaction.number.length > 4\n\n  const beat = React.useMemo(() => {\n    return associatedBeats.find((beat) => beat.associated_transaction_guid === transaction.guid)\n  }, [associatedBeats, transaction])\n\n  const embeddedData = getEmbeddedInstanceSlotByBeatTemplates(commonCopy, beat)\n\n  const [selectedTabIndex, setSelectedTabIndex] = React.useState(\n    embeddedData ? embeddedData.dataSeries.length - 1 : 0,\n  )\n\n  React.useEffect(\n    () =>\n      onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_VIEW, { transaction_guid: transaction.guid }),\n    [],\n  )\n\n  React.useEffect(() => {\n    if (!embeddedData || embeddedData.dataSeries.length === 0) return\n\n    const { date: selectedSeriesItemDate } = embeddedData.dataSeries[selectedTabIndex]\n\n    const start = startOfMonth(selectedSeriesItemDate)\n\n    if (isBefore(start, cachedStartDate)) {\n      setIsLoading(true)\n      loadEmbeddedInstanceTransactions(start).finally(() => {\n        setIsLoading(false)\n      })\n    }\n  }, [selectedTabIndex, embeddedData, cachedStartDate])\n\n  //if merchant_guid is null then no need to show the MerchantBudget action.\n  const updatedBottomActions =\n    bottomActions.includes(BottomActions.MerchantBudget) && !transaction?.merchant_guid\n      ? bottomActions.filter((action) => action !== BottomActions.MerchantBudget)\n      : bottomActions\n\n  const embeddedCardDataCategory = useMemo(() => {\n    if (embeddedData) {\n      const category = detailedCategories.find(\n        (cat) => cat.guid === transaction.top_level_category_guid,\n      )\n      const mean = beat?.payload?.average_amount ?? 0\n      const currentAmount = transaction.amount\n\n      let changetype = insightsCopy.general.increased_text\n      if (currentAmount - mean < 0) {\n        changetype = insightsCopy.general.decreased_text\n      }\n      const percentageAmount =\n        mean === 0 ? 0 : Math.round((Math.abs(currentAmount - mean) / mean) * 100)\n\n      return { category, percentageAmount, changetype }\n    }\n    return null\n  }, [embeddedData, detailedCategories])\n\n  const filteredTransactions = useMemo(() => {\n    if (!embeddedData?.dataSeries?.length) {\n      return []\n    }\n\n    const { guid: selectedSeriesItemGuid, date: selectedSeriesItemDate } =\n      embeddedData.dataSeries[selectedTabIndex]\n\n    const start = startOfMonth(selectedSeriesItemDate)\n    const end = endOfMonth(selectedSeriesItemDate)\n\n    return detailedTransactions.filter((t) => {\n      const transactionDate = fromUnixUTC(t.date)\n      return transactionDate >= start && transactionDate <= end && t.guid === selectedSeriesItemGuid\n    })\n  }, [selectedTabIndex, embeddedData, detailedTransactions, isLoading])\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  const shouldShowViewOnlyMode = isFeatureEnabled(userFeatures, 'MX_TXN_DETAILS_VIEW_ONLY')\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <Box className=\"mx-txn-transaction-details\" width=\"100%\">\n      {transaction && (\n        <Stack>\n          <Stack gap={12} p={24}>\n            <Paper elevation={2} sx={{ width: 64 }}>\n              <MerchantLogo\n                categoryGuid={transaction.top_level_category_guid || ''}\n                merchantGuid={transaction.merchant_guid || ''}\n                size={64}\n              />\n            </Paper>\n\n            <Description transaction={transaction} viewOnly={shouldShowViewOnlyMode} />\n\n            <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ minHeight: 44 }}>\n              <P color={transaction.isIncome ? 'success.main' : 'text.primary'} variant=\"h1\">\n                {transaction.isIncome ? '+' : ''}\n                {formatCurrency(transaction.amount, '0,0.00')}\n              </P>\n              {!shouldShowViewOnlyMode && canFlagTransaction && (\n                <FlagTransaction transaction={transaction} />\n              )}\n            </Stack>\n\n            {embeddedData?.instanceSlot && (\n              <EmbeddedCard\n                callToAction={embeddedData.callToAction}\n                description={\n                  buildDynamicCopy(\n                    insightsCopy.general.embedded_description,\n                    embeddedCardDataCategory!.changetype,\n                    <strong>{embeddedCardDataCategory!.percentageAmount}</strong>,\n                  ) as string\n                }\n                instanceSlot={embeddedData.instanceSlot}\n                onCtaClick={() => {\n                  setShowTransactionDrillDownDrawer(true)\n                }}\n                title={beat!.html_micro_title!}\n              />\n            )}\n            <Stack sx={{ bgcolor: bgColor, borderRadius: '4px', gap: 4, p: 8 }}>\n              <Text bold={true}>\n                {`${transaction.account}\n                ${\n                  showFullNumber\n                    ? transaction.number\n                    : '\\u2022'.repeat(4).concat(transaction.number ?? '')\n                }`}\n              </Text>\n              <Text bold={true} truncate={true} variant=\"tiny\">\n                {transaction.feed_description}\n              </Text>\n            </Stack>\n          </Stack>\n\n          <Paper square={true} sx={{ boxShadow: 'none' }}>\n            {shouldShowViewOnlyMode ? (\n              <TransactionDetailsView transaction={transaction} />\n            ) : (\n              <List>\n                {topActions.map((action, index) => (\n                  <React.Fragment key={action}>\n                    {action === TopActions.Category && <CategoryAction transaction={transaction} />}\n                    {action === TopActions.Date && <DateAction transaction={transaction} />}\n                    {action === TopActions.Memo && <MemoAction transaction={transaction} />}\n                    {action === TopActions.Tags && <TagsAction transaction={transaction} />}\n                    <Divider\n                      component=\"li\"\n                      variant={index < topActions.length - 1 ? 'inset' : 'fullWidth'}\n                    />\n                  </React.Fragment>\n                ))}\n              </List>\n            )}\n          </Paper>\n\n          {!shouldShowViewOnlyMode && updatedBottomActions.length > 0 && (\n            <React.Fragment>\n              <Text bold={true} mb={8} ml={26} mt={16} variant=\"body1\">\n                {copy.actions}\n              </Text>\n\n              <Paper square={true} sx={{ boxShadow: 'none' }}>\n                <List>\n                  {updatedBottomActions.map((action, index) => (\n                    <React.Fragment key={action}>\n                      {action === BottomActions.MerchantBudget && (\n                        <AddMerchantBudgetAction transaction={transaction} />\n                      )}\n                      {action === BottomActions.SplitTransaction && (\n                        <SplitAction transaction={transaction} />\n                      )}\n                      {action === BottomActions.HideTransaction && (\n                        <ExcludeAction transaction={transaction} />\n                      )}\n                      {action === BottomActions.MerchantLogo && (\n                        <DeleteLogoAction transaction={transaction} />\n                      )}\n                      <Divider\n                        component=\"li\"\n                        variant={index < updatedBottomActions.length - 1 ? 'inset' : 'fullWidth'}\n                      />\n                    </React.Fragment>\n                  ))}\n\n                  {/*\n                Show DeleteAction only if:\n                - The transaction is manual\n                - The transaction is NOT a parent transaction (no parent_guid)\n                - The transaction has NOT been split (has_been_split is false)\n                \n                This ensures delete is hidden for parent or split transactions.\n              */}\n                  {transaction.is_manual &&\n                    !transaction.parent_guid &&\n                    !transaction.has_been_split && <DeleteAction transaction={transaction} />}\n                </List>\n              </Paper>\n            </React.Fragment>\n          )}\n        </Stack>\n      )}\n      {beat && embeddedData && (\n        <ChartTransactionWithDrillDown\n          ariaLabel={formatDate(\n            embeddedData?.dataSeries[selectedTabIndex]?.date,\n            DATE_FORMATS_INTL.MONTH,\n          )}\n          barChartProps={{\n            amounts: {\n              average: beat.payload.average_amount,\n              formattedAverage: formatCurrency(beat.payload.average_amount, '0,0'),\n            },\n            color: embeddedCardDataCategory!.category?.color || '',\n            data: embeddedData.chartData,\n            margin: { bottom: 10, left: 24, right: 24, top: 20 },\n            monthlyAmountLabel: insightsCopy.general.monthly_amount,\n            onBarClick: (index) => {\n              setSelectedTabIndex(index)\n            },\n            trendAmountLabel: insightsCopy.general.trend,\n            legendPosition: 'top',\n          }}\n          beat={{\n            heading: beat.html_title,\n            subHeading: {\n              category_guid: transaction.category_guid ?? '',\n              merchant_guid: transaction.merchant_guid ?? '',\n              description: transaction.description ?? '',\n            },\n          }}\n          data={embeddedData.chartData}\n          defaultSelectedIndex={selectedTabIndex}\n          icon={\n            <MerchantLogo\n              alt={transaction.description ?? ''}\n              categoryGuid={transaction.category_guid ?? ''}\n              merchantGuid={transaction.merchant_guid ?? ''}\n              size={16}\n            />\n          }\n          isOpen={showTranscationDrilldownDrawer}\n          onClose={() => {\n            setShowTransactionDrillDownDrawer(false)\n            setSelectedTabIndex(embeddedData!.dataSeries.length - 1)\n          }}\n          onTabChange={(index: number) => {\n            setSelectedTabIndex(index)\n          }}\n          tipSection={\n            !closeTipSection\n              ? {\n                  message: buildDynamicCopy(\n                    insightsCopy.general.tip_section_message,\n                    <strong>{insightsCopy.general.tip_section_title}</strong>,\n                    <strong>{beat.primary_transaction?.description}</strong>,\n                  ) as string,\n                  onDismiss: () => setCloseTipSection(true),\n                }\n              : undefined\n          }\n          title={insightsCopy.general.transaction_history_title}\n          transactionListProps={{\n            showLoader: isLoading,\n            showInsights: true,\n            transaction: filteredTransactions,\n          }}\n        />\n      )}\n      <Snackbar\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        autoHideDuration={3500}\n        onClose={() => setAlert('')}\n        open={Boolean(alert)}\n      >\n        <Alert closeText=\"\" onClose={() => setAlert('')} severity=\"success\" variant=\"filled\">\n          {alert}\n        </Alert>\n      </Snackbar>\n    </Box>\n  )\n}\n\nexport default observer(TransactionDetails)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAM,KAAA,CAAyD,EAC7D,eAAA,IAAgB,IAChB,oBAAA,IAAqB,IACrB,YAAA,IAAa,IACb,aAAA,EAAA,MACI;AACJ,QAAM,EAAE,SAAA,EAAA,IAAY,GAAS,GACvB,EAAE,cAAA,EAAA,IAAiB,GAAiB,GACpC,EAAE,cAAA,EAAA,IAAiB,GAAa,GAChC,EAAE,UAAU,GAAM,QAAQ,GAAY,eAAe,EAAA,IAAiB,GAAmB,GAEzF,EAAE,oBAAA,EAAA,IAAuB,GAAiB,GAC1C,EACJ,OAAA,GACA,iBAAA,GACA,sBAAA,GACA,iBAAA,GACA,kCAAA,GACA,UAAA,EAAA,IACE,GAAoB,GAElB,CAAC,GAAgC,CAAA,IAAqC,EAAM,SAAS,EAAK,GAE1F,CAAC,GAAW,CAAA,IAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAS,EAAK,GAC5D,IAAQ,GAAS,GAEjB,IAAiB,GAAa,UAAU,EAAY,OAAO,SAAS,GAEpE,IAAO,EAAM,QAAA,MACV,EAAgB,KAAA,CAAM,MAAS,EAAK,gCAAgC,EAAY,IAAI,GAC1F,CAAC,GAAiB,CAAW,CAAC,GAE3B,IAAe,GAAuC,GAAY,CAAI,GAEtE,CAAC,GAAkB,CAAA,IAAuB,EAAM,SACpD,IAAe,EAAa,WAAW,SAAS,IAAI,CACtD;AAEA,EAAA,EAAM,UAAA,MAEF,EAAQ,GAAiB,0BAA0B,EAAE,kBAAkB,EAAY,KAAK,CAAC,GAC3F,CAAC,CACH,GAEA,EAAM,UAAA,MAAgB;AACpB,QAAI,CAAC,KAAgB,EAAa,WAAW,WAAW,EAAG;AAE3D,UAAM,EAAE,MAAM,EAAA,IAA2B,EAAa,WAAW,CAAA,GAE3D,IAAQ,EAAa,CAAsB;AAEjD,IAAI,GAAS,GAAO,CAAe,MACjC,EAAa,EAAI,GACjB,EAAiC,CAAK,EAAE,QAAA,MAAc;AACpD,MAAA,EAAa,EAAK;AAAA,IACpB,CAAC;AAAA,EAEL,GAAG;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAc;AAAA,EAAe,CAAC;AAGpD,QAAM,IACJ,EAAc,SAAS,EAAc,cAAc,KAAK,CAAC,GAAa,gBAClE,EAAc,OAAA,CAAQ,MAAW,MAAW,EAAc,cAAc,IACxE,GAEA,IAA2B,EAAA,MAAc;AAC7C,QAAI,GAAc;AAChB,YAAM,IAAW,EAAmB,KAAA,CACjC,MAAQ,EAAI,SAAS,EAAY,uBACpC,GACM,IAAO,GAAM,SAAS,kBAAkB,GACxC,IAAgB,EAAY;AAElC,UAAI,IAAa,EAAa,QAAQ;AACtC,aAAI,IAAgB,IAAO,MACzB,IAAa,EAAa,QAAQ,iBAK7B;AAAA,QAAE,UAAA;AAAA,QAAU,kBAFjB,MAAS,IAAI,IAAI,KAAK,MAAO,KAAK,IAAI,IAAgB,CAAI,IAAI,IAAQ,GAAG;AAAA,QAEtC,YAAA;AAAA,MAAW;AAAA,IAClD;AACA,WAAO;AAAA,EACT,GAAG,CAAC,GAAc,CAAkB,CAAC,GAE/B,IAAuB,EAAA,MAAc;AACzC,QAAI,CAAC,GAAc,YAAY,OAC7B,QAAO,CAAC;AAGV,UAAM,EAAE,MAAM,GAAwB,MAAM,EAAA,IAC1C,EAAa,WAAW,CAAA,GAEpB,IAAQ,EAAa,CAAsB,GAC3C,IAAM,GAAW,CAAsB;AAE7C,WAAO,EAAqB,OAAA,CAAQ,MAAM;AACxC,YAAM,IAAkB,GAAY,EAAE,IAAI;AAC1C,aAAO,KAAmB,KAAS,KAAmB,KAAO,EAAE,SAAS;AAAA,IAC1E,CAAC;AAAA,EACH,GAAG;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAsB;AAAA,EAAS,CAAC;AAEpE,MAAI,CAAC,EACH,QAAO,gBAAA,EAAC,IAAD,CAAS,CAAA;AAGlB,QAAM,IAAyB,GAAiB,GAAc,0BAA0B,GAElF,KAAU,EAAM,QAAQ,SAAS,SAAS,aAAa;AAE7D,SACE,gBAAA,EAAC,IAAD;AAAA,IAAK,WAAU;AAAA,IAA6B,OAAM;AAAA,cAAlD;AAAA,MACG,KACC,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK;AAAA,UAAI,GAAG;AAAA,oBAAnB;AAAA,YACE,gBAAA,EAAC,GAAD;AAAA,cAAO,WAAW;AAAA,cAAG,IAAI,EAAE,OAAO,GAAG;AAAA,wBACnC,gBAAA,EAAC,GAAD;AAAA,gBACE,cAAc,EAAY,2BAA2B;AAAA,gBACrD,cAAc,EAAY,iBAAiB;AAAA,gBAC3C,MAAM;AAAA,cACP,CAAA;AAAA,YACI,CAAA;AAAA,YAEP,gBAAA,EAAC,IAAD;AAAA,cAA0B,aAAA;AAAA,cAAa,UAAU;AAAA,YAAyB,CAAA;AAAA,YAE1E,gBAAA,EAAC,GAAD;AAAA,cAAO,WAAU;AAAA,cAAM,gBAAe;AAAA,cAAgB,IAAI,EAAE,WAAW,GAAG;AAAA,wBAA1E,CACE,gBAAA,EAAC,IAAD;AAAA,gBAAG,OAAO,EAAY,WAAW,iBAAiB;AAAA,gBAAgB,SAAQ;AAAA,0BAA1E,CACG,EAAY,WAAW,MAAM,IAC7B,EAAe,EAAY,QAAQ,QAAQ,CAC3C;AAAA,kBACF,CAAC,KAA0B,KAC1B,gBAAA,EAAC,IAAD,EAA8B,aAAA,EAAc,CAAA,CAEzC;AAAA;YAEN,GAAc,gBACb,gBAAA,EAAC,IAAD;AAAA,cACE,cAAc,EAAa;AAAA,cAC3B,aACE,EACE,EAAa,QAAQ,sBACrB,EAA0B,YAC1B,gBAAA,EAAC,UAAD,EAAA,UAAS,EAA0B,iBAAyB,CAAA,CAC9D;AAAA,cAEF,cAAc,EAAa;AAAA,cAC3B,YAAA,MAAkB;AAChB,gBAAA,EAAkC,EAAI;AAAA,cACxC;AAAA,cACA,OAAO,EAAM;AAAA,YACd,CAAA;AAAA,YAEH,gBAAA,EAAC,GAAD;AAAA,cAAO,IAAI;AAAA,gBAAE,SAAS;AAAA,gBAAS,cAAc;AAAA,gBAAO,KAAK;AAAA,gBAAG,GAAG;AAAA,cAAE;AAAA,wBAAjE,CACE,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,0BACT,GAAG,EAAY,OAAA;AAAA,kBAEd,IACI,EAAY,SACZ,IAAS,OAAO,CAAC,EAAE,OAAO,EAAY,UAAU,EAAE,CAAA;AAAA,cAEpD,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,gBAAM,UAAU;AAAA,gBAAM,SAAQ;AAAA,0BACvC,EAAY;AAAA,cACT,CAAA,CACD;AAAA;UACF;AAAA;QAEP,gBAAA,EAAC,GAAD;AAAA,UAAO,QAAQ;AAAA,UAAM,IAAI,EAAE,WAAW,OAAO;AAAA,oBAC1C,IACC,gBAAA,EAAC,IAAD,EAAqC,aAAA,EAAc,CAAA,IAEnD,gBAAA,EAAC,GAAD,EAAA,UACG,EAAW,IAAA,CAAK,GAAQ,MACvB,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,YACG,MAAW,EAAW,YAAY,gBAAA,EAAC,IAAD,EAA6B,aAAA,EAAc,CAAA;AAAA,YAC7E,MAAW,EAAW,QAAQ,gBAAA,EAAC,IAAD,EAAyB,aAAA,EAAc,CAAA;AAAA,YACrE,MAAW,EAAW,QAAQ,gBAAA,EAAC,IAAD,EAAyB,aAAA,EAAc,CAAA;AAAA,YACrE,MAAW,EAAW,QAAQ,gBAAA,EAAC,IAAD,EAAyB,aAAA,EAAc,CAAA;AAAA,YACtE,gBAAA,EAAC,GAAD;AAAA,cACE,WAAU;AAAA,cACV,SAAS,IAAQ,EAAW,SAAS,IAAI,UAAU;AAAA,YACpD,CAAA;AAAA,UACa,EAAA,GATK,CASL,CACjB,EACG,CAAA;AAAA,QAEH,CAAA;AAAA,QAEN,CAAC,KAA0B,EAAqB,SAAS,KACxD,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,IAAI;AAAA,UAAG,IAAI;AAAA,UAAI,IAAI;AAAA,UAAI,SAAQ;AAAA,oBAC9C,EAAK;AAAA,QACF,CAAA,GAEN,gBAAA,EAAC,GAAD;AAAA,UAAO,QAAQ;AAAA,UAAM,IAAI,EAAE,WAAW,OAAO;AAAA,oBAC3C,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,EAAqB,IAAA,CAAK,GAAQ,MACjC,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,YACG,MAAW,EAAc,kBACxB,gBAAA,EAAC,IAAD,EAAsC,aAAA,EAAc,CAAA;AAAA,YAErD,MAAW,EAAc,oBACxB,gBAAA,EAAC,IAAD,EAA0B,aAAA,EAAc,CAAA;AAAA,YAEzC,MAAW,EAAc,mBACxB,gBAAA,EAAC,IAAD,EAA4B,aAAA,EAAc,CAAA;AAAA,YAE3C,MAAW,EAAc,gBACxB,gBAAA,EAAC,IAAD,EAA+B,aAAA,EAAc,CAAA;AAAA,YAE/C,gBAAA,EAAC,GAAD;AAAA,cACE,WAAU;AAAA,cACV,SAAS,IAAQ,EAAqB,SAAS,IAAI,UAAU;AAAA,YAC9D,CAAA;AAAA,UACa,EAAA,GAjBK,CAiBL,CACjB,GAUA,EAAY,aACX,CAAC,EAAY,eACb,CAAC,EAAY,kBAAkB,gBAAA,EAAC,IAAD,EAA2B,aAAA,EAAc,CAAA,CACtE,EAAA,CAAA;AAAA,QACD,CAAA,CACO,EAAA,CAAA;AAAA,MAEb,EAAA,CAAA;AAAA,MAER,KAAQ,KACP,gBAAA,EAAC,IAAD;AAAA,QACE,WAAW,GACT,GAAc,WAAW,CAAA,GAAmB,MAC5C,GAAkB,KACpB;AAAA,QACA,eAAe;AAAA,UACb,SAAS;AAAA,YACP,SAAS,EAAK,QAAQ;AAAA,YACtB,kBAAkB,EAAe,EAAK,QAAQ,gBAAgB,KAAK;AAAA,UACrE;AAAA,UACA,OAAO,EAA0B,UAAU,SAAS;AAAA,UACpD,MAAM,EAAa;AAAA,UACnB,QAAQ;AAAA,YAAE,QAAQ;AAAA,YAAI,MAAM;AAAA,YAAI,OAAO;AAAA,YAAI,KAAK;AAAA,UAAG;AAAA,UACnD,oBAAoB,EAAa,QAAQ;AAAA,UACzC,YAAA,CAAa,MAAU;AACrB,YAAA,EAAoB,CAAK;AAAA,UAC3B;AAAA,UACA,kBAAkB,EAAa,QAAQ;AAAA,UACvC,gBAAgB;AAAA,QAClB;AAAA,QACA,MAAM;AAAA,UACJ,SAAS,EAAK;AAAA,UACd,YAAY;AAAA,YACV,eAAe,EAAY,iBAAiB;AAAA,YAC5C,eAAe,EAAY,iBAAiB;AAAA,YAC5C,aAAa,EAAY,eAAe;AAAA,UAC1C;AAAA,QACF;AAAA,QACA,MAAM,EAAa;AAAA,QACnB,sBAAsB;AAAA,QACtB,MACE,gBAAA,EAAC,GAAD;AAAA,UACE,KAAK,EAAY,eAAe;AAAA,UAChC,cAAc,EAAY,iBAAiB;AAAA,UAC3C,cAAc,EAAY,iBAAiB;AAAA,UAC3C,MAAM;AAAA,QACP,CAAA;AAAA,QAEH,QAAQ;AAAA,QACR,SAAA,MAAe;AACb,UAAA,EAAkC,EAAK,GACvC,EAAoB,EAAc,WAAW,SAAS,CAAC;AAAA,QACzD;AAAA,QACA,aAAA,CAAc,MAAkB;AAC9B,UAAA,EAAoB,CAAK;AAAA,QAC3B;AAAA,QACA,YACG,IASG,SARA;AAAA,UACE,SAAS,EACP,EAAa,QAAQ,qBACrB,gBAAA,EAAC,UAAD,EAAA,UAAS,EAAa,QAAQ,kBAA0B,CAAA,GACxD,gBAAA,EAAC,UAAD,EAAA,UAAS,EAAK,qBAAqB,YAAoB,CAAA,CACzD;AAAA,UACA,WAAA,MAAiB,EAAmB,EAAI;AAAA,QAC1C;AAAA,QAGN,OAAO,EAAa,QAAQ;AAAA,QAC5B,sBAAsB;AAAA,UACpB,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,aAAa;AAAA,QACf;AAAA,MACD,CAAA;AAAA,MAEH,gBAAA,EAAC,IAAD;AAAA,QACE,cAAc;AAAA,UAAE,UAAU;AAAA,UAAU,YAAY;AAAA,QAAQ;AAAA,QACxD,kBAAkB;AAAA,QAClB,SAAA,MAAe,EAAS,EAAE;AAAA,QAC1B,MAAM,EAAQ;AAAA,kBAEd,gBAAA,EAAC,IAAD;AAAA,UAAO,WAAU;AAAA,UAAG,SAAA,MAAe,EAAS,EAAE;AAAA,UAAG,UAAS;AAAA,UAAU,SAAQ;AAAA,oBACzE;AAAA,QACI,CAAA;AAAA,MACC,CAAA;AAAA,IACP;AAAA;AAET,GAEA,KAAe,GAAS,EAAkB"}

package/dist/transactions/components/shared/TransactionList/TransactionRow/index.es.js

@@ -1,92 +0,0 @@
-import { useGlobalCopyStore as x, useTransactionStore as C } from "../../../../../common/context/hooks/index.es.js";
-import { TransactionType as I } from "../../../../../core/types/Transaction/index.es.js";
-import { formatCurrency as S } from "../../../../../core/utils/NumberFormatting/index.es.js";
-import { ListItemWrapper as w } from "../../../../../common/components/ListItemWrapper/index.es.js";
-import { useTransactionsUiStore as f } from "../../../../context/hooks/index.es.js";
-import { ON_CLICK_EVENTS as k } from "../../../../constants/OnClickEvents/index.es.js";
-import { postInsightOnTransaction as L } from "../../../../../common/utils/PostMessage/index.es.js";
-import _ from "react";
-import { observer as N } from "mobx-react-lite";
-import d from "@mui/material/Stack";
-import { Icon as c, MerchantLogo as E, Text as n } from "@mxenabled/mxui";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useTheme as R } from "@mui/material/styles";
-import j from "@mui/material/ListItemText";
-import M from "@mui/material/ListItemAvatar";
-var O = ({ transaction: e, onClick: p, component: l }) => {
-  const g = R().palette.mode === "dark", { associatedBeats: m } = C(), { expandedSplits: h } = f(), { transactions: y } = x(), { showInsights: T } = f(), u = e.transaction_type === I.CREDIT, a = _.useMemo(() => m.find((r) => r.associated_transaction_guid === e.guid), [m, e]), b = (r, o) => {
-    const s = [];
-    return r.is_flagged && s.push(/* @__PURE__ */ t(c, {
-      fill: !0,
-      name: "flag",
-      size: 16,
-      sx: { color: o ? "primary.main" : "warning.dark" }
-    }, "flag")), r.is_hidden && s.push(/* @__PURE__ */ t(c, {
-      name: "visibility_off",
-      size: 16
-    }, "hidden")), r.has_been_split && s.push(/* @__PURE__ */ t(c, {
-      name: "call_split",
-      size: 16
-    }, "split")), s;
-  }, v = (r, o) => r.is_hidden ? o.is_excluded : r.has_been_split ? o.split_transaction_category_label : r.category || "";
-  return /* @__PURE__ */ i(w, {
-    clickEventName: k.ON_TRANSACTION_LIST_ITEM_CLICK,
-    ...l && { component: l },
-    onClick: p ? () => p(e.guid) : void 0,
-    sx: e.is_hidden ? {
-      backgroundColor: "grey.50",
-      color: "text.secondary"
-    } : void 0,
-    children: [/* @__PURE__ */ t(M, { children: e.parent_guid && h.includes(e.parent_guid) ? /* @__PURE__ */ t(_.Fragment, {}) : /* @__PURE__ */ t(E, {
-      categoryGuid: e.top_level_category_guid || "",
-      merchantGuid: e.merchant_guid || ""
-    }) }), /* @__PURE__ */ t(j, {
-      disableTypography: !0,
-      secondary: /* @__PURE__ */ i(d, {
-        direction: "row",
-        justifyContent: "space-between",
-        children: [/* @__PURE__ */ i(d, {
-          alignItems: "center",
-          direction: "row",
-          gap: 4,
-          children: [b(e, g), /* @__PURE__ */ t(n, {
-            truncate: !0,
-            variant: "caption",
-            children: v(e, y)
-          })]
-        }), a && T && /* @__PURE__ */ t(n, {
-          bold: !0,
-          color: "action.active",
-          onClick: (r) => {
-            r.stopPropagation(), r.preventDefault(), L(a.guid);
-          },
-          truncate: !0,
-          variant: "caption",
-          children: a.short_title
-        })]
-      }),
-      children: /* @__PURE__ */ i(d, {
-        direction: "row",
-        justifyContent: "space-between",
-        sx: { gap: 8 },
-        children: [/* @__PURE__ */ t(n, {
-          bold: !0,
-          truncate: !0,
-          variant: "body1",
-          children: e.payee || e.description || e.feed_description
-        }), /* @__PURE__ */ i(n, {
-          bold: !0,
-          color: u ? "success.main" : "text.primary",
-          sx: { flexShrink: 0 },
-          variant: "body1",
-          children: [u ? "+" : "", S(e.amount, "0,0.00")]
-        })]
-      })
-    })]
-  });
-}, X = N(O);
-export {
-  X as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/shared/TransactionList/TransactionRow/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactionlist/TransactionRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport { ListItemWrapper, useGlobalCopyStore, useTransactionStore } from '../../../../common'\nimport { Transaction, TransactionType } from '../../../../core'\n\nimport { postInsightOnTransaction } from '../../../../common/utils/PostMessage'\n\nimport { ON_CLICK_EVENTS } from '../../../constants/OnClickEvents'\nimport { useTransactionsUiStore } from '../../../context/hooks'\nimport { formatCurrency } from '../../../../core/utils/NumberFormatting'\n\ninterface TransactionRowProps {\n  component?: React.ElementType\n  onClick?: (guid: string) => void\n  transaction: Transaction\n}\n\nconst TransactionRow: React.FC<TransactionRowProps> = ({ transaction, onClick, component }) => {\n  const theme = useTheme()\n  const isDarkMode = theme.palette.mode === 'dark'\n\n  const { associatedBeats } = useTransactionStore()\n  const { expandedSplits } = useTransactionsUiStore()\n  const { transactions: copy } = useGlobalCopyStore()\n  const { showInsights } = useTransactionsUiStore()\n\n  const isCredit = transaction.transaction_type === TransactionType.CREDIT\n\n  const beat = React.useMemo(() => {\n    return associatedBeats.find((beat) => beat.associated_transaction_guid === transaction.guid)\n  }, [associatedBeats, transaction])\n\n  const getTransactionStatusIcons = (\n    transaction: Transaction,\n    isDarkMode: boolean,\n  ): React.ReactNode[] => {\n    const icons: React.ReactNode[] = []\n\n    if (transaction.is_flagged) {\n      icons.push(\n        <Icon\n          fill={true}\n          key=\"flag\"\n          name=\"flag\"\n          size={16}\n          sx={{ color: isDarkMode ? 'primary.main' : 'warning.dark' }}\n        />,\n      )\n    }\n\n    if (transaction.is_hidden) {\n      icons.push(<Icon key=\"hidden\" name=\"visibility_off\" size={16} />)\n    }\n\n    if (transaction.has_been_split) {\n      icons.push(<Icon key=\"split\" name=\"call_split\" size={16} />)\n    }\n\n    return icons\n  }\n\n  const getTransactionCategoryText = (transaction: Transaction, copy: any): string => {\n    if (transaction.is_hidden) {\n      return copy.is_excluded\n    }\n\n    if (transaction.has_been_split) {\n      return copy.split_transaction_category_label\n    }\n\n    return transaction.category || ''\n  }\n\n  return (\n    //TODO: implement common/components/ListItemRow.tsx\n    <ListItemWrapper\n      clickEventName={ON_CLICK_EVENTS.ON_TRANSACTION_LIST_ITEM_CLICK}\n      {...(component && { component })}\n      onClick={onClick ? () => onClick(transaction.guid) : undefined}\n      sx={\n        transaction.is_hidden ? { backgroundColor: 'grey.50', color: 'text.secondary' } : undefined\n      }\n    >\n      <ListItemAvatar>\n        {transaction.parent_guid && expandedSplits.includes(transaction.parent_guid) ? (\n          <React.Fragment />\n        ) : (\n          <MerchantLogo\n            categoryGuid={transaction.top_level_category_guid || ''}\n            merchantGuid={transaction.merchant_guid || ''}\n          />\n        )}\n      </ListItemAvatar>\n      <ListItemText\n        disableTypography={true}\n        secondary={\n          <Stack direction=\"row\" justifyContent=\"space-between\">\n            <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n              {getTransactionStatusIcons(transaction, isDarkMode)}\n              <Text truncate={true} variant=\"caption\">\n                {getTransactionCategoryText(transaction, copy)}\n              </Text>\n            </Stack>\n            {beat && showInsights && (\n              <Text\n                bold={true}\n                color=\"action.active\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  e.preventDefault()\n\n                  postInsightOnTransaction(beat.guid)\n                }}\n                truncate={true}\n                variant=\"caption\"\n              >\n                {beat.short_title}\n              </Text>\n            )}\n          </Stack>\n        }\n      >\n        <Stack direction=\"row\" justifyContent=\"space-between\" sx={{ gap: 8 }}>\n          <Text bold={true} truncate={true} variant=\"body1\">\n            {transaction.payee || transaction.description || transaction.feed_description}\n          </Text>\n          <Text\n            bold={true}\n            color={isCredit ? 'success.main' : 'text.primary'}\n            sx={{ flexShrink: 0 }}\n            variant=\"body1\"\n          >\n            {isCredit ? '+' : ''}\n            {formatCurrency(transaction.amount, '0,0.00')}\n          </Text>\n        </Stack>\n      </ListItemText>\n    </ListItemWrapper>\n  )\n}\n\nexport default observer(TransactionRow)\n"],"mappings":"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"}

package/dist/transactions/components/shared/TransactionList/ZeroState/index.es.js

@@ -1,39 +0,0 @@
-import { useGlobalCopyStore as n } from "../../../../../common/context/hooks/index.es.js";
-import "react";
-import { observer as i } from "mobx-react-lite";
-import c from "@mui/material/Stack";
-import { Text as o } from "@mxenabled/mxui";
-import { Receipt as s } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var p = ({ showIcon: e = !0, showSubtitle: a = !0 }) => {
-  const { transactions: r } = n();
-  return /* @__PURE__ */ m(c, {
-    alignItems: "center",
-    gap: 12,
-    height: "auto",
-    mb: 24,
-    mt: 24,
-    children: [
-      e && /* @__PURE__ */ t(s, {
-        color: "action",
-        sx: { fontSize: 32 }
-      }),
-      /* @__PURE__ */ t(o, {
-        bold: !0,
-        color: "text.secondary",
-        variant: "body2",
-        children: r.zero_state_no_transactions
-      }),
-      a && /* @__PURE__ */ t(o, {
-        color: "text.secondary",
-        variant: "caption",
-        children: r.zero_state_there_are_no_transactions
-      })
-    ]
-  });
-}, v = i(p);
-export {
-  v as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/transactions/components/shared/TransactionList/ZeroState/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactionlist/ZeroState.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { Receipt as ReceiptOutlinedIcon } from '@mxenabled/mx-icons'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../../common'\n\ninterface ZeroStateProps {\n  showIcon?: boolean\n  showSubtitle?: boolean\n}\n\nconst ZeroState: React.FC<ZeroStateProps> = ({ showIcon = true, showSubtitle = true }) => {\n  const { transactions: copy } = useGlobalCopyStore()\n\n  return (\n    <Stack alignItems=\"center\" gap={12} height=\"auto\" mb={24} mt={24}>\n      {showIcon && <ReceiptOutlinedIcon color=\"action\" sx={{ fontSize: 32 }} />}\n      <Text bold={true} color=\"text.secondary\" variant=\"body2\">\n        {copy.zero_state_no_transactions}\n      </Text>\n      {showSubtitle && (\n        <Text color=\"text.secondary\" variant=\"caption\">\n          {copy.zero_state_there_are_no_transactions}\n        </Text>\n      )}\n    </Stack>\n  )\n}\n\nexport default observer(ZeroState)\n"],"mappings":";;;;;;;AAgBA,IAAM,IAAA,CAAuC,EAAE,UAAA,IAAW,IAAM,cAAA,IAAe,GAAA,MAAW;AACxF,QAAM,EAAE,cAAc,EAAA,IAAS,EAAmB;AAElD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,KAAK;AAAA,IAAI,QAAO;AAAA,IAAO,IAAI;AAAA,IAAI,IAAI;AAAA,cAA9D;AAAA,MACG,KAAY,gBAAA,EAAC,GAAD;AAAA,QAAqB,OAAM;AAAA,QAAS,IAAI,EAAE,UAAU,GAAG;AAAA,MAAI,CAAA;AAAA,MACxE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAC9C,EAAK;AAAA,MACF,CAAA;AAAA,MACL,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAClC,EAAK;AAAA,MACF,CAAA;AAAA,IAEH;AAAA;AAEX,GAEA,IAAe,EAAS,CAAS"}